KQ-924 · TASK/CARD/CHAT

Chat Task

A job handed to somebody in a thread, and the moment it is finished. The tick is drawn rather than revealed — its pathLength runs 0 to 1 on flick, the stroke arriving in the time a pen would take — then a rule strikes the line as a background wipe cloned onto every line fragment, so a wrapped title is struck line by line, and last the assignee's tile takes a check badge landing from 1.18× on recoil. The due line and the done line share one grid cell and cross-fade, so checking never moves the card. Space or Enter toggles the real checkbox.

KQ-924 · TASK/CARD/CHAT

Bring the bay-four gauges in before the Friday run
Rui Baptista · due Friday, before the run
14:06

open · Rui · due Friday, before the run

Install

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

$ pnpm dlx shadcn@latest add @kinetiq/task-card-chat

Props

task: ChatTask; default —; The message: id, from, title, assignee, and an optional due phrase, time and delivery mark.
checked / defaultChecked: boolean; default false; Controlled or initial done state.
onCheckedChange: (checked: boolean) => void; default —; Fires from the press or key that toggles the box, from the setter that made the change.
doneAt: string; default —; Already formatted; printed in the done line. The component never reads a clock.
overdue: boolean; default false; Warms the due line and rewords it, so lateness is a sentence rather than a colour.
doneBy: string; default the assignee's name; Who is credited in the done line.
peerName: string; default "Them"; Names the sender in the delivery sentence.
label: string; default "Thread"; Names the thread for assistive technology.
disabled: boolean; default false; Holds the checkbox; it keeps its place in the tab order and the card still reads.

Prop	Type	Default	Description
task	ChatTask	—	The message: id, from, title, assignee, and an optional due phrase, time and delivery mark.
checked / defaultChecked	boolean	false	Controlled or initial done state.
onCheckedChange	(checked: boolean) => void	—	Fires from the press or key that toggles the box, from the setter that made the change.
doneAt	string	—	Already formatted; printed in the done line. The component never reads a clock.
overdue	boolean	false	Warms the due line and rewords it, so lateness is a sentence rather than a colour.
doneBy	string	the assignee's name	Who is credited in the done line.
peerName	string	"Them"	Names the sender in the delivery sentence.
label	string	"Thread"	Names the thread for assistive technology.
disabled	boolean	false	Holds the checkbox; it keeps its place in the tab order and the card still reads.