Agent plan

Storybook

The whole task, ticked off as the agent works

Agent status says what is happening right now and Tool call records one action. Agent plan holds the task itself: a collapsible checklist with one row per step, a live progress readout in the header, and completed work receding as the run advances.

A plan in progress

Each step carries its own status. Completed steps tick off and recede, the active step takes a spinner and an emphasised label, and pending steps wait their turn. The header title is computed from the steps unless you set one.

  1. Read project filesCompleted
  2. Update light mode tokensCompleted
  3. Implement dark mode tokensIn progress
  4. Add a reusable theme toggleNot started
  5. Run lint and a production buildNot started

Watch it advance

The same plan driven by state. The header readout and the step indicators follow the data, nothing animates on its own.

  1. Survey the token filesCompleted
  2. Rename the composer radius tokenCompleted
  3. Update every call siteIn progress
  4. Regenerate the token registryNot started
  5. Run the full verifyNot started

Failure

A failed step takes the error colour on both the indicator and the label, and an optional detail line says what went wrong.

  1. Read project filesCompleted
  2. Run the test suite2 stories throw on renderFailed
  3. Open a pull requestNot started

Collapsed

The list collapses behind the header, so a long plan can sit quietly inside a chat transcript. The progress readout stays visible either way.

  1. Read project filesCompleted
  2. Implement dark mode tokensIn progress
  3. Run lint and a production buildNot started