VS Code Extensions
OpenCode Panel

OpenCode Panel

by haoyangzeng

OpenCode Panel: opencode-powered AI assistant with a modern React chat UI

Downloads

1,852

Rating

3.5 / 5 (2)

Version

1.13.8

Last updated

Sep 02, 2026

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.

Panel overview
Chat panel
Model · Agent · Effort picker
Model · Agent · Effort picker
Chat history
Per-workspace chat history
Slash-command picker
Slash commands
Manage MCP servers
Manage MCP servers
Context-window usage
Context-window usage

Highlights

  • Streaming chat with reasoning blocks and an inline tool-call trace.
  • @file mentions — 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.

Related extensions