Code Editor
Edit by hand: tabs, diffs, live previews for Markdown, Mermaid, and HTML.
The editor is Monaco-based — the same engine behind VS Code — so it feels familiar immediately.
File tree
Left-sidebar explorer with git status colors and badges, per-file-type icons, indent guides, and a fuzzy filter for jumping straight to a file by name.
Tabs and diffs
Every tab has a toolbar with Save, and a Changes button that opens a diff against HEAD (inline or side-by-side) for any tracked file.
Live previews
Markdown, Mermaid (.mmd), and HTML files get an Edit / Split / Preview
toggle right in the tab toolbar:
- Markdown renders with the same renderer used in chat — fenced code blocks are copyable.
- Mermaid renders the diagram live, with pinch-to-zoom and pan; syntax errors show inline instead of a blank preview.
- HTML renders in a sandboxed preview — handy for agent-generated pages.
Themes
Editor syntax highlighting has its own theme picker, independent of the app's light/dark mode — VS Code's familiar set (Dark+, Monokai, Solarized, High Contrast, and more), remembered separately for light and dark app mode.