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

package/.docs/raw/docs/guides/Attachments.mdx

@@ -2,10 +2,10 @@
 title: Attachments
 ---
 
-import { AttachmentSample } from "../../../components/samples/attachment-sample";
+import { AttachmentSample } from "@/components/samples/attachment-sample";
 import { Steps, Step } from "fumadocs-ui/components/steps";
 import { Callout } from "fumadocs-ui/components/callout";
-import { Tab, Tabs } from "fumadocs-ui/components/tabs";
+import { InstallCommand } from "@/components/docs/install-command";
 
 Enable users to attach files to their messages, enhancing conversations with images, documents, and other content.
 
@@ -28,29 +28,7 @@ The attachment system in assistant-ui provides a flexible framework for handling
 
 First, add the attachment UI components to your project:
 
-<Tabs items={["assistant-ui", "shadcn (namespace)", "shadcn"]}>
-  <Tab>
-
-```sh
-npx assistant-ui@latest add attachment
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add @assistant-ui/attachment
-```
-
-  </Tab>
-  <Tab>
-
-```sh
-npx shadcn@latest add "https://r.assistant-ui.com/attachment"
-```
-
-  </Tab>
-</Tabs>
+<InstallCommand shadcn={["attachment"]} />
 
 This adds `/components/assistant-ui/attachment.tsx` to your project.
 

package/.docs/raw/docs/guides/Branching.mdx

@@ -2,7 +2,7 @@
 title: Message Branching
 ---
 
-import { BranchingSample } from "../../../components/samples/branching-sample";
+import { BranchingSample } from "@/components/samples/branching-sample";
 
 Switch between different conversation branches.
 

package/.docs/raw/docs/guides/Speech.mdx

@@ -2,7 +2,7 @@
 title: Speech
 ---
 
-import { SpeechSample } from "../../../components/samples/speech-sample";
+import { SpeechSample } from "@/components/samples/speech-sample";
 
 ## Text-to-Speech
 

package/.docs/raw/docs/guides/ToolUI.mdx

@@ -2,7 +2,7 @@
 title: Generative UI
 ---
 
-import { ToolUISample } from "../../../components/samples/tool-ui-sample";
+import { ToolUISample } from "@/components/samples/tool-ui-sample";
 import { Steps, Step } from "fumadocs-ui/components/steps";
 import { Callout } from "fumadocs-ui/components/callout";
 

package/.docs/raw/docs/legacy/styled/AssistantModal.mdx

@@ -4,6 +4,7 @@ title: AssistantModal
 
 import { Steps, Step } from "fumadocs-ui/components/steps";
 import { Tabs, Tab } from "fumadocs-ui/components/tabs";
+import { InstallCommand } from "@/components/docs/install-command";
 
 ## Overview
 
@@ -16,9 +17,7 @@ A chat bubble shown in the bottom right corner of the screen. Useful for support
 
 ### Install `@assistant-ui/react-ui`
 
-```sh npm2yarn
-npm install @assistant-ui/react-ui
-```
+<InstallCommand npm={["@assistant-ui/react-ui"]} />
 
   </Step>
   <Step>

package/.docs/raw/docs/legacy/styled/Decomposition.mdx

