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

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

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

> Iterate in conversation with Bhai, and use @file to point it at exactly the right code.

The **AI chat pane** is where you collaborate with **Bhai** to build and refine your app.

## Iterate in small steps

Describe one change at a time rather than the whole system at once.

<Steps>
  <Step title="Start with the core layout">
    ```text
    Build a cryptocurrency price dashboard with 4 stat cards and a Recharts chart.
    ```
  </Step>

  <Step title="Refine specific components">
    ```text
    In the stats cards, show the 24h change with a green up or red down badge.
    ```
  </Step>

  <Step title="Add interactivity">
    ```text
    Add a search bar and category filter to the coin list table.
    ```
  </Step>
</Steps>

## Pin context with `@`

| You type                     | Bhai focuses on                                                  |
| ---------------------------- | ---------------------------------------------------------------- |
| `@src/components/Header.tsx` | That file only — unrelated files stay untouched                  |
| `@src/lib/db.ts`             | Your data layer when changing queries                            |
| `@schema`                    | The current D1 or Postgres schema when building forms or queries |

Type `@` in the chat input to open the file picker.

## Review and undo

* Each turn that changes code produces a **diff card** listing touched files and changed lines.
* Choose **Inspect diff** for a side-by-side view.
* Choose **Undo** in the message header to revert that turn immediately.

<Tip>Imported projects keep their Git history, so a chat turn you like can become a
[commit or pull request](/studio/version-control) straight away.</Tip>