Thought Trail: Chat Reasoning

block

A chat reply that thinks first. The message's parts are shaped like the AI SDK's, and each reasoning or tool part becomes a step. The trail folds into "Thought for 9s" as soon as the answer starts streaming below it.

pnpm dlx shadcn@latest add "https://keyframeui.com/r/thought-trail-chat-demo.json"

Sign In

Thought Trail: Chat Reasoning

block

A chat reply that thinks first. The message's parts are shaped like the AI SDK's, and each reasoning or tool part becomes a step. The trail folds into "Thought for 9s" as soon as the answer starts streaming below it.

pnpm dlx shadcn@latest add "https://keyframeui.com/r/thought-trail-chat-demo.json"

thought-trail

components/thought-trail-chat-demo.tsx

thought-trail

components/thought-trail-chat-demo.tsx