[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-74817":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":22,"archived":23,"fork":23,"defaultBranch":24,"hasWiki":25,"hasPages":23,"topics":26,"createdAt":10,"pushedAt":10,"updatedAt":47,"readmeContent":48,"aiSummary":49,"trendingCount":16,"starSnapshotCount":16,"syncStatus":50,"lastSyncTime":51,"discoverSource":52},74817,"claude-devtools","matt1398\u002Fclaude-devtools","matt1398","The missing DevTools for Claude Code — inspect session logs, tool calls, token usage, subagents, and context window in a visual UI. Free, open source.","https:\u002F\u002Fclaude-dev.tools",null,"TypeScript",3547,269,12,18,0,20,55,217,60,29.29,"MIT License",false,"main",true,[27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46],"ai","ai-agent","ai-debugging","ai-tools","anthropic","claude","claude-code","claude-code-tools","debugging","desktop-app","developer-tools","devtools","electron","llm","macos-app","observability","open-source","session-viewer","token-usage","typescript","2026-06-12 02:03:28","\u003Cp align=\"center\">\n  \u003Cimg src=\"resources\u002Fclaude.png\" alt=\"Your Claude is coding blind\" width=\"600\" \u002F>\n\u003C\u002Fp>\n\n\u003Ch1 align=\"center\">claude-devtools\u003C\u002Fh1>\n\n\u003Cp align=\"center\">\n  \u003Cstrong>Your Claude is coding blind. See everything it did.\u003C\u002Fstrong>\n\u003C\u002Fp>\n\n\u003Cp align=\"center\">\n  \u003Csub>The debugging tool for Claude Code. Read session transcripts, inspect tool calls, track token usage — directly from the Claude Code logs on your machine.\u003C\u002Fsub>\n\u003C\u002Fp>\n\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Fstargazers\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fstars\u002Fmatt1398\u002Fclaude-devtools?style=flat-square&color=yellow&label=stars\" alt=\"GitHub stars\" \u002F>\u003C\u002Fa> \n  \u003Ca href=\"https:\u002F\u002Fclaude-dev.tools\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FWebsite-claude--dev.tools-blue?style=flat-square\" alt=\"Website\" \u002F>\u003C\u002Fa> \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fv\u002Frelease\u002Fmatt1398\u002Fclaude-devtools?style=flat-square&label=version&color=blue\" alt=\"Latest Release\" \u002F>\u003C\u002Fa> \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\">\u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fgithub\u002Fdownloads\u002Fmatt1398\u002Fclaude-devtools\u002Ftotal?style=flat-square&color=green\" alt=\"Downloads\" \u002F>\u003C\u002Fa> \n  \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002Fplatform-macOS%20%7C%20Linux%20%7C%20Windows%20%7C%20Docker-lightgrey?style=flat-square\" alt=\"Platform\" \u002F> \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fhesreallyhim\u002Fawesome-claude-code\">\u003Cimg src=\"https:\u002F\u002Fawesome.re\u002Fmentioned-badge.svg\" alt=\"Mentioned in Awesome Claude Code\" \u002F>\u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cbr \u002F>\n\n\u003Cp align=\"center\">\n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FmacOS-Download-black?logo=apple&logoColor=white&style=flat\" alt=\"Download for macOS\" height=\"30\" \u002F>\n  \u003C\u002Fa>  \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FLinux-Download-FCC624?logo=linux&logoColor=black&style=flat\" alt=\"Download for Linux\" height=\"30\" \u002F>\n  \u003C\u002Fa>  \n  \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FWindows-Download-0078D4?logo=windows&logoColor=white&style=flat\" alt=\"Download for Windows\" height=\"30\" \u002F>\n  \u003C\u002Fa>  \n  \u003Ca href=\"#docker--standalone-deployment\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FDocker-Deploy-2496ED?logo=docker&logoColor=white&style=flat\" alt=\"Deploy with Docker\" height=\"30\" \u002F>\n  \u003C\u002Fa>  \n  \u003Ca href=\"#installation\">\n    \u003Cimg src=\"https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FHomebrew-Install-FBB040?logo=homebrew&logoColor=white&style=flat\" alt=\"Install with Homebrew\" height=\"30\" \u002F>\n  \u003C\u002Fa>\n\u003C\u002Fp>\n\n\u003Cbr \u002F>\n\n\u003Cp align=\"center\">\n  \u003Cvideo src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F2b420b2c-c4af-4d10-a679-c83269f8ee99\">\n    Your browser does not support the video tag.\n  \u003C\u002Fvideo>\n\u003C\u002Fp>\n\n---\n\n## The Problem\n\n**Claude Code started hiding what it does.**\n\nSince [v2.1.20](https:\u002F\u002Fsymmetrybreak.ing\u002Fblog\u002Fclaude-code-is-being-dumbed-down\u002F), Claude Code replaced detailed output with opaque summaries. `Read 3 files`. `Searched for 1 pattern`. `Edited 2 files`. No file paths. No content. No line numbers. The [community backlash was immediate](https:\u002F\u002Fnews.ycombinator.com\u002Fitem?id=46978710).\n\nBut the problem goes deeper than collapsed file paths:\n\n- **Thinking steps** — Claude's chain-of-thought reasoning is completely invisible in the terminal\n- **Tool call details** — you see a one-line summary, not the actual input\u002Foutput\n- **Subagent activity** — agents spawn agents, but you only see the final result\n- **Context window** — a three-segment progress bar with no breakdown of what's consuming your tokens\n- **Team coordination** — teammate messages, task delegation, shutdown requests — all buried\n\nThe only workaround is `--verbose`, which dumps raw JSON, internal system prompts, and thousands of lines of noise. **There is no middle ground.**\n\n## The Solution\n\n**claude-devtools is the debugging tool for Claude Code.** It reads the Claude Code logs and session transcripts already saved to `~\u002F.claude\u002F` on your machine, and reconstructs *everything*.\n\n| What the terminal hides | What claude-devtools shows |\n|------------------------|---------------------------|\n| `Read 3 files` | Exact file paths, syntax-highlighted content with line numbers |\n| `Searched for 1 pattern` | The regex pattern, every matching file, matched lines |\n| `Edited 2 files` | Inline diffs with added\u002Fremoved highlighting |\n| Three-segment context bar | Per-turn token attribution across 7 categories with compaction visualization |\n| Collapsed subagent output | Full execution trees per agent with tool traces, tokens, duration, cost |\n| Nothing about thinking | Extended thinking content, fully visible |\n| `--verbose` JSON dump | Structured, filterable, navigable interface — no noise |\n| Per-project Claude memory hidden in `~\u002F.claude\u002Fprojects\u002F...\u002Fmemory\u002F` | `MEMORY.md` rendered as a clickable index of layers; open any layer in your editor |\n| Copy from terminal = wrapped lines, ANSI codes, broken Markdown | Real selectable text, one-click copy on every message and code block |\n\n**Zero configuration. No API keys. No wrappers. Works with every session you've ever run.**\n\n> [!TIP]\n> If claude-devtools saves you time debugging Claude Code, **leaving a ⭐ on the repo** is the single best way to support the project — it helps other developers find it.\n\n---\n\n## Installation\n\n### Homebrew (macOS)\n\n```bash\nbrew install --cask claude-devtools\n```\n\n### Direct Download\n\n| Platform | Download | Notes |\n|----------|----------|-------|\n| **macOS** (Apple Silicon) | [`.dmg`](https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest) | Download the `arm64` asset. Drag to Applications. On first launch: right-click → Open |\n| **macOS** (Intel) | [`.dmg`](https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest) | Download the `x64` asset. Drag to Applications. On first launch: right-click → Open |\n| **Linux** | [`.AppImage` \u002F `.deb` \u002F `.rpm` \u002F `.pacman`](https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest) | Choose the package format for your distro |\n| **Windows** | [`.exe`](https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Freleases\u002Flatest) | Standard installer. May trigger SmartScreen — click \"More info\" → \"Run anyway\" |\n| **Docker** | `docker compose up` | Open `http:\u002F\u002Flocalhost:3456`. See [Docker deployment](#docker--standalone-deployment) |\n\n---\n\n## Key Features\n\n### [Context Reconstruction](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Ftoken-usage)\n\n\u003Cimg width=\"100%\" alt=\"context\" src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F9ff4a5a7-bcf6-47fb-8ca5-d4021540804b\" \u002F>\n\nPer-turn token attribution across 7 categories — **CLAUDE.md** (global, project, directory), **skills**, **@-mentioned files**, **tool I\u002FO**, **thinking**, **team overhead**, **user text**. See exactly what's in the context window at any point.\n\n### [Terminal-Friendly Copy & Paste](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fcopy-paste)\n\n\u003Cvideo src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F976dfc47-4d3c-4539-9be2-218037b3dc37\" controls=\"controls\" muted=\"muted\" style=\"max-width: 100%;\">\u003C\u002Fvideo>\n\nCopying Claude Code output from the terminal mangles it — selection wraps at the terminal width, ANSI color codes leak into the clipboard, and code blocks lose their Markdown formatting. claude-devtools renders every message, tool call, and output as **real selectable text** with **one-click copy** on every code block, plus full-session **export to Markdown \u002F JSON \u002F plain text**.\n\n### [Project Memory](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fmemory)\n\n\u003Cimg width=\"100%\" alt=\"Project memory viewer with layer list, frontmatter card, and Open-in launcher\" src=\"public\u002Fmemory.png\" \u002F>\n\nClaude Code stores per-project memory at `~\u002F.claude\u002Fprojects\u002F\u003Cproject>\u002Fmemory\u002F` — a `MEMORY.md` index plus one `.md` file per layer (working style, architecture notes, etc.). claude-devtools surfaces this as a sidebar entry that opens a dedicated pane: layer list on the left, full markdown rendering on the right with frontmatter shown as a metadata card, Obsidian-style `[[wikilinks]]` for cross-layer navigation, and an icon-driven \"Open in…\" launcher that hands any layer (or the whole memory folder) off to Finder\u002FExplorer, Cursor, VS Code, Zed, Xcode, iTerm, Ghostty, Terminal — or copies the absolute path.\n\n### [Team & Subagent Trees](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fsubagents)\n\nIsolated execution trees per agent with tool traces, token metrics, duration, and cost. Nested agents render recursively.\n\n### [Tool Call Inspector](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Ftool-calls)\n\nEvery tool call expanded with specialized viewers — syntax-highlighted Read calls, inline Edit diffs, Bash output, and full subagent trees.\n\n\n### [SSH Remote Sessions](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fssh-remote)\n\nInspect sessions on any remote machine over SSH. Reads `~\u002F.ssh\u002Fconfig`, supports agent forwarding and key auth.\n\n### [Compaction Visualization](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fcompaction)\n\n\u003Cvideo src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F25281f09-05ed-4f81-97bc-7b1754b08b06\" controls=\"controls\" muted=\"muted\" style=\"max-width: 100%;\">\u003C\u002Fvideo>\n\nSee the moment your context hits the limit. Visualizes how context fills, compresses, and refills — so you know exactly what was lost. ([Why did Claude forget? — debugging walkthrough](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fwhy-claude-forgot))\n\n### [Notification Triggers](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fnotifications)\n\n\u003Cvideo src=\"https:\u002F\u002Fgithub.com\u002Fuser-attachments\u002Fassets\u002F3b07b3b4-57af-49ed-9539-be7c56a244f5\" controls=\"controls\" muted=\"muted\" style=\"max-width: 100%;\">\u003C\u002Fvideo>\n\nSystem notifications for `.env` access, tool errors, high token usage, and custom regex patterns on any field.\n\n\n### Command Palette & Multi-Pane Layout\n\n**Cmd+K** for cross-session search. Open multiple sessions side-by-side with drag-and-drop tabs.\n\n📖 **Full documentation:** [claude-dev.tools\u002Fdocs](https:\u002F\u002Fclaude-dev.tools\u002Fdocs) · **Copy from Claude Code:** [claude-dev.tools\u002Fdocs\u002Fcopy-paste](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fcopy-paste) · **JSONL format reference:** [claude-dev.tools\u002Fdocs\u002Fjsonl-format](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fjsonl-format) · **`claude --verbose` comparison:** [claude-dev.tools\u002Fdocs\u002Fverbose-vs-devtools](https:\u002F\u002Fclaude-dev.tools\u002Fdocs\u002Fverbose-vs-devtools)\n\n---\n\n## Not a Wrapper\n\nclaude-devtools does **not** wrap, modify, or interfere with Claude Code. It reads session logs that already exist on your machine. Works with sessions from the terminal, IDEs, or any tool that uses Claude Code.\n\n---\n\n## Docker \u002F Standalone Deployment\n\nRun without Electron — in Docker, on a remote server, or anywhere Node.js runs.\n\n```bash\ndocker compose up\n# Open http:\u002F\u002Flocalhost:3456\n```\n\nOr manually:\n\n```bash\ndocker build -t claude-devtools .\ndocker run -p 3456:3456 -v ~\u002F.claude:\u002Fdata\u002F.claude:ro claude-devtools\n```\n\n| Variable | Default | Description |\n|----------|---------|-------------|\n| `CLAUDE_ROOT` | `~\u002F.claude` | Path to the `.claude` data directory |\n| `HOST` | `0.0.0.0` | Bind address |\n| `PORT` | `3456` | Listen port |\n\nThe standalone server has **zero** outbound network calls. For maximum isolation: `docker run --network none -p 3456:3456 -v ~\u002F.claude:\u002Fdata\u002F.claude:ro claude-devtools`. See [SECURITY.md](SECURITY.md).\n\n---\n\n## Development\n\n\u003Cdetails>\n\u003Csummary>\u003Cstrong>Build from source\u003C\u002Fstrong>\u003C\u002Fsummary>\n\n\u003Cbr \u002F>\n\n**Prerequisites:** Node.js 20+, pnpm 10+\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools.git\ncd claude-devtools\npnpm install\npnpm dev\n```\n\n| Command | Description |\n|---------|-------------|\n| `pnpm dev` | Development with hot reload |\n| `pnpm build` | Production build |\n| `pnpm typecheck` | TypeScript type checking |\n| `pnpm test` | Run all tests |\n| `pnpm check` | Full quality gate (types + lint + test + build) |\n\n\u003C\u002Fdetails>\n\n---\n\n## Community\n\n- **Discussions** — share ideas, ask questions, and read what others are doing in [GitHub Discussions](https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Fdiscussions).\n- **Issues** — bug reports and feature requests in [GitHub Issues](https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\u002Fissues).\n- **Changelog** — every release is documented in [CHANGELOG.md](CHANGELOG.md) and on [claude-dev.tools\u002Fchangelog](https:\u002F\u002Fclaude-dev.tools\u002Fchangelog).\n\n## Contributing\n\nSee [CONTRIBUTING.md](CONTRIBUTING.md) for guidelines. Please read our [Code of Conduct](CODE_OF_CONDUCT.md).\n\n## Security\n\nIPC handlers validate all inputs with strict path containment checks. File reads are constrained to the project root and `~\u002F.claude`. See [SECURITY.md](SECURITY.md).\n\n## License\n\n[MIT](LICENSE)\n\n---\n\n## Star History\n\n\u003Ca href=\"https:\u002F\u002Fwww.star-history.com\u002F#matt1398\u002Fclaude-devtools&Date\">\n  \u003Cpicture>\n    \u003Csource media=\"(prefers-color-scheme: dark)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=matt1398\u002Fclaude-devtools&type=Date&theme=dark\" \u002F>\n    \u003Csource media=\"(prefers-color-scheme: light)\" srcset=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=matt1398\u002Fclaude-devtools&type=Date\" \u002F>\n    \u003Cimg alt=\"Star History Chart\" src=\"https:\u002F\u002Fapi.star-history.com\u002Fsvg?repos=matt1398\u002Fclaude-devtools&type=Date\" \u002F>\n  \u003C\u002Fpicture>\n\u003C\u002Fa>\n\n\u003Cp align=\"center\">\n  \u003Csub>Found this useful? \u003Ca href=\"https:\u002F\u002Fgithub.com\u002Fmatt1398\u002Fclaude-devtools\">⭐ Star the repo\u003C\u002Fa> — it’s the easiest way to help other developers discover claude-devtools.\u003C\u002Fsub>\n\u003C\u002Fp>\n","claude-devtools 是一款专为 Claude Code 设计的开发者工具，旨在通过可视化界面帮助用户检查会话日志、工具调用、令牌使用情况等。该项目采用 TypeScript 编写，并基于 Electron 框架构建跨平台桌面应用，支持 macOS、Windows 和 Linux 系统。核心功能包括查看会话记录、追踪 AI 代理的行为及资源消耗详情，以及提供对上下文窗口管理的支持。适用于需要深入了解和调试 Claude Code 运行状态的开发者或研究人员，尤其是在开发涉及复杂逻辑或多步骤处理的人工智能应用程序时尤为有用。作为开源软件，它遵循 MIT 许可证发布，确保了广泛的可用性和社区参与度。",2,"2026-06-11 03:50:59","high_star"]