🚀 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.

Agent Dashboard for Claude Code, Cursor & Codex

A local-first control room for AI coding agents

Monitor Claude Code, Cursor, and Codex sessions in real time. Follow conversations and tools, inspect agent hierarchies, understand token usage and cost, analyze orchestration, and operate local agents from one responsive dashboard.

[!TIP] Complete guides: English · 中文 · Tiếng Việt · 한국어 · Español

Claude Code Cursor OpenAI Codex Claude Code Plugins Model Context Protocol Node.js Python Express web-push swagger-ui-express multer adm-zip tar Commander CLI React TypeScript Javascript Vite Tailwind CSS PostCSS Autoprefixer React Router Lucide D3.js Mermaid i18next i18next Language Detector SQLite better--sqlite3 better-sqlite3 WAL WebSocket SSE OpenAPI Swagger VS Code Electron electron-builder macOS Windows SMAppService macOS DMG NSIS Installer Vitest React Testing Library ESLint Prettier Docker Podman Open Container Initiative Prometheus Grafana Terraform Kubernetes Helm Kustomize Nginx Coralogix OpenTelemetry AWS Google Cloud Azure Oracle Cloud GitHub Actions Make Auto Release MIT License

Live fleet state, active work, recent events, cost, and system health.

See what your agents are doing

CCAM combines native hooks with provider-aware transcript discovery. It stays local by default and turns agent activity into a searchable, durable operational record.

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.
Team-ready delivery: Desktop applications, containers, Kubernetes, Terraform, monitoring, alerts, webhooks, and remote data sources.

See CCAM in action

Conversation history with code, tools, reasoning, and session context.

Workflow intelligence for orchestration, delegation, tools, errors, and concurrency.

Provider-aware configuration, skills, hooks, plugins, MCP, rules, and memory.

Launch and manage Claude Code or Codex without leaving the dashboard.

Quick start

Requirements: Node.js 22.22 or newer and npm 9 or newer.

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. npm run setup installs the root, client, and VS Code extension dependencies, builds the MCP server, and links the ccam CLI. On first launch, follow the dashboard prompt to install hooks for the providers you select, or run npm run install-hooks manually.

For production, run npm run build && npm start and open http://localhost:4820.

Choose how to run CCAM

Option	Best for	Guide
Source checkout	Development and local customization	Full setup guide
Desktop app	A persistent macOS or Windows app with tray controls	Desktop guide
Docker or Podman	Isolated local or server deployments	Deployment guide
Kubernetes or Terraform	Production infrastructure	Deployment reference
MCP sidecar	Agent-driven dashboard queries and guarded operations	MCP guide

Extensions and automation

CCAM ships 14 plugins, 66 plugin skills, 18 Claude subagents, 34 Claude commands, and 77 total repository skills across Claude Code and Codex formats.

claude plugin marketplace add hoangsonww/Claude-Code-Agent-Monitor
codex plugin marketplace add hoangsonww/Claude-Code-Agent-Monitor
npx skills add hoangsonww/Claude-Code-Agent-Monitor --list

The ccam CLI and local MCP server expose sessions, agents, events, transcripts, analytics, pricing, workflows, alerts, imports, configuration, remote sources, and maintenance operations for humans and automation.

Documentation

Complete product and operational reference: README-EN.md
Documentation index: docs/README.md
Task-oriented handbook: GitHub Wiki
Localized product tour: Static Wiki
Architecture: ARCHITECTURE.md
CLI: docs/CLI.md
REST and OpenAPI: docs/API.md
Hooks and lifecycle: docs/HOOKS.md
Database: docs/DATABASE.md
Plugins: docs/PLUGINS.md
MCP: docs/MCP.md and mcp/README.md
Desktop application: DESKTOP.md and desktop/README.md
Deployment: DEPLOYMENT.md and docs/DEPLOYMENT.md
Security: .github/SECURITY.md

Local-first and secure by default

The dashboard binds to 127.0.0.1 by default. It does not require cloud credentials, and it does not transmit your transcripts or agent data to a hosted service. Optional tokens protect HTTP, WebSocket, hook, MCP, and remote-push surfaces when you deliberately expose them beyond loopback.

See the security policy and full configuration reference before enabling remote access.

Contributing and support

Read the contributing guide.
Report bugs through GitHub Issues.
Ask questions and share ideas in GitHub Discussions.
Follow the Code of Conduct.

License

MIT. See LICENSE.