Files & Editor

The file browser and editor let you navigate your project structure, view files, and make edits — all within the browser.

File Browser

The file tree on the left side of the workspace shows your project structure. You can:

• Navigate through directories by clicking to expand/collapse
• Open files by clicking on them — they open in the editor panel
• Create new files and directories
• Delete files and directories
• Rename files and directories

Editor

The code editor supports:

• Syntax highlighting for common languages (JavaScript, TypeScript, Python, Go, Rust, etc.)
• Multi-tab editing — open multiple files at once
• Search and replace within files

Agent Changes

When an AI agent creates or modifies files, the changes appear in the file browser and editor in real time:

• New files show up in the file tree immediately
• Open files update their content live
• You can review diffs to see what changed

This gives you full visibility into what agents are doing, so you can review and approve changes before deploying.

Working with the Terminal

The file browser and terminal share the same file system. Files created in the terminal (e.g., via touch or echo >) appear in the file browser, and vice versa.