@assistant-ui/mcp-docs-server 0.1.29 → 0.1.30

package/.docs/organized/code-examples/waterfall.md

@@ -417,6 +417,7 @@ export function WaterfallRow() {
         <AuiIf condition={(s) => s.span.hasChildren}>
           <SpanPrimitive.CollapseToggle className="flex shrink-0 items-center justify-center rounded p-0.5 text-muted-foreground hover:text-foreground">
             <svg
+              aria-hidden="true"
               className="size-3.5 transition-transform data-[collapsed=true]:[-rotate-90]"
               viewBox="0 0 16 16"
               fill="currentColor"
@@ -438,7 +439,7 @@ export function WaterfallRow() {
         className="group-hover:bg-accent/30"
         style={{ width: barWidth, height: barHeight }}
       >
-        <svg width={barWidth} height={barHeight}>
+        <svg aria-hidden="true" width={barWidth} height={barHeight}>
           <WaterfallBar />
         </svg>
       </div>
@@ -515,7 +516,12 @@ function TimeAxisTicks({
   });
 
   return (
-    <svg width={barWidth} height={28} className="overflow-visible">
+    <svg
+      aria-hidden="true"
+      width={barWidth}
+      height={28}
+      className="overflow-visible"
+    >
       {ticks.map(({ t, x }) => (
         <g key={x}>
           <line
@@ -678,6 +684,8 @@ export function WaterfallTimeline() {
 
         {/* Span rows */}
         <WaterfallLayoutContext.Provider value={layoutValue}>
+          {/* biome-ignore lint/a11y/useKeyWithClickEvents: event delegation on span rows */}
+          {/* biome-ignore lint/a11y/noStaticElementInteractions: event delegation on span rows */}
           <div
             style={{ width: contentWidth }}
             onClick={(e) => {
@@ -769,19 +777,19 @@ export default nextConfig;
     "@assistant-ui/react-o11y": "workspace:*",
     "@assistant-ui/store": "workspace:*",
     "@assistant-ui/tap": "workspace:*",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
-    "typescript": "^6.0.2"
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
+    "typescript": "^6.0.3"
   }
 }
 

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

@@ -170,7 +170,7 @@ export function MyRuntimeProvider({
   children,
 }: Readonly<{ children: ReactNode }>) {
   const serverUrl =
-    (process.env["NEXT_PUBLIC_A2A_SERVER_URL"] as string | undefined) ??
+    (process.env.NEXT_PUBLIC_A2A_SERVER_URL as string | undefined) ??
     "http://localhost:9999";
 
   const runtime = useA2ARuntime({
@@ -201,8 +201,6 @@ import {
 } from "@assistant-ui/react-a2a";
 import { Thread } from "@/components/assistant-ui/thread";
 
-// === State Badge ===
-
 const STATE_CONFIG: Record<
   string,
   { label: string; color: string; bg: string }
@@ -274,8 +272,6 @@ function StateBadge({ state }: { state: A2ATaskState }) {
   );
 }
 
-// === Task Status Bar ===
-
 function TaskStatusBar() {
   const task = useA2ATask();
 
@@ -296,8 +292,6 @@ function TaskStatusBar() {
   );
 }
 
-// === Artifact Part Renderer ===
-
 function ArtifactPartView({ part }: { part: A2APart }) {
   if (part.text !== undefined) {
     return (
@@ -322,6 +316,7 @@ function ArtifactPartView({ part }: { part: A2APart }) {
     const isImage = part.mediaType?.startsWith("image/");
     if (isImage) {
       return (
+        // biome-ignore lint/performance/noImgElement: example component
         <img
           src={part.url}
           alt={part.filename ?? "image"}
@@ -350,6 +345,7 @@ function ArtifactPartView({ part }: { part: A2APart }) {
     const isImage = part.mediaType?.startsWith("image/");
     if (isImage) {
       return (
+        // biome-ignore lint/performance/noImgElement: example component
         <img
           src={`data:${part.mediaType};base64,${part.raw}`}
           alt={part.filename ?? "image"}
@@ -377,8 +373,6 @@ function ArtifactPartView({ part }: { part: A2APart }) {
   return null;
 }
 
-// === Artifact Panel ===
-
 function ArtifactPanel() {
   const artifacts = useA2AArtifacts();
 
@@ -417,8 +411,6 @@ function ArtifactPanel() {
   );
 }
 
-// === Agent Card Banner ===
-
 function AgentCardBanner() {
   const card = useA2AAgentCard();
 
@@ -449,8 +441,6 @@ function AgentCardBanner() {
   );
 }
 
-// === Thread with Suggestions ===
-
 function ThreadWithSuggestions() {
   const aui = useAui({
     suggestions: Suggestions([
@@ -488,8 +478,6 @@ function ThreadWithSuggestions() {
   );
 }
 
-// === Main ===
-
 export default function Home() {
   return (
     <main className="flex h-dvh flex-col">
@@ -569,21 +557,21 @@ export default nextConfig;
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

package/.docs/organized/code-examples/with-ag-ui.md

@@ -141,6 +141,8 @@ export const metadata: Metadata = {
   description: "Generated by create next app",
 };
 
+export const dynamic = "force-dynamic";
+
 export default function RootLayout({
   children,
 }: Readonly<{
@@ -182,7 +184,7 @@ export function MyRuntimeProvider({
   children,
 }: Readonly<{ children: ReactNode }>) {
   const agentUrl =
-    (process.env["NEXT_PUBLIC_AGUI_AGENT_URL"] as string | undefined) ??
+    (process.env.NEXT_PUBLIC_AGUI_AGENT_URL as string | undefined) ??
     "http://localhost:8000/agent";
 
   // Simple in-memory thread storage
@@ -313,6 +315,7 @@ function NewThreadButton() {
 
   return (
     <button
+      type="button"
       onClick={() => aui.threads().switchToNewThread()}
       className="absolute top-4 right-4 z-10 flex items-center gap-2 rounded-lg border bg-background px-3 py-2 font-medium text-sm shadow-sm transition-colors hover:bg-accent"
     >
@@ -421,21 +424,21 @@ export default nextConfig;
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

package/.docs/organized/code-examples/with-ai-sdk-v6.md

@@ -6,7 +6,7 @@
 import { openai } from "@ai-sdk/openai";
 import { frontendTools } from "@assistant-ui/react-ai-sdk";
 import {
-  JSONSchema7,
+  type JSONSchema7,
   streamText,
   convertToModelMessages,
   type UIMessage,
@@ -315,16 +315,16 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai": "^3.0.53",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.159",
+    "ai": "^6.0.168",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0",
@@ -332,14 +332,14 @@ export default nextConfig;
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

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

@@ -258,7 +258,7 @@ function ArtifactsView() {
       .at(-1);
   });
 
-  const code = lastToolCall?.args["code"] as string | undefined;
+  const code = lastToolCall?.args.code as string | undefined;
   const isComplete = lastToolCall?.result !== undefined;
 
   if (!code) return null;
@@ -268,6 +268,7 @@ function ArtifactsView() {
       <div className="flex h-full w-full flex-col overflow-hidden rounded-lg border">
         <div className="flex border-b">
           <button
+            type="button"
             onClick={() => setTab("source")}
             className={`inline-flex flex-1 items-center justify-center gap-2 px-4 py-2.5 font-medium text-sm transition-colors ${
               tab === "source"
@@ -279,6 +280,7 @@ function ArtifactsView() {
             Source Code
           </button>
           <button
+            type="button"
             onClick={() => isComplete && setTab("preview")}
             disabled={!isComplete}
             className={`inline-flex flex-1 items-center justify-center gap-2 px-4 py-2.5 font-medium text-sm transition-colors ${
@@ -413,16 +415,16 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai": "^3.0.53",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.159",
+    "ai": "^6.0.168",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0",
@@ -430,14 +432,14 @@ export default nextConfig;
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

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

@@ -170,16 +170,16 @@ export default function RootLayout({
 
 import {
   AssistantRuntimeProvider,
-  AssistantTransportConnectionMetadata,
+  type AssistantTransportConnectionMetadata,
   makeAssistantTool,
   unstable_createMessageConverter as createMessageConverter,
   useAssistantTransportRuntime,
 } from "@assistant-ui/react";
 import {
   convertLangChainMessages,
-  LangChainMessage,
+  type LangChainMessage,
 } from "@assistant-ui/react-langgraph";
-import { ReactNode } from "react";
+import type { ReactNode } from "react";
 import { z } from "zod";
 
 // Frontend tool with execute function
@@ -274,8 +274,7 @@ export function MyRuntimeProvider({ children }: MyRuntimeProviderProps) {
     initialState: {
       messages: [],
     },
-    api:
-      process.env["NEXT_PUBLIC_API_URL"] || "http://localhost:8010/assistant",
+    api: process.env.NEXT_PUBLIC_API_URL || "http://localhost:8010/assistant",
     converter,
     headers: async () => ({
       "Test-Header": "test-value",
@@ -424,7 +423,7 @@ export default nextConfig;
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0",
@@ -432,14 +431,14 @@ export default nextConfig;
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

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

@@ -557,16 +557,16 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai": "^3.0.53",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.159",
+    "ai": "^6.0.168",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0",
@@ -574,14 +574,14 @@ export default nextConfig;
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

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

@@ -472,6 +472,7 @@ export function ThreadList({
     <div className="flex h-full w-64 shrink-0 flex-col border-r bg-sidebar">
       <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"
         >
@@ -493,11 +494,12 @@ export function ThreadList({
         ) : (
           <div className="space-y-0.5">
             {threads.map((thread) => (
-              <div
+              <button
+                type="button"
                 key={thread.id}
                 onClick={() => onSelect(thread.id)}
                 className={cn(
-                  "group flex cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-sm transition-colors",
+                  "group flex w-full cursor-pointer items-center gap-2 rounded-lg px-3 py-2 text-left text-sm transition-colors",
                   selectedId === thread.id
                     ? "bg-sidebar-accent text-sidebar-accent-foreground"
                     : "text-sidebar-foreground hover:bg-sidebar-accent/50",
@@ -507,6 +509,7 @@ export function ThreadList({
                   {thread.title || "New conversation"}
                 </span>
                 <button
+                  type="button"
                   onClick={(e) => {
                     e.stopPropagation();
                     onDelete(thread.id);
@@ -516,7 +519,7 @@ export function ThreadList({
                 >
                   <Trash2 className="size-3.5 text-muted-foreground hover:text-destructive" />
                 </button>
-              </div>
+              </button>
             ))}
           </div>
         )}
@@ -565,27 +568,27 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai": "^3.0.53",
     "@assistant-ui/cloud-ai-sdk": "workspace:*",
-    "ai": "^6.0.159",
+    "ai": "^6.0.168",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 

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

@@ -206,7 +206,7 @@ import { AssistantCloud, AssistantRuntimeProvider } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
 
 const cloud = new AssistantCloud({
-  baseUrl: process.env["NEXT_PUBLIC_ASSISTANT_BASE_URL"]!,
+  baseUrl: process.env.NEXT_PUBLIC_ASSISTANT_BASE_URL!,
   anonymous: true,
 });
 
@@ -327,30 +327,30 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai": "^3.0.53",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.159",
+    "ai": "^6.0.168",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }
 
@@ -378,7 +378,6 @@ Create `.env.local`:
 
 ```
 OPENAI_API_KEY=sk-...
-JWT_SECRET=your-jwt-secret
 ASSISTANT_API_KEY=sk-aui-proj-...
 NEXT_PUBLIC_ASSISTANT_BASE_URL=https://proj-xxxx.assistant-api.com
 ```

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

@@ -6,7 +6,7 @@
 import { openai } from "@ai-sdk/openai";
 import {
   streamText,
-  UIMessage,
+  type UIMessage,
   convertToModelMessages,
   tool,
   stepCountIs,
@@ -414,17 +414,17 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.52",
+    "@ai-sdk/openai": "^3.0.53",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.159",
+    "ai": "^6.0.168",
     "assistant-stream": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.8.0",
-    "next": "^16.2.3",
+    "next": "^16.2.4",
     "react": "^19.2.5",
     "react-dom": "^19.2.5",
     "tailwind-merge": "^3.5.0",
@@ -432,14 +432,14 @@ export default nextConfig;
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.2.2",
+    "@tailwindcss/postcss": "^4.2.4",
     "@types/node": "^25.6.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.9",
-    "tailwindcss": "^4.2.2",
+    "postcss": "^8.5.10",
+    "tailwindcss": "^4.2.4",
     "tw-animate-css": "^1.4.0",
-    "typescript": "^6.0.2"
+    "typescript": "^6.0.3"
   }
 }