Astra

Thought Line

Reasoning trace header with a live clock that folds its steps into one line when done.

Thought Line, a Astra component

Use Thought Line in your project

Choose JavaScript or TypeScript and plain CSS or Tailwind. Enable JavaScript for the interactive preview, customization controls and source tabs.

npx shadcn@latest add @react-bits/ThoughtLine-TS-TW
How to install Astra components

Related components

  • Call Chip

    Tool-call chip whose fill wipes across as a live timer ticks, ending green or shaking red.

  • Lattice Loader

    Agent status row with a lattice of cells that brighten in a wave beside a live stopwatch.

  • Fuse Button

    Action button whose done state carries an undo on a burning fuse.