Reasoning Steps

import {
  ReasoningStep,
  ReasoningStepDetails,
  ReasoningStepSource,
  ReasoningStepSources,
  ReasoningSteps,
  ReasoningStepsContent,
  ReasoningStepsTrigger,
} from "@/components/ui/reasoning-steps";

export function AssistantReply() {
  return (
    <ReasoningSteps>
      <ReasoningStepsTrigger>Reasoning</ReasoningStepsTrigger>
      <ReasoningStepsContent>
        <ReasoningStep
          description="Parsing the question and pulling out the actual constraints."
          label="Reading the request"
          status="done"
        />
        <ReasoningStep
          description="Checking the deploy config mentioned earlier in the thread."
          label="Recalling relevant context"
          status="done"
        />
        <ReasoningStep
          description="A quick rollback versus a targeted env-var fix."
          label="Weighing two approaches"
          status="done"
        >
          <ReasoningStepDetails summary="See the tradeoffs">
            A rollback restores service in under a minute but loses the
            config fix for the next deploy. The env-var patch takes longer
            to verify but fixes it at the source.
          </ReasoningStepDetails>
          <ReasoningStepSources>
            <ReasoningStepSource>vercel.com/docs</ReasoningStepSource>
            <ReasoningStepSource>runbook.md</ReasoningStepSource>
          </ReasoningStepSources>
        </ReasoningStep>
        <ReasoningStep
          description="Writing the fix as a short, ordered checklist."
          label="Drafting the answer"
          status="active"
        />
      </ReasoningStepsContent>
    </ReasoningSteps>
  );
}