'use client'; import ChatInput from '@/components/chat-input'; import { useChat } from '@ai-sdk/react'; import { DefaultChatTransport } from 'ai'; import type { XaiMcpServerMessage } from '@/agent/xai/mcp-server-agent'; export default function Chat() { const { error, status, sendMessage, messages, regenerate, stop } = useChat({ transport: new DefaultChatTransport({ api: '/api/chat/xai-mcp-server' }), }); return (

xAI MCP Server Tool (DeepWiki)

{messages.map(message => (

{message.role === 'user' ? 'User:' : 'AI:'}

{message.parts.map((part, index) => { if (part.type === 'text') { return

{part.text}

; } if (part.type === 'tool-mcp_server') { if (part.state === 'input-streaming') { return (

                    
                      MCP Server Tool (streaming...)
                    
                    {JSON.stringify(part.input, null, 2)}

); } if (part.state === 'input-available') { return (

                    
                      MCP Server Tool (executing...)
                    
                    {JSON.stringify(part.input, null, 2)}

); } if (part.state === 'output-available') { return (

                    
                      MCP Server Tool Result
                    
                    Input:
                    {JSON.stringify(part.input, null, 2)}
                    
                      Output:
                    
                    {JSON.stringify(part.output, null, 2)}

); } if (part.state === 'output-error') { return (

                    
                      MCP Server Tool Error
                    
                    {part.errorText}

); } } return null; })}

))} {(status === 'submitted' || status === 'streaming') && (

{status === 'submitted' &&

}

)} {error && (

An error occurred.

)} sendMessage({ text })} />

); }