Skip to content
New to BhaiCode? Install the desktop app in under a minute, or build in your browser with Cloud Studio.
BhaiCode Docs
BhaiCode Docs
Cloud Studio › AI Chat & Context Pinning

AI Chat & Context Pinning

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.

Start with the core layout

Build a cryptocurrency price dashboard with 4 stat cards and a Recharts chart.

Refine specific components

In the stats cards, show the 24h change with a green up or red down badge.

Add interactivity

Add a search bar and category filter to the coin list table.

Pin context with @

You typeBhai focuses on
@src/components/Header.tsxThat file only — unrelated files stay untouched
@src/lib/db.tsYour data layer when changing queries
@schemaThe 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.

Imported projects keep their Git history, so a chat turn you like can become a commit or pull request straight away.

Was this page helpful?