Reasoning

The model's own thinking tokens (DeepSeek-R1 style) in a collapsible region: auto-expands while streaming with an elapsed timer and auto-collapses on the final answer, plus a compact ThinkingBar one-line status strip. Tier of the thinking t.

Library

LocalMode

Framework

React

Type

component

License

MIT

Dependencies

lucide-react

Install

npx shadcn add @localmode/ui/ui/conversation/reasoning

Files

• apps/ui/registry/localmode/conversation/reasoning/reasoning.tsx
• apps/ui/registry/localmode/lib/utils.ts
• apps/ui/registry/localmode/ui/collapsible.tsx

Source

https://github.com/LocalMode-AI/LocalMode

Categories

• AI Element Components
• React AI Element Components
• Tailwind CSS AI Element Components
• Collapsible Components
• React Collapsible Components
• Tailwind CSS Collapsible Components
• Data Display Components
• React Data Display Components
• Tailwind CSS Data Display Components
• Reasoning Components
• React Reasoning Components
• Tailwind CSS Reasoning Components

More from LocalMode

• Research Agent Block
• Agent Step Timeline
• Chain of Thought
• Differential Privacy Controls
• Artifact
• Chart Artifact
• Code Diff Viewer
• Data Table Artifact
• Audio Scrub Player
• Mic Selector
• Streaming Speech Panel
• Synced Transcript Viewer