@assistant-ui/mcp-docs-server 0.1.20 → 0.1.21

package/.docs/raw/docs/ui/thread-list.mdx

@@ -3,14 +3,12 @@ title: ThreadList
 description: Switch between conversations. Supports sidebar or dropdown layouts.
 ---
 
-import { ParametersTable } from "@/components/docs/tables/ParametersTable";
-import { InstallCommand } from "@/components/docs/fumadocs/install/install-command";
 import { ThreadListSample } from "@/components/docs/samples/threadlist";
 
 <ThreadListSample />
 
 <Callout>
-This demo uses **ThreadListSidebar**, which includes `thread-list` as a dependency and provides a complete sidebar layout. For custom implementations, you can use `thread-list` directly.
+This demo uses `ThreadListSidebar`, which includes `thread-list` as a dependency and provides a complete sidebar layout. For custom implementations, you can use `thread-list` directly.
 </Callout>
 
 ## Getting Started
@@ -40,10 +38,10 @@ Use `threadlist-sidebar` for a complete sidebar layout or `thread-list` for cust
     ```tsx title="/app/assistant.tsx"
     import { Thread } from "@/components/assistant-ui/thread";
     import { ThreadListSidebar } from "@/components/assistant-ui/threadlist-sidebar";
-    import { 
-      SidebarProvider, 
+    import {
+      SidebarProvider,
       SidebarInset,
-      SidebarTrigger 
+      SidebarTrigger
     } from "@/components/ui/sidebar";
 
     export default function Assistant() {
@@ -84,7 +82,7 @@ Use `threadlist-sidebar` for a complete sidebar layout or `thread-list` for cust
 
 ## Anatomy
 
-The ThreadList component is built with the following primitives:
+The `ThreadList` component is built with the following primitives:
 
 ```tsx
 import { ThreadListPrimitive, ThreadListItemPrimitive } from "@assistant-ui/react";
@@ -242,6 +240,18 @@ A button to archive the thread.
 
 A button to restore an archived thread.
 
+<ParametersTable
+  type="ThreadListItemPrimitiveUnarchiveProps"
+  parameters={[
+    {
+      name: "asChild",
+      type: "boolean",
+      default: "false",
+      description: "Merge props with child element instead of rendering a wrapper button.",
+    },
+  ]}
+/>
+
 ### ThreadListItemPrimitive.Delete
 
 A button to permanently delete the thread.
@@ -258,18 +268,90 @@ A button to permanently delete the thread.
   ]}
 />
 
-### ThreadListItemMore
+### ThreadListItemMorePrimitive
 
-A dropdown menu for additional thread actions, built on Radix UI DropdownMenu:
+A dropdown menu for additional thread actions, built on Radix UI DropdownMenu.
 
-- `ThreadListItemMorePrimitive.Root` - Menu container
-- `ThreadListItemMorePrimitive.Trigger` - Button to open the menu
-- `ThreadListItemMorePrimitive.Content` - Menu content container
-- `ThreadListItemMorePrimitive.Item` - Individual menu item
-- `ThreadListItemMorePrimitive.Separator` - Visual separator between items
+#### ThreadListItemMorePrimitive.Root
 
-## Related Components
+Menu container that manages dropdown state.
 
-- [Thread](/docs/ui/thread) - The main chat interface displayed alongside the list
+<ParametersTable
+  type="ThreadListItemMorePrimitiveRootProps"
+  parameters={[
+    {
+      name: "asChild",
+      type: "boolean",
+      default: "false",
+      description: "Merge props with child element instead of rendering a wrapper div.",
+    },
+  ]}
+/>
 
+#### ThreadListItemMorePrimitive.Trigger
 
+Button to open the menu.
+
+<ParametersTable
+  type="ThreadListItemMorePrimitiveTriggerProps"
+  parameters={[
+    {
+      name: "asChild",
+      type: "boolean",
+      default: "false",
+      description: "Merge props with child element instead of rendering a wrapper button.",
+    },
+  ]}
+/>
+
+#### ThreadListItemMorePrimitive.Content
+
+Menu content container.
+
+<ParametersTable
+  type="ThreadListItemMorePrimitiveContentProps"
+  parameters={[
+    {
+      name: "asChild",
+      type: "boolean",
+      default: "false",
+      description: "Merge props with child element instead of rendering a wrapper div.",
+    },
+  ]}
+/>
+
+#### ThreadListItemMorePrimitive.Item
+
+Individual menu item.
+
+<ParametersTable
+  type="ThreadListItemMorePrimitiveItemProps"
+  parameters={[
+    {
+      name: "asChild",
+      type: "boolean",
+      default: "false",
+      description: "Merge props with child element instead of rendering a wrapper div.",
+    },
+  ]}
+/>
+
+#### ThreadListItemMorePrimitive.Separator
+
+Visual separator between items.
+
+<ParametersTable
+  type="ThreadListItemMorePrimitiveSeparatorProps"
+  parameters={[
+    {
+      name: "asChild",
+      type: "boolean",
+      default: "false",
+      description: "Merge props with child element instead of rendering a wrapper div.",
+    },
+  ]}
+/>
+
+## Related Components
+
+- [Thread](/docs/ui/thread) - The main chat interface displayed alongside the list

