Back to projects Brief
OpenCode TUI sidebar for provider agent browsing
Demonstrates: Developer tooling, CLI/TUI workflow, AI-assisted development
Key Features
- Displays provider agents through a normalized AgentProvider boundary
- Adds collapsible sidebar sections with neutral categories, model metadata, and alias support
- Integrates with the OpenCode theme system for native TUI styling
Problem
Make multi-agent OpenCode workflows easier to inspect and operate from the terminal UI.
Architecture
The plugin integrates into OpenCode's TUI surface through a normalized AgentProvider boundary. Bootstrap OhMyOpenAgent data and future native/custom providers feed the same SolidJS sidebar, which renders neutral categories with model and alias metadata.
Key decisions
- Reuse the host theme system so the plugin feels native instead of external.
- Use a provider boundary so the UI can stay source-agnostic as native OpenCode and custom providers are added.
My role
- Designed and implemented the sidebar UX, grouping model, theme integration, and plugin behavior.
Tech stack
TypeScriptBunSolidJSOpenCode Plugin API
Future improvements
- Add a native OpenCode provider for built-in, global, project, and workspace agents.
- Expose more health and resource indicators without overcrowding the sidebar.
A sidebar plugin for the OpenCode TUI that provides a provider-agnostic browsing interface for agents and subagents. The current foundation uses OhMyOpenAgent metadata only as a temporary bootstrap source behind a normalized AgentProvider boundary.
The sidebar supports collapsible neutral categories, displays provider/model/variant/fallback information, works with aliases, and integrates with the OpenCode theme system so it feels like a native part of the TUI.