# Chat 1 – A conversation wired to the AI SDK

> A chat that answers the moment it lands on a page, built on the Vercel AI SDK. The message list and the composer come with it, and text, reasoning, tool calls, citations and attachments each get a renderer of their own, so a stream arrives drawn rather than as raw JSON. A scripted conversation stands in until you point it at your own model.

A paid shadcn/ui block sold by the [@shadcncraft](https://shadcncraft.com/?utm_source=shadcn.exchange) registry, listed on [shadcn.exchange](https://shadcn.exchange/r/shadcncraft/chat-1).

- Page, with a preview: https://shadcn.exchange/r/shadcncraft/chat-1
- Screenshot: https://abzjhwgwpdpz7ua5.public.blob.vercel-storage.com/shots/shadcncraft/chat-1-light-ae04725d5d4c5b75.png
- Categories: chat
- Listed: 2026-10-13

## Buy and install

@shadcncraft sells this block, and its code is not on shadcn.exchange. Buy it from the registry, which installs it for those who have: https://shadcn.exchange/out/shadcncraft/chat-1

## Dependencies

- npm packages: `@ai-sdk/react`, `@shadcn/helpers`, `ai`
- Registry items: `attachment`, `bubble`, `button`, `empty`, `marker`, `message`, `message-scroller`, `spinner`, `tooltip`, `@shadcncraft/composer-1`, `@shadcncraft/file-part-1`, `@shadcncraft/questionnaire-part-1`, `@shadcncraft/reasoning-part-1`, `@shadcncraft/sources-part-1`, `@shadcncraft/text-part-1`, `@shadcncraft/tool-part-1`, `@shadcncraft/web-search-part-1`

## Notes from the registry

`lib/demo-chat.ts` is the file to delete: point the transport at your own route, then drop `@shadcn/helpers`. Your route reads the model, effort, tools and connectors out of the request body beside `messages`, and should check the model id against the list `composer-1` ships before spending anything. Each file says at the top what it is for and what to change in it.