ChatWindow

Usage

Use ChatWindow for the assistant beside a screen, or for its full-screen view. It is a blueprint: it composes kit pieces and keeps no state of its own, so the screen decides what is shown. The box runs edge to edge at the foot of the window, with one line over it, rather than sitting in the body as a card of its own. Pass the turns as ChatMessage children, the box as composer, and the saved chats as panel. Before anyone has asked anything the window shows its own Get Started block: the art and the name in the middle, and starters as a stacked list of Buttons against the start edge. onStarter says which one was picked. art is ai-chip for the first open and chat-search for a new chat; artAnimated plays it. empty replaces the whole block when a screen needs something else. autoFocus puts the caret in the box when the window opens, so a keyboard user can type straight away. notice writes the line about the assistant making mistakes: a quiet line at the foot of the turns, right over the box, with a close of its own when onNoticeDismiss is passed. size panel is the 395 column beside the page; size full fills the space it is given and sets the chats beside the conversation instead of over it; inside AppShell, pair it with assistantSize full. The header props go straight to the kit ChatHeader. See contracts/chatwindow.json for the full contract. On a phone-width frame the panel gives up its 395 column and takes the whole width, since the assistant stands in for the page there rather than sitting beside it.