@assistant-ui/mcp-docs-server 0.1.22 → 0.1.23

package/.docs/organized/code-examples/with-assistant-transport.md

@@ -314,13 +314,36 @@ export function MyRuntimeProvider({ children }: MyRuntimeProviderProps) {
 "use client";
 
 import { Thread } from "@/components/assistant-ui/thread";
+import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
 import { MyRuntimeProvider } from "./MyRuntimeProvider";
 
+function ThreadWithSuggestions() {
+  const aui = useAui({
+    suggestions: Suggestions([
+      {
+        title: "What's the weather",
+        label: "in San Francisco?",
+        prompt: "What's the weather like in San Francisco today?",
+      },
+      {
+        title: "Tell me about yourself",
+        label: "and your capabilities",
+        prompt: "What can you help me with?",
+      },
+    ]),
+  });
+  return (
+    <AuiProvider value={aui}>
+      <Thread />
+    </AuiProvider>
+  );
+}
+
 export default function Home() {
   return (
     <MyRuntimeProvider>
       <div className="h-full">
-        <Thread />
+        <ThreadWithSuggestions />
       </div>
     </MyRuntimeProvider>
   );
@@ -358,18 +381,6 @@ export default function Home() {
 
 ```
 
-## lib/utils.ts
-
-```typescript
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-```
-
 ## next.config.js
 
 ```javascript
@@ -410,28 +421,23 @@ export default nextConfig;
     "@assistant-ui/react-langgraph": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-tooltip": "^1.2.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.563.0",
+    "lucide-react": "^0.575.0",
     "next": "^16.1.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.5.0",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.1.18",
-    "@types/node": "^25.2.1",
-    "@types/react": "^19.2.13",
+    "@tailwindcss/postcss": "^4.2.1",
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.1",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3"
   }
@@ -531,6 +537,7 @@ Your backend server should:
         "../../packages/ui/src/components/assistant-ui/*"
       ],
       "@/components/ui/*": ["../../packages/ui/src/components/ui/*"],
+      "@/lib/utils": ["../../packages/ui/src/lib/utils"],
       "@assistant-ui/ui/*": ["../../packages/ui/src/*"]
     }
   },

package/.docs/organized/code-examples/with-chain-of-thought.md

@@ -306,15 +306,15 @@ const ChainOfThought: FC = () => {
   return (
     <ChainOfThoughtPrimitive.Root className="my-2 rounded-lg border">
       <ChainOfThoughtPrimitive.AccordionTrigger className="flex w-full cursor-pointer items-center gap-2 px-4 py-2 font-medium text-sm hover:bg-muted/50">
-        <AuiIf condition={({ chainOfThought }) => chainOfThought.collapsed}>
+        <AuiIf condition={(s) => s.chainOfThought.collapsed}>
           <ChevronRightIcon className="size-4 shrink-0" />
         </AuiIf>
-        <AuiIf condition={({ chainOfThought }) => !chainOfThought.collapsed}>
+        <AuiIf condition={(s) => !s.chainOfThought.collapsed}>
           <ChevronDownIcon className="size-4 shrink-0" />
         </AuiIf>
         Thinking
       </ChainOfThoughtPrimitive.AccordionTrigger>
-      <AuiIf condition={({ chainOfThought }) => !chainOfThought.collapsed}>
+      <AuiIf condition={(s) => !s.chainOfThought.collapsed}>
         <ChainOfThoughtPrimitive.Parts
           components={{
             Reasoning,
@@ -328,7 +328,7 @@ const ChainOfThought: FC = () => {
 };
 
 const PartLayout: FC<PropsWithChildren> = ({ children }) => {
-  const partType = useAuiState(({ part }) => part.type);
+  const partType = useAuiState((s) => s.part.type);
   const [open, setOpen] = useState(true);
 
   const label = partType === "reasoning" ? "Thinking" : "Taking action";
@@ -370,7 +370,7 @@ const Composer: FC = () => {
         autoFocus
       />
       <div className="relative mx-2 mb-2 flex items-center justify-end">
-        <AuiIf condition={({ thread }) => !thread.isRunning}>
+        <AuiIf condition={(s) => !s.thread.isRunning}>
           <ComposerPrimitive.Send asChild>
             <TooltipIconButton
               tooltip="Send"
@@ -383,7 +383,7 @@ const Composer: FC = () => {
             </TooltipIconButton>
           </ComposerPrimitive.Send>
         </AuiIf>
-        <AuiIf condition={({ thread }) => thread.isRunning}>
+        <AuiIf condition={(s) => s.thread.isRunning}>
           <ComposerPrimitive.Cancel asChild>
             <Button
               type="button"
@@ -410,6 +410,9 @@ const Composer: FC = () => {
 import {
   AssistantRuntimeProvider,
   makeAssistantTool,
+  useAui,
+  AuiProvider,
+  Suggestions,
 } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
 import { z } from "zod";
@@ -451,6 +454,28 @@ const ExecuteJsTool = makeAssistantTool({
   ),
 });
 
+function MyThreadWithSuggestions() {
+  const aui = useAui({
+    suggestions: Suggestions([
+      {
+        title: "Calculate Fibonacci(20)",
+        label: "step by step with code",
+        prompt: "Calculate the 20th Fibonacci number using JavaScript.",
+      },
+      {
+        title: "What is 2^16?",
+        label: "show your reasoning",
+        prompt: "What is 2 to the power of 16? Show your work step by step.",
+      },
+    ]),
+  });
+  return (
+    <AuiProvider value={aui}>
+      <MyThread />
+    </AuiProvider>
+  );
+}
+
 export default function Home() {
   const runtime = useChatRuntime({
     sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithApprovalResponses,
@@ -460,7 +485,7 @@ export default function Home() {
     <AssistantRuntimeProvider runtime={runtime}>
       <ExecuteJsTool />
       <div className="h-full">
-        <MyThread />
+        <MyThreadWithSuggestions />
       </div>
     </AssistantRuntimeProvider>
   );
@@ -498,18 +523,6 @@ export default function Home() {
 
 ```
 
-## lib/utils.ts
-
-```typescript
-import { clsx, type ClassValue } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}
-
-```
-
 ## next.config.js
 
 ```javascript
@@ -536,34 +549,29 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.25",
+    "@ai-sdk/openai": "^3.0.33",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@radix-ui/react-avatar": "^1.1.11",
-    "@radix-ui/react-collapsible": "^1.1.12",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "ai": "^6.0.73",
+    "ai": "^6.0.98",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^0.563.0",
+    "lucide-react": "^0.575.0",
     "next": "^16.1.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tailwind-merge": "^3.4.0",
+    "tailwind-merge": "^3.5.0",
     "zod": "^4.3.6"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.1.18",
-    "@types/node": "^25.2.1",
-    "@types/react": "^19.2.13",
+    "@tailwindcss/postcss": "^4.2.1",
+    "@types/node": "^25.3.0",
+    "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.6",
-    "tailwindcss": "^4.1.18",
+    "tailwindcss": "^4.2.1",
     "tw-animate-css": "^1.4.0",
     "typescript": "^5.9.3"
   }
@@ -583,6 +591,7 @@ export default nextConfig;
         "../../packages/ui/src/components/assistant-ui/*"
       ],
       "@/components/ui/*": ["../../packages/ui/src/components/ui/*"],
+      "@/lib/utils": ["../../packages/ui/src/lib/utils"],
       "@assistant-ui/ui/*": ["../../packages/ui/src/*"],
       "@assistant-ui/*": ["../../packages/*/src"],
       "@assistant-ui/react/*": ["../../packages/react/src/*"],