37 lines
739 B
TypeScript
37 lines
739 B
TypeScript
"use client";
|
|
|
|
import { useEffect, useState } from "react";
|
|
import {
|
|
Reasoning,
|
|
ReasoningContent,
|
|
ReasoningTrigger,
|
|
} from "./ai-elements/reasoning";
|
|
|
|
type MessageReasoningProps = {
|
|
isLoading: boolean;
|
|
reasoning: string;
|
|
};
|
|
|
|
export function MessageReasoning({
|
|
isLoading,
|
|
reasoning,
|
|
}: MessageReasoningProps) {
|
|
const [hasBeenStreaming, setHasBeenStreaming] = useState(isLoading);
|
|
|
|
useEffect(() => {
|
|
if (isLoading) {
|
|
setHasBeenStreaming(true);
|
|
}
|
|
}, [isLoading]);
|
|
|
|
return (
|
|
<Reasoning
|
|
data-testid="message-reasoning"
|
|
defaultOpen={hasBeenStreaming}
|
|
isStreaming={isLoading}
|
|
>
|
|
<ReasoningTrigger />
|
|
<ReasoningContent>{reasoning}</ReasoningContent>
|
|
</Reasoning>
|
|
);
|
|
}
|