VS Code — langstage-vscode¶
The VS Code stage: chat with your LangGraph agent inside VS Code — in the same
chat panel as Copilot — via the @langstage chat participant.
It has two parts in one repo: a TypeScript extension that registers the
@langstage participant, and a Python stdio sidecar (langstage-vscode)
that loads your agent and streams its events using the shared
langgraph-stream-parser wire vocabulary.
Quickstart¶
# Run the extension from source (until it's on the Marketplace):
cd extension && npm install && npm run compile
# then press F5 in VS Code to launch an Extension Development Host
In the chat panel:
Drive the sidecar directly for testing — including a keyless demo:
LANGSTAGE_AGENT_SPEC=./my_agent.py:graph python -m langstage_vscode
python -m langstage_vscode --demo
python -m langstage_vscode --show-config
Configuration¶
Set langstage.agentSpec in VS Code settings, or leave it empty and let the
sidecar resolve the family-standard chain (langstage.toml /
LANGSTAGE_AGENT_SPEC). A project with [agent] spec = "..." in its
langstage.toml needs no VS Code setting at all.
Status: early
The extension isn't on the VS Code Marketplace yet (run from source), and interactive HITL approval isn't wired into the chat UI yet (the sidecar already supports the round-trip). A real in-editor screenshot is a planned follow-up.