@assistant-ui/mcp-docs-server 0.1.19 → 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,10 +13,10 @@ 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, AssistantIf } from "@assistant-ui/react";
+import { ThreadPrimitive, AuiIf } from "@assistant-ui/react";
 
 <ThreadPrimitive.Root>
   <ThreadPrimitive.Viewport>
@@ -32,8 +30,8 @@ import { ThreadPrimitive, AssistantIf } from "@assistant-ui/react";
     />
     <ThreadPrimitive.ScrollToBottom />
   </ThreadPrimitive.Viewport>
-  <ThreadPrimitive.Suggestion />
-  <AssistantIf condition={...} />
+  <ThreadPrimitive.Suggestions />
+  <AuiIf condition={...} />
 </ThreadPrimitive.Root>
 ```
 
@@ -73,42 +71,62 @@ export default function Chat() {
 ### Welcome Screen
 
 ```tsx
-<AssistantIf condition={({ thread }) => thread.isEmpty}>
+<AuiIf condition={({ thread }) => thread.isEmpty}>
   <ThreadWelcome />
-</AssistantIf>
+</AuiIf>
 ```
 
 ### Viewport Spacer
 
 ```tsx
-<AssistantIf condition={({ thread }) => !thread.isEmpty}>
+<AuiIf condition={({ thread }) => !thread.isEmpty}>
   <div className="min-h-8 grow" />
-</AssistantIf>
+</AuiIf>
 ```
 
 ### Conditional Send/Cancel Button
 
 ```tsx
-<AssistantIf condition={({ thread }) => !thread.isRunning}>
+<AuiIf condition={({ thread }) => !thread.isRunning}>
   <ComposerPrimitive.Send>
     Send
   </ComposerPrimitive.Send>
-</AssistantIf>
+</AuiIf>
 
-<AssistantIf condition={({ thread }) => thread.isRunning}>
+<AuiIf condition={({ thread }) => thread.isRunning}>
   <ComposerPrimitive.Cancel>
     Cancel
   </ComposerPrimitive.Cancel>
-</AssistantIf>
+</AuiIf>
 ```
 
 ### Suggestions
 
+Display suggested prompts using the Suggestions API. See the [Suggestions guide](/docs/guides/suggestions) for detailed configuration.
+
 ```tsx
-<ThreadPrimitive.Suggestion
-  prompt="What's the weather in San Francisco?"
-  send
+import { SuggestionPrimitive, ThreadPrimitive } from "@assistant-ui/react";
+
+// Configure suggestions in your runtime provider
+const aui = useAui({
+  suggestions: Suggestions(["What's the weather?", "Tell me a joke"]),
+});
+
+// Display suggestions in your thread component
+<ThreadPrimitive.Suggestions
+  components={{
+    Suggestion: SuggestionItem,
+  }}
 />
+
+// Custom suggestion item
+const SuggestionItem = () => (
+  <SuggestionPrimitive.Trigger send asChild>
+    <button>
+      <SuggestionPrimitive.Title />
+    </button>
+  </SuggestionPrimitive.Trigger>
+);
 ```
 
 ## API Reference
@@ -297,89 +315,55 @@ A button to scroll the viewport to the bottom. Disabled when the viewport is alr
 
 This primitive renders a `<button>` element unless `asChild` is set.
 
-### Suggestion
+### Suggestions
 
-Shows a suggestion to the user. When clicked, replaces the composer's value with the suggestion and optionally sends it.
+Renders all configured suggestions. Configure suggestions using the `Suggestions()` API in your runtime provider.
 
 ```tsx
-<ThreadPrimitive.Suggestion
-  prompt="Tell me about React hooks"
-  send
+<ThreadPrimitive.Suggestions
+  components={{
+    Suggestion: CustomSuggestionComponent,
+  }}
 />
 ```
 
 <ParametersTable
-  type="ThreadPrimitiveSuggestionProps"
+  type="ThreadPrimitiveSuggestionsProps"
   parameters={[
     {
-      name: "prompt",
-      type: "string",
-      required: true,
-      description: "The suggestion text to use when clicked.",
-    },
-    {
-      name: "send",
-      type: "boolean",
-      description:
-        "When true, automatically sends the message. When false, replaces or appends the composer text with the suggestion - depending on the value of `clearComposer`",
-    },
-    {
-      name: "clearComposer",
-      type: "boolean",
-      default: "true",
-      description:
-        "Whether to clear the composer after sending. When send is set to false, determines if composer text is replaced with suggestion (true, default), or if the suggestion's prompt is appended to the composer text (false).",
-    },
-    {
-      name: "autoSend",
-      type: "boolean",
-      deprecated: true,
-      description: "Deprecated. Use 'send' instead.",
-    },
-    {
-      name: "method",
-      type: "'replace'",
-      deprecated: true,
-      description: "Deprecated. This parameter is no longer used.",
-    },
-    {
-      name: "asChild",
-      type: "boolean",
-      default: "false",
-      description: "Merge props with child element instead of rendering a wrapper button.",
-    },
-    {
-      name: "className",
-      type: "string",
-      description: "CSS class name.",
+      name: "components",
+      type: "{ Suggestion: ComponentType }",
+      description: "Custom component to render each suggestion.",
     },
   ]}
 />
 
-This primitive renders a `<button>` element unless `asChild` is set.
+<Callout type="info">
+See the [Suggestions guide](/docs/guides/suggestions) for detailed information on configuring and customizing suggestions.
+</Callout>
 
-### AssistantIf
+### AuiIf
 
 Conditionally renders children based on assistant state. This is a generic component that can access thread, message, composer, and other state.
 
 ```tsx
