Claude-Code-Agent-Monitor

๐Ÿš€ A real-time monitoring dashboard for Claude Code & Codex, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, & WebSockets. It tracks sessions, a

What is Claude-Code-Agent-Monitor?

๐Ÿš€ A real-time monitoring dashboard for Claude Code & Codex, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, & WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration, providing live analytics, a Kanban status board, status notifications, a cute buddy, & an interactive web UI/MacOS/Windows native app.

Overview of Claude-Code-Agent-Monitor

What it is

A real-time monitoring dashboard for Claude Code, Cursor, and Codex, built with SQLite3, Node.js, Express, React, Vite, TailwindCSS, and WebSockets. It tracks sessions, agent activity, tool usage, and subagent orchestration, providing live analytics, a Kanban status board, status notifications, a cute buddy, and an interactive web UI or MacOS/Windows native app. The dashboard binds to 127.0.0.1 by default and does not require cloud credentials or transmit agent data to a hosted service.

Key features

  • One live fleet: Claude Code, Cursor, and Codex sessions appear in the same Dashboard, Sessions, Activity Feed, and Kanban views.
  • Complete conversations: Rendered Markdown, highlighted code, tool calls, command output, queued prompts, attachments, and provider-native titles.
  • Agent orchestration: Parent-child trees, background agents, dynamic workflow runs, tool-flow graphs, concurrency, delegation, and compaction analysis.
  • Cost and usage: Model-aware tokens, configurable pricing, introductory rates, subagent costs, trends, and budget-friendly CLI/MCP access.
  • Run and resume agents: Launch Claude Code or Codex, stream output, send follow-ups, resume previous work, and reattach to background runs.
  • Configuration visibility: Inspect Claude Code and Codex settings, skills, hooks, MCP servers, rules, plugins, memory, profiles, and instructions.
  • Operational safety: Loopback binding, optional authentication, guarded mutations, backup-first edits, bounded uploads, and no automatic self-update.

Use cases

Monitor AI coding agents in real time, inspect agent hierarchies, understand token usage and cost, analyze orchestration and delegation patterns, and operate local agents from a single dashboard. Suitable for development teams, individual developers, and anyone using Claude Code, Cursor, or Codex who wants a local-first operational view.

Getting started

Requirements: Node.js 22.22 or newer and npm 9 or newer. bash git clone https://github.com/hoangsonww/Claude-Code-Agent-Monitor.git cd Claude-Code-Agent-Monitor npm run setup npm run dev Open http://localhost:5173. For production, run npm run build && npm start and open http://localhost:4820.

License and pricing

MIT license. Open source (free).

Based on the project's public README and repository metadata.

Add this badge to your README

Featured on YunoDB Badge styles & help

Maintain this project? Show that it is featured on YunoDB.

Markdown[![Featured on YunoDB](https://yunodb.com/badge/hoangsonwwclaude-code-agent-monitor.svg)](https://yunodb.com/tools/hoangsonwwclaude-code-agent-monitor?utm_source=github&utm_medium=badge)
HTML<a href="https://yunodb.com/tools/hoangsonwwclaude-code-agent-monitor?utm_source=github&utm_medium=badge"><img src="https://yunodb.com/badge/hoangsonwwclaude-code-agent-monitor.svg" alt="Featured on YunoDB" height="20"></a>