Dashboard

A real-time UI for watching your agents think, decide, and act.

How it works

The AOP dashboard is a web application served by the collector. When you run npx @useaop/collector start, the dashboard is available at http://localhost:4317 (or whatever port you configured).

The dashboard connects to the collector via Server-Sent Events (SSE) at the /stream endpoint. This means events appear in the UI the instant the collector receives them — no polling, no refresh needed.

Data flow

Agent (SDK)
POST /events→
Collector
SSE /stream→
Dashboard
Collector↔
SQLite

Key features

  • Live event streaming — watch events flow in real time as your agent runs.
  • Session overview — see all active and recent sessions at a glance, with status indicators and event counts.
  • Session detail view — drill into any session to see the complete event feed, timing, and agent reasoning.
  • Session replay — replay completed sessions step by step, with timing preserved.
  • Multi-agent tree — visualize parent-child session relationships in a collapsible tree.
  • Event filtering — filter by event type, tier, or search for specific content.
  • Session export — download any session as a JSON file for sharing or analysis.

Architecture

The dashboard is a client-side application bundled into the collector package. It makes no external network requests — all data comes from the local collector API and SSE stream.

No setup required

The dashboard requires zero configuration. It automatically connects to the collector that serves it. There is no login, no API key, and no account creation.

The dashboard is read-only from the agent's perspective. It never sends events or modifies agent behavior. It only reads from the collector's database and SSE stream.

Next steps