Shadcn Message Scroller Thread Navigator

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

• Choosing where a reopened thread lands before anyone scrolls: use the Message Scroller Opening Position 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

• currentAnchorId only names rows that carry both messageId and scrollAnchor, so build QUESTIONS from those same rows
• scrollToMessage reaches only rows given a messageId; a divider or any row without one cannot be a jump target
• 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