31 lines
950 B
TypeScript
31 lines
950 B
TypeScript
import { anthropic } from '@ai-sdk/anthropic';
|
|
import { UIToolInvocation } from 'ai';
|
|
|
|
export default function AnthropicWebSearchView({
|
|
invocation,
|
|
}: {
|
|
invocation: UIToolInvocation<
|
|
ReturnType<typeof anthropic.tools.webSearch_20250305>
|
|
>;
|
|
}) {
|
|
switch (invocation.state) {
|
|
case 'input-available':
|
|
return (
|
|
<div className="mb-2 bg-gray-900 rounded-xl border border-gray-600 shadow-lg">
|
|
Searching the web with the following query: {invocation.input.query}
|
|
</div>
|
|
);
|
|
case 'output-available':
|
|
return (
|
|
<>
|
|
<div className="mb-2 bg-gray-900 rounded-xl border border-gray-600 shadow-lg">
|
|
Searching the web with the following query: {invocation.input.query}
|
|
</div>
|
|
<div className="mb-2 bg-gray-900 rounded-xl border border-gray-600 shadow-lg">
|
|
{JSON.stringify(invocation.output, null, 2)}
|
|
</div>
|
|
</>
|
|
);
|
|
}
|
|
}
|