Activity Item

A card in the Live Activity Stream / Order Details Shipment Timeline — category badge, title, body copy, and a timestamp, with a tone-colored left accent.

Selector: tip-activity-item

API

Name	Type	Default	Description
`category` (input)	`string \| null`	`null`	Rendered as a small `tip-badge` (e.g. "ACTION REQUIRED", "DISPATCHED").
`tone` (input)	`Tone`	`'neutral'`	Colors both the category badge and the card's left border accent.
`title` (input)	`string \| null`	`null`	Bold title line.
`body` (input)	`string \| null`	`null`	Muted body copy.
`time` (input)	`string \| null`	`null`	Right-aligned timestamp (e.g. "2m ago").
`loading` (input)	`boolean`	`false`	Renders a skeleton head/title/body layout instead.

Usage

<tip-activity-item [tone]="t.tone" [category]="t.category" [time]="t.time" [title]="t.title" [body]="t.body" />

Notes

Left-accent color comes from a local ACCENTS: Record<Tone, string> map (not the shared badge-tone semantic bg/fg pair) — positive/emerald both resolve to --tip-emerald-500, warning to --tip-gold-500, critical to --tip-red-600, neutral to --tip-ink-300.
All four content inputs (category/title/body/time) are independently optional and conditionally rendered — a minimal item can show just a title, for instance.
Loading state dims the left border to --tip-ink-200 rather than a tone color.