> ## Documentation Index
> Fetch the complete documentation index at: https://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://docs-2.manicule.dev/llms-full.txt (large).
> To search and read these docs as tools, connect the MCP server at https://docs-2.manicule.dev/api/mcp.
> Every agent surface: https://docs-2.manicule.dev/.well-known/llms-manifest.json

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

<!-- agent-signals: reading_time_min: 1 · est_tokens: 243 · updated: 2026-11-11 -->
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 Integration](/studio/version-control.md)

> Monaco-powered code editor, multi-tab navigation, and AST-safe modifications in Cloud Studio.

Cloud Studio includes a full-featured in-browser code editor powered by **Monaco** (the engine behind VS Code).

***

## Editor Capabilities

* **Syntax Highlighting & IntelliSense**: Full TypeScript, TSX, JSX, CSS, Tailwind v4, JSON, and Markdown support.
* **Multi-Tab Navigation**: Keep multiple components, utility files, and stylesheets open simultaneously.
* **Standard Shortcuts**: `Cmd + S` / `Ctrl + S` to save, `Cmd + P` for quick file picker, `Cmd + F` for search/replace.

***

## AST-Deterministic Code Modifications

When Bhai modifies existing files:

* **CST/AST Parsing**: Edits are parsed via syntax trees rather than fragile regex string replacement, preventing broken brackets or duplicate imports.
* **Pre-Save Syntax Validation**: The compiler validates syntax before updating the preview, ensuring your running app never breaks on incomplete edits.