@assistant-ui/mcp-docs-server 0.2.1 → 0.2.3

package/.docs/organized/code-examples/with-ffmpeg.md

@@ -4,7 +4,7 @@
 
 ```typescript
 import { openai } from "@ai-sdk/openai";
-import { frontendTools } from "@assistant-ui/react-ai-sdk";
+import { frontendTools } from "@assistant-ui/ai-sdk";
 import { convertToModelMessages, streamText } from "ai";
 
 export const maxDuration = 30;
@@ -13,7 +13,7 @@ export async function POST(req: Request) {
   const { messages, system, tools } = await req.json();
 
   const result = streamText({
-    model: openai("gpt-5.4-nano"),
+    model: openai("gpt-5.6-luna"),
     messages: await convertToModelMessages(messages),
     system,
     tools: {
@@ -190,7 +190,7 @@ export default function RootLayout({
 
 import { AssistantRuntimeProvider, generateId } from "@assistant-ui/react";
 import type { AttachmentAdapter } from "@assistant-ui/react";
-import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import { useChatRuntime } from "@assistant-ui/ai-sdk";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
 
 const attachmentAdapter: AttachmentAdapter = {
@@ -720,18 +720,18 @@ export default withAui(nextConfig);
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.34",
+    "@ai-sdk/openai": "^4.0.46",
+    "@assistant-ui/ai-sdk": "workspace:*",
     "@assistant-ui/react": "workspace:*",
-    "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
     "@ffmpeg/ffmpeg": "^0.12.15",
     "@ffmpeg/util": "^0.12.2",
-    "ai": "^7.0.56",
+    "ai": "^7.0.77",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.29.0",
-    "next": "^16.3.0",
+    "lucide-react": "^1.33.0",
+    "next": "^16.3.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0",
@@ -741,9 +741,9 @@ export default withAui(nextConfig);
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "postcss": "^8.5.26",
     "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
@@ -809,6 +809,7 @@ npm run dev
       "@/components/assistant-ui/*": [
         "../../packages/ui/src/components/assistant-ui/*"
       ],
+      "@/hooks/*": ["../../packages/ui/src/hooks/*"],
       "@/components/ui/*": [
         "../../packages/ui/src/components/ui/base/*",
         "../../packages/ui/src/components/ui/radix/*"

package/.docs/organized/code-examples/with-generative-ui.md

@@ -16,7 +16,7 @@ import { z } from "zod";
 import {
   AISDKToolkit,
   type AISDKToolkitToolsOptions,
-} from "@assistant-ui/react-ai-sdk";
+} from "@assistant-ui/ai-sdk";
 import {
   renderGuiToolDescription,
   renderGuiToolInputSchema,
@@ -45,7 +45,7 @@ export async function POST(req: Request) {
   });
 
   const result = streamText({
-    model: openai("gpt-5.4-nano"),
+    model: openai("gpt-5.6-luna"),
     messages: await convertToModelMessages(messages),
     stopWhen: stepCountIs(10),
     ...(system ? { system } : {}),
@@ -112,6 +112,50 @@ export async function POST(req: Request) {
 
 ```
 
+## app/api/present/route.ts
+
+```typescript
+import { openai } from "@ai-sdk/openai";
+import { streamText, convertToModelMessages, stepCountIs } from "ai";
+import type { UIMessage } from "ai";
+import {
+  AISDKToolkit,
+  type AISDKToolkitToolsOptions,
+} from "@assistant-ui/ai-sdk";
+import presentToolkit from "../../present-toolkit";
+
+export const maxDuration = 30;
+
+const aiToolkit = new AISDKToolkit({ toolkit: presentToolkit });
+
+type FrontendToolDefs = NonNullable<AISDKToolkitToolsOptions["frontend"]>;
+
+export async function POST(req: Request) {
+  const {
+    messages,
+    system,
+    tools: clientTools,
+  }: {
+    messages: UIMessage[];
+    system?: string;
+    tools?: FrontendToolDefs;
+  } = await req.json();
+
+  const result = streamText({
+    model: openai("gpt-5.6-luna"),
+    messages: await convertToModelMessages(messages),
+    stopWhen: stepCountIs(10),
+    ...(system ? { system } : {}),
+    tools: await aiToolkit.tools({
+      ...(clientTools && { frontend: clientTools }),
+    }),
+  });
+
+  return result.toUIMessageStreamResponse();
+}
+
+```
+
 ## app/globals.css
 
 ```css
@@ -257,7 +301,7 @@ import {
   Suggestions,
   useAssistantInstructions,
 } from "@assistant-ui/react";
-import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import { useChatRuntime } from "@assistant-ui/ai-sdk";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
 import { renderGuiChatInstructions } from "@/lib/render-gui-tool";
 
@@ -325,12 +369,13 @@ export default function GuiChatPage() {
 
 ```tsx
 import type { Metadata } from "next";
