Agent Dev Kit
Manage your Claude Code and Codex sessions right inside VS Code — and drive them from any device through a remote web dashboard. Comes with a built‑in Dev Tools kit (JSON formatter, HTTP/cURL client).
The extension reads directly from each agent's on‑disk store (the source of truth) instead of maintaining its own registry, and is data‑safe by design: it backs up before writing/deleting, writes atomically, and deletes via the Recycle Bin.
Features
- A custom webview that gathers all your Claude Code + Codex sessions, grouped by workspace, with a distinct icon per agent.
- Workspace groups are collapsed by default; click a workspace header to expand/collapse. The view toolbar has Expand All / Collapse All / Refresh.
- Workspace paths are merged case‑insensitively and regardless of slash style (
C:\Foo\Bar and c:/foo/bar become one group).
- Click a session to open its read‑only conversation history in the editor area.
- Resume opens a terminal as an editor tab beside the list and keeps one terminal per session id — clicking Resume again re‑focuses the running tab.
- Per‑session actions (on hover): Resume, Rename, Delete, Open Terminal Here, Copy Session ID, Reveal Session File.
- Attention bell for Claude: a 🔔 appears on a session (and its parent workspace) that is waiting for approval or for your input — enabled in one click via a Claude hook.
Remote Web Dashboard
Control your machine's agents from your phone, tablet, or another computer:
- Start Remote Bridge Server spins up a local WebSocket bridge and opens the dashboard in your browser with the access token already in the link (auto‑login).
- Public Tunnel (Cloudflare) exposes the dashboard remotely with a one‑click, token‑protected link.
- The dashboard mirrors the desktop experience: chat with sessions (rich Markdown, code highlighting, Mermaid diagrams), an interactive terminal, a file browser/editor with download, Dev Tools, reusable prompt templates (synced across devices), permission/question prompts, and light/dark mode.
- Token‑gated: every request requires the access token, so the link alone is not enough.
- A JSON formatter/validator and an HTTP/cURL request builder, available both in VS Code and the remote dashboard.
Requirements
- VS Code 1.85+.
- Claude Code CLI (
claude) and/or Codex CLI (codex) on your PATH — required for Resume and chat turns (the extension launches the matching CLI).
- Node.js (v20+ recommended) only if you build the extension from source.
Remote dashboard — quick start
- Run Agent Dev Kit: Start Remote Bridge Server from the Command Palette (
Ctrl/Cmd+Shift+P). Your browser opens the dashboard, already authenticated.
- To reach it from another device on the same network, use the bridge URL with the token, or run Start Public Tunnel (Cloudflare) for a public link.
- Copy Bridge Access Token copies the token straight to your clipboard.
⚠️ Anyone with the link and the token can control this machine. Stop the bridge/tunnel when you're done.
Install from source (dev)
npm install # install dependencies
npm run build # bundle with esbuild -> dist/extension.js
npm run package # build + create the .vsix
Then either press F5 in VS Code to launch an Extension Development Host, or install the packaged VSIX:
code --install-extension agent-dev-kit-<version>.vsix --force
After installing, run Developer: Reload Window to finish.
Privacy & data
Uninstalling does not touch your Claude/Codex session files (they live in ~/.claude and ~/.codex). Backups the extension creates live under VS Code global storage at globalStorage/thond.agent-dev-kit/backups/; remove that folder to clean them up.
License
Licensed under the MIT License (see the LICENSE file in the package).
