KQ-893 · JUMP/LATEST

Jump Latest

The way back down. While the thread sits at its floor nothing shows; scroll up past revealDistance and a pill rises from the box's bottom edge on snap, counting the messages that landed while you were away with digits that roll on snap. Pressing it, or pressing End inside the thread, animates scrollTop to the floor on glide with every frame rounded, and the slide stops on unmount, on a new press, and when the document is hidden.

KQ-893 · JUMP/LATEST

Rui Baptista, 01:40.Yard gate is shut. Dock two has the run.
Ines Moreau, 01:44.Keys back on the hook?
Rui Baptista, 01:45.On the hook, both sets.
Ines Moreau, 01:52.Good. Pallet 4471 still held?
Rui Baptista, 01:58.Held. Waylight Pay has not cleared it.
Marta Ferreira, 02:05.I have the paperwork here.
Ines Moreau, 02:07.Leave it under the sheet.
Marta Ferreira, 02:09.Done. Loader is booked until half past.
Rui Baptista, 02:16.Dock three frees up at nine.
Ines Moreau, 02:18.Take it if the yard needs it.
Marta Ferreira, 02:24.Basinworks crates are labelled.
Rui Baptista, 02:31.Handover sheet is on the desk.

at the latest · 12 messages

Install

One command — the source lands in your repo. Or copy it from the Code tab.

$ pnpm dlx shadcn@latest add @kinetiq/jump-latest

Props

messages: JumpMessage[]; default —; The thread, oldest first: id, author, text, a preformatted time and an own flag.
onJump: () => void; default —; Fires when a jump starts, from the pill or from End.
onNewCountChange: (count: number) => void; default —; Fires when the count of messages that arrived while you were away changes.
onAtBottomChange: (atBottom: boolean) => void; default —; Fires as the box reaches or leaves its floor.
onAnnounce: (sentence: string) => void; default —; Fires once per frozen change sentence, for a parent's own status line.
label: string; default —; Names the thread for assistive technology.
jumpLabel: string; default "Latest"; The pill's word when nothing new has arrived.
revealDistance: number; default 48; Pixels above the floor before the pill rises.
maxHeight: number; default 260; Tallest the thread grows before it scrolls inside its own box.

Prop	Type	Default	Description
messages	JumpMessage[]	—	The thread, oldest first: id, author, text, a preformatted time and an own flag.
onJump	() => void	—	Fires when a jump starts, from the pill or from End.
onNewCountChange	(count: number) => void	—	Fires when the count of messages that arrived while you were away changes.
onAtBottomChange	(atBottom: boolean) => void	—	Fires as the box reaches or leaves its floor.
onAnnounce	(sentence: string) => void	—	Fires once per frozen change sentence, for a parent's own status line.
label	string	—	Names the thread for assistive technology.
jumpLabel	string	"Latest"	The pill's word when nothing new has arrived.
revealDistance	number	48	Pixels above the floor before the pill rises.
maxHeight	number	260	Tallest the thread grows before it scrolls inside its own box.