@assistant-ui/mcp-docs-server 0.1.39 → 0.2.1

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

@@ -188,7 +188,12 @@ export default function RootLayout({
 ```tsx
 "use client";
 
-import { AssistantRuntimeProvider, Tools, useAui } from "@assistant-ui/react";
+import {
+  AssistantRuntimeProvider,
+  AuiConfig,
+  Tools,
+  useAui,
+} from "@assistant-ui/react";
 import {
   SidebarInset,
   SidebarProvider,
@@ -211,6 +216,12 @@ import { ToolGroup } from "@/components/tools/tool-group";
 import toolkit from "@/components/tools/toolkit";
 import { useEffect } from "react";
 
+const SetFallbackDataUI = () => {
+  const aui = useAui();
+  useEffect(() => aui.dataRenderers.setFallbackDataUI(OpenCodeDataPart), [aui]);
+  return null;
+};
+
 const THREAD_COMPONENTS: ThreadComponents = {
   ToolFallback: FallbackTool,
   ToolGroup,
@@ -223,17 +234,13 @@ export default function Home() {
       process.env.NEXT_PUBLIC_OPENCODE_BASE_URL ?? "http://localhost:4096",
   });
 
-  const aui = useAui({
+  const config = AuiConfig({
     tools: Tools({ toolkit }),
   });
 
-  useEffect(
-    () => aui.dataRenderers().setFallbackDataUI(OpenCodeDataPart),
-    [aui],
-  );
-
   return (
-    <AssistantRuntimeProvider aui={aui} runtime={runtime}>
+    <AssistantRuntimeProvider config={config} runtime={runtime}>
+      <SetFallbackDataUI />
       <SidebarProvider>
         <div className="flex h-dvh w-full overflow-hidden pr-0.5">
           <ThreadListSidebar />
@@ -1892,28 +1899,27 @@ export default withAui(nextConfig);
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/react-opencode": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@pierre/diffs": "^1.2.12",
+    "@pierre/diffs": "^1.3.5",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }
 

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

@@ -727,6 +727,7 @@ import { useModelSelectorEfforts } from "@/components/assistant-ui/model-selecto
 import {
   Tooltip,
   TooltipContent,
+  TooltipProvider,
   TooltipTrigger,
 } from "@/components/ui/radix/tooltip";
 import { cn } from "@/lib/utils";
@@ -764,54 +765,56 @@ export const ThinkingLevelSlider = ({
   return (
     <div className="flex items-center justify-between gap-3 border-t px-3 py-2">
       <span className="text-muted-foreground text-xs">{label}</span>
-      <div
-        role="radiogroup"
-        aria-label={label}
-        className="flex items-end"
-        onKeyDown={(event) => {
-          if (event.key === "ArrowRight" || event.key === "ArrowUp") {
-            selectIndex(event, activeIndex + 1);
-          } else if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
-            selectIndex(event, activeIndex - 1);
-          } else if (event.key === "Home") {
-            selectIndex(event, 0);
-          } else if (event.key === "End") {
-            selectIndex(event, lastIndex);
-          }
-        }}
-      >
-        {efforts.map((option, index) => {
-          const isActive = index === activeIndex;
-          return (
-            <Tooltip key={option.id} disableHoverableContent>
-              <TooltipTrigger asChild>
-                <button
-                  type="button"
-                  role="radio"
-                  aria-checked={isActive}
-                  aria-label={option.name}
-                  tabIndex={index === Math.max(activeIndex, 0) ? 0 : -1}
-                  data-state={isActive ? "on" : "off"}
-                  onClick={() => setEffort(option.id)}
-                  className="group focus-visible:ring-ring/50 flex h-6 w-3.5 items-end justify-center rounded-sm outline-none focus-visible:ring-2"
-                >
-                  <span
-                    className={cn(
-                      "rounded-full transition-all duration-150 ease-out",
-                      isActive
-                        ? "bg-primary h-4.5 w-0.5"
-                        : "bg-muted-foreground/40 group-hover:bg-foreground/70 h-2.5 w-0.5 group-hover:h-4 group-hover:w-[3px] group-focus-visible:h-4 group-focus-visible:w-[3px]",
-                    )}
-                  />
-                </button>
-              </TooltipTrigger>
-              <TooltipContent side="top" sideOffset={2}>
-                {option.name}
-              </TooltipContent>
-            </Tooltip>
-          );
-        })}
-      </div>
+      <TooltipProvider>
+        <div
+          role="radiogroup"
+          aria-label={label}
+          className="flex items-end"
+          onKeyDown={(event) => {
+            if (event.key === "ArrowRight" || event.key === "ArrowUp") {
+              selectIndex(event, activeIndex + 1);
+            } else if (event.key === "ArrowLeft" || event.key === "ArrowDown") {
+              selectIndex(event, activeIndex - 1);
+            } else if (event.key === "Home") {
+              selectIndex(event, 0);
+            } else if (event.key === "End") {
+              selectIndex(event, lastIndex);
+            }
+          }}
+        >
+          {efforts.map((option, index) => {
+            const isActive = index === activeIndex;
+            return (
+              <Tooltip key={option.id} disableHoverableContent>
+                <TooltipTrigger asChild>
+                  <button
+                    type="button"
+                    role="radio"
+                    aria-checked={isActive}
+                    aria-label={option.name}
+                    tabIndex={index === Math.max(activeIndex, 0) ? 0 : -1}
+                    data-state={isActive ? "on" : "off"}
+                    onClick={() => setEffort(option.id)}
+                    className="group focus-visible:ring-ring/50 flex h-6 w-3.5 items-end justify-center rounded-sm outline-none focus-visible:ring-2"
+                  >
+                    <span
+                      className={cn(
+                        "rounded-full transition-all duration-150 ease-out",
+                        isActive
+                          ? "bg-primary h-4.5 w-0.5"
+                          : "bg-muted-foreground/40 group-hover:bg-foreground/70 h-2.5 w-0.5 group-hover:h-4 group-hover:w-[3px] group-focus-visible:h-4 group-focus-visible:w-[3px]",
+                      )}
+                    />
+                  </button>
+                </TooltipTrigger>
+                <TooltipContent side="top" sideOffset={2}>
+                  {option.name}
+                </TooltipContent>
+              </Tooltip>
+            );
+          })}
+        </div>
+      </TooltipProvider>
       <span className="text-foreground min-w-12 text-end text-xs">
         {efforts[activeIndex]?.name}
       </span>
@@ -1098,7 +1101,7 @@ const ComposerQueue: FC = () => {
       .then(({ steering, followUp }) => {
         const restored = [...steering, ...followUp].join("\n");
         if (!restored) return;
-        const composer = aui.composer();
+        const composer = aui.composer;
         const current = composer.getState().text;
         composer.setText(current ? `${current}\n${restored}` : restored);
       })
@@ -1784,8 +1787,8 @@ export const modelKey = (provider: string, modelId: string): string =>
  * (~/.pi/agent by default); when set, every Pi config source below points at it.
  */
 import {
-  AuthStorage,
   ModelRegistry,
+  ModelRuntime,
   SettingsManager,
 } from "@earendil-works/pi-coding-agent";
 import {
@@ -1804,10 +1807,10 @@ const env = (key: string): string | undefined => {
 const workspacePath = env("PI_WORKSPACE_PATH") ?? process.cwd();
 const agentDir = env("PI_CODING_AGENT_DIR");
 
-const authStorage = AuthStorage.create(
-  agentDir ? `${agentDir}/auth.json` : undefined,
+const modelRuntime = await ModelRuntime.create(
+  agentDir ? { authPath: `${agentDir}/auth.json` } : {},
 );
-const modelRegistry = ModelRegistry.create(authStorage);
+const modelRegistry = new ModelRegistry(modelRuntime);
 const settingsManager = SettingsManager.create(workspacePath, agentDir);
 
 // Env wins; otherwise fall back to Pi's configured default (settings.json).
@@ -1958,28 +1961,27 @@ export default withAui(nextConfig);
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/react-pi": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@earendil-works/pi-coding-agent": "^0.80.7",
+    "@earendil-works/pi-coding-agent": "^0.84.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "radix-ui": "^1.6.2",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "radix-ui": "^1.6.7",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }
 

package/.docs/organized/code-examples/with-react-hook-form.md

@@ -248,6 +248,7 @@ import {
   useAssistantInstructions,
   useAui,
   AuiProvider,
+  AuiConfig,
   Suggestions,
 } from "@assistant-ui/react";
 
@@ -292,7 +293,8 @@ export default function Home() {
     },
   });
 
-  const aui = useAui({
+  const aui = useAui();
+  const config = AuiConfig({
     suggestions: Suggestions([
       {
         title: "Fill out the form",
@@ -309,7 +311,7 @@ export default function Home() {
   });
 
   return (
-    <AuiProvider value={aui}>
+    <AuiProvider extends={aui} config={config}>
       <ResizablePanelGroup orientation="horizontal">
         <ResizablePanel defaultSize={60} minSize={40} style={panelStyle}>
           <div className="bg-muted/30 h-full overflow-y-auto">
@@ -615,34 +617,33 @@ export default withAui(nextConfig);
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.14",
+    "@ai-sdk/openai": "^4.0.34",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-hook-form": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^7.0.28",
+    "ai": "^7.0.56",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-hook-form": "^7.81.0",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-hook-form": "^7.84.0",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }
 

package/.docs/organized/code-examples/with-react-ink-web.md

@@ -554,22 +554,21 @@ export default config;
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-ink": "workspace:*",
     "@assistant-ui/react-ink-markdown": "workspace:*",
-    "@wterm/dom": "^0.3.0",
-    "@wterm/react": "^0.3.0",
-    "ai": "^7.0.28",
-    "ink": "^7.1.0",
+    "@wterm/dom": "^0.3.2",
+    "@wterm/react": "^0.3.2",
+    "ai": "^7.0.56",
+    "ink": "^7.1.1",
     "ink-web": "^0.2.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "react-reconciler": "^0.33.0",
     "scheduler": "^0.27.0"
   },
   "devDependencies": {
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "typescript": "^7.0.2"
   }
 }
 

package/.docs/organized/code-examples/with-react-ink.md

@@ -16,13 +16,13 @@
   "dependencies": {
     "@assistant-ui/react-ink": "workspace:*",
     "@assistant-ui/react-ink-markdown": "workspace:*",
-    "ink": "^7.1.0",
-    "react": "^19.2.7"
+    "ink": "^7.1.1",
+    "react": "^19.2.8"
   },
   "devDependencies": {
-    "@types/react": "^19.2.17",
+    "@types/react": "^19.2.18",
     "esbuild": "^0.28.1",
-    "tsx": "^4.23.1",
+    "tsx": "^4.23.10",
     "typescript": "^7.0.2"
   }
 }
@@ -36,10 +36,10 @@ import { useMemo } from "react";
 import { Box, Text } from "ink";
 import {
   AssistantRuntimeProvider,
+  AuiConfig,
   useLocalRuntime,
   StatusBarPrimitive,
   Tools,
-  useAui,
 } from "@assistant-ui/react-ink";
 import { Thread } from "./components/thread.js";
 import { createScriptedAdapter, MODEL_NAME } from "./scripted-adapter.js";
@@ -57,12 +57,12 @@ const StatusBar = () => (
 export const App = () => {
   const adapter = useMemo(() => createScriptedAdapter(), []);
   const runtime = useLocalRuntime(adapter);
-  const aui = useAui({
+  const config = AuiConfig({
     tools: Tools({ toolkit }),
   });
 
   return (
-    <AssistantRuntimeProvider aui={aui} runtime={runtime}>
+    <AssistantRuntimeProvider runtime={runtime} config={config}>
       <Box flexDirection="column" padding={1}>
         <Box>
           <Text bold color="cyan">

package/.docs/organized/code-examples/with-react-router.md

@@ -686,7 +686,12 @@ export async function action({ request }: Route.ActionArgs) {
 
 ```tsx
 import { Thread } from "@/components/assistant-ui/thread";
-import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
+import {
+  useAui,
+  AuiProvider,
+  AuiConfig,
+  Suggestions,
+} from "@assistant-ui/react";
 
 export function meta() {
   return [
@@ -696,7 +701,8 @@ export function meta() {
 }
 
 function ThreadWithSuggestions() {
-  const aui = useAui({
+  const aui = useAui();
+  const config = AuiConfig({
     suggestions: Suggestions([
       {
         title: "Hello!",
@@ -711,7 +717,7 @@ function ThreadWithSuggestions() {
     ]),
   });
   return (
-    <AuiProvider value={aui}>
+    <AuiProvider extends={aui} config={config}>
       <Thread />
     </AuiProvider>
   );
@@ -773,31 +779,31 @@ export default function Home() {
   "dependencies": {
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
-    "@react-router/node": "^8.2.0",
-    "@react-router/serve": "^8.2.0",
+    "@react-router/node": "^8.3.0",
+    "@react-router/serve": "^8.3.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "eventsource-parser": "^3.1.0",
     "isbot": "^5.2.1",
-    "lucide-react": "^1.24.0",
-    "openai": "^6.47.0",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "react-router": "^8.2.0",
+    "lucide-react": "^1.29.0",
+    "openai": "^7.4.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "react-router": "^8.3.0",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
-    "@react-router/dev": "^8.2.0",
-    "@tailwindcss/vite": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "tailwindcss": "^4.3.2",
+    "@react-router/dev": "^8.3.0",
+    "@tailwindcss/vite": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "typescript-7": "npm:typescript@^7.0.2",
-    "vite": "^8.1.4",
+    "vite": "^8.2.1",
     "vite-tsconfig-paths": "^6.1.1"
   }
 }

package/.docs/organized/code-examples/with-resumable-stream.md

@@ -514,38 +514,37 @@ export default withAui(nextConfig);
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.14",
-    "@ai-sdk/react": "^4.0.30",
+    "@ai-sdk/openai": "^4.0.34",
+    "@ai-sdk/react": "^4.0.59",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/store": "workspace:*",
     "@assistant-ui/tap": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^7.0.28",
+    "ai": "^7.0.56",
     "assistant-stream": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "redis": "^6.1.0",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "redis": "^6.2.0",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }