> ## Documentation Index
> Fetch the complete documentation index at: https://012e27a-docs-2.manicule.dev/llms.txt
> Use this file to discover all available pages before exploring further.
> For every page in one file, fetch https://012e27a-docs-2.manicule.dev/llms-full.txt (large).
> To search and read these docs as tools, connect the MCP server at https://012e27a-docs-2.manicule.dev/api/mcp.
> Every agent surface: https://012e27a-docs-2.manicule.dev/.well-known/llms-manifest.json

# In-Browser Code Editor (/studio/code-editor)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 287 · updated: 2026-11-12 -->
Related: [Cloud Studio Overview](/studio/overview.md), [AI Chat & Context Pinning](/studio/ai-chat.md), [Live Web Preview & Responsive Testing](/studio/live-preview.md), [Version Control & Git](/studio/version-control.md)

> 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.

<Note>AI edits still surface as [diff cards](/studio/ai-chat) in the chat, so you can inspect or undo
any change before moving on.</Note>