The Code pane

The Code pane is a real code editor built into Mastery HQ — a CodeMirror surface with the One Dark theme. Open a file from disk, edit it with syntax highlighting, and save it straight back.

Open the pane with “open code editor” (command bar or voice), or from a saved workspace or recipe that already contains one.

Editing a file

• Open — the toolbar’s Open button brings up a native file picker; the chosen file loads into the editor.
• Edit — full CodeMirror editing (selection, multi-cursor, search, bracket matching) with syntax highlighting chosen from the file’s extension: JavaScript/JSX, TypeScript/TSX, Python, Rust, JSON, Markdown, HTML, and CSS. Any other extension opens as plain text.
• Save — the Save button, or Ctrl+S (⌘S on Mac), writes the buffer back to the same path. If nothing has been opened yet, Save prompts for a location (Save As). The button greys out when there’s nothing unsaved to write.
• The toolbar shows the current filename and a ● dot while you have unsaved changes.

Files are read and written by the native read_text_file / write_text_file commands, so edits land on the real file on disk — there’s no separate “sync” step.

When to reach for an agent instead

The Code pane is for quick, direct edits to a single file. For changes that span many files, refactors, or anything you’d rather describe than type, drive an agent pane — see the Vibe Code workflow — or use the Terminal for hands-on shell work.