'use client'; import type { AnthropicToolSearchAgentMessage } from '@/agent/anthropic/tool-search-agent'; import { Response } from '@/components/ai-elements/response'; import ChatInput from '@/components/chat-input'; import AnthropicToolSearchView from '@/components/tool/anthropic-tool-search-view'; import WeatherView from '@/components/tool/weather-view'; import SendEmailView from '@/components/tool/send-email-view'; import { useChat } from '@ai-sdk/react'; import { DefaultChatTransport } from 'ai'; export default function ChatAnthropicToolSearch() { const { error, status, sendMessage, messages, regenerate } = useChat({ transport: new DefaultChatTransport({ api: '/api/chat/anthropic-tool-search', }), }); return (

Anthropic Tool Search

Ask about weather or send emails. Claude will use the tool search to discover and load the appropriate tools dynamically.

{messages.map(message => (

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

{message.parts.map((part, index) => { switch (part.type) { case 'text': { return {part.text}; } case 'tool-toolSearch': { return ( ); } case 'tool-weather': { return ; } case 'tool-send_email': { return ; } } })}

))} {error && (

An error occurred.

)} sendMessage({ text })} />

); }