@assistant-ui/mcp-docs-server 0.1.14 → 0.1.16

package/.docs/raw/docs/ui/Thread.mdx

@@ -4,9 +4,9 @@ title: Thread
 
 import { Steps, Step } from "fumadocs-ui/components/steps";
 import { Callout } from "fumadocs-ui/components/callout";
-import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import { ParametersTable } from "@/components/docs";
-import { ThreadSample } from "../../../components/samples/thread-sample";
+import { InstallCommand } from "@/components/docs/install-command";
+import { ThreadSample } from "@/components/samples/thread-sample";
 
 A complete chat interface that combines message rendering, auto-scrolling, composer input,
 attachments, and conditional UI states. Fully customizable and composable.
@@ -19,7 +19,7 @@ attachments, and conditional UI states. Fully customizable and composable.
 The Thread component is built with the following primitives:
 
 ```tsx
-import { ThreadPrimitive } from "@assistant-ui/react";
+import { ThreadPrimitive, AssistantIf } from "@assistant-ui/react";
 
 <ThreadPrimitive.Root>
   <ThreadPrimitive.Viewport>
@@ -27,14 +27,14 @@ import { ThreadPrimitive } from "@assistant-ui/react";
     <ThreadPrimitive.Messages
       components={{
         EditComposer,
-        UserMessage, 
+        UserMessage,
         AssistantMessage,
       }}
     />
     <ThreadPrimitive.ScrollToBottom />
   </ThreadPrimitive.Viewport>
   <ThreadPrimitive.Suggestion />
-  <ThreadPrimitive.If />
+  <AssistantIf condition={...} />
 </ThreadPrimitive.Root>
 ```
 
@@ -45,29 +45,7 @@ import { ThreadPrimitive } from "@assistant-ui/react";
 
 ### Add the component
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add thread
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/thread
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/thread"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["thread"]} />
 
 This adds a `/components/assistant-ui/thread.tsx` file to your project, which you can adjust as needed.
 
