Code editor
Edit project files with CodeMirror — file tree, terminal, and ZIP export.
The code editor gives you full access to every file in your project alongside the AI chat.
Editor features
| Feature | Description |
|---|---|
| File tree | Browse, create, rename, and delete files |
| CodeMirror 6 | Syntax highlighting for TypeScript, JSON, Markdown, and more |
| Breadcrumbs | Navigate nested file paths |
| Unsaved indicators | See which files have pending changes |
| Split view | View two files side by side |
| Terminal | Run commands in the project shell context |
Toolbar actions
- Copy file contents
- Mention in chat — reference the current file in your next message
- Download ZIP — export the full project (Pro, Ultra, Enterprise)
Context menu
Right-click files in the tree for quick actions (open, delete, etc.).
Editing alongside AI
Manual edits and AI changes share the same virtual file system. After you edit:
- Preview updates on save
- The next chat turn sees your changes
- Use Version history to undo if needed
Export and local development
Downloaded projects are standard Expo repos. Run locally with:
There is no vendor lock-in.
Plan requirements
| Feature | Free | Pro+ |
|---|---|---|
| Code editor | ✅ | ✅ |
| Download ZIP | ❌ | ✅ |