Reasoning Display

—

Show model thinking process

Display AI reasoning chains and thinking steps in your chat interface using the Vercel AI SDK with Claude's extended thinking or OpenAI's o1/o3 models. Users see the model's step-by-step reasoning in a collapsible panel before the final answer — building trust and transparency in AI responses.

  • Complex problem-solving tools where users need to verify the reasoning
  • Educational AI tutors that show working, not just answers
  • Decision support tools requiring auditable AI reasoning
  • Research assistants with transparent chain-of-thought display

Tech stack

Vercel AI SDKNext.jsReactTypeScriptAnthropic Claude ThinkingOpenAI o1

Related

Basic ChatSources & CitationsPlan Display
npx shadcn@latest add https://shadcnagents.com/r/ai-elements-reasoning-chat
What is the square root of 144?

The user is asking for the square root of 144. I need to find a number that, when multiplied by itself, equals 144. I know that 12 × 12 = 144, so the square root of 144 is 12. Let me verify: 12² = 144. Confirmed.

The square root of 144 is 12.