agent-flow vs cc-lens
Live node-graph visualization of Claude Code and Codex sessions — watch agents think, branch into subagents and call tools in real time. VS Code extension or npx web app. Apache-2.0. — versus — npx cc-lens: local analytics dashboard over ~/.claude — sessions with replay, cost and cache breakdowns, insights and budgets, team-adoption mode, a yearly Wrapped card. No cloud, no telemetry.
Both watch coding-agent sessions, in different tenses: agent-flow draws the live node graph while the agent thinks and branches, cc-lens is the after-the-fact dashboard â replay, cost and cache breakdown.
| agent-flow | cc-lens | |
|---|---|---|
| Stars | 1.6k | 586 |
| Forks | 184 | 79 |
| Language | TypeScript | TypeScript |
| License | Apache-2.0 | MIT |
| Last activity | 1 months ago | 1 months ago |
| Topics | coding | coding |
| Curated connections | 2 | 5 |
agent-flow — the curator's take
The black-box opener: hooks stream Claude Code events (Codex via rollout-file tailing) onto an interactive canvas where you watch a session branch into subagents, spot the slow tool call, trace the decision chain that went wrong, and replay any JSONL log. Zero-friction start — `npx agent-flow-app` and go — and it earns its keep two ways: debugging orchestration, and building prompt intuition by literally watching how the agent interprets you. Born inside a real product (CraftMyGame), not a demo. NOT analytics — no cost aggregation or history (that's claude-code-karma's job). Note the npx binary ships opt-out telemetry: aggregate-only, documented field-by-field, honors DO_NOT_TRACK; dev and extension builds send nothing.
cc-lens — the curator's take
The zero-friction option among Claude Code dashboards: one npx command, loopback-bound by default, and v0.4's Insights tab actually recommends actions — cache, model choice, compaction, plan-fit and budget opportunities mined from your own usage — instead of just charting it. Team mode (shared-folder push hub + terminal digest) is a real differentiator for leads tracking adoption. Costs are estimates from a local pricing table (`~/.cc-lens/pricing.json` to override) — treat them as directional and keep the table current. Claude-only; for subagent forensics and ticket linking, claude-code-karma digs deeper; for a number next to your clock, ai-token-monitor.