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

package/.docs/organized/code-examples/{store-example.md → with-store.md}

@@ -1,4 +1,4 @@
-# Example: store-example
+# Example: with-store
 
 ## app/globals.css
 
@@ -473,9 +473,10 @@ export default nextConfig;
 
 ```json
 {
-  "name": "store-example",
-  "version": "0.1.0",
+  "name": "with-store",
+  "version": "0.0.0",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "next dev",
     "build": "next build",
@@ -484,18 +485,20 @@ export default nextConfig;
   "dependencies": {
     "@assistant-ui/store": "workspace:*",
     "@assistant-ui/tap": "workspace:*",
-    "next": "16.0.10",
-    "react": "19.2.3",
-    "react-dom": "19.2.3"
+    "next": "^16.1.4",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4",
-    "@types/node": "^25",
-    "@types/react": "19.2.7",
-    "@types/react-dom": "19.2.3",
-    "tailwindcss": "^4",
-    "typescript": "^5"
+    "@tailwindcss/postcss": "^4.1.18",
+    "@types/node": "^25.0.9",
+    "@types/react": "^19.2.9",
+    "@types/react-dom": "^19.2.3",
+    "postcss": "^8.5.6",
+    "tailwindcss": "^4.1.18",
+    "tw-animate-css": "^1.4.0",
+    "typescript": "^5.9.3"
   }
 }
 
@@ -637,18 +640,11 @@ useAssistantEvent("*", (data) => {
 
 ```json
 {
-  "extends": "@assistant-ui/x-buildutils/ts/base",
+  "extends": "@assistant-ui/x-buildutils/ts/next",
   "compilerOptions": {
-    "paths": {
-      "@/*": ["./*"],
-      "@assistant-ui/*": ["../../packages/*/src"],
-      "@assistant-ui/react/*": ["../../packages/react/src/*"],
-      "@assistant-ui/tap/*": ["../../packages/tap/src/*"],
-      "assistant-stream": ["../../packages/assistant-stream/src"],
-      "assistant-stream/*": ["../../packages/assistant-stream/src/*"]
-    }
+    "paths": { "@/*": ["./*"] }
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "include": ["**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
 

package/.docs/organized/code-examples/with-tanstack.md

@@ -4,7 +4,7 @@
 
 ```json
 {
-  "projectName": "assistant-ui-with-tanstack",
+  "projectName": "with-tanstack",
   "mode": "file-router",
   "typescript": true,
   "tailwind": true,
@@ -22,7 +22,8 @@
 
 ```json
 {
-  "name": "assistant-ui-with-tanstack",
+  "name": "with-tanstack",
+  "version": "0.0.0",
   "private": true,
   "type": "module",
   "scripts": {
@@ -36,28 +37,28 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@tailwindcss/vite": "^4.1.18",
-    "@tanstack/react-router": "^1.141.1",
-    "@tanstack/react-start": "^1.141.1",
-    "@tanstack/router-plugin": "^1.141.1",
+    "@tanstack/react-router": "^1.153.2",
+    "@tanstack/react-start": "^1.154.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.560.0",
-    "nitro": "latest",
-    "openai": "^6.10.0",
+    "lucide-react": "^0.562.0",
+    "nitro": "^3.0.1-alpha.1",
+    "openai": "^6.16.0",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.4.0",
     "tailwindcss": "^4.1.18",
-    "vite-tsconfig-paths": "^5.1.4"
+    "vite-tsconfig-paths": "^6.0.4"
   },
   "devDependencies": {
-    "@types/node": "^25.0.0",
-    "@types/react": "^19.2.7",
+    "@assistant-ui/x-buildutils": "workspace:*",
+    "@types/node": "^25.0.9",
+    "@types/react": "^19.2.9",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.2",
     "typescript": "^5.9.3",
-    "vite": "^7.2.7"
+    "vite": "^7.3.1"
   }
 }
 
@@ -368,7 +369,7 @@ const ThreadScrollToBottom: FC = () => {
       <TooltipIconButton
         tooltip="Scroll to bottom"
         variant="outline"
-        className="aui-thread-scroll-to-bottom -top-12 absolute z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent"
+        className="aui-thread-scroll-to-bottom absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:bg-background dark:hover:bg-accent"
       >
         <ArrowDownIcon />
       </TooltipIconButton>
@@ -541,7 +542,7 @@ const AssistantActionBar: FC = () => {
       hideWhenRunning
       autohide="not-last"
       autohideFloat="single-branch"
-      className="aui-assistant-action-bar-root -ml-1 col-start-3 row-start-2 flex gap-1 text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm"
+      className="aui-assistant-action-bar-root col-start-3 row-start-2 -ml-1 flex gap-1 text-muted-foreground data-floating:absolute data-floating:rounded-md data-floating:border data-floating:bg-background data-floating:p-1 data-floating:shadow-sm"
     >
       <ActionBarPrimitive.Copy asChild>
         <TooltipIconButton tooltip="Copy">
@@ -572,12 +573,12 @@ const UserMessage: FC = () => {
         <div className="aui-user-message-content wrap-break-word rounded-3xl bg-muted px-5 py-2.5 text-foreground">
           <MessagePrimitive.Parts />
         </div>
-        <div className="aui-user-action-bar-wrapper -translate-x-full -translate-y-1/2 absolute top-1/2 left-0 pr-2">
+        <div className="aui-user-action-bar-wrapper absolute top-1/2 left-0 -translate-x-full -translate-y-1/2 pr-2">
           <UserActionBar />
         </div>
       </div>
 
-      <BranchPicker className="aui-user-branch-picker -mr-1 col-span-full col-start-1 row-start-3 justify-end" />
+      <BranchPicker className="aui-user-branch-picker col-span-full col-start-1 row-start-3 -mr-1 justify-end" />
     </MessagePrimitive.Root>
   );
 };
@@ -632,7 +633,7 @@ const BranchPicker: FC<BranchPickerPrimitive.Root.Props> = ({
     <BranchPickerPrimitive.Root
       hideWhenSingleBranch
       className={cn(
-        "aui-branch-picker-root -ml-2 mr-2 inline-flex items-center text-muted-foreground text-xs",
+        "aui-branch-picker-root mr-2 -ml-2 inline-flex items-center text-muted-foreground text-xs",
         className,
       )}
       {...rest}
@@ -1516,32 +1517,13 @@ export const chatStream = createServerFn({ method: "POST" })
 
 ```json
 {
-  "include": ["**/*.ts", "**/*.tsx"],
+  "extends": "@assistant-ui/x-buildutils/ts/base",
   "compilerOptions": {
-    "target": "ES2022",
-    "jsx": "react-jsx",
-    "module": "ESNext",
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
     "types": ["vite/client"],
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": false,
-    "noEmit": true,
-
-    /* Linting */
-    "skipLibCheck": true,
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "baseUrl": ".",
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  }
+    "paths": { "@/*": ["./src/*"] }
+  },
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
 }
 
 ```

package/.docs/raw/blog/2025-01-31-changelog/index.mdx

@@ -5,8 +5,6 @@ author: Simon Farshid
 date: 2025-01-31T12:00:00
 ---
 
-import { Callout } from "fumadocs-ui/components/callout";
-
 <Callout emoji="🎉">
   This is the first edition of our changelog. We post these updates on a monthly
   basis. If you want more frequent updates about our new features, join our

package/.docs/raw/docs/{about-assistantui.mdx → (docs)/about-assistantui.mdx}

@@ -1,5 +1,6 @@
 ---
 title: "About assistant-ui"
+description: Why assistant-ui? Composable primitives, runtime agnostic, and production-ready.
 ---
 
 import { Sparkles, PanelsTopLeft, Database, Terminal } from "lucide-react";
@@ -38,7 +39,7 @@ assistant-ui helps you create beautiful, enterprise-grade AI chat interfaces in
 </Cards>
 
 <Callout title="Want to try it out?">
-  [Get Started in 30 Seconds](/docs/getting-started).
+  [Get Started in 30 Seconds](/docs).
 </Callout>
 
 ## AI Accessible Documentation

package/.docs/raw/docs/{architecture.mdx → (docs)/architecture.mdx}

@@ -1,12 +1,13 @@
 ---
 title: "Architecture"
+description: How components, runtimes, and cloud services fit together.
 ---
 
 import { Sparkles, PanelsTopLeft, Database, Terminal } from "lucide-react";
 
 ## assistant-ui is built on these main pillars:
 
-<div className="grid grid-cols-1 md:grid-cols-3 gap-4 my-8">
+<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
     <Card title='1. Frontend components'>
         Shadcn UI chat components with built-in state management
     </Card>
@@ -23,7 +24,7 @@ import { Sparkles, PanelsTopLeft, Database, Terminal } from "lucide-react";
 
 
 ### 1. Frontend components
-Stylized and functional chat components built on top of Shadcn components that have context state management provided by the assistantUI runtime provider. These pre-built React components come with intelligent state management. [View our components](/docs/ui/Thread)
+Stylized and functional chat components built on top of Shadcn components that have context state management provided by the assistantUI runtime provider. These pre-built React components come with intelligent state management. [View our components](/docs/ui/thread)
 
 ### 2. Runtime
 A React state management context for assistant chat. The runtime handles data conversions between the local state and calls to backends and LLMs. We offer different runtime solutions that work with various frameworks like Vercel AI SDK, LangGraph, LangChain, Helicone, local runtime, and an ExternalStore when you need full control of the frontend message state. [You can view the runtimes we support](/docs/runtimes/pick-a-runtime)

package/.docs/raw/docs/{cli.mdx → (docs)/cli.mdx}

@@ -1,6 +1,6 @@
 ---
 title: CLI
-description: Use the assistant-ui CLI to add components and dependencies to your project.
+description: Scaffold projects, add components, and manage updates from the command line.
 ---
 
 Use the `assistant-ui` CLI to quickly set up new projects and add components to existing ones.
@@ -37,8 +37,6 @@ Options:
   -h, --help       display help for command
 ```
 
----
-
 ## create
 
 Use the `create` command to scaffold a new Next.js project with assistant-ui pre-configured.
@@ -94,8 +92,6 @@ Options:
   -h, --help                 display help for command
 ```
 
----
-
 ## add
 
 Use the `add` command to add individual components to your project.
@@ -143,8 +139,6 @@ Options:
   -h, --help             display help for command
 ```
 
----
-
 ## update
 
 Use the `update` command to update all `@assistant-ui/*` packages to their latest versions.
@@ -181,8 +175,6 @@ Options:
   -h, --help       display help for command
 ```
 
----
-
 ## upgrade
 
 Use the `upgrade` command to automatically migrate your codebase when there are breaking changes.
@@ -228,8 +220,6 @@ Options:
   -h, --help             display help for command
 ```
 
----
-
 ## codemod
 
 Use the `codemod` command to run a specific codemod transformation.
@@ -272,8 +262,6 @@ Options:
   -h, --help             display help for command
 ```
 
----
-
 ## Common Workflows
 
 ### Starting a new project
@@ -328,8 +316,6 @@ npx assistant-ui@latest codemod v0-11/content-part-to-message-part ./src
 npx assistant-ui@latest update
 ```
 
----
-
 ## Component Registry
 
 The CLI pulls components from our public registry at [r.assistant-ui.com](https://r.assistant-ui.com).
@@ -342,8 +328,6 @@ Each component includes:
 
 Components are added directly to your project's source code, giving you full control to customize them.
 
----
-
 ## Troubleshooting
 
 ### Command not found
@@ -384,8 +368,6 @@ Use the `--overwrite` flag to replace existing components:
 npx assistant-ui@latest add thread --overwrite
 ```
 
----
-
 ## Configuration
 
 The CLI respects your project's configuration:

package/.docs/raw/docs/{copilots → (docs)/copilots}/make-assistant-readable.mdx

@@ -1,5 +1,6 @@
 ---
 title: makeAssistantVisible
+description: Make React components visible and interactive to assistants via higher-order component wrapping.
 ---
 
 `makeAssistantVisible` is a higher-order component (HOC) that makes React components "visible" by the assistant, allowing it to understand and interact with the component's HTML structure.

package/.docs/raw/docs/{copilots → (docs)/copilots}/make-assistant-tool-ui.mdx

@@ -1,8 +1,9 @@
 ---
 title: makeAssistantToolUI
+description: Register custom UI components to render tool executions and their status.
 ---
 
-import { ParametersTable } from "@/components/docs";
+import { ParametersTable } from "@/components/docs/tables/ParametersTable";
 
 The `makeAssistantToolUI` utility is used to register a tool UI component with the Assistant.
 

package/.docs/raw/docs/{copilots → (docs)/copilots}/make-assistant-tool.mdx

@@ -1,8 +1,9 @@
 ---
 title: makeAssistantTool
+description: Create React components that provide reusable tools to the assistant.
 ---
 
-import { ParametersTable } from "@/components/docs";
+import { ParametersTable } from "@/components/docs/tables/ParametersTable";
 
 `makeAssistantTool` creates a React component that provides a tool to the assistant. This is useful for defining reusable tools that can be composed into your application.
 

package/.docs/raw/docs/{copilots → (docs)/copilots}/model-context.mdx

@@ -1,5 +1,6 @@
 ---
 title: Model Context
+description: Configure assistant behavior through system instructions, tools, and context providers.
 ---
 
 Model Context is the foundation of intelligence in assistant-ui components. It provides configuration and capabilities to the assistant through a context provider system.

package/.docs/raw/docs/{copilots → (docs)/copilots}/motivation.mdx

@@ -1,5 +1,6 @@
 ---
 title: Intelligent Components
+description: Add intelligence to React components through readable interfaces and assistant tools.
 ---
 
 React revolutionized web development with components that combine logic, structure, and style. Now, with assistant-ui, we're adding a fourth dimension: intelligence. Let's learn how to build smart components through a practical banking app example.

package/.docs/raw/docs/{copilots → (docs)/copilots}/use-assistant-instructions.mdx

@@ -1,5 +1,6 @@
 ---
 title: useAssistantInstructions
+description: React hook for setting system instructions to guide assistant behavior.
 ---
 
 `useAssistantInstructions` is a React hook that allows you to set system instructions for your assistant-ui components.

package/.docs/raw/docs/{devtools.mdx → (docs)/devtools.mdx}

@@ -1,13 +1,13 @@
 ---
 title: DevTools
+description: Inspect runtime state, context, and events in the browser.
 ---
 
-import { Step, Steps } from "fumadocs-ui/components/steps";
-import { InstallCommand } from "@/components/docs/install-command";
+import { InstallCommand } from "@/components/docs/fumadocs/install/install-command";
 
 Hey, the assistant-ui DevTools allows you to debug the assistant-ui state and context, and events without resorting to `console.log`. It's an easy way to see how data flows to the assistant-ui's runtime layer.
 
-![Screenshot of the DevTools UI showing logs and state panels](../../../../.github/assets/devtoolsui.png)
+![Screenshot of the DevTools UI showing logs and state panels](../../../../../.github/assets/devtoolsui.png)
 
 ## Setup
 
@@ -44,7 +44,7 @@ export function AssistantApp() {
 
 That's it! In development builds you should now see the DevTools in the lower-right corner of your site.
 
-![DevTools floating modal anchored in the lower-right corner of a page](../../../../.github/assets/devtoolsmodal.png)
+![DevTools floating modal anchored in the lower-right corner of a page](../../../../../.github/assets/devtoolsmodal.png)
 
   </Step>
 </Steps>

package/.docs/raw/docs/{guides/Attachments.mdx → (docs)/guides/attachments.mdx}

@@ -1,11 +1,10 @@
 ---
 title: Attachments
+description: Let users attach files, images, and documents to messages.
 ---
 
-import { AttachmentSample } from "@/components/samples/attachment-sample";
-import { Steps, Step } from "fumadocs-ui/components/steps";
-import { Callout } from "fumadocs-ui/components/callout";
-import { InstallCommand } from "@/components/docs/install-command";
+import { AttachmentSample } from "@/components/docs/samples/attachment";
+import { InstallCommand } from "@/components/docs/fumadocs/install/install-command";
 
 Enable users to attach files to their messages, enhancing conversations with images, documents, and other content.
 
@@ -530,5 +529,5 @@ Attachments work with all assistant-ui runtimes:
 
 ## Resources
 
-- [Attachment UI Components](/docs/ui/Attachment) - UI implementation details
+- [Attachment UI Components](/docs/ui/attachment) - UI implementation details
 - [API Reference](/docs/api-reference) - Detailed type definitions

package/.docs/raw/docs/{guides/Branching.mdx → (docs)/guides/branching.mdx}

@@ -1,8 +1,9 @@
 ---
 title: Message Branching
+description: Navigate between different conversation branches when editing or reloading messages.
 ---
 
-import { BranchingSample } from "@/components/samples/branching-sample";
+import { BranchingSample } from "@/components/docs/samples/branching";
 
 Switch between different conversation branches.
 

package/.docs/raw/docs/{guides → (docs)/guides}/context-api.mdx

@@ -1,5 +1,6 @@
 ---
 title: Context API
+description: Read and update assistant state to build custom components.
 ---
 
 The Context API provides direct access to assistant-ui's state management system, enabling you to build custom components that integrate seamlessly with the assistant runtime.