Build · ZenCoder

Full IDE as an organ

Title bar · activity rail · explorer · Monaco + tabs · terminal · ZenCoder AI dock (Agent / Architect / Plan / Ask) · status bar. Plus Arena, Fleet, MCP, git, debug, preview, private mode.

Activity rail
Explorer, Search, Git, Arena, Fleet, Agents, Preview, Private, Debugger, Problems
Explorer + Monaco
File tree, search files, tabbed editor, split view, LSP / problems
Terminal
Multi-tab xterm under the editor — same center column as VS Code
ZenCoder AI dock
Right panel with Agent / Architect / Plan / Ask modes + composer
Status bar
Private mode, git branch, errors, Arena, Fleet, Ollama / model
build — ZenCoder IDE
Activity rail · Explorer · Monaco · Terminal · ZenCoder AI
LIVE
Z
ZenCoder
📁
🤖
🔒
🐞
App.tsx
WorkspaceView.tsx
41export function WorkspaceView() {
42 // Explorer · Editor+Terminal · ZenCoder AI
43 return (
44 <PanelGroup direction="horizontal">
45 <Panel defaultSize={18}><Explorer /></Panel>
46 <Panel defaultSize={52}>
Terminal 1+
$ sofia agent run --organ build
PrivateAgent Modemain0 errors
ArenaFleetTypeScriptOllama · opus
Monaco IDELSPAgent / Architect / Plan / AskGitTerminalRipgrep / Quick OpenMCPDebuggerLive PreviewAutopilot FleetModel ArenaBest-of-NDeployPrivate modeCLIIndex / @-contextProblemsReviewSessions