Bohdan Triapitsyn bb72c0fb0c feat: vscode extension (#59)
* feat: add initial VS Code extension plan and implementation tasks

* feat(vscode): added initial version of an Openchamber VSCode extension

* feat(vscode): enhance VS Code extension with theme integration and session management

* feat(vscode): implement connection status handling and overlay in VSCode layout

* feat: move extension to secondary sidebar

* chore: upgrade @opencode-ai/sdk to 1.0.150

* vscode: editor bridge, file picker, click-to-open in tool parts

* vscode: layout session lifecycle, theme sync, typography overrides

* ui: compact mode for vscode, model search, autocomplete width fixes

* perf: scroll force flag, raf placeholder, git polling backoff

* ui: tool output styling, markdown code block fix, gitignore

* refactor: update typography handling for VSCode runtime, remove unused styles

* docs: update README with VS Code extension details and add extension image

* docs: update changelog with new features and performance improvements
2025-12-13 16:34:17 +02:00
2025-12-13 16:34:17 +02:00
2025-12-13 16:34:17 +02:00
2025-12-13 16:34:17 +02:00
2025-12-07 19:32:53 +02:00
2025-12-13 16:34:17 +02:00
2025-12-07 19:32:53 +02:00
2025-12-07 19:32:53 +02:00
2025-12-13 16:34:17 +02:00
2025-12-07 19:32:53 +02:00
2025-12-07 19:32:53 +02:00
2025-12-07 19:32:53 +02:00
2025-12-07 19:32:53 +02:00
2025-12-07 19:32:53 +02:00
2025-12-13 16:34:17 +02:00
2025-12-13 16:34:17 +02:00
2025-12-07 19:32:53 +02:00
2025-12-13 16:34:17 +02:00
2025-12-07 19:32:53 +02:00
2025-12-07 19:32:53 +02:00
2025-12-07 19:32:53 +02:00

OpenChamber

Web and desktop interface for the OpenCode AI coding agent. Works alongside the OpenCode TUI.

The OpenCode team is actively working on their own desktop app. I still decided to release this project as a fan-made alternative.

It was entirely built with OpenCode tool - first with the TUI version, then with the first usable version of OpenChamber, which I then used to build the rest.

The whole project was built entirely with AI coding agents under my supervision. It started as a hobby project and proof of concept that AI agents can create genuinely usable software.

OpenChamber Chat

More screenshots

Tool Output Settings Web Version VS Code Extension

PWA Chat PWA Terminal

Why use OpenChamber?

  • Cross-device continuity: Start in TUI, continue on tablet/phone, return to terminal - same session
  • Remote access: Use OpenCode from anywhere via browser
  • Familiarity: A visual alternative for developers who prefer GUI workflows

Features

  • Integrated terminal
  • Git operations with identity management and AI commit message generation
  • Beautiful themes (Flexoki Light/Dark) with dynamic CSS variable system
  • Mobile-optimized with edge-swipe gestures, terminal control and optimizations all around
  • Git worktrees operations with isolating sessions within them
  • Memory optimizations with LRU eviction
  • Rich permission cards with syntax-highlighted operation previews
  • Smart tool visualization (inline diffs, file trees, results highlighting)
  • Per-agent permission mode control (ask, allow, full) adjustable per-session
  • Familiar diff viewer like you're used to in VSCode
  • Built-in OpenCode agent/command management

Installation

VS Code Extension

Install from VS Code Marketplace or search "OpenChamber" in Extensions.

CLI (Web Server)

pnpm add -g openchamber

openchamber                          # Start on port 3000
openchamber --port 8080              # Custom port
openchamber --daemon                 # Background mode
openchamber --ui-password secret     # Password-protect UI
openchamber stop                     # Stop server

Desktop App (macOS)

Download from Releases.

Prerequisites

  • OpenCode CLI installed and running (opencode serve)
  • Node.js 20+

Development

git clone https://github.com/btriapitsyn/openchamber.git
cd openchamber
pnpm install

pnpm run dev:web:full    # Web development
pnpm run desktop:dev     # Desktop development (Tauri)
pnpm run build           # Production build

See CONTRIBUTING.md for guidelines.

Tech Stack

React 19, TypeScript, Vite 7, Tailwind CSS v4, Zustand, Radix UI, @opencode-ai/sdk, Express, Tauri (desktop)

Acknowledgments

Independent project, not affiliated with OpenCode team.

Special thanks to:

  • OpenCode - For the excellent API and extensible architecture
  • Flexoki - Beautiful color scheme by Steph Ango
  • Tauri - Desktop application framework
  • David Hill - who inspired me to release this without overthinking
  • My wife, who created a beautiful firework animation for the app while testing it for the first time

License

MIT

S
Description
No description provided
Readme MIT
82 MiB
Languages
TypeScript 74.8%
JavaScript 19.8%
MDX 4.7%
CSS 0.4%
HTML 0.1%
Other 0.1%