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

# AI Chat & Context Pinning (/studio/ai-chat)

<!-- agent-signals: reading_time_min: 1 · est_tokens: 359 · updated: 2026-11-11 -->
Related: [Cloud Studio Overview](/studio/overview.md), [In-Browser Code Editor](/studio/code-editor.md), [Live Web Preview & Responsive Testing](/studio/live-preview.md), [Version Control & Git Integration](/studio/version-control.md)

> Prompting, multi-turn iteration, and referencing project context in Cloud Studio.

The **AI Chat Pane** is where you collaborate with **Bhai** to build and refine your application.

***

## Conversational Iteration

Build incrementally rather than trying to describe an entire system in one prompt:

1. **Start with the core layout**:
   ```text
   Build a cryptocurrency price dashboard with 4 stats cards and a chart using Recharts.
   ```
2. **Refine specific components**:
   ```text
   In the stats cards, show 24h price change percentage with a green (+ve) or red (-ve) badge.
   ```
3. **Add interactivity**:
   ```text
   Add a search bar and category filter to the coin list table.
   ```

***

## Context Pinning with `@file`

Use **Context Pinning** to direct the agent's focus:

* **Reference Files**: Type `@` in the chat input to pick project files (e.g., `@src/components/Header.tsx`, `@src/lib/db.ts`).
* **Targeted Edits**: Referencing files ensures Bhai edits only the relevant code without touching unrelated files.
* **Database Schema**: Type `@schema` to inject your current D1 or Postgres schema into the prompt when building forms or queries.

***

## Inline Diffs & Undo

When Bhai modifies code:

* An inline **Diff Card** appears showing touched files and lines changed.
* Click **Inspect Diff** to view side-by-side changes.
* Click **Undo** in the message header to immediately revert that turn's changes.