-import { AssistantIf } from "@assistant-ui/react";
+import { AuiIf } from "@assistant-ui/react";
 
-<AssistantIf condition={({ thread }) => thread.isEmpty}>
+<AuiIf condition={({ thread }) => thread.isEmpty}>
   <WelcomeScreen />
-</AssistantIf>
+</AuiIf>
 
-<AssistantIf condition={({ thread }) => thread.isRunning}>
+<AuiIf condition={({ thread }) => thread.isRunning}>
   <LoadingIndicator />
-</AssistantIf>
+</AuiIf>
 
-<AssistantIf condition={({ message }) => message.role === "assistant"}>
+<AuiIf condition={({ message }) => message.role === "assistant"}>
   <AssistantAvatar />
-</AssistantIf>
+</AuiIf>
 ```
 
 <ParametersTable
-  type="AssistantIfProps"
+  type="AuiIfProps"
   parameters={[
     {
       name: "condition",

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/README.md

@@ -2,8 +2,8 @@
 
 A Model Context Protocol (MCP) server that provides AI assistants with direct access to assistant-ui's documentation and examples.
 
-> **📖 Full Documentation**  
-> For detailed installation instructions, troubleshooting, and advanced usage, visit the [complete documentation](https://www.assistant-ui.com/docs/mcp-docs-server).
+> **📖 Full Documentation**
+> For detailed installation instructions, troubleshooting, and advanced usage, visit the [complete documentation](https://www.assistant-ui.com/docs/llm#mcp).
 
 ## Installation
 
@@ -67,7 +67,7 @@ Add to `~/.codeium/windsurf/mcp_config.json`:
 
 ### VSCode
 
-Add to `~/.vscode/mcp.json` (Windows users: see [full docs](https://www.assistant-ui.com/docs/mcp-docs-server) for Windows-specific config):
+Add to `.vscode/mcp.json` in your project:
 
 ```json
 {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/mcp-docs-server",
-  "version": "0.1.19",
+  "version": "0.1.21",
   "description": "MCP server for assistant-ui documentation and examples",
   "keywords": [
     "mcp",
@@ -35,12 +35,12 @@
   "dependencies": {
     "@modelcontextprotocol/sdk": "^1.25.3",
     "gray-matter": "^4.0.3",
-    "zod": "^4.3.5"
+    "zod": "^4.3.6"
   },
   "devDependencies": {
-    "@types/node": "^25.0.9",
+    "@types/node": "^25.2.0",
     "tsx": "^4.21.0",
-    "vitest": "^4.0.17",
+    "vitest": "^4.0.18",
     "@assistant-ui/x-buildutils": "0.0.1"
   },
   "publishConfig": {

package/src/tools/tests/examples.test.ts

@@ -54,7 +54,7 @@ describe("assistantUIExamples", () => {
     });
 
     expect(result.content).toContain("package.json");
-    expect(result.content).toContain("components/assistant-ui/thread.tsx");
+    expect(result.content).toContain("app/page.tsx");
   });
 
   it("should handle empty example parameter", async () => {

package/.docs/raw/docs/(docs)/about-assistantui.mdx

@@ -1,54 +0,0 @@
----
-title: "About assistant-ui"
-description: Why assistant-ui? Composable primitives, runtime agnostic, and production-ready.
----
-
-import { Sparkles, PanelsTopLeft, Database, Terminal } from "lucide-react";
-
-assistant-ui helps you create beautiful, enterprise-grade AI chat interfaces in minutes. Whether you're building a chatGPT clone, a customer support chatbot, an AI assistant, or a complex multi agent application, assistant-ui provides the frontend primative components and state management layers to focus on what makes your application unique.
-
-## Key Features
-
-<Cards>
-
-    <Card icon={<PanelsTopLeft className="text-purple-300" />} title='Instant Chat UI'>
-
-    Pre-built beautiful, customizable chat interfaces out of the box. Easy to quickly iterate on your idea.
-
-    </Card>
-
-    <Card icon={<PanelsTopLeft className="text-blue-300" />} title='Chat State Management'>
-
-    Powerful state management for chat interactions, optimized for streaming responses and efficient rendering.
-
-    </Card>
-
-    <Card icon={<Database className="text-green-300" />} title='High Performance'>
-
-    Optimized for speed and efficiency with minimal bundle size, ensuring your AI chat interfaces remain responsive.
-
-    </Card>
-
-    <Card icon={<Terminal className="text-orange-300" />} title='Framework Agnostic'>
-
-    Easily integrate with any backend system, whether using Vercel AI SDK, direct LLM connections, or custom solutions.
-     Works with any React-based framework.
-
-    </Card>
-
-</Cards>
-
-<Callout title="Want to try it out?">
-  [Get Started in 30 Seconds](/docs).
-</Callout>
-
-## AI Accessible Documentation
-
-Our docs are easily accessible to AI assistants through several methods:
-
-- **[MCP Docs Server](/docs/mcp-docs-server)** - Direct MCP integration for IDEs and agents
-- **`/llms.txt`** - Structured index of all documentation pages
-- **`/llms-full.txt`** - Complete documentation in a single file
-- **`.mdx` suffix** - Add `.mdx` to any page's URL for raw markdown content
-
-