Your agents'
control room
See every tool call, track every token, rewind any decision. Cogpit is an open-source dashboard that turns opaque Claude Code sessions into a transparent, controllable experience.
Three modes of operation
Claude Code runs agents behind a terminal. Cogpit opens the black box.
Observe
Watch agent sessions stream in real-time. Every tool call, file edit, thinking block, and sub-agent spawned — rendered as it happens.
Understand
Per-turn token costs, API rate limits, context window usage, and cache efficiency — all at a glance.
Control
Send messages with voice or text, undo turns, branch conversations, manage permissions and MCP servers, and orchestrate multi-agent teams.
Conversation Timeline
Every turn, tool call, edit diff, and agent thought — rendered in a structured, expandable view.
Add a dark mode toggle to the settings page
export function SettingsPage() {
return (
<div className="p-6">
<h1>Settings</h1>
<section>
<h2>General</h2>
{/* settings content */}
</section>
</div>
);
}I found the settings page and the existing theme hook. Let me add the dark mode toggle.
The sub-agent found that `useTheme` doesn't persist preferences yet. I'll wire it up to `useLocalStorage` so the dark mode setting persists across sessions.
Done! I've added a dark mode toggle to the settings page with persistence. The toggle uses `useTheme` backed by `useLocalStorage` and all tests pass.
Everything at your fingertips
Built for developers who want full visibility into what their AI agents are doing.
Live Streaming
SSE-powered real-time updates. Watch thinking, tool calls, and edits stream in with auto-scrolling and live status indicators.
Token Analytics
Per-turn cost tracking with model-aware pricing, SVG charts, cache efficiency, context window usage, and API rate limit monitoring.
Sub-Agent Viewer
Inline sub-agent and background agent panels with color-coded activity, per-agent tokens, and click-through to full sessions.
Full-Text Search
SQLite-indexed search across all sessions. Find any tool call, message, or code change instantly with highlighted matches.
File Changes
Net-diff and per-edit views with LCS-based line diffs. Sub-agent attribution badges. Click to open in your editor.
Voice & Images
Local Whisper WASM transcription, plus drag-and-drop image attachments with paste support and format conversion.
Worktree Management
Git worktrees with dirty/clean status, commits-ahead counts, linked sessions, PR creation, and bulk cleanup.
Permissions & MCP
Configure permission modes (bypass, plan, delegate) and toggle MCP servers per-session from a searchable selector.
Config Editor
Browse and edit .claude/ skills, CLAUDE.md, and MCP configs directly in the dashboard with syntax highlighting.
Process Monitor
Track all Claude CLI processes with PID, memory, CPU. Background task port detection and session linking.
Parallel Sessions
Monitor multiple agent sessions side by side. Switch instantly and track progress across all running agents.
Themes
Dark, Deep OLED, and Light themes with OKLCH color space, Malewicz elevation system, and glassmorphism effects.
Agent Teams
Monitor multi-agent teams collaborating on complex tasks. Members, task boards, and real-time messaging.
Members
Tasks
Activity
Starting the implementation. I'll coordinate tasks — check TaskList for your assignments.
Auth system complete with JWT + refresh tokens. All tests passing.
Great work! Can you also add the settings page when you're done with the dashboard?
Found existing patterns in src/lib/hooks. The useQuery hook already handles caching.
Dashboard layout is done. Moving on to the interactive components now.
Went idle
Assigned task #5 to backend-dev: Add WebSocket support
Conversation Branching
Rewind agent actions and explore alternative approaches. Full file operation reversal included.
Build a user authentication system with JWT
I'll set up the authentication system. Let me start with the user model and auth routes.
Add password hashing and input validation
Added bcrypt hashing and Zod validation schemas. All tests passing.
Network Access
Monitor your agents from any device. Share the URL with your team so everyone can watch the same sessions live. Send prompts from your phone.
Network Access
Allow other devices to connect
Network access disabled
Enable it in settings to connect from this device
Get started in seconds
Download the desktop app or clone and run — your choice.
Desktop App
Recommended — zero setup
All packages on the Releases page.
From Source
Requires Bun + Claude Code
See the README for Electron builds and advanced setup.