Task List

An agent's plan as rows that move from pending to done, with a count of how far it has got.

Chat and agents

Inspect

Plan0 of 5 done

Installation#

Terminal

npx shadcn@latest add @sphere-kit/task-list

task-list.tsx

import {  TaskList,  TaskRow,  TaskState,} from "@/components/ui/task-list"

Plan2 of 5 done

0 of 4 done

Launch the pricing experiment1 of 4 done, 1 failed, 2 skipped

Audit every link in the onboarding emails and the help center1 of 3 done

Done: Collect the links from all seven onboarding emails and the help center articles214 links across 7 emails and 38 articles1:04
In progress: Check which ones still point at the old pricing page91 of 214 checked2:18
Not started: Draft replacements that send people straight to the trial

Plan

Steps show up here once the agent starts.

Ship the spring links3 of 5 done, 1 failed, 1 skipped

Done: Shorten 14 campaign links3s
Done: Add UTM tags2s
Done: Check every link resolves14 of 14 resolve9s
Failed: Publish to the onboarding emailsThe email tool rejected the update. Nothing was sent.11s
Skipped: Post the summary to the teamWaits on publishing

Exports TaskList TaskRow TaskState. Every part takes its element's usual props and a className.