In-Browser Code Editor
Monaco editing with TypeScript IntelliSense and AST-safe AI modifications.
Cloud Studio includes a full-featured editor powered by Monaco — the engine behind VS Code — running entirely in your browser.
Editor capabilities
- Highlighting and IntelliSense: TypeScript, TSX, JSX, CSS, Tailwind v4, JSON, and Markdown.
- Multi-tab navigation: keep components, utilities, and stylesheets open together.
- Familiar shortcuts:
| Shortcut | Action |
|---|---|
Cmd + S / Ctrl + S | Save |
Cmd + P / Ctrl + P | Quick file picker |
Cmd + F / Ctrl + F | Search and replace |
AST-deterministic edits
When Bhai changes an existing file:
- Parse, don’t patch strings: edits target syntax trees (CST/AST), so brackets and imports stay balanced.
- Validate before preview: the compiler checks syntax before the preview updates, so a half-finished edit never breaks your running app.
AI edits still surface as diff cards in the chat, so you can inspect or undo any change before moving on.
Was this page helpful?