Phase 1: graph panel, diagnostics, and agent rename from within VS Code.

Development setup

cd extension && npm install && npm run compile

Then in VS Code: open the repo root, press F5 and choose "Run Extension". A new Extension Development Host window opens; the extension activates automatically on any workspace that contains a .claude/ directory.

Commands

Command	Description
`Claude Atlas: Open Graph`	Opens the interactive graph panel
`Claude Atlas: Lint .claude/`	Runs the linter and populates the Problems panel
`Claude Atlas: Rename Agent`	QuickPick agent list → input new name → preview → apply

File watcher

Any save inside **/.claude/**/*.{md,json} triggers an automatic re-lint and, if the graph panel is open, a graph refresh — no manual reload needed.

Architecture notes

src/extension.ts — activation entry point; registers commands and file watcher.
src/graphPanel.ts — singleton WebviewPanel that loads web/index.html. A postMessage shim injected into the HTML intercepts the fetch("/api/graph") and fetch("/api/lint") calls so the browser-side app works unchanged inside the WebView sandbox.
src/diagnostics.ts — maps lint() findings to vscode.DiagnosticCollection.
lib/scanner.js, lib/linter.js, lib/rename.js (in the repo root) are imported dynamically at runtime; the extension never modifies them.