@assistant-ui/mcp-docs-server 0.1.15 → 0.1.17

package/.docs/raw/docs/ui/Mermaid.mdx

@@ -4,7 +4,7 @@ title: "Mermaid Diagrams"
 
 import { Callout } from "fumadocs-ui/components/callout";
 import { Step, Steps } from "fumadocs-ui/components/steps";
-import { Tab, Tabs } from "fumadocs-ui/components/tabs";
+import { InstallCommand } from "@/components/docs/install-command";
 
 Render Mermaid diagrams in chat messages with the `mermaid-diagram` component.
 
@@ -13,29 +13,7 @@ Render Mermaid diagrams in chat messages with the `mermaid-diagram` component.
 
 ### Add `mermaid-diagram` component
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add mermaid-diagram
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/mermaid-diagram
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/mermaid-diagram"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["mermaid-diagram"]} />
 
 This will install the required dependencies and add the component to your project.
 

package/.docs/raw/docs/ui/Reasoning.mdx

@@ -3,7 +3,7 @@ title: Reasoning
 ---
 
 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 Reasoning component displays AI reasoning or thinking messages in a collapsi
 
 ### Add `reasoning`
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add reasoning
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/reasoning
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/reasoning"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["reasoning"]} />
 
 This adds a `/components/assistant-ui/reasoning.tsx` file to your project, which you can adjust as needed.
 

package/.docs/raw/docs/ui/Scrollbar.mdx

@@ -2,22 +2,20 @@
 title: Custom Scrollbar
 ---
 
+import { InstallCommand } from "@/components/docs/install-command";
+
 If you want to show a custom scrollbar UI of the Thread.Viewport in place of the system default, you can integrate `@radix-ui/react-scroll-area`.
 An example implementation of this is [shadcn/ui's Scroll Area](https://ui.shadcn.com/docs/components/scroll-area).
 
 ## Add shadcn Scroll Area
 
-```sh
-npx shadcn@latest add scroll-area
-```
+<InstallCommand shadcn={["scroll-area"]} />
 
 ### @radix-ui/react-scroll-area v1.2.0 release candidate required
 
 The v1.2.0-rc.x release candidate can be installed via
 
-```sh
-pnpm add @radix-ui/react-scroll-area@next
-```
+<InstallCommand npm={["@radix-ui/react-scroll-area@next"]} />
 
 ## Additional Styles
 

package/.docs/raw/docs/ui/SyntaxHighlighting.mdx

@@ -5,7 +5,7 @@ title: Syntax Highlighting
 import { Steps, Step } from "fumadocs-ui/components/steps";
 import { Callout } from "fumadocs-ui/components/callout";
 import { TypeTable } from "fumadocs-ui/components/type-table";
-import { Tab, Tabs } from "fumadocs-ui/components/tabs";
+import { InstallCommand } from "@/components/docs/install-command";
 
 Syntax highlighting for code blocks in markdown.
 
@@ -26,29 +26,7 @@ Syntax highlighting for code blocks in markdown.
 
 #### Add `shiki-highlighter`
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add shiki-highlighter
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/shiki-highlighter
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/shiki-highlighter"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["shiki-highlighter"]} />
 
 This adds a `/components/assistant-ui/shiki-highlighter.tsx` file to your project and
 installs the `react-shiki` dependency. The highlighter can be customized by editing
@@ -237,29 +215,7 @@ For more information, see [Shiki's documentation on dual and multi themes](https
 
 #### Add `syntax-highlighter`
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add syntax-highlighter
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/syntax-highlighter
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/syntax-highlighter"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["syntax-highlighter"]} />
 
     Adds a `/components/assistant-ui/syntax-highlighter.tsx` file to your project and installs the `react-syntax-highlighter` dependency.
 

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.15",
+  "version": "0.1.17",
   "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.23.0",
+    "@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",
+    "@types/node": "^25.0.0",
     "tsup": "^8.5.1",
-    "tsx": "^4.20.6",
+    "tsx": "^4.21.0",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.14"
+    "vitest": "^4.0.15"
   },
   "files": [
     "dist",
@@ -44,7 +44,6 @@
     "dev": "tsx src/stdio.ts",
     "pretest": "pnpm build",
     "test": "vitest run",
-    "test:watch": "vitest",
-    "lint": "eslint ."
+    "test:watch": "vitest"
   }
 }