"use client" import { ChatInput, ChatInputSubmit, ChatInputTextArea } from "@/components/ui/chat-input" import { ChatMessage, ChatMessageAvatar, ChatMessageContent } from "@/components/ui/chat-message" import { ChatMessageArea } from "@/components/ui/chat-message-area" import { useChat } from "ai/react" export function Chat({ className,thread_id,initialMessages, ...props }) { const { messages, input, handleInputChange, handleSubmit, isLoading, stop } = useChat({ id: thread_id, api: "/api/chat", sendExtraMessageFields: true, experimental_prepareRequestBody({ messages, id, requestData }) { console.log(requestData); return { message: messages[messages.length - 1].content, thread_id, approveObj:requestData }; }, initialMessages: initialMessages, onFinish: message => { console.log("onFinish", message, completion); }, onToolCall: tool => console.log(tool) }) console.log("messages",messages); const handleSubmitMessage = () => { if (isLoading) { return } handleSubmit() } return (