Skip to content

xenodrive/vis

Repository files navigation

Vis

An alternative web UI for OpenCode, designed for daily use. It connects to a running OpenCode instance and provides a browser-based, window-style interface for managing sessions, viewing tool output, and interacting with AI agents in real time.

Demo

Features

  • Review-first floating windows that keep tool output and agent reasoning in context
  • Session management with multi-project and worktree support
  • Syntax-highlighted code and diff viewers built for fast, confident review
  • Permission and question prompts for interactive agent workflows
  • Embedded terminal powered by xterm.js

How to Use

Cloud

No installation required — just open the hosted version in your browser:

https://xenodrive.github.io/vis/

All you need is a running OpenCode server with CORS enabled. Start it with:

opencode serve --cors https://xenodrive.github.io

Or add this to your .config/opencode/opencode.json:

{
  "$schema": "https://opencode.ai/config.json",
  "server": {
    "cors": ["https://xenodrive.github.io"]
  }
}

and then:

opencode serve

Local

The hosted version connects to your local OpenCode server, which some browsers may block due to security restrictions. If this happens, you can serve the UI locally instead:

Start the UI server:

npx @xenodrive/vis

Start the OpenCode API server:

opencode serve

Then open http://localhost:3000 in your browser.


Development

pnpm install
pnpm dev

License

MIT