Claude Code does a lot of things behind a blinking cursor. Synapse renders all of it as a live, interactive node graph. Because understanding is its own reward.
npm install -g @synapse-ai/cli
Then: synapse start · Requires Node.js 20+
Agents spawning subagents calling tools spawning more agents — all rendered in real-time so you can see what's actually happening instead of guessing.
Sessions, agents, subagents, and tool calls as connected nodes with animated edges. Color-coded by status. Auto-expanding as agents spawn. Custom layout algorithm that handles arbitrarily deep trees without overlapping.
We replaced dagre. Long story.
Same data, five perspectives. Tree explorer, treemap, sankey flow, compaction forensics, cost waterfall. Click a node in any lens — it highlights in the graph. Click a node in the graph — it highlights in every lens.
The sankey is the prettiest. The compaction lens is the most useful.
47 tool calls don't produce 47 nodes. They're grouped into composites with three display modes: pill grid, timeline swimlanes, and density heatmap. Toggle with F.
Start a job, walk away, approve permissions from your phone. Claude Code's HTTP hooks hold the request open until you tap Approve or Deny. Cards stack with countdown timers.
Requires --lan mode. Your home Wi-Fi, not the coffee shop.
Ever had Claude forget something you told it 10 minutes ago? The sawtooth sparkline shows exactly when the context window hit its limit, and what caused it.
Click any node to open a detail panel with full metadata — tool arguments, response payloads, token counts, timing, parent chain. Everything the graph summarizes, the inspector shows in full.
You don't configure anything. You don't install plugins. You type one command and it just works.
npm i -g @synapse-ai/cli
synapse start in your project. Server starts, hooks configured, browser opens.
Run Claude Code like normal. Every agent spawn, tool call, and token streams to the graph in real-time.
Watch the machine think. Click nodes, drill into tool calls, switch lenses. Understanding is its own reward.
By default, Synapse binds to localhost. Nothing leaves your machine.
Pass --lan to enable remote approval from your phone — this opens unauthenticated endpoints on your local network.
Pass --observe-only for pure read-only monitoring with zero security surface.
Full details in the Security Model.
Real screenshots from a live Claude Code session.
The full dashboard, responsive down to mobile. Approve permissions from the couch, check agent progress from the kitchen, watch the graph grow from anywhere on your network.
Tool call nodes aren't just data. They're canvases. Some of our visualization modes got a little... creative.
From zero to full agent visibility in one minute. No narration needed — the graph speaks for itself.
One install. One command. All the visibility.
npm install -g @synapse-ai/cli