A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history, new chat, and close actions, a welcome state with suggested prompts, a message thread, and a full composer with model and effort picker.
Files · 8
Dependencies
npm packages
lucide-react
Registry items
button
textarea
dropdown-menu
switch
scroll-area
sheet
sidebar
collapsible
avatar
message
bubble
Registry Items
ai-chat-04
Configuration
Name
ai-chat-04
Type
Block
Description
A docked AI assistant panel that sits alongside your app content at desktop sizes and slides in as a sheet below the lg breakpoint: a header with chat history, new chat, and close actions, a welcome state with suggested prompts, a message thread, and a full composer with model and effort picker.