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

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

@@ -149,8 +149,8 @@ export default function RootLayout({
     <html lang="en">
       <body className="font-sans antialiased">
         <div className="flex h-screen flex-col">
-          <header className="border-b bg-background px-4 py-2">
-            <h1 className="font-semibold text-lg">
+          <header className="bg-background border-b px-4 py-2">
+            <h1 className="text-lg font-semibold">
               Assistant Transport Example
             </h1>
           </header>
@@ -170,9 +170,11 @@ export default function RootLayout({
 
 import {
   AssistantRuntimeProvider,
+  defineToolkit,
+  Tools,
   type AssistantTransportConnectionMetadata,
-  makeAssistantTool,
   unstable_createMessageConverter as createMessageConverter,
+  useAui,
   useAssistantTransportRuntime,
 } from "@assistant-ui/react";
 import {
@@ -182,46 +184,53 @@ import {
 import type { ReactNode } from "react";
 import { z } from "zod";
 
-// Frontend tool with execute function
-const WeatherTool = makeAssistantTool({
-  type: "frontend",
-  toolName: "get_weather",
-  description: "Get the current weather for a city",
-  parameters: z.object({
-    location: z.string().describe("The city to get weather for"),
-    unit: z
-      .enum(["celsius", "fahrenheit"])
-      .optional()
-      .describe("Temperature unit"),
-  }),
-  execute: async ({ location, unit = "celsius" }) => {
-    console.log(`Getting weather for ${location} in ${unit}`);
-    // Simulate API call
-    await new Promise((resolve) => setTimeout(resolve, 1000));
-
-    const temp = Math.floor(Math.random() * 30) + 10;
-    const conditions = ["sunny", "cloudy", "rainy", "partly cloudy"];
-    const condition = conditions[Math.floor(Math.random() * conditions.length)];
-
-    return {
-      location,
-      temperature: temp,
-      unit,
-      condition,
-      humidity: Math.floor(Math.random() * 40) + 40,
-      windSpeed: Math.floor(Math.random() * 20) + 5,
-    };
-  },
-  streamCall: async (reader) => {
-    console.log("streamCall", reader);
-    const city = await reader.args.get("location");
-    console.log("location", city);
+const toolkit = defineToolkit({
+  get_weather: {
+    type: "frontend",
+    description: "Get the current weather for a city",
+    parameters: z.object({
+      location: z.string().describe("The city to get weather for"),
+      unit: z
+        .enum(["celsius", "fahrenheit"])
+        .optional()
+        .describe("Temperature unit"),
+    }),
+    execute: async ({ location, unit = "celsius" }) => {
+      console.log(`Getting weather for ${location} in ${unit}`);
+      await new Promise((resolve) => setTimeout(resolve, 1000));
+
+      const temp = Math.floor(Math.random() * 30) + 10;
+      const conditions = ["sunny", "cloudy", "rainy", "partly cloudy"];
+      const condition =
+        conditions[Math.floor(Math.random() * conditions.length)];
+
+      return {
+        location,
+        temperature: temp,
+        unit,
+        condition,
+        humidity: Math.floor(Math.random() * 40) + 40,
+        windSpeed: Math.floor(Math.random() * 20) + 5,
+      };
+    },
+    streamCall: async (reader) => {
+      console.log("streamCall", reader);
+      const city = await reader.args.get("location");
+      console.log("location", city);
 
-    const args = await reader.args.get();
-    console.log("args", args);
+      const args = await reader.args.get();
+      console.log("args", args);
 
-    const result = await reader.response.get();
-    console.log("result", result);
+      const result = await reader.response.get();
+      console.log("result", result);
+    },
+    renderText: {
+      running: ({ args }) => `Getting weather for ${args.location ?? "..."}`,
+      complete: ({ args, result }) =>
+        result
+          ? `${args.location}: ${result.temperature}° ${result.unit}, ${result.condition}`
+          : "Weather lookup complete",
+    },
   },
 });
 
@@ -295,11 +304,12 @@ export function MyRuntimeProvider({ children }: MyRuntimeProviderProps) {
       console.log("Request cancelled");
     },
   });
+  const aui = useAui({
+    tools: Tools({ toolkit }),
+  });
 
   return (
-    <AssistantRuntimeProvider runtime={runtime}>
-      <WeatherTool />
-
+    <AssistantRuntimeProvider aui={aui} runtime={runtime}>
       {children}
     </AssistantRuntimeProvider>
   );
@@ -383,6 +393,7 @@ export default function Home() {
 ## next.config.js
 
 ```javascript
+import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   experimental: {
@@ -398,7 +409,7 @@ const nextConfig = {
   },
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -422,18 +433,19 @@ export default nextConfig;
     "@assistant-ui/ui": "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-browser-extension.md

@@ -171,7 +171,13 @@ export function useMockStore() {
     }
   }, []);
 
-  return { messages, setMessages, isRunning, onNew };
+  return {
+    messages,
+    setMessages,
+    isRunning,
+    onNew,
+    convertMessage: (m: ThreadMessageLike) => m,
+  };
 }
 
 ```
@@ -223,21 +229,21 @@ export function MyThread() {
     "@assistant-ui/ui": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "lucide-react": "^1.17.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.3.0",
-    "@types/chrome": "^0.1.42",
-    "@types/node": "^25.9.1",
-    "@types/react": "^19.2.15",
+    "@types/chrome": "^0.1.43",
+    "@types/node": "^25.9.2",
+    "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
     "esbuild": "^0.28.0",
     "postcss": "^8.5.15",
     "tailwindcss": "^4.3.0",
-    "tsx": "^4.22.3",
+    "tsx": "^4.22.4",
     "tw-animate-css": "^1.4.0",
     "typescript": "5.9.3"
   }
@@ -327,7 +333,8 @@ if (root) {
 ```json
 {
   "compilerOptions": {
-    "target": "ES2020",
+    "target": "ES2022",
+    "lib": ["DOM", "DOM.Iterable", "ES2022"],
     "module": "ESNext",
     "moduleResolution": "bundler",
     "jsx": "react-jsx",
@@ -336,7 +343,12 @@ if (root) {
     "skipLibCheck": true,
     "noEmit": true,
     "allowImportingTsExtensions": true,
-    "types": ["chrome", "node"]
+    "types": ["chrome", "node"],
+    "paths": {
+      "@/components/*": ["../../packages/ui/src/components/*"],
+      "@/lib/*": ["../../packages/ui/src/lib/*"],
+      "@/hooks/*": ["../../packages/ui/src/hooks/*"]
+    }
   },
   "include": ["*.ts", "*.tsx", "scripts/*.mts"]
 }