OIOXO
The editor

The editor

OIOXO is organized around a slim rail on the left — the spine — with two zones: Build (start from a sentence) and Workspace (work on a real project — a local folder or a GitHub repo, picked with the source switcher in the title strip). The spine also holds quick Run and Agent buttons, a chip showing the device your model runs on, and the light/dark theme toggle.

Build — start from a sentence

The surface you land on. A prompt box, your recent projects (resume any of them with one click), and — once a project exists — a file tree, an outline, and the agent’s live build log. Projects here live in browser memory until you export or save them; everything you ship from this surface is covered in Publish & share.

Workspace · Local folder — work on a real folder

Open any folder from your disk (Chromium browsers). The folder is opened in place via the browser’s file-system access — nothing is uploaded. You get a full editor around it:

  • Explorer — nested tree with rename/delete, error dots, and a new-file form.
  • Tabs & split view — reorderable VS Code-style tabs; split the editor side-by-side.
  • Problems — live TypeScript diagnostics; click any entry to jump to the line.
  • Outline — functions, classes, types, CSS selectors, Markdown headings; click to jump.
  • Find in files (Ctrl/⌘+Shift+F) — search and replace across the project with case, whole-word, and regex toggles.
  • Source control — real local git: branches, stage/unstage, commit, history, pull/push to a remote.
  • Terminal — an in-browser Node sandbox: npm install, npm run build, command history with ↑/↓.
  • Agent — point the same build/repair agent at the opened folder.
  • Run — live preview of a running dev server.

GitHub — edit any repo from the browser

Open a repository by name or URL, edit it with the full editor and agent, and push the result back as a single commit. Details in Working with GitHub.

The editor itself

Monaco — the same editor engine as VS Code — with syntax highlighting, type-error squiggles, and OIOXO’s AI actions on top (fix-next, inline refactors). The command palette (Ctrl/⌘+K) reaches every command from the keyboard.

Settings

Open with the gear or Ctrl/⌘+, :

  • Appearance — light (the white + gold default) or dark.
  • Editor — font size (10–24), tab size (2/4/8), word wrap, minimap.
  • Agent safety — whether the agent asks before writing files: Ask every time, Allow this session, or Always allow. Every write is snapshotted first either way, so any edit is undoable.
  • Keyboard shortcuts — click any binding and press new keys to remap it. See the full list.

Status bar

The strip along the bottom shows error/warning counts, the current file’s language and cursor position, your device name, and the live usage meter.