package/.docs/raw/docs/ui/thread.mdx

@@ -3,8 +3,6 @@ title: Thread
 description: The main chat container with messages, composer, and auto-scroll.
 ---
 
-import { ParametersTable } from "@/components/docs/tables/ParametersTable";
-import { InstallCommand } from "@/components/docs/fumadocs/install/install-command";
 import { ThreadSample } from "@/components/docs/samples/thread";
 
 A complete chat interface that combines message rendering, auto-scrolling, composer input,
@@ -15,7 +13,7 @@ attachments, and conditional UI states. Fully customizable and composable.
 
 ## Anatomy
 
-The Thread component is built with the following primitives:
+The `Thread` component is built with the following primitives:
 
 ```tsx
 import { ThreadPrimitive, AuiIf } from "@assistant-ui/react";

package/.docs/raw/docs/ui/tool-fallback.mdx

@@ -3,7 +3,6 @@ title: ToolFallback
 description: Default UI component for tools without dedicated custom renderers.
 ---
 
-import { InstallCommand } from "@/components/docs/fumadocs/install/install-command";
 import {
   ToolFallbackSample,
   ToolFallbackRunningSample,

package/.docs/raw/docs/ui/tool-group.mdx

@@ -3,8 +3,6 @@ title: ToolGroup
 description: Wrapper for consecutive tool calls with collapsible and styled options.
 ---
 
-import { InstallCommand } from "@/components/docs/fumadocs/install/install-command";
-import { ParametersTable } from "@/components/docs/tables/ParametersTable";
 import {
   ToolGroupSample,
   ToolGroupStreamingSample,
@@ -70,7 +68,7 @@ Use the `variant` prop on `ToolGroup.Root` to change the visual style:
 
 ### Streaming Demo (Custom UI + Fallback)
 
-Interactive demo showing tool group with **custom tool UIs** and **ToolFallback** working together. Watch as weather cards stream in with loading states, followed by a search tool using the fallback UI.
+Interactive demo showing tool group with **custom tool UIs** and `ToolFallback` working together. Watch as weather cards stream in with loading states, followed by a search tool using the fallback UI.
 
 <ToolGroupStreamingSample />
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/mcp-docs-server",
-  "version": "0.1.20",
+  "version": "0.1.21",
   "description": "MCP server for assistant-ui documentation and examples",
   "keywords": [
     "mcp",
@@ -38,7 +38,7 @@
     "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@types/node": "^25.0.10",
+    "@types/node": "^25.2.0",
     "tsx": "^4.21.0",
     "vitest": "^4.0.18",
     "@assistant-ui/x-buildutils": "0.0.1"

package/.docs/raw/docs/runtimes/ai-sdk/use-chat.mdx

@@ -1,219 +0,0 @@
----
-title: AI SDK v5
-description: Integrate Vercel AI SDK v5 with useChatRuntime for streaming chat.
----
-
-import { InstallCommand } from "@/components/docs/fumadocs/install/install-command";
-
-## Overview
-
-Integration with the Vercel AI SDK v5 using the new `useChatRuntime` hook from `@assistant-ui/react-ai-sdk`.
-This provides a streamlined way to integrate AI SDK v5 features including the new streamText API and improved TypeScript support.
-
-## Getting Started
-
-
-<Steps>
-  <Step>
-  ### Create a Next.JS project
-
-```sh
-npx create-next-app@latest my-app
-cd my-app
-```
-
-  </Step>
-  <Step>
-
-### Install AI SDK v5 and `@assistant-ui/react`
-
-<InstallCommand npm={["@assistant-ui/react", "@assistant-ui/react-ai-sdk", "ai", "@ai-sdk/openai"]} />
-
-  </Step>
-  <Step>
-
-### Setup a backend route under `/api/chat`
-
-`@/app/api/chat/route.ts`
-
-```tsx
-import { openai } from "@ai-sdk/openai";
-import { streamText, UIMessage, convertToModelMessages, tool, zodSchema } from "ai";
-import { frontendTools } from "@assistant-ui/react-ai-sdk";
-import { z } from "zod";
-
-// Allow streaming responses up to 30 seconds
-export const maxDuration = 30;
-
-export async function POST(req: Request) {
-  const {
-    messages,
-    system,
-    tools,
-  }: {
-    messages: UIMessage[];
-    system?: string; // System message forwarded from AssistantChatTransport
-    tools?: any; // Frontend tools forwarded from AssistantChatTransport
-  } = await req.json();
-
-  const result = streamText({
-    model: openai("gpt-4o"),
-    system, // Use the system message from the frontend if provided
-    messages: convertToModelMessages(messages),
-    tools: {
-      // Wrap frontend tools with frontendTools helper
-      ...frontendTools(tools),
-      // Backend tools
-      get_current_weather: tool({
-        description: "Get the current weather",
-        inputSchema: zodSchema(
-          z.object({
-            city: z.string(),
-          }),
-        ),
-        execute: async ({ city }) => {
-          return `The weather in ${city} is sunny`;
-        },
-      }),
-    },
-  });
-
-  return result.toUIMessageStreamResponse();
-}
-```
-
-  </Step>
-  <Step>
-
-### Wrap your app with `AssistantRuntimeProvider` using `useChatRuntime`
-
-`@/app/page.tsx`
-
-```tsx
-"use client";
-
-import { Thread } from "@/components/assistant-ui/thread";
-import { AssistantRuntimeProvider } from "@assistant-ui/react";
-import { useChatRuntime, AssistantChatTransport } from "@assistant-ui/react-ai-sdk";
-
-export default function Home() {
-  const runtime = useChatRuntime({
-    transport: new AssistantChatTransport({
-      api: "/api/chat",
-    }),
-  });
-
-  return (
-    <AssistantRuntimeProvider runtime={runtime}>
-      <div className="h-full">
-        <Thread />
-      </div>
-    </AssistantRuntimeProvider>
-  );
-}
-```
-
-  </Step>
-</Steps>
-
-## API Reference
-
-### useChatRuntime
-
-Creates a runtime directly with AI SDK v5's `useChat` hook integration.
-
-```tsx
-import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
-
-const runtime = useChatRuntime({
-  api: "/api/chat",
-  // All standard useChat options are supported
-});
-```
-
-<Callout type="info">
-  By default, `useChatRuntime` uses `AssistantChatTransport` which automatically
-  forwards system messages and frontend tools to your backend API. This enables
-  your backend to receive the full context from the assistant-ui.
-</Callout>
-
-### Custom Transport Configuration
-
-If you need to customize the transport configuration:
-
-```tsx
-import { DefaultChatTransport } from "ai";
-import { AssistantChatTransport } from "@assistant-ui/react-ai-sdk";
-import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
-
-// Example 1: Custom API URL while keeping system/tools forwarding
-const runtime = useChatRuntime({
-  transport: new AssistantChatTransport({
-    api: "/my-custom-api/chat", // Custom API URL with forwarding
-  }),
-});
-
-// Example 2: Disable system/tools forwarding
-const runtime = useChatRuntime({
-  api: "/api/chat",
-  transport: new DefaultChatTransport(), // Standard AI SDK transport without forwarding
-});
-```
-
-<Callout type="warning">
-  When customizing the API URL, you must explicitly use `AssistantChatTransport`
-  if you want to keep frontend system messages and tools forwarding. Simply
-  passing `api` to `useChatRuntime` will use the default transport
-  configuration.
-</Callout>
-
-#### Transport Options
-
-- **`AssistantChatTransport`** (default): Automatically forwards system messages and frontend tools from the assistant-ui context to your backend
-- **`DefaultChatTransport`**: Standard AI SDK transport without automatic forwarding
-
-### Using Frontend Tools with `frontendTools`
-
-When using `AssistantChatTransport`, frontend tools are forwarded to your backend. Use the `frontendTools` helper to properly integrate them:
-
-```tsx
-import { frontendTools } from "@assistant-ui/react-ai-sdk";
-
-export async function POST(req: Request) {
-  const { messages, system, tools } = await req.json();
-
-  const result = streamText({
-    model: openai("gpt-4o"),
-    system,
-    messages: convertToModelMessages(messages),
-    tools: {
-      // Wrap frontend tools with the helper
-      ...frontendTools(tools),
-      // Your backend tools
-      myBackendTool: tool({
-        // ...
-      }),
-    },
-  });
-
-  return result.toUIMessageStreamResponse();
-}
-```
-
-The `frontendTools` helper converts frontend tool definitions to the AI SDK format and ensures they are properly handled by the streaming response.
-
-### useAISDKRuntime (Advanced)
-
-For advanced use cases where you need direct access to the `useChat` hook:
-
-```tsx
-import { useChat } from "@ai-sdk/react";
-import { useAISDKRuntime } from "@assistant-ui/react-ai-sdk";
-
-const chat = useChat();
-const runtime = useAISDKRuntime(chat);
-```
-
-## Example
-
-For a complete example, check out the [AI SDK v6 example](https://github.com/assistant-ui/assistant-ui/tree/main/examples/with-ai-sdk-v6) in our repository.