User Guide & Live API Reference
By default, this panel loads inside the VS Code Explorer viewlet in the primary Side Bar. You can find it listed alongside your workspace folders under the "Agent Panel" header section.
To give the panel its own space, simply click and hold the "Agent Panel" view header title bar, and drag it directly over to the Activity Bar (the vertical list of icons on the far left side of VS Code). This detaches it into a standalone tab view!
You can also drag the header into the bottom Panel container (next to Terminal/Output) or to the Secondary Side Bar (on the right) to match your workspace layout preferences.
Because AI agents have read/write access to your workspace, you can tell them to customize your panel! Just ask them:
"put some quick action git buttons in the agent panel."
"make a mockup of what the page might look like in the agent panel."
The panel will hot-reload the changes instantly on save.
Use the sandbox controls below to interact with the VS Code window through the injected JavaScript bridge API (`window.agent`).
Opens the VS Code input bar prompt at the top of the window.
Creates folders and writes files securely inside the workspace directory.
Runs a background shell command inside your workspace folder.