A React chat sidebar for AI coding in VS Code, powered by opencode. Bring your own model (Anthropic / OpenAI / Gemini / local). Everything runs locally — nothing leaves your machine except the API call to your chosen provider.
![]() Chat panel |
![]() Model · Agent · Effort picker |
![]() Per-workspace chat history |
![]() Slash commands |
![]() Manage MCP servers |
![]() Context-window usage |
Highlights
- Streaming chat with reasoning blocks and an inline tool-call trace.
@filementions — fuzzy picker with chip-styled tokens; recently-opened files boosted.- Image / PDF attachments — paperclip + clipboard paste; images render as preview thumbnails.
- Edit + regenerate — click any past user message; the conversation rewinds via opencode's
session.revert. - Review Changes card per file with
Keep/Undo(per row + Keep / Undo all). - Inline edit with
Cmd+K/Ctrl+K— rewrite selection with natural language. - Model · Agent · Effort picker — one in-panel popover: search models, set the effort / reasoning budget for models that expose variants (gpt-5.5, claude-opus, etc.), and switch opencode agents.
- Math, tables, lists render properly in assistant messages (LaTeX, GFM, KaTeX).
Setup
OpenCode Panel talks to a locally-running opencode server. One-time prerequisite:
# Install opencode (pick one)
curl -fsSL https://opencode.ai/install | bash # macOS / Linux
irm https://opencode.ai/install.ps1 | iex # Windows
npm install -g opencode-ai # any platform
brew install sst/tap/opencode # macOS Homebrew
# Sign in to your provider (one time)
opencode auth login
Then install the extension:
code --install-extension haoyangzeng.opencui
Or search "OpenCode Panel" in the VS Code Extensions sidebar. Open the panel via the activity-bar icon or Cmd+L / Ctrl+L.
If opencode isn't on PATH, set opencui.binaryPath in settings to its absolute path.
Settings
| Setting | Default | Description |
|---|---|---|
opencui.binaryPath |
opencode |
Path to the opencode binary. |
opencui.serverPort |
0 |
Local opencode HTTP port (0 = auto). |
opencui.model |
"" |
Default model (providerID/modelID). Change at runtime via the chat header. |
Develop
bun install
bun run watch # esbuild + vite single-file
Open the folder in VS Code and press F5 to launch an Extension Development Host.
License
MIT. See LICENSE.