@@ -96,33 +74,33 @@ export default function Chat() {
 ### Welcome Screen
 
 ```tsx
-<ThreadPrimitive.If empty>
+<AssistantIf condition={({ thread }) => thread.isEmpty}>
   <ThreadWelcome />
-</ThreadPrimitive.If>
+</AssistantIf>
 ```
 
 ### Viewport Spacer
 
 ```tsx
-<ThreadPrimitive.If empty={false}>
+<AssistantIf condition={({ thread }) => !thread.isEmpty}>
   <div className="min-h-8 grow" />
-</ThreadPrimitive.If>
+</AssistantIf>
 ```
 
 ### Conditional Send/Cancel Button
 
 ```tsx
-<ThreadPrimitive.If running={false}>
+<AssistantIf condition={({ thread }) => !thread.isRunning}>
   <ComposerPrimitive.Send>
     Send
   </ComposerPrimitive.Send>
-</ThreadPrimitive.If>
+</AssistantIf>
 
-<ThreadPrimitive.If running>
+<AssistantIf condition={({ thread }) => thread.isRunning}>
   <ComposerPrimitive.Cancel>
     Cancel
   </ComposerPrimitive.Cancel>
-</ThreadPrimitive.If>
+</AssistantIf>
 ```
 
 ### Suggestions
@@ -381,33 +359,40 @@ Shows a suggestion to the user. When clicked, replaces the composer's value with
 
 This primitive renders a `<button>` element unless `asChild` is set.
 
-### If
+### AssistantIf
+
+Conditionally renders children based on assistant state. This is a generic component that can access thread, message, composer, and other state.
 
-Conditionally renders children based on thread state.
+```tsx
+import { AssistantIf } from "@assistant-ui/react";
+
+<AssistantIf condition={({ thread }) => thread.isEmpty}>
+  <WelcomeScreen />
+</AssistantIf>
+
+<AssistantIf condition={({ thread }) => thread.isRunning}>
+  <LoadingIndicator />
+</AssistantIf>
+
+<AssistantIf condition={({ message }) => message.role === "assistant"}>
+  <AssistantAvatar />
+</AssistantIf>
+```
 
 <ParametersTable
-  type="ThreadPrimitiveIfProps"
+  type="AssistantIfProps"
   parameters={[
     {
-      name: "empty",
-      type: "boolean | undefined",
-      description: "Render children if the thread is empty (no messages).",
-    },
-    {
-      name: "running",
-      type: "boolean | undefined",
-      description: "Render children if the thread is running (assistant is responding).",
-    },
-    {
-      name: "disabled",
-      type: "boolean | undefined",
-      description: "Render children if the thread is disabled.",
+      name: "condition",
+      type: "(state: AssistantState) => boolean",
+      required: true,
+      description: "A function that receives the assistant state and returns whether to render children.",
     },
   ]}
 />
 
 <Callout type="info">
-Multiple conditions can be combined on `ThreadPrimitive.If` - all specified conditions must match for children to render.
+The condition function receives an `AssistantState` object with access to `thread`, `message`, `composer`, `part`, and `attachment` state depending on context.
 </Callout>
 
 

package/.docs/raw/docs/ui/ThreadList.mdx

@@ -5,7 +5,8 @@ title: ThreadList
 import { Steps, Step } from "fumadocs-ui/components/steps";
 import { Callout } from "fumadocs-ui/components/callout";
 import { Tabs, Tab } from "fumadocs-ui/components/tabs";
-import { ThreadListSample } from "../../../components/samples/threadlist-sample";
+import { InstallCommand } from "@/components/docs/install-command";
+import { ThreadListSample } from "@/components/samples/threadlist-sample";
 
 ## Overview
 
@@ -28,55 +29,11 @@ Use `threadlist-sidebar` for a complete sidebar layout or `thread-list` for cust
 
 #### ThreadListSidebar
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add threadlist-sidebar
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/threadlist-sidebar
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/threadlist-sidebar"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["threadlist-sidebar"]} />
 
 #### ThreadList
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add thread-list
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/thread-list
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/thread-list"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["thread-list"]} />
 
   </Step>
   <Step>

package/.docs/raw/docs/ui/ToolFallback.mdx

@@ -3,7 +3,7 @@ title: ToolFallback
 ---
 
 import { Steps, Step } from "fumadocs-ui/components/steps";
-import { Tab, Tabs } from "fumadocs-ui/components/tabs";
+import { InstallCommand } from "@/components/docs/install-command";
 
 ## Overview
 
@@ -16,29 +16,7 @@ The ToolFallback component displays a default ToolUI for tools that do not have
 
 ### Add `tool-fallback`
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add tool-fallback
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/tool-fallback
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/tool-fallback"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["tool-fallback"]} />
 
 This adds a `/components/assistant-ui/tool-fallback.tsx` file to your project, which you can adjust as needed.
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@assistant-ui/mcp-docs-server",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "description": "MCP server for assistant-ui documentation and examples",
   "type": "module",
   "main": "dist/index.js",
@@ -8,17 +8,17 @@
     "assistant-ui-mcp": "./dist/stdio.js"
   },
   "dependencies": {
-    "@modelcontextprotocol/sdk": "^1.22.0",
-    "zod": "^4.1.12",
+    "@modelcontextprotocol/sdk": "^1.24.3",
+    "zod": "^4.1.13",
     "gray-matter": "^4.0.3",
     "cross-env": "^10.1.0"
   },
   "devDependencies": {
     "@types/node": "^24.10.1",
     "tsup": "^8.5.1",
-    "tsx": "^4.20.6",
+    "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.10"
+    "vitest": "^4.0.15"
   },
   "files": [
     "dist",
@@ -26,7 +26,15 @@
     "README.md"
   ],
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/assistant-ui/assistant-ui/tree/main/packages/mcp-docs-server"
+  },
+  "bugs": {
+    "url": "https://github.com/assistant-ui/assistant-ui/issues"
   },
   "scripts": {
     "clean": "tsx scripts/clean.mts",
@@ -36,7 +44,6 @@
     "dev": "tsx src/stdio.ts",
     "pretest": "pnpm build",
     "test": "vitest run",
-    "test:watch": "vitest",
-    "lint": "eslint ."
+    "test:watch": "vitest"
   }
 }