pnpm dlx shadcn@latest add card

"use client";import { makeAssistantTool } from "@assistant-ui/react";import {  WeatherWidget,  WeatherWidgetErrorBoundary,  parseSerializableWeatherWidget,  SerializableWeatherWidgetSchema,  type SerializableWeatherWidget,} from "@/components/tool-ui/weather-widget";export const WeatherWidgetTool = makeAssistantTool<SerializableWeatherWidget>({  toolName: "get_weather",  description: "Display current weather and forecast for a location",  parameters: SerializableWeatherWidgetSchema,  render: ({ args, toolCallId }) => {    if (!args.location || !args.current || !args.forecast) return null;    const data = parseSerializableWeatherWidget({      ...args,      id: (args as any)?.id ?? `weather-${toolCallId}`,    });    return (      <WeatherWidgetErrorBoundary>        <WeatherWidget {...data} />      </WeatherWidgetErrorBoundary>    );  },});