KQ-847 · MESSAGE/GLOW

Message Glow

A thread where a quote is a door. Pressing the quoted line in a reply, or the pinned chip at the head, drives the box's scrollTop on glide until the target bubble sits centred, and on settle the bubble glows once: a wash and a two-pixel ring at full strength that fade on the exit ease, keyed by a jump count so a repeat jump glows again. The target list item takes focus when the scroll settles, and a Back chip glides you to where you were.

KQ-847 · MESSAGE/GLOW

Rui, 08:41. Payout batch 4471 is stuck at signing. 212 transfers, nothing has left.
Ines, 08:43. Looking. Is the signer pod up?
Rui, 08:44. Up, but its clock is forty seconds behind, so every signature fails validation.
Marta, 08:47. Same drift on the second signer. Both were rebooted at six.
Ines, 08:50. The time sync unit on rack B is down. Restarting it.
Marta, 08:52. Drift is closing. Twelve seconds now.
Rui, 08:55. Under a second. Retrying the batch.
Rui, 08:58. Batch 4471 is through. 212 of 212 signed.
Ines, 09:01. Good. Anything queued behind it?
Marta, 09:03. Two smaller batches, both released on their own.
Ines, 09:10. For the write-up: the sync unit lost power with the six o'clock reboot.
Rui, 09:12. Adding a drift alarm at five seconds so we hear it before the signer does.
Marta, 09:15. Coldbrook Bank confirms receipt on their side.
Ines, 09:16. Closing the incident. Thanks both.

Latest · 14 messages · 3 quotes

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/message-glow

Props

messages: GlowMessage[]; default —; The thread in order: id, author, text, at as HH:mm, optional mine, optional replyTo naming the message it answers.
pinned: string; default —; Id of a message offered as a sticky Pinned chip at the head of the thread.
onJump: (id: string) => void; default —; Fires from the press that starts a jump.
onBack: () => void; default —; Fires from the Back chip.
label: string; default "Thread"; Names the scroll region for assistive technology.

Prop	Type	Default	Description
messages	GlowMessage[]	—	The thread in order: id, author, text, at as HH:mm, optional mine, optional replyTo naming the message it answers.
pinned	string	—	Id of a message offered as a sticky Pinned chip at the head of the thread.
onJump	(id: string) => void	—	Fires from the press that starts a jump.
onBack	() => void	—	Fires from the Back chip.
label	string	"Thread"	Names the scroll region for assistive technology.