Planes

Components

AI

A collapsible thinking panel that streams reasoning steps one at a time, then folds down to a short summary you can reopen.

All components

Installation

ProRequires a Planes Pro license.
npx shadcn add @useplanes/reasoning-trace

Unlock with Planes Pro

$99 once · 54 Pro components · lifetime updates.

<ReasoningTrace
  steps={[
    "Parse the input and find the constraint.",
    "Pick an approach and check the edge cases.",
  ]}
/>

Use cases

  • Chain-of-thought UI

    Show a model's reasoning steps, then collapse to a summary like o1 or Claude.

  • Agent step log

    Stream what an agent is doing before it returns a result.

  • Tool-call trace

    Reveal the steps a RAG or tool-using flow took to answer.

  • Debug panel

    A collapsible, readable trace of an automated process.