npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

@synapse-ai/cli

v0.1.3

Published

Real-time agent observability for Claude Code. See what your AI agents are actually doing.

Vulnerabilities

Powered byPowered by Snyk
  • 0High
  • 0Medium
  • 0Low

Links

Git

Maintainers

soarcersoarcer

Keywords

claudeclaude-codeai-agentmonitoringdashboardhooks

Readme

Synapse

See what your AI agents are actually doing.

Real-time agent observability for Claude Code. Every session, agent, subagent, and tool call rendered as a live, interactive node graph.

For developers running Claude Code who want to see what's happening under the hood.

Install

npm install -g @synapse-ai/cli

Requires Node.js 20+.

Quick Start

cd ~/your-project
synapse start

Server starts, hooks configured, browser opens. Run Claude Code like normal. Everything streams to the graph in real-time.

Don't want to install globally? npx @synapse-ai/cli start works too.

Features

  • Live node graph — Sessions, agents, subagents, and tool calls as connected nodes with animated edges. Color-coded by status, auto-expanding as agents spawn.
  • Four analysis lenses — Tree view, treemap, sankey flow, and compaction timeline. Click a node in any lens — it highlights in the graph.
  • Tool call grouping — 47 tool calls don't produce 47 nodes. Three display modes: pill grid, timeline swimlanes, frequency matrix.
  • Remote approval — Start a job, walk away, approve permissions from your phone. Requires --lan mode.
  • Keyboard navigation — Arrow keys to walk the graph. Up/down the spine, left/right between siblings. Navigate a 200-node tree without touching the mouse.
  • Node inspector — Click any node for full metadata: tool arguments, response payloads, token counts, timing, parent chain.
  • Mobile UI — Full responsive layout. Remote approval works from your phone's browser.

Commands

| Command | What it does | | ------------------ | ------------------------------------------ | | synapse start | Start server (Ctrl+C to stop) | | synapse start -d | Start as background daemon | | synapse stop | Stop the server | | synapse status | Show URL, PID, and hook status | | synapse open | Open dashboard in your browser | | synapse hook | Hook current project to the running server | | synapse unhook | Remove hooks from current project | | synapse help | Show all options |

Start Options

synapse start -d              # Background daemon (recommended)
synapse start --lan           # LAN-accessible (mobile approval)
synapse start --observe-only  # Monitor only — no permission interception
synapse start --port 9000     # Custom port
synapse start --no-open       # Don't open browser
synapse start --no-hook       # Server only, no hook configuration

Multi-Project Setup

The server is global — start it once, then hook as many projects as you want:

synapse start -d                        # Start once
cd ~/project-a && synapse hook          # Hook project A
cd ~/project-b && synapse hook          # Hook project B
synapse open                            # Dashboard shows everything

Security

By default, the server binds to localhost only. Nothing leaves your machine.

Pass --lan to enable remote approval from other devices on your network. This opens unauthenticated HTTP endpoints — anyone on your Wi-Fi can see and respond to permission requests.

Use --observe-only for pure read-only monitoring. The permission hook doesn't even start. All visualization, no attack surface.

Troubleshooting

Claude Code hangs on every prompt: The server is not running but hooks are still configured. Either start the server (synapse start -d) or remove the hooks (synapse unhook).

Events not appearing: Run synapse status to check hook status. Re-run synapse hook if needed.

Port already in use: synapse start --port 9000 — pick a different one.

Demo

60-second walkthrough: Watch on YouTube

Links

License

MIT

Built with Claude.The ideas were mine. The 38,000 lines of code were not.Thanks to Anthropic for turning "what if" into "what is."