Editor & file tree

Browse, create, and edit workspace files in the Monaco-based editor, with optional real-time collaboration.

Preview — early access.

Overview

The file tree on the left and the editor in the center are the base layer everything else in the IDE builds on — every AI proposal, comment, and problem check applies to a file you can also open and edit here directly.

How it works

The tree loads lazily: expanding a folder fetches its children. Hovering a file or folder reveals inline Rename and Delete; folders also get + File and + Folder, which open an inline name field rather than a browser prompt. Opening a file loads it into a Monaco editor tab (the same editor engine VS Code uses) with syntax highlighting picked from its extension. Cmd/Ctrl+S saves; an unsaved tab shows a dirty dot until it does. A Collab toggle on the active file starts real-time co-editing with named peers when the collab server is reachable — leaving the tab or closing it ends your session.

Steps

•
Browse the tree
Click a folder to expand it; click a file to open it in a new tab.
•
Create something new
Hover a folder and click + File or + Folder, type a name, and press Enter.
•
Edit and save
Make your changes, then Cmd/Ctrl+S — the dirty dot clears once the save lands.
•
Rename or delete
Hover the file or folder and use the inline Rename / Delete actions.
•
Co-edit, if you need to
Click Collab on the open file to start a shared session; it shows connected peers by name and color.

Capabilities

Lazy-loaded tree scoped to the current workspace root.
Inline create/rename/delete — no separate file-manager dialog.
Monaco editor with per-language syntax highlighting and a Creytix theme.
Real-time collaboration per open file, with a live connection-status indicator.
Truncation warning — a very large file opens truncated for display, with a banner reminding you that saving will overwrite the full file with what's shown.

Limits & honest scope