@assistant-ui/mcp-docs-server 0.1.32 → 0.1.34

package/.docs/organized/code-examples/with-cloud-standalone.md

@@ -307,22 +307,21 @@ export function Composer({
 
   return (
     <form onSubmit={handleSubmit} className="p-4 pt-2">
-      <div className="flex items-end gap-2 rounded-2xl border bg-background px-3 py-2 shadow-sm">
+      <div className="bg-background flex items-end gap-2 rounded-2xl border px-3 py-2 shadow-sm">
         <textarea
           value={value}
           onChange={(e) => onChange(e.target.value)}
           onKeyDown={handleKeyDown}
           placeholder="Send a message..."
-          className="max-h-32 min-h-8 flex-1 resize-none bg-transparent py-1 text-sm leading-normal outline-none placeholder:text-muted-foreground"
+          className="placeholder:text-muted-foreground max-h-32 min-h-8 flex-1 resize-none bg-transparent py-1 text-sm leading-normal outline-none"
           rows={1}
-          // biome-ignore lint/a11y/noAutofocus: chat input should autofocus
           autoFocus
         />
         {isRunning ? (
           <button
             type="button"
             onClick={onCancel}
-            className="flex size-8 shrink-0 items-center justify-center rounded-full bg-destructive text-destructive-foreground transition-colors hover:bg-destructive/90"
+            className="bg-destructive text-destructive-foreground hover:bg-destructive/90 flex size-8 shrink-0 items-center justify-center rounded-full transition-colors"
             aria-label="Stop generating"
           >
             <Square className="size-3 fill-current" />
@@ -368,7 +367,7 @@ export function Message({ message }: MessageProps) {
     <div className={cn("flex", isUser ? "justify-end" : "justify-start")}>
       <div
         className={cn(
-          "max-w-[80%] whitespace-pre-wrap break-words rounded-2xl px-4 py-2.5 text-sm",
+          "max-w-[80%] rounded-2xl px-4 py-2.5 text-sm break-words whitespace-pre-wrap",
           isUser
             ? "bg-primary text-primary-foreground"
             : "bg-muted text-foreground",
@@ -404,8 +403,8 @@ type ThreadProps = {
 function ThreadWelcome() {
   return (
     <div className="flex flex-1 flex-col items-center justify-center text-center">
-      <h2 className="font-semibold text-lg">How can I help you today?</h2>
-      <p className="mt-1 text-muted-foreground text-sm">
+      <h2 className="text-lg font-semibold">How can I help you today?</h2>
+      <p className="text-muted-foreground mt-1 text-sm">
         Send a message to start a conversation.
       </p>
     </div>
@@ -415,9 +414,9 @@ function ThreadWelcome() {
 function LoadingIndicator() {
   return (
     <div className="flex items-center gap-1.5 py-2">
-      <span className="size-1.5 animate-bounce rounded-full bg-muted-foreground/60 [animation-delay:-0.3s]" />
-      <span className="size-1.5 animate-bounce rounded-full bg-muted-foreground/60 [animation-delay:-0.15s]" />
-      <span className="size-1.5 animate-bounce rounded-full bg-muted-foreground/60" />
+      <span className="bg-muted-foreground/60 size-1.5 animate-bounce rounded-full [animation-delay:-0.3s]" />
+      <span className="bg-muted-foreground/60 size-1.5 animate-bounce rounded-full [animation-delay:-0.15s]" />
+      <span className="bg-muted-foreground/60 size-1.5 animate-bounce rounded-full" />
     </div>
   );
 }
@@ -469,12 +468,12 @@ export function ThreadList({
   isLoading,
 }: ThreadListProps) {
   return (
-    <div className="flex h-full w-64 shrink-0 flex-col border-r bg-sidebar">
+    <div className="bg-sidebar flex h-full w-64 shrink-0 flex-col border-r">
       <div className="p-3">
         <button
           type="button"
           onClick={() => onSelect(null)}
-          className="flex w-full items-center justify-center gap-2 rounded-lg border border-sidebar-border bg-sidebar px-4 py-2 font-medium text-sidebar-foreground text-sm transition-colors hover:bg-sidebar-accent"
+          className="border-sidebar-border bg-sidebar text-sidebar-foreground hover:bg-sidebar-accent flex w-full items-center justify-center gap-2 rounded-lg border px-4 py-2 text-sm font-medium transition-colors"
         >
           <Plus className="size-4" />
           New Chat
@@ -483,11 +482,11 @@ export function ThreadList({
 
       <div className="flex-1 overflow-y-auto px-2 pb-2">
         {isLoading && threads.length === 0 ? (
-          <div className="flex items-center justify-center py-8 text-muted-foreground text-sm">
+          <div className="text-muted-foreground flex items-center justify-center py-8 text-sm">
             Loading...
           </div>
         ) : threads.length === 0 ? (
-          <div className="flex flex-col items-center justify-center gap-2 py-8 text-center text-muted-foreground text-sm">
+          <div className="text-muted-foreground flex flex-col items-center justify-center gap-2 py-8 text-center text-sm">
             <MessageSquare className="size-6 opacity-40" />
             <p>No conversations yet</p>
           </div>
@@ -517,7 +516,7 @@ export function ThreadList({
                   className="shrink-0 opacity-0 transition-opacity group-hover:opacity-100"
                   aria-label="Delete thread"
                 >
-                  <Trash2 className="size-3.5 text-muted-foreground hover:text-destructive" />
+                  <Trash2 className="text-muted-foreground hover:text-destructive size-3.5" />
                 </button>
               </button>
             ))}
@@ -545,12 +544,13 @@ export function cn(...inputs: ClassValue[]) {
 ## next.config.js
 
 ```javascript
+import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["assistant-cloud"],
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -568,22 +568,23 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
+    "@ai-sdk/openai": "^3.0.68",
     "@assistant-ui/cloud-ai-sdk": "workspace:*",
-    "ai": "^6.0.188",
+    "ai": "^6.0.197",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "next": "^16.2.6",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "lucide-react": "^1.17.0",
+    "next": "^16.2.7",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.0",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.15",
     "tailwindcss": "^4.3.0",

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

@@ -303,13 +303,14 @@ export default function Home() {
 ## next.config.ts
 
 ```typescript
+import { withAui } from "@assistant-ui/next";
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -327,25 +328,26 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
+    "@ai-sdk/openai": "^3.0.68",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.188",
+    "ai": "^6.0.197",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "next": "^16.2.6",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "lucide-react": "^1.17.0",
+    "next": "^16.2.7",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.0",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.15",
     "tailwindcss": "^4.3.0",

package/.docs/organized/code-examples/with-custom-thread-list.md

@@ -352,19 +352,19 @@ import {
 function ThreadList() {
   return (
     <ThreadListPrimitive.Root className="flex flex-col gap-1 overflow-y-auto">
-      <ThreadListPrimitive.New className="flex h-9 items-center gap-2 rounded-lg border px-3 text-sm hover:bg-muted">
+      <ThreadListPrimitive.New className="hover:bg-muted flex h-9 items-center gap-2 rounded-lg border px-3 text-sm">
         New Thread
       </ThreadListPrimitive.New>
       <ThreadListPrimitive.Items>
         {() => (
-          <ThreadListItemPrimitive.Root className="flex h-9 items-center rounded-lg hover:bg-muted data-active:bg-muted">
+          <ThreadListItemPrimitive.Root className="hover:bg-muted data-active:bg-muted flex h-9 items-center rounded-lg">
             <ThreadListItemPrimitive.Trigger className="flex-1 truncate px-3 text-start text-sm">
               <ThreadListItemPrimitive.Title fallback="New Chat" />
             </ThreadListItemPrimitive.Trigger>
           </ThreadListItemPrimitive.Root>
         )}
       </ThreadListPrimitive.Items>
-      <ThreadListPrimitive.LoadMore className="mt-1 h-9 rounded-lg border px-3 text-sm hover:bg-muted disabled:opacity-50">
+      <ThreadListPrimitive.LoadMore className="hover:bg-muted mt-1 h-9 rounded-lg border px-3 text-sm disabled:opacity-50">
         Load more
       </ThreadListPrimitive.LoadMore>
     </ThreadListPrimitive.Root>
@@ -437,11 +437,12 @@ export default function Home() {
 ## next.config.ts
 
 ```typescript
+import { withAui } from "@assistant-ui/next";
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {};
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -459,27 +460,28 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
+    "@ai-sdk/openai": "^3.0.68",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.188",
+    "ai": "^6.0.197",
     "assistant-stream": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "next": "^16.2.6",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "lucide-react": "^1.17.0",
+    "next": "^16.2.7",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.0",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.15",
     "tailwindcss": "^4.3.0",

package/.docs/organized/code-examples/with-elevenlabs-conversational.md

@@ -177,7 +177,7 @@ import type { FC } from "react";
 export const VoiceThread: FC = () => {
   return (
     <ThreadPrimitive.Root
-      className="aui-root aui-thread-root flex h-full flex-col bg-background"
+      className="aui-root aui-thread-root bg-background flex h-full flex-col"
       style={{ ["--thread-max-width" as string]: "44rem" }}
     >
       <ThreadPrimitive.Viewport className="aui-thread-viewport relative flex flex-1 flex-col overflow-y-scroll scroll-smooth px-4 pt-4">
@@ -189,7 +189,7 @@ export const VoiceThread: FC = () => {
           {() => <ThreadMessage />}
         </ThreadPrimitive.Messages>
 
-        <ThreadPrimitive.ViewportFooter className="sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col items-center bg-background pt-4 pb-6">
+        <ThreadPrimitive.ViewportFooter className="bg-background sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col items-center pt-4 pb-6">
           <ThreadScrollToBottom />
           <VoiceControlCenter />
         </ThreadPrimitive.ViewportFooter>
@@ -201,7 +201,7 @@ export const VoiceThread: FC = () => {
 const VoiceWelcome: FC = () => {
   return (
     <div className="aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col items-center justify-center gap-2">
-      <p className="fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200">
+      <p className="fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-2xl font-semibold duration-200">
         Voice Conversation
       </p>
       <p className="fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground delay-75 duration-200">
@@ -217,7 +217,7 @@ const ThreadScrollToBottom: FC = () => {
       <TooltipIconButton
         tooltip="Scroll to bottom"
         variant="outline"
-        className="absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:border-border dark:bg-background dark:hover:bg-accent"
+        className="dark:border-border dark:bg-background dark:hover:bg-accent absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible"
       >
         <ArrowDownIcon />
       </TooltipIconButton>
@@ -268,7 +268,7 @@ const VoiceWaveform: FC = () => {
         return (
           <span
             key={i}
-            className="aui-voice-waveform-bar h-full w-[3px] origin-center rounded-full bg-foreground/50 transition-transform duration-100"
+            className="aui-voice-waveform-bar bg-foreground/50 h-full w-[3px] origin-center rounded-full transition-transform duration-100"
             style={{ transform: `scaleY(${scale})` }}
           />
         );
@@ -286,10 +286,10 @@ const ThreadMessage: FC = () => {
 const AssistantMessage: FC = () => {
   return (
     <MessagePrimitive.Root
-      className="aui-assistant-message-root fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-3 duration-150"
+      className="aui-assistant-message-root fade-in slide-in-from-bottom-1 animate-in relative mx-auto w-full max-w-(--thread-max-width) py-3 duration-150"
       data-role="assistant"
     >
-      <div className="aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed">
+      <div className="aui-assistant-message-content text-foreground px-2 leading-relaxed wrap-break-word">
         <MessagePrimitive.Parts>
           {({ part }) => {
             if (part.type === "text") return <MarkdownText />;
@@ -304,10 +304,10 @@ const AssistantMessage: FC = () => {
 const UserMessage: FC = () => {
   return (
     <MessagePrimitive.Root
-      className="aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto flex w-full max-w-(--thread-max-width) animate-in justify-end px-2 py-3 duration-150"
+      className="aui-user-message-root fade-in slide-in-from-bottom-1 animate-in mx-auto flex w-full max-w-(--thread-max-width) justify-end px-2 py-3 duration-150"
       data-role="user"
     >
-      <div className="aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground">
+      <div className="aui-user-message-content bg-muted text-foreground rounded-2xl px-4 py-2.5 wrap-break-word">
         <MessagePrimitive.Parts />
       </div>
     </MessagePrimitive.Root>
@@ -420,12 +420,13 @@ export class ElevenLabsVoiceAdapter implements RealtimeVoiceAdapter {
 ## next.config.js
 
 ```javascript
+import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["@assistant-ui/react", "@assistant-ui/react-ai-sdk"],
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -438,31 +439,32 @@ export default nextConfig;
   "version": "0.0.0",
   "type": "module",
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
-    "@ai-sdk/react": "^3.0.190",
+    "@ai-sdk/openai": "^3.0.68",
+    "@ai-sdk/react": "^3.0.199",
     "@assistant-ui/react": "workspace:^",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:^",
     "@assistant-ui/ui": "workspace:*",
-    "@elevenlabs/client": "^1.8.0",
+    "@elevenlabs/client": "^1.9.0",
     "@tailwindcss/postcss": "^4.3.0",
-    "ai": "^6.0.188",
+    "ai": "^6.0.197",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "motion": "^12.39.0",
-    "next": "^16.2.6",
+    "lucide-react": "^1.17.0",
+    "motion": "^12.40.0",
+    "next": "^16.2.7",
     "postcss": "^8.5.15",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwind-merge": "^3.6.0",
     "tailwindcss": "^4.3.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"

package/.docs/organized/code-examples/with-elevenlabs-scribe.md

@@ -199,7 +199,6 @@ export async function POST() {
   }
 }
 
-
 ```
 
 ## app/layout.tsx
@@ -544,12 +543,13 @@ export class ElevenLabsScribeAdapter implements DictationAdapter {
 ## next.config.js
 
 ```javascript
+import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["@assistant-ui/react", "@assistant-ui/react-ai-sdk"],
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -562,31 +562,32 @@ export default nextConfig;
   "version": "0.0.0",
   "type": "module",
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
-    "@ai-sdk/react": "^3.0.190",
+    "@ai-sdk/openai": "^3.0.68",
+    "@ai-sdk/react": "^3.0.199",
     "@assistant-ui/react": "workspace:^",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:^",
     "@assistant-ui/ui": "workspace:*",
-    "@elevenlabs/client": "^1.8.0",
+    "@elevenlabs/client": "^1.9.0",
     "@tailwindcss/postcss": "^4.3.0",
-    "ai": "^6.0.188",
+    "ai": "^6.0.197",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "motion": "^12.39.0",
-    "next": "^16.2.6",
+    "lucide-react": "^1.17.0",
+    "motion": "^12.40.0",
+    "next": "^16.2.7",
     "postcss": "^8.5.15",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwind-merge": "^3.6.0",
     "tailwindcss": "^4.3.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "tw-animate-css": "^1.4.0",
     "typescript": "^6.0.3"