Danh mục

hoangsonww/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.

snapshot · 26/10/2026
HC

hoangsonww/Claude-Code-Agent-Monitor

frontend · TypeScript · danh tính provisional_slug_only

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

Sao1.1klịch sử sao
Hạng#12371snapshot toàn cục
Fork261bản ghi nguồn
Số ngày trending1lịch sử xu hướng
Snapshot chỉ có lịch sử sao đầy đủ của star-history/star-history. Lịch sử thiếu thì không vẽ.

README

Từ GitHub · lưu tạm tối đa 7 ngày

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 ws 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

CCAM dashboard with live agent and session activity
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; Cursor adopts a generated title only when ingestion metadata proves the current fallback is CCAM-owned.
  • Agent orchestration: Parent-child trees, background agents, dynamic workflow runs, tool-flow graphs, concurrency, delegation, and compaction analysis.
  • Cost and usage: API-equivalent estimate details live behind the cost label's info icon; Cursor usage is counted once per generation against the concrete native model.
  • 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

Rendered agent conversation with code and tool activity
Conversation history with code, tools, reasoning, and session context.

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

Claude Code and Codex configuration explorers
Provider-aware configuration, skills, hooks, plugins, MCP, rules, and memory.

Run Agent provider selection
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.

Before an upgrade that may recount usage, capture and compare read-only cost snapshots:

node scripts/cost-snapshot.js snapshot --out before.tsv
# Upgrade and restart CCAM, then let startup maintenance finish.
node scripts/cost-snapshot.js snapshot --out after.tsv
node scripts/cost-snapshot.js compare before.tsv after.tsv --fail-on-local-change

Keep these TSV files private because they contain session identifiers and ownership metadata. The guard fails when an existing local session's usage or cost changes, ownership moves to or from local, or a local session disappears; remote and newly added sessions are reported separately. See the complete upgrade safeguard for the exact compared fields.

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

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

License

MIT. See LICENSE.