Component

ThinkingSteps

Show the work as quiet prose. No card, no timer.

Gray inline steps joined by arrows. The current step is the only one that moves, and only if motion is allowed.

Reading the briefUsing 12 people, Lisbon, MayDrafting the hold

Do

Write steps as verbs, in the order the work happened.
Keep them in the transcript, inline.
Stop when the work stops.

Don't

Put the steps in a card.
Show a timer, a percentage, or a spinner.
Narrate more steps than the work.

Props

Prop	Type	Description
steps	ThinkingStep[]	Each step has an id, a label, and an optional status.
state	LatchState	loading marks the work in progress. error colors the failed step.

A2UI message

v0.9.1 envelope. catalogId is latch://catalog/v1. The preview under the message is rendered by the adapter, not hand-built.

JSON

[
  {
    "version": "v0.9.1",
    "createSurface": {
      "surfaceId": "work",
      "catalogId": "latch://catalog/v1"
    }
  },
  {
    "version": "v0.9.1",
    "updateComponents": {
      "surfaceId": "work",
      "components": [
        {
          "id": "root",
          "component": "ThinkingSteps",
          "state": "loading",
          "steps": [
            {
              "id": "brief",
              "label": "Reading the brief",
              "status": "done"
            },
            {
              "id": "facts",
              "label": "Using 12 people, Lisbon, May",
              "status": "done"
            },
            {
              "id": "gap",
              "label": "One fact missing: budget",
              "status": "current"
            }
          ]
        }
      ]
    }
  }
]

Reading the briefUsing 12 people, Lisbon, MayOne fact missing: budget