@@ -174,17 +174,18 @@ The text input field for the user to type a new message.
 The button to send or cancel the message.
 
 ```tsx
-import { Composer, ThreadPrimitive } from "@assistant-ui/react-ui";
+import { Composer } from "@assistant-ui/react-ui";
+import { AssistantIf } from "@assistant-ui/react";
 
 const MyComposerAction: FC = () => {
   return (
     <>
-      <ThreadPrimitive.If running={false}>
+      <AssistantIf condition={({ thread }) => !thread.isRunning}>
         <Composer.Send />
-      </ThreadPrimitive.If>
-      <ThreadPrimitive.If running>
+      </AssistantIf>
+      <AssistantIf condition={({ thread }) => thread.isRunning}>
         <Composer.Cancel />
-      </ThreadPrimitive.If>
+      </AssistantIf>
     </>
   );
 };

package/.docs/raw/docs/legacy/styled/Markdown.mdx

@@ -7,6 +7,7 @@ Allow the assistant to display rich text using markdown.
 import { Step, Steps } from "fumadocs-ui/components/steps";
 import { Callout } from "fumadocs-ui/components/callout";
 import { Tabs } from "fumadocs-ui/components/tabs";
+import { InstallCommand } from "@/components/docs/install-command";
 
 ## Enabling markdown support
 
@@ -15,9 +16,7 @@ import { Tabs } from "fumadocs-ui/components/tabs";
 <Step>
 ### Install `@assistant-ui/react-markdown`
 
-```sh npm2yarn
-npm install @assistant-ui/react-markdown
-```
+<InstallCommand npm={["@assistant-ui/react-markdown"]} />
 
 </Step>
 <Step>

package/.docs/raw/docs/legacy/styled/Thread.mdx

@@ -4,6 +4,7 @@ title: Thread
 
 import { Steps, Step } from "fumadocs-ui/components/steps";
 import { Tabs, Tab } from "fumadocs-ui/components/tabs";
+import { InstallCommand } from "@/components/docs/install-command";
 
 ## Overview
 
@@ -16,9 +17,7 @@ The raw message list and message composer UI. Useful for full screen chat use ca
 
 ### Install `@assistant-ui/react-ui`
 
-```sh npm2yarn
-npm install @assistant-ui/react-ui
-```
+<InstallCommand npm={["@assistant-ui/react-ui"]} />
 
   </Step>
   <Step>

package/.docs/raw/docs/react-compatibility.mdx

@@ -4,6 +4,7 @@ description: Guide for using assistant-ui with older React versions (18, 17, 16)
 ---
 
 import { Callout } from "fumadocs-ui/components/callout";
+import { InstallCommand } from "@/components/docs/install-command";
 
 <Callout type="warning" title="Older React Versions">
   Older React versions are not continuously tested. If you encounter any issues
@@ -78,11 +79,7 @@ Since the assistant-ui uses zustand internally, which depends on `useSyncExterna
 
 1. Install the required packages:
 
-```bash
-npm install use-sync-external-store patch-package
-# or
-yarn add use-sync-external-store patch-package
-```
+<InstallCommand npm={["use-sync-external-store", "patch-package"]} />
 
 2. Add a postinstall script to your package.json:
 

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

@@ -3,10 +3,11 @@ title: AI SDK v5
 ---
 
 import { Callout } from "fumadocs-ui/components/callout";
+import { InstallCommand } from "@/components/docs/install-command";
 
 ## Overview
 
-Integration with the Vercel AI SDK v5 using the new `useChatRuntime` hook from `@assistant-ui/react-ai-sdk`.  
+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
@@ -27,9 +28,7 @@ cd my-app
 
 ### Install AI SDK v5 and `@assistant-ui/react`
 
-```sh npm2yarn
-npm install @assistant-ui/react @assistant-ui/react-ai-sdk ai @ai-sdk/openai
-```
+<InstallCommand npm={["@assistant-ui/react", "@assistant-ui/react-ai-sdk", "ai", "@ai-sdk/openai"]} />
 
   </Step>
   <Step>

package/.docs/raw/docs/runtimes/ai-sdk/v4-legacy.mdx

@@ -3,6 +3,7 @@ title: AI SDK v4 (Legacy)
 ---
 
 import { Callout } from "fumadocs-ui/components/callout";
+import { InstallCommand } from "@/components/docs/install-command";
 
 ## Overview
 
@@ -27,9 +28,7 @@ import { Steps, Step } from "fumadocs-ui/components/steps";
 
 Install `@assistant-ui/react-data-stream` alongside assistant-ui and AI SDK v4:
 
-```sh npm2yarn
-npm install @assistant-ui/react @assistant-ui/react-data-stream ai@^4
-```
+<InstallCommand npm={["@assistant-ui/react", "@assistant-ui/react-data-stream", "ai@^4"]} />
 
   </Step>
   <Step>
@@ -92,9 +91,7 @@ export default function Home() {
 
 Alternatively, you can use the older version of the AI SDK integration package, though this version is no longer actively maintained:
 
-```sh npm2yarn
-npm install @assistant-ui/react @assistant-ui/react-ai-sdk@0.1.10 ai@^4
-```
+<InstallCommand npm={["@assistant-ui/react", "@assistant-ui/react-ai-sdk@0.1.10", "ai@^4"]} />
 
 <Callout type="warning">
   Version 0.1.10 of `@assistant-ui/react-ai-sdk` is no longer actively