Skip to content
Agent Workspaces
MCP

ccam-dashboard

Ships with 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…

From plugin
claude-code-agent-monitor
1.1k75 skills21 agents33 commands1 MCP

Claude Code

> /plugin marketplace add hoangsonww/Claude-Code-Agent-Monitor

Security report

Info

Not enough data

  • Known flaws

    Not published

  • Signed build

    Not published

  • Maintained

    Oct 31, 2026

    Last push

  • Licence

    MIT

  • Runs as

    Local process

    On your machine

  • Deprecated

    Not published

Signals from public registries, not an audit. Checked Nov 12, 2026.

claude-code-agent-monitor README

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

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.

Choose how to run CCAM

OptionBest forGuide
Source checkoutDevelopment and local customizationFull setup guide
Desktop appA persistent macOS or Windows app with tray controlsDesktop guide
1.1k75 skills21 agents1 MCP
Get the whole plugin

Stars on GitHub

Momentum

stars in total
1.1k
Star history of hoangsonww/Claude-Code-Agent-Monitor on GitHub, a chart by star-history.com

More MCP servers from other plugins.

colorsandfonts

colorsandfonts

MCP

Ships with collab-public: Collaborator is a place to build with agents. Collaborator is an end-to-end environment for agentic…

@collabs-inc@collabs-incInstall MCP
context7

context7

MCP

Fetches current, version specific documentation and code examples for a library, so the agent stops working from stale training…

happier3d2.2k
@happier-dev@happier-devInstall MCP
dart-mcp

dart-mcp

MCP

Ships with ccpocket: Your agents. In your pocket. Codex and Claude, with a chat UI made for your phone. Start a task, approve the…

ccpocket1d1.1k
@k9i-0@k9i-0Install MCP
chrome-devtools
Auto-invoked

chrome-devtools

MCP

Connects to Chrome over the DevTools Protocol to inspect the DOM, network requests and console output.

ecc3d302k
@affaan-m@affaan-mInstall MCP

Questions about ccam-dashboard.

Which coding agents can use ccam-dashboard?
ccam-dashboard works in any agent that reads an MCP config file: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf. Each agent reads it from its own file; this page names the file for each one.
How do I add ccam-dashboard to Claude Code?
Run this in claude code: /plugin marketplace add hoangsonww/Claude-Code-Agent-Monitor