Orbit UI

Agent Thinking

PRO

Indicador de razonamiento para un chat: la etiqueta actual se lee con un barrido de luz, los pasos completados quedan colapsados y el bloque entero se puede expandir para auditar el recorrido.

npx orbitui-cli add agent-thinking
  1. Leyendo la consulta3 archivos del contexto
  2. Buscando en la documentacióntailwind v4 · @theme
  3. Revisando el código existentepackages/tokens/src/theme.css
  4. Escribiendo la respuestacon 2 ejemplos

Props

PropTipoDescripción
steps*ThinkingStep[]
currentnumberIndice del paso en curso. Los anteriores se marcan como terminados.
elapsednumberSegundos transcurridos, mostrados junto al encabezado.
defaultExpandedboolean
classNamestring

Qué instala

Archivo
components/orbit/blocks/agent-thinking.tsx
Componentes
cx
Paquetes npm
ninguno

A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.