An agent's steps for a task, ticked off as it works: the label and a mono count ("3 of 7") over a 4px rail in the foreground, then an ordered list of steps, each with a 16px status mark. The running step is a half-filled circle that never spins, a done step steps its color back and is never struck through, a failed step has a danger x and says Failed, a skipped one is a dashed circle that says Skipped, and any step can carry a detail line. A polite live region says which step started and when the plan is done. Statuses swap at once, and a step added later fades in.
pnpm dlx shadcn@latest add "https://littmd.vercel.app/r/plan.json"