Chat Notices
AI chat
Source and install need .
pnpm dlx shadcn@latest add @assembli/chat-navigatorChat Navigator
Turn navigator for long conversations: a column of ticks on the transcript's edge, one per prompt and as wide as its reply is long, with the turn in view lit as you scroll. Hover or focus opens the list of prompts; pick one to scroll there. Arrow buttons and Alt+↑/↓ step between turns.
Props
Other props pass through to the root element.
turns*
ChatTurn[]
containerRef*
React.RefObject<HTMLElement | null>
The scrolling transcript. Each turn inside it carries
data-chat-turn={id}(seechatTurn).offset
number
Default
16Space left above a turn when jumping to it, in px.
onChange
(id: string) => void
| Description | |||
|---|---|---|---|
| turns* | ChatTurn[] | – | |
| containerRef* | React.RefObject<HTMLElement | null> | – | The scrolling transcript. Each turn inside it carries |
| offset | number | 16 | Space left above a turn when jumping to it, in px. |
| onChange | (id: string) => void | – |
