Scaffold

Chat screen

Full chat UI: layout with sidebar, message rows, typing indicator, prompt input, and error retry. Compose these blocks in order for a complete chat screen.

sidebar + main (messages + input)

Blocks in order

Compose these templates or components in this order. Open each to copy code or fetch from GET /api/recipes/chat-screen.

  1. 1

    Chat layout

    chat-layout

    Page
  2. 2

    Chat message row

    chat-message-row

    Block
  3. 3

    Typing indicator

    typing-indicator

    Block
  4. 4

    Prompt input bar

    prompt-input-bar

    Block
  5. 5

    Message error with retry

    message-error-retry

    Block