Blocks / AI

Chat Panel

The chat as a side panel on any page: a sheet that opens the same thread the chat page runs, with the page's context on every turn.

$pnpm exec shadcn add @intelligo/chat-panel

Run it inside an app made by intelligo create. Anywhere else, name the registry and install the base first.

Loading preview…
about this block

The chat as a side panel on any page: a sheet that opens the same thread the chat page runs, with the page's context on every turn. Requires the chat item.

yours to edit

No config seam of its own — it follows the app shell and the messages file.

messages/en/chat-panel.json

Everything else is used verbatim; a deployment varies through these files and translations.How seams work →

requires
built from

button, sheet

npm packages it adds

ai@^7.0.103 · lucide-react · next-intl

what shadcn add writes · 2 files
Components
  • components/chat/chat-panel.tsx
Actions, config and messages
  • messages/en/chat-panel.json

Ready to try it? Three commands and the app runs against a stub model.