@assistant-ui/mcp-docs-server 0.1.26 → 0.1.28

package/.docs/organized/code-examples/with-google-adk.md

@@ -304,11 +304,11 @@ export default nextConfig;
     "@assistant-ui/react-google-adk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@google/adk": "^0.5.0",
+    "@google/adk": "^0.6.1",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.7.0",
-    "next": "^16.2.1",
+    "next": "^16.2.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwind-merge": "^3.5.0",
@@ -317,7 +317,7 @@ export default nextConfig;
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.2.2",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.8",

package/.docs/organized/code-examples/with-heat-graph.md

@@ -270,14 +270,14 @@ export default nextConfig;
   },
   "dependencies": {
     "heat-graph": "workspace:*",
-    "next": "^16.2.1",
+    "next": "^16.2.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
   },
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.2.2",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.8",

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

@@ -29,7 +29,7 @@ export async function POST(req: Request) {
 
   // Convert client-defined tools (forwarded from model context) to AI SDK format.
   // These have no `execute` — they are frontend tools executed on the client
-  // via useAssistantTool / useInteractable.
+  // via useAssistantTool / useAssistantInteractable.
   const tools = clientTools
     ? Object.fromEntries(
         Object.entries(clientTools).map(([name, def]) => [
@@ -214,14 +214,15 @@ export default function RootLayout({
 ```tsx
 "use client";
 
-import { useRef, useState, useCallback } from "react";
+import { useRef, useState, useCallback, useEffect } from "react";
 import { Thread } from "@/components/assistant-ui/thread";
 import {
   AssistantRuntimeProvider,
   Interactables,
   Suggestions,
   useAui,
-  useInteractable,
+  useAssistantInteractable,
+  useInteractableState,
   useAssistantTool,
 } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
@@ -231,6 +232,7 @@ import {
   CheckCircle2Icon,
   CircleIcon,
   ListTodoIcon,
+  Loader2Icon,
   StickyNoteIcon,
   Trash2Icon,
   PlusIcon,
@@ -258,12 +260,16 @@ const taskBoardInitialState: TaskBoardState = { tasks: [] };
 let nextTaskId = 0;
 
 function TaskBoard() {
-  const [state, setState] = useInteractable<TaskBoardState>("taskBoard", {
+  const id = useAssistantInteractable("taskBoard", {
     description:
       "A task board showing the user's tasks. Use the manage_tasks tool (not update_taskBoard) to add/toggle/remove/clear tasks.",
     stateSchema: taskBoardSchema,
     initialState: taskBoardInitialState,
   });
+  const [state, { setState, isPending }] = useInteractableState<TaskBoardState>(
+    id,
+    taskBoardInitialState,
+  );
 
   const setStateRef = useRef(setState);
   setStateRef.current = setState;
@@ -323,6 +329,9 @@ function TaskBoard() {
       <div className="flex items-center gap-2 border-b px-4 py-3">
         <ListTodoIcon className="size-4 text-muted-foreground" />
         <span className="font-semibold text-sm">Task Board</span>
+        {isPending && (
+          <Loader2Icon className="size-3 animate-spin text-muted-foreground" />
+        )}
         {state.tasks.length > 0 && (
           <span className="ml-auto rounded-full bg-primary/10 px-2 py-0.5 font-medium text-primary text-xs">
             {doneCount}/{state.tasks.length}
@@ -422,7 +431,7 @@ function NoteCard({
   // Multi-instance: each NoteCard has a unique `id`, all share name "note"
   // Partial updates: AI can send { color: "blue" } without resending title/content
   // Selection: clicking a note calls setSelected(true)
-  const [state, , { setSelected }] = useInteractable<NoteState>("note", {
+  useAssistantInteractable("note", {
     id: noteId,
     description:
       "A sticky note. The AI can partially update any field (title, content, color) without resending the others.",
@@ -430,6 +439,10 @@ function NoteCard({
     initialState: noteInitialState,
     selected: selectedId === noteId,
   });
+  const [state, { setSelected }] = useInteractableState<NoteState>(
+    noteId,
+    noteInitialState,
+  );
 
   const isSelected = selectedId === noteId;
 
@@ -471,9 +484,31 @@ function NoteCard({
   );
 }
 
+const NOTE_IDS_KEY = "interactables-example-note-ids";
+
+function loadNoteIds(): string[] {
+  try {
+    const saved = localStorage.getItem(NOTE_IDS_KEY);
+    return saved ? JSON.parse(saved) : [];
+  } catch {
+    return [];
+  }
+}
+
 function NotesPanel() {
   const [noteIds, setNoteIds] = useState<string[]>([]);
   const [selectedId, setSelectedId] = useState<string | null>(null);
+  const hydratedRef = useRef(false);
+
+  useEffect(() => {
+    if (!hydratedRef.current) {
+      hydratedRef.current = true;
+      const saved = loadNoteIds();
+      if (saved.length > 0) setNoteIds(saved);
+      return;
+    }
+    localStorage.setItem(NOTE_IDS_KEY, JSON.stringify(noteIds));
+  }, [noteIds]);
 
   const noteIdsRef = useRef(noteIds);
   noteIdsRef.current = noteIds;
@@ -572,6 +607,27 @@ function NotesPanel() {
 // App
 // ===========================================================================
 
+const STORAGE_KEY = "interactables-example";
+
+function useInteractablePersistence(aui: ReturnType<typeof useAui>) {
+  useEffect(() => {
+    const saved = localStorage.getItem(STORAGE_KEY);
+    if (saved) {
+      try {
+        aui.interactables().importState(JSON.parse(saved));
+      } catch {
+        // ignore malformed data
+      }
+    }
+
+    aui.interactables().setPersistenceAdapter({
+      save: (state) => {
+        localStorage.setItem(STORAGE_KEY, JSON.stringify(state));
+      },
+    });
+  }, [aui]);
+}
+
 export default function Home() {
   const runtime = useChatRuntime({
     sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,
@@ -599,6 +655,8 @@ export default function Home() {
     ]),
   });
 
+  useInteractablePersistence(aui);
+
   return (
     <AssistantRuntimeProvider aui={aui} runtime={runtime}>
       <main className="flex h-full">
@@ -677,15 +735,15 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.48",
+    "@ai-sdk/openai": "^3.0.51",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.138",
+    "ai": "^6.0.148",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.7.0",
-    "next": "^16.2.1",
+    "next": "^16.2.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwind-merge": "^3.5.0",
@@ -694,7 +752,7 @@ export default nextConfig;
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.2.2",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.8",

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

@@ -871,11 +871,11 @@ export default nextConfig;
     "@assistant-ui/react-langgraph": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@langchain/langgraph-sdk": "^1.8.0",
+    "@langchain/langgraph-sdk": "^1.8.8",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^1.7.0",
-    "next": "^16.2.1",
+    "next": "^16.2.2",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
     "tailwind-merge": "^3.5.0"
@@ -883,7 +883,7 @@ export default nextConfig;
   "devDependencies": {
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.2.2",
-    "@types/node": "^25.5.0",
+    "@types/node": "^25.5.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
     "postcss": "^8.5.8",