bunx shadcn@latest add @elements/chain-of-thought

import {
  ChainOfThought,
  ChainOfThoughtHeader,
  ChainOfThoughtContent,
  ChainOfThoughtStep,
  ChainOfThoughtSearchResults,
  ChainOfThoughtImage,
} from "@/components/elements/ai-elements/agentic/chain-of-thought";

export function ChainOfThoughtExample() {
  return (
    <ChainOfThought>
      <ChainOfThoughtHeader stepCount={3} completedCount={2} />
      <ChainOfThoughtContent>
        <ChainOfThoughtStep
          status="complete"
          title="Understanding the question"
          description="Parsed user intent and extracted key entities"
        />
        <ChainOfThoughtStep
          status="complete"
          title="Searching for information"
        >
          <ChainOfThoughtSearchResults
            results={[
              { title: "React Docs", url: "https://react.dev", snippet: "..." },
            ]}
          />
        </ChainOfThoughtStep>
        <ChainOfThoughtStep
          status="active"
          title="Formulating response"
        />
      </ChainOfThoughtContent>
    </ChainOfThought>
  );
}