10BC0 GitHub - gentritbiba/cogpit: Real-time dashboard for browsing, inspecting, and chatting with Claude Code agent sessions. Desktop & browser. · GitHub
[go: up one dir, main page]

Skip to content

gentritbiba/cogpit

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

223 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Screenshot 2026-03-11 at 4 31 18 AM

Cogpit

A real-time control center for Claude Code sessions.

Website · Download


Cogpit reads the JSONL session files that Claude Code writes to ~/.claude/projects/ and turns them into a live, interactive dashboard — so you can watch, control, and debug your AI agents without leaving your workflow.

Available as a desktop app (macOS, Linux) or a browser-based dev server.

Download

Platform File
macOS (Apple Silicon) Cogpit-x.x.x-arm64.dmg
macOS (Intel) Cogpit-x.x.x.dmg
Linux (AppImage) Cogpit-x.x.x.AppImage
Linux (Debian/Ubuntu) Cogpit-x.x.x.deb
Linux (Arch) Cogpit-x.x.x.pacman

Prerequisite: Claude Code must be installed. Cogpit uses your existing CLI — no API keys or separate login needed.

Why Cogpit

Claude Code is powerful, but the terminal gives you a narrow view. Cogpit gives you the full picture:

  • See everything at once — live sessions, token costs, file changes, and agent activity in one screen
  • Talk to your agents — send messages, approve plans, answer questions, interrupt or branch at any point
  • Track the money — per-turn token breakdown, model-aware cost calculation, API rate limit monitoring
  • Debug faster — full-text search across all sessions, color-coded tool calls, expandable thinking blocks, line-by-line edit diffs
  • Manage multi-agent workflows — team dashboards with kanban boards, inter-agent messaging, and per-member session navigation
  • Undo anything — rewind sessions to any turn with full branching support and file operation reversal

Features

Live Session Monitoring

Stream active sessions via SSE. Watch Claude think, call tools, and edit files in real-time. Status indicators show running, thinking, tool use, and idle states. Process monitor tracks all claude CLI processes with PID, memory, and CPU.

Interactive Chat

Send messages to running sessions with model override (Opus, Sonnet, Haiku). Voice input via Whisper WASM. Slash command autocomplete from project skills and commands. Image support with drag-and-drop, paste, and format conversion.

Conversation Timeline

Structured view of every turn: user messages, thinking blocks, assistant text with syntax-highlighted Markdown, color-coded tool call badges, LCS-based edit diffs, and compaction markers. Virtualized for smooth scrolling. Full-text search across all content.

Sub-Agent Viewer

When Claude spawns sub-agents via the Task tool, Cogpit tracks them automatically. Color-coded panels show each sub-agent's thinking, text, and tool calls inline within the parent session. Background agents get their own distinct panels. Click through to view any sub-agent's full session.

Token Analytics & Cost Tracking

Per-turn token usage (input, output, cache creation, cache read). Model-aware pricing. SVG bar charts. Context window percentage with color coding. Tool call breakdown, error tracking, duration metrics, agent/model breakdowns, cache efficiency, and API rate limit widget.

Undo / Redo with Branching

Rewind to any previous turn. Create branches, switch between them via an SVG graph modal. File operations (Edit/Write) are reversed on undo and replayed on redo. Ghost turns show archived content with hover-to-redo.

File Changes

Track all modifications across a session. Net-diff view (aggregated) or per-edit view (chronological). Sub-agent attribution. Open files in your editor or view git diffs directly.

Team Dashboards

Inspect multi-agent teams: member status cards, kanban task board, color-coded message timeline, team chat, and live SSE updates.

Worktree Management

List active git worktrees with dirty/clean status, commits-ahead count, and linked sessions. Create PRs directly. Bulk cleanup of stale worktrees.

Permissions & MCP Server Selector

Configure permission modes (bypass, default, plan, acceptEdits, dontAsk, delegate) and tool-level allow/block. Choose which MCP servers to enable per session from a searchable selector — toggle servers on or off before sending a message.

Agent Configuration Editor

Browse and edit your project's .claude/ directory directly from the dashboard — skills, slash commands, CLAUDE.md, and MCP server configs. Changes are written to disk immediately, no terminal needed.

Network Access

Access Cogpit from your phone or tablet on the same LAN. Password-protected with rate-limited auth. Full feature parity with the local client.

Theming

Dark, Deep OLED, and Light themes with a Malewicz-inspired elevation system, glassmorphism effects, and gradient borders.

Getting Started

From Releases (recommended)

Download from the Releases page and open.

From Source

git clone https://github.com/gentritbiba/cogpit.git
cd cogpit
bun install

# Browser
bun run dev

# Electron
bun run electron:dev

Build

# Web
bun run build && bun run preview

# Desktop (DMG on macOS, AppImage + deb on Linux)
bun run electron:package

Tech Stack

React 19 · TypeScript · Vite 6 · Electron 40 · Tailwind CSS 4 · Radix UI · Express 5 · SSE + WebSocket · Shiki · Vitest

License

MIT

About

Real-time dashboard for browsing, inspecting, and chatting with Claude Code agent sessions. Desktop & browser.

Resources

Stars

Watchers

Forks

Packages

 
 
 

Contributors

Languages

0