+import { GenerativeUIStyle } from "@/components/generative-ui-style";
 import "./globals.css";
 
 export const metadata: Metadata = {
   title: "assistant-ui Generative UI Example",
   description:
-    "Example showcasing generative UI tool components: charts, date pickers, forms, and maps",
+    "Example showcasing model-composed interfaces with the present tool and a custom component vocabulary",
 };
 
 export default function RootLayout({
@@ -340,6 +385,9 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
+      <head>
+        <GenerativeUIStyle />
+      </head>
       <body className="h-dvh">{children}</body>
     </html>
   );
@@ -359,13 +407,14 @@ import {
   Suggestions,
   Tools,
 } from "@assistant-ui/react";
-import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import { AssistantChatTransport, useChatRuntime } from "@assistant-ui/ai-sdk";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
 import { ExampleNav } from "@/components/example-nav";
-import toolkit from "./toolkit";
+import toolkit from "./present-toolkit";
 
 export default function Home() {
   const runtime = useChatRuntime({
+    transport: new AssistantChatTransport({ api: "/api/present" }),
     sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,
   });
 
@@ -373,26 +422,28 @@ export default function Home() {
     tools: Tools({ toolkit }),
     suggestions: Suggestions([
       {
-        title: "Show a bar chart",
-        label: "of quarterly revenue",
+        title: "Sales dashboard",
+        label: "for last quarter",
         prompt:
-          "Create a bar chart showing quarterly revenue: Q1 $45k, Q2 $52k, Q3 $61k, Q4 $58k",
+          "Show me a Q2 2026 sales dashboard. Revenue was $412k in April, $488k in May and $551k in June, on 1,284 orders, at a 3.4% conversion rate.",
       },
       {
-        title: "Pick a date",
-        label: "for a meeting",
-        prompt: "I need to schedule a meeting. Ask me to pick a date.",
+        title: "Product analytics",
+        label: "activation and retention",
+        prompt:
+          "How did we trend over the last six weeks? Activation went 41%, 44%, 43%, 48%, 52%, 55%, and week-4 retention went 22%, 24%, 23%, 27%, 29%, 31%.",
       },
       {
-        title: "Collect my contact info",
-        label: "name, email, phone",
+        title: "Support overview",
+        label: "tickets and response time",
         prompt:
-          "I want to sign up for the newsletter. Ask for my name, email, and phone number.",
+          "Give me a support overview. Open tickets: 12 urgent, 38 high, 91 normal, 24 low. Median first response is 47 minutes, down from 62 last week.",
       },
       {
-        title: "Show me on the map",
-        label: "the Eiffel Tower",
-        prompt: "Show me the Eiffel Tower on a map",
+        title: "Channel performance",
+        label: "compare acquisition sources",
+        prompt:
+          "Compare our acquisition channels. Search: $18k spend, 420 conversions. Social: $11k, 260. Email: $3k, 190. Referral: $6k, 150.",
       },
     ]),
   });
@@ -411,6 +462,60 @@ export default function Home() {
 
 ```
 
+## app/present-toolkit.tsx
+
+```tsx
+"use generative";
+
+import { defineToolkit } from "@assistant-ui/react";
+import {
+  JSONGenerativeUI,
+  defaultGenerativeUILibrary,
+  defineGenerativeComponents,
+} from "@assistant-ui/react-generative-ui";
+import { styledGenerativeUILibrary } from "@/components/assistant-ui/generative-ui";
+import { DashboardHeader } from "@/components/dashboard-header";
+import { z } from "zod";
+
+const markdown = defaultGenerativeUILibrary.Markdown!;
+
+const generative = new JSONGenerativeUI({
+  library: {
+    ...defaultGenerativeUILibrary,
+    ...defineGenerativeComponents({
+      Markdown: {
+        properties: markdown.properties,
+        streamProperties: markdown.streamProperties,
+        description:
+          "A markdown string, rendered with GitHub-flavored markdown.",
+        render: styledGenerativeUILibrary.Markdown!.render,
+      },
+      DashboardHeader: {
+        description:
+          "A heading for a dashboard, with an optional description and reporting period.",
+        properties: z.object({
+          title: z.string().describe("The dashboard title."),
+          description: z
+            .string()
+            .optional()
+            .describe("A short description of the dashboard."),
+          period: z
+            .string()
+            .optional()
+            .describe("The reporting period shown beside the title."),
+        }),
+        render: (props) => <DashboardHeader {...props} />,
+      },
+    }),
+  },
+});
+
+export default defineToolkit({
+  present: generative.present({ display: "standalone" }),
+});
+
+```
+
 ## app/primitive/page.tsx
 
 ```tsx
@@ -512,6 +617,70 @@ export default function GenerativeUIPrimitivePage() {
 
 ```
 
+## app/tool-ui/page.tsx
+
+```tsx
+"use client";
+
+import { Thread } from "@/components/assistant-ui/thread";
+import {
+  AssistantRuntimeProvider,
+  AuiConfig,
+  Suggestions,
+  Tools,
+} from "@assistant-ui/react";
+import { useChatRuntime } from "@assistant-ui/ai-sdk";
+import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
+import { ExampleNav } from "@/components/example-nav";
+import toolkit from "../toolkit";
+
+export default function Home() {
+  const runtime = useChatRuntime({
+    sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,
+  });
+
+  const config = AuiConfig({
+    tools: Tools({ toolkit }),
+    suggestions: Suggestions([
+      {
+        title: "Show a bar chart",
+        label: "of quarterly revenue",
+        prompt:
+          "Create a bar chart showing quarterly revenue: Q1 $45k, Q2 $52k, Q3 $61k, Q4 $58k",
+      },
+      {
+        title: "Pick a date",
+        label: "for a meeting",
+        prompt: "I need to schedule a meeting. Ask me to pick a date.",
+      },
+      {
+        title: "Collect my contact info",
+        label: "name, email, phone",
+        prompt:
+          "I want to sign up for the newsletter. Ask for my name, email, and phone number.",
+      },
+      {
+        title: "Show me on the map",
+        label: "the Eiffel Tower",
+        prompt: "Show me the Eiffel Tower on a map",
+      },
+    ]),
+  });
+
+  return (
+    <AssistantRuntimeProvider config={config} runtime={runtime}>
+      <div className="flex h-full flex-col">
+        <ExampleNav />
+        <main className="min-h-0 flex-1">
+          <Thread />
+        </main>
+      </div>
+    </AssistantRuntimeProvider>
+  );
+}
+
+```
+
 ## app/toolkit.tsx
 
 ```tsx
@@ -1069,6 +1238,41 @@ export const ContactFormToolUI: ToolCallMessagePartComponent<
 
 ```
 
+## components/dashboard-header.tsx
+
+```tsx
+"use client";
+
+type DashboardHeaderProps = {
+  title: string;
+  description?: string;
+  period?: string;
+};
+
+export function DashboardHeader({
+  title,
+  description,
+  period,
+}: DashboardHeaderProps) {
+  return (
+    <header className="flex flex-wrap items-start justify-between gap-3">
+      <div className="min-w-0">
+        <h2 className="text-lg font-semibold tracking-tight">{title}</h2>
+        {description ? (
+          <p className="text-muted-foreground mt-1 text-sm">{description}</p>
+        ) : null}
+      </div>
+      {period ? (
+        <span className="bg-muted text-muted-foreground rounded-full px-2.5 py-1 text-xs font-medium">
+          {period}
+        </span>
+      ) : null}
+    </header>
+  );
+}
+
+```
+
 ## components/date-picker-tool-ui.tsx
 
 ```tsx
@@ -1141,9 +1345,10 @@ export const DatePickerToolUI: ToolCallMessagePartComponent<
 import Link from "next/link";
 
 const links = [
-  { href: "/", label: "Tool UI demo" },
-  { href: "/primitive", label: "Static primitive" },
-  { href: "/gui-chat", label: "GUI chat" },
+  { href: "/", label: "Generative UI" },
+  { href: "/tool-ui", label: "Tool UI" },
+  { href: "/primitive", label: "Static primitive (legacy)" },
+  { href: "/gui-chat", label: "GUI chat (legacy)" },
 ] as const;
 
 export function ExampleNav() {
@@ -1165,6 +1370,33 @@ export function ExampleNav() {
 
 ```
 
+## components/generative-ui-style.tsx
+
+```tsx
+import {
+  generativeUiCssText,
+  generativeUiThemeVars,
+} from "@assistant-ui/ui/lib/generative-ui-vocabulary-css";
+
+function themeVarsBlock(selector: string, vars: Record<string, string>) {
+  const body = Object.entries(vars)
+    .map(([name, value]) => `  ${name}: ${value};`)
+    .join("\n");
+  return `${selector} {\n${body}\n}`;
+}
+
+export function GenerativeUIStyle() {
+  const css = [
+    themeVarsBlock(":root", generativeUiThemeVars.light),
+    themeVarsBlock(".dark", generativeUiThemeVars.dark),
+    generativeUiCssText(),
+  ].join("\n\n");
+
+  return <style>{css}</style>;
+}
+
+```
+
 ## components/gui/index.tsx
 
 ```tsx
@@ -1500,15 +1732,16 @@ export default withAui(nextConfig);
     "test": "vitest run"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.34",
+    "@ai-sdk/openai": "^4.0.46",
+    "@assistant-ui/ai-sdk": "workspace:*",
     "@assistant-ui/react": "workspace:*",
-    "@assistant-ui/react-ai-sdk": "workspace:*",
+    "@assistant-ui/react-generative-ui": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^7.0.56",
+    "ai": "^7.0.77",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.29.0",
-    "next": "^16.3.0",
+    "lucide-react": "^1.33.0",
+    "next": "^16.3.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "recharts": "^3.10.1",
@@ -1519,14 +1752,14 @@ export default withAui(nextConfig);
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "postcss": "^8.5.26",
     "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
     "typescript": "^7.0.2",
-    "vitest": "^4.1.10"
+    "vitest": "^4.1.11"
   }
 }
 
@@ -1543,6 +1776,7 @@ export default withAui(nextConfig);
       "@/components/assistant-ui/*": [
         "../../packages/ui/src/components/assistant-ui/*"
       ],
+      "@/hooks/*": ["../../packages/ui/src/hooks/*"],
       "@/components/ui/*": [
         "../../packages/ui/src/components/ui/base/*",
         "../../packages/ui/src/components/ui/radix/*"

package/.docs/organized/code-examples/with-google-adk.md

@@ -314,8 +314,8 @@ export default withAui(nextConfig);
     "@google/adk": "^1.6.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.29.0",
-    "next": "^16.3.0",
+    "lucide-react": "^1.33.0",
+    "next": "^16.3.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0",
@@ -325,9 +325,9 @@ export default withAui(nextConfig);
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "postcss": "^8.5.26",
     "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
@@ -348,6 +348,7 @@ export default withAui(nextConfig);
       "@/components/assistant-ui/*": [
         "../../packages/ui/src/components/assistant-ui/*"
       ],
+      "@/hooks/*": ["../../packages/ui/src/hooks/*"],
       "@/components/ui/*": [
         "../../packages/ui/src/components/ui/base/*",
         "../../packages/ui/src/components/ui/radix/*"

package/.docs/organized/code-examples/with-heat-graph.md

@@ -269,7 +269,7 @@ export default withAui(nextConfig);
   },
   "dependencies": {
     "heat-graph": "workspace:*",
-    "next": "^16.3.0",
+    "next": "^16.3.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8"
   },
@@ -277,9 +277,9 @@ export default withAui(nextConfig);
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "postcss": "^8.5.26",
     "tailwindcss": "^4.3.3",
     "typescript": "^7.0.2"

package/.docs/organized/code-examples/with-image-generation.md

@@ -359,7 +359,7 @@ export default function Home() {
 import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-  transpilePackages: ["@assistant-ui/react", "@assistant-ui/react-ai-sdk"],
+  transpilePackages: ["@assistant-ui/react", "@assistant-ui/ai-sdk"],
 };
 
 export default withAui(nextConfig);
@@ -380,14 +380,14 @@ export default withAui(nextConfig);
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.34",
+    "@ai-sdk/openai": "^4.0.46",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^7.0.56",
+    "ai": "^7.0.77",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.29.0",
-    "next": "^16.3.0",
+    "lucide-react": "^1.33.0",
+    "next": "^16.3.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0"
@@ -396,9 +396,9 @@ export default withAui(nextConfig);
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "postcss": "^8.5.26",
     "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
@@ -443,6 +443,7 @@ Then open `http://localhost:3000`.
       "@/components/assistant-ui/*": [
         "../../packages/ui/src/components/assistant-ui/*"
       ],
+      "@/hooks/*": ["../../packages/ui/src/hooks/*"],
       "@/components/ui/*": [
         "../../packages/ui/src/components/ui/base/*",
         "../../packages/ui/src/components/ui/radix/*"

package/.docs/organized/code-examples/with-interactables.md

@@ -10,7 +10,7 @@ import {
   frontendTools,
   type FrontendTools,
   unstable_injectInteractableContext,
-} from "@assistant-ui/react-ai-sdk";
+} from "@assistant-ui/ai-sdk";
 
 export const maxDuration = 30;
 
@@ -30,7 +30,7 @@ export async function POST(req: Request) {
   );
 
   const result = streamText({
-    model: openai("gpt-5.4-nano"),
+    model: openai("gpt-5.6-luna"),
     messages: modelMessages,
     stopWhen: stepCountIs(10),
     ...(system ? { system } : {}),
@@ -212,7 +212,7 @@ import {
   useAui,
   unstable_useInteractable,
 } from "@assistant-ui/react";
-import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
+import { useChatRuntime } from "@assistant-ui/ai-sdk";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
 import {
   CheckCircle2Icon,
@@ -626,15 +626,15 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.34",
+    "@ai-sdk/openai": "^4.0.46",
+    "@assistant-ui/ai-sdk": "workspace:*",
     "@assistant-ui/react": "workspace:*",
-    "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^7.0.56",
+    "ai": "^7.0.77",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.29.0",
-    "next": "^16.3.0",
+    "lucide-react": "^1.33.0",
+    "next": "^16.3.2",
     "react": "^19.2.8",
     "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0",
@@ -643,9 +643,9 @@ export default nextConfig;
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.3",
-    "@types/node": "^26.1.2",
+    "@types/node": "^26.2.0",
     "@types/react": "^19.2.18",
-    "@types/react-dom": "^19.2.4",
+    "@types/react-dom": "^19.2.5",
     "postcss": "^8.5.26",
     "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
@@ -713,6 +713,7 @@ Open [http://localhost:3000](http://localhost:3000) to see the example.
       "@/components/assistant-ui/*": [
         "../../packages/ui/src/components/assistant-ui/*"
       ],
+      "@/hooks/*": ["../../packages/ui/src/hooks/*"],
       "@/components/ui/*": [
         "../../packages/ui/src/components/ui/base/*",
         "../../packages/ui/src/components/ui/radix/*"