Shadcn Message Scroller Streaming Reply

When to use

• Chat and assistant transcripts in a bounded panel that open on the newest turn and offer a jump back to it
• Streaming replies that follow the bottom until the reader scrolls up, with sent questions lifted near the top
• Saved threads that reopen at a chosen turn, load older history above the reader or step between questions

When not to use

• A settled thread where no reply is being written: use the Message Scroller Jump to Latest example
• The layout of a single turn, its avatar, sender name and timestamp around the body: use the Message component
• A sidebar, settings list or panel that overflows but never grows at the bottom: use the Scroll Area component
• A finished assistant screen with composer, thread list, citations and docked panels: use the AI Chat blocks

Agent notes

• Swap the setTimeout loop that slices REPLY for your stream, appending chunks to the row whose id is REPLY_ID
• Keep aria-busy on MessageScrollerContent while a reply streams, so the log announces the finished row once instead of per chunk
• The parts and hooks throw outside MessageScrollerProvider, so a header or footer control that calls a hook needs the provider above it too
• MessageScroller fills its parent through size-full, so bound the parent height or the page scrolls instead of the transcript
• Render MessageScrollerButton as a sibling of MessageScrollerViewport; placed inside it, the control scrolls away with the rows