This is an early release preview. You may encounter bugs.
Agent Flow logo
Unclaimed

Tool monitoring

Agent Flow

Real-time visualization of Claude Code agent orchestration — see your agents think, branch, and coordinate as they work.

B 71/100 GitHub score ? This grade is derived from GitHub signals, not user votes. Open for the full breakdown.
Discussion

01 / Summary

About Agent Flow.

Agent Flow draws Claude Code and Codex sessions as they run. Agent execution appears as an interactive node graph with tool calls, branching, and return flows, so you can trace the sequence of decisions behind a result, see which steps took the time, and watch how subagents coordinate.

Three entry points share the same viewer: a VS Code extension for VS Code-compatible editors, a standalone web app run from source, and an npx command that opens the visualizer in a browser. Claude Code events arrive through a lightweight local HTTP hook server, which the extension configures the first time you open the panel. Codex sessions are picked up by tailing Codex's session rollout files, which supply tool calls, reasoning, and token counts from Codex's own event stream. Both runtimes are watched by default and shown side by side, narrowed with an editor setting or an environment variable.

Anonymous usage telemetry is opt-out and enabled only in the published npm binary. The extension and the from-source dev server emit nothing. Only aggregate values are sent (session and event counts, duration, OS and architecture, version, distinct model IDs observed, which runtimes were watched, and error class names), and it is turned off with an environment variable.

  • Live node graph: agent execution drawn as it happens, with tool calls, branching, and return flows
  • Two runtimes: Claude Code and Codex sessions auto-detected concurrently and tagged by runtime
  • Hook-based streaming: an HTTP hook server receives Claude Code events directly
  • Codex rollout tailing: reads Codex session JSONL for tool calls, reasoning, and token counts
  • Multi-session tabs: several concurrent agent sessions tracked at once
  • Interactive canvas: pan, zoom, and click agents and tool calls to inspect detail
  • Timeline and transcript: full execution timeline, file attention heatmap, and message transcript
  • JSONL replay: point at any JSONL event log to replay or watch activity
  • Three entry points: VS Code extension, standalone web app, or a single npx command

02 / Discussion CREDIBILITY-GATED

Discussion

Reading is open to everyone. Posting and voting need a verified identity or a GitHub grade of B or higher.

  • No discussions yet.

04 / Build

Build with Agent Flow.

Browse the catalog for frameworks, tools, and harnesses, each scored on real GitHub credibility.

Get Agent Flow →

Browse the catalog