feat(vscode): run loopfinder and show its viewer inside VS Code

[MotimotiNotch]

What

A VS Code extension in vscode/: the same CLI and the same viewer, inside the editor.

• Commands: set up the workspace, build the graph, show the loops, copy the request for the AI agent.

• No Node install needed: the CLI runs as a child process on the editor's own Node (ELECTRON_RUN_AS_NODE); traced scripts inherit it.

• Workspace Trust: set up and build are off in an untrusted workspace, since building runs the workspace's scripts. The command bodies check it too (enablement only greys out menus). Showing a graph that is already built works anywhere.

• Viewer: public/ as is, in a webview with a nonce CSP. app.js gains an optional window.loopfinderHost (vscode/media/host.js):

  • the graph arrives by message instead of fetch('flow.json')
  • a rebuilt graph replaces it, keeping the flow on screen and a picked loop with the same name
  • paths in the side pane open the file in the editor
  • auto theme follows the editor's theme

  In a browser, nothing changes.

• Packaging: npm run package in vscode/ copies the CLI and the licenses into vscode/core/ and runs vsce package. The copies and the .vsix are ignored.

Checked

• npm test: 26 pass
• Demo build under VS Code's bundled Node (24)
• Webview HTML opened in a browser with the same CSP and a stubbed acquireVsCodeApi: graph handoff, no CSP violations, theme follows the body class, rebuild keeps the picked loop, path click posts open
• vsce package: 93 KB
• Installed in VS Code: show, build, open a file from a path, theme follow

Not yet checked: build being off in Restricted Mode. Not published to the Marketplace / Open VSX yet.

🤖 Generated with Claude Code

https://claude.ai/code/session_015bPmcKMG3u2dhXdAKAM4sK