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

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

@@ -82,10 +82,10 @@ export default function Home() {
     <div className="min-h-screen bg-linear-to-br from-gray-50 to-gray-100 p-8 dark:from-gray-900 dark:to-gray-800">
       <div className="mx-auto max-w-4xl">
         <div className="mb-8">
-          <h1 className="mb-2 font-bold text-4xl text-gray-900 dark:text-white">
+          <h1 className="mb-2 text-4xl font-bold text-gray-900 dark:text-white">
             @assistant-ui/store Example
           </h1>
-          <p className="text-gray-600 text-lg dark:text-gray-400">
+          <p className="text-lg text-gray-600 dark:text-gray-400">
             Demonstrating tap-based state management with scopes, lists, and
             providers
           </p>
@@ -134,15 +134,15 @@ const Foo = () => {
     <div className="rounded-lg border border-gray-200 bg-white p-6 shadow-md transition-shadow hover:shadow-lg dark:border-gray-700 dark:bg-gray-800">
       <div className="space-y-3">
         <div className="flex items-center gap-2">
-          <span className="font-semibold text-gray-500 text-sm dark:text-gray-400">
+          <span className="text-sm font-semibold text-gray-500 dark:text-gray-400">
             ID:
           </span>
-          <span className="font-mono text-gray-900 text-sm dark:text-white">
+          <span className="font-mono text-sm text-gray-900 dark:text-white">
             {fooId}
           </span>
         </div>
         <div className="flex items-center gap-2">
-          <span className="font-semibold text-gray-500 text-sm dark:text-gray-400">
+          <span className="text-sm font-semibold text-gray-500 dark:text-gray-400">
             Value:
           </span>
           <span className="text-gray-900 dark:text-white">{fooBar}</span>
@@ -151,14 +151,14 @@ const Foo = () => {
           <button
             type="button"
             onClick={handleUpdate}
-            className="flex-1 rounded-md bg-blue-600 px-4 py-2 font-medium text-white transition-colors hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800"
+            className="flex-1 rounded-md bg-blue-600 px-4 py-2 font-medium text-white transition-colors hover:bg-blue-700 focus:ring-2 focus:ring-blue-500 focus:ring-offset-2 focus:outline-none dark:focus:ring-offset-gray-800"
           >
             Update
           </button>
           <button
             type="button"
             onClick={() => aui.foo().remove()}
-            className="rounded-md bg-red-600 px-4 py-2 font-medium text-white transition-colors hover:bg-red-700 focus:outline-none focus:ring-2 focus:ring-red-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800"
+            className="rounded-md bg-red-600 px-4 py-2 font-medium text-white transition-colors hover:bg-red-700 focus:ring-2 focus:ring-red-500 focus:ring-offset-2 focus:outline-none dark:focus:ring-offset-gray-800"
           >
             Delete
           </button>
@@ -183,7 +183,7 @@ const AddFooButton = () => {
     <button
       type="button"
       onClick={() => aui.fooList().addFoo()}
-      className="rounded-md bg-green-600 px-4 py-2 font-medium text-white transition-colors hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-green-500 focus:ring-offset-2 dark:focus:ring-offset-gray-800"
+      className="rounded-md bg-green-600 px-4 py-2 font-medium text-white transition-colors hover:bg-green-700 focus:ring-2 focus:ring-green-500 focus:ring-offset-2 focus:outline-none dark:focus:ring-offset-gray-800"
     >
       Add New
     </button>
@@ -224,7 +224,7 @@ const EventLog = () => {
       </h3>
       <div className="max-h-48 space-y-2 overflow-y-auto">
         {logs.length === 0 ? (
-          <p className="text-gray-500 text-sm dark:text-gray-400">
+          <p className="text-sm text-gray-500 dark:text-gray-400">
             No events yet. Try updating or deleting a foo.
           </p>
         ) : (
@@ -266,12 +266,12 @@ export const ExampleApp = () => {
       <div className="space-y-6">
         <div className="rounded-lg border border-gray-200 bg-white p-4 shadow-sm dark:border-gray-700 dark:bg-gray-800">
           <div className="flex items-center justify-between">
-            <h2 className="font-semibold text-gray-900 text-xl dark:text-white">
+            <h2 className="text-xl font-semibold text-gray-900 dark:text-white">
               Foo List <FooListLength />
             </h2>
             <AddFooButton />
           </div>
-          <p className="mt-1 text-gray-600 text-sm dark:text-gray-400">
+          <p className="mt-1 text-sm text-gray-600 dark:text-gray-400">
             Each item is rendered in its own FooProvider with scoped access
           </p>
         </div>
@@ -339,80 +339,80 @@ declare module "@assistant-ui/store" {
 
 import "./foo-scope";
 
-import { type ReactNode, useMemo } from "react";
-import { resource, tapMemo, tapState } from "@assistant-ui/tap";
+import { type ReactNode, useMemo, useState } from "react";
+import { resource } from "@assistant-ui/tap";
 import {
   useAui,
   useAuiState,
   AuiProvider,
-  tapClientList,
+  useClientList,
   Derived,
-  tapAssistantEmit,
+  useAssistantEmit,
   RenderChildrenWithAccessor,
   type ClientOutput,
 } from "@assistant-ui/store";
 
 type FooData = { id: string; bar: string };
 
-export const FooItemResource = resource(
-  ({
-    getInitialData,
-    remove,
-  }: tapClientList.ResourceProps<FooData>): ClientOutput<"foo"> => {
-    const emit = tapAssistantEmit();
+export const FooItemResource = resource(function FooItemResource({
+  getInitialData,
+  remove,
+}: useClientList.ResourceProps<FooData>): ClientOutput<"foo"> {
+  const emit = useAssistantEmit();
 
-    const [state, setState] = tapState<FooData>(getInitialData);
+  const [state, setState] = useState<FooData>(getInitialData);
 
-    const updateBar = (newBar: string) => {
-      setState({ ...state, bar: newBar });
-      emit("foo.updated", { id: state.id, newValue: newBar });
-    };
+  const updateBar = (newBar: string) => {
+    setState({ ...state, bar: newBar });
+    emit("foo.updated", { id: state.id, newValue: newBar });
+  };
 
-    const handleRemove = () => {
-      emit("foo.removed", { id: state.id });
-      remove();
-    };
+  const handleRemove = () => {
+    emit("foo.removed", { id: state.id });
+    remove();
+  };
 
-    return {
-      getState: () => state,
-      updateBar,
-      remove: handleRemove,
-    };
-  },
-);
+  return {
+    getState: () => state,
+    updateBar,
+    remove: handleRemove,
+  };
+});
 
 let counter = 3;
-export const FooListResource = resource(
-  ({ initialValues }: { initialValues: boolean }): ClientOutput<"fooList"> => {
-    const emit = tapAssistantEmit();
-
-    const foos = tapClientList({
-      initialValues: initialValues
-        ? [
-            { id: "foo-1", bar: "First Foo" },
-            { id: "foo-2", bar: "Second Foo" },
-            { id: "foo-3", bar: "Third Foo" },
-          ]
-        : [],
-      getKey: (foo) => foo.id,
-      resource: FooItemResource,
-    });
+export const FooListResource = resource(function FooListResource({
+  initialValues,
+}: {
+  initialValues: boolean;
+}): ClientOutput<"fooList"> {
+  const emit = useAssistantEmit();
+
+  const foos = useClientList({
+    initialValues: initialValues
+      ? [
+          { id: "foo-1", bar: "First Foo" },
+          { id: "foo-2", bar: "Second Foo" },
+          { id: "foo-3", bar: "Third Foo" },
+        ]
+      : [],
+    getKey: (foo) => foo.id,
+    resource: FooItemResource,
+  });
 
-    const addFoo = () => {
-      const id = `foo-${++counter}`;
-      foos.add({ id: id, bar: `New Foo` });
-      emit("fooList.added", { id: id });
-    };
+  const addFoo = () => {
+    const id = `foo-${++counter}`;
+    foos.add({ id: id, bar: `New Foo` });
+    emit("fooList.added", { id: id });
+  };
 
-    const state = tapMemo(() => ({ foos: foos.state }), [foos.state]);
+  const state = useMemo(() => ({ foos: foos.state }), [foos.state]);
 
-    return {
-      getState: () => state,
-      foo: foos.get,
-      addFoo,
-    };
-  },
-);
+  return {
+    getState: () => state,
+    foo: foos.get,
+    addFoo,
+  };
+});
 
 const FooProvider = ({
   index,
@@ -465,13 +465,14 @@ export const FooList = ({
 ## 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);
 
 ```
 
@@ -491,15 +492,16 @@ export default nextConfig;
   "dependencies": {
     "@assistant-ui/store": "workspace:*",
     "@assistant-ui/tap": "workspace:*",
-    "next": "^16.2.6",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6"
+    "next": "^16.2.7",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7"
   },
   "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",
@@ -520,8 +522,8 @@ This is a Next.js application demonstrating the `@assistant-ui/store` package.
 ## Features Demonstrated
 
 - **Client Registry**: Module augmentation for type-safe client definitions
-- **tapClientList**: Managing lists with index and key lookup
-- **tapAssistantEmit**: Emitting and subscribing to scoped events
+- **useClientList**: Managing lists with index and key lookup
+- **useAssistantEmit**: Emitting and subscribing to scoped events
 - **Derived**: Creating derived client scopes from parent resources
 - **Provider Pattern**: Scoped access to list items via FooProvider
 - **Component Composition**: Render props pattern with components prop
@@ -585,10 +587,10 @@ declare module "@assistant-ui/store" {
 
 ```typescript
 const FooListResource = resource(
-  ({ initialValues }): ClientOutput<"fooList"> => {
-    const emit = tapAssistantEmit();
+  function FooListResource({ initialValues }): ClientOutput<"fooList"> {
+    const emit = useAssistantEmit();
 
-    const foos = tapClientList({
+    const foos = useClientList({
       initialValues: initialValues ? [/* ... */] : [],
       getKey: (foo) => foo.id,
       resource: FooItemResource,

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

@@ -65,15 +65,15 @@
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@tailwindcss/vite": "^4.3.0",
-    "@tanstack/react-router": "^1.170.6",
-    "@tanstack/react-start": "^1.168.9",
+    "@tanstack/react-router": "^1.170.15",
+    "@tanstack/react-start": "^1.168.25",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
+    "lucide-react": "^1.17.0",
     "nitro": "^3.0.260311-beta",
-    "openai": "^6.38.0",
-    "react": "^19.2.6",
-    "react-dom": "^19.2.6",
+    "openai": "^6.42.0",
+    "react": "^19.2.7",
+    "react-dom": "^19.2.7",
     "remark-gfm": "^4.0.1",
     "tailwind-merge": "^3.6.0",
     "tailwindcss": "^4.3.0",
@@ -81,12 +81,12 @@
   },
   "devDependencies": {
     "@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",
     "@vitejs/plugin-react": "^6.0.2",
     "typescript": "^6.0.3",
-    "vite": "^8.0.14"
+    "vite": "^8.0.16"
   }
 }
 
@@ -303,7 +303,6 @@ export const Route = createRootRoute({
 function RootDocument({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
-      {/* biome-ignore lint/style/noHeadElement: TanStack Start uses standard HTML head */}
       <head>
         <HeadContent />
       </head>
@@ -556,15 +555,16 @@ export const chatStream = createServerFn({ method: "POST" })
   }
   body {
     @apply bg-background text-foreground m-0;
-    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
+    font-family:
+      -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
       "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
       sans-serif;
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
   }
   code {
-    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
-      monospace;
+    font-family:
+      source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
   }
 }
 
@@ -737,7 +737,6 @@ export const chatStream = createServerFn({ method: "POST" })
 {
   "extends": "@assistant-ui/x-buildutils/ts/base",
   "compilerOptions": {
-    "types": ["vite/client"],
     "paths": {
       "@/*": ["./src/*"],
       "@/components/assistant-ui/*": [

package/.docs/organized/code-examples/with-tap-runtime.md

@@ -363,7 +363,7 @@ export function MyRuntimeProvider({ children }: { children: React.ReactNode }) {
           {children}
 
           {/* Control panel */}
-          <div className="border-t bg-card p-4">
+          <div className="bg-card border-t p-4">
             <div className="mx-auto flex max-w-2xl flex-col gap-2">
               <div className="flex items-center gap-2">
                 <span className="text-muted-foreground text-sm">Controls:</span>
@@ -379,7 +379,7 @@ export function MyRuntimeProvider({ children }: { children: React.ReactNode }) {
                       },
                     ]);
                   }}
-                  className="rounded-md bg-primary px-3 py-1 font-medium text-primary-foreground text-sm hover:bg-primary/90"
+                  className="bg-primary text-primary-foreground hover:bg-primary/90 rounded-md px-3 py-1 text-sm font-medium"
                 >
                   Add User Message
                 </button>
@@ -397,21 +397,21 @@ export function MyRuntimeProvider({ children }: { children: React.ReactNode }) {
                       },
                     ]);
                   }}
-                  className="rounded-md bg-secondary px-3 py-1 font-medium text-secondary-foreground text-sm hover:bg-secondary/80"
+                  className="bg-secondary text-secondary-foreground hover:bg-secondary/80 rounded-md px-3 py-1 text-sm font-medium"
                 >
                   Add Assistant Message
                 </button>
                 <button
                   type="button"
                   onClick={() => setIsRunning(!isRunning)}
-                  className="rounded-md bg-accent px-3 py-1 font-medium text-accent-foreground text-sm hover:bg-accent/80"
+                  className="bg-accent text-accent-foreground hover:bg-accent/80 rounded-md px-3 py-1 text-sm font-medium"
                 >
                   {isRunning ? "Stop" : "Start"} Running
                 </button>
                 <button
                   type="button"
                   onClick={() => updateCurrentThreadMessages(() => [])}
-                  className="rounded-md bg-destructive px-3 py-1 font-medium text-sm text-white hover:bg-destructive/90"
+                  className="bg-destructive hover:bg-destructive/90 rounded-md px-3 py-1 text-sm font-medium text-white"
                 >
                   Clear
                 </button>
@@ -431,9 +431,9 @@ export function MyRuntimeProvider({ children }: { children: React.ReactNode }) {
 
 function ThreadListSidebar() {
   return (
-    <ThreadListPrimitive.Root className="flex w-64 flex-col border-r bg-muted/30">
+    <ThreadListPrimitive.Root className="bg-muted/30 flex w-64 flex-col border-r">
       <div className="border-b p-4">
-        <h2 className="font-semibold text-lg">Threads</h2>
+        <h2 className="text-lg font-semibold">Threads</h2>
       </div>
 
       <div className="flex-1 overflow-y-auto p-2">
@@ -443,7 +443,7 @@ function ThreadListSidebar() {
       </div>
 
       <div className="border-t p-2">
-        <ThreadListPrimitive.New className="w-full rounded-md bg-primary px-3 py-2 font-medium text-primary-foreground text-sm hover:bg-primary/90">
+        <ThreadListPrimitive.New className="bg-primary text-primary-foreground hover:bg-primary/90 w-full rounded-md px-3 py-2 text-sm font-medium">
           + New Thread
         </ThreadListPrimitive.New>
       </div>
@@ -453,7 +453,7 @@ function ThreadListSidebar() {
 
 function ThreadListItem() {
   return (
-    <ThreadListItemPrimitive.Root className="mb-1 w-full rounded-md p-3 text-left transition-colors hover:bg-muted data-active:bg-primary data-active:text-primary-foreground">
+    <ThreadListItemPrimitive.Root className="hover:bg-muted data-active:bg-primary data-active:text-primary-foreground mb-1 w-full rounded-md p-3 text-left transition-colors">
       <ThreadListItemPrimitive.Trigger className="w-full text-left">
         <div className="font-medium">
           <ThreadListItemPrimitive.Title fallback="New Thread" />
@@ -486,8 +486,8 @@ export default function Home() {
 
   return (
     <div className="flex h-full flex-col">
-      <header className="border-b bg-card px-6 py-4">
-        <h1 className="font-bold text-2xl">Tap-Native Runtime Example</h1>
+      <header className="bg-card border-b px-6 py-4">
+        <h1 className="text-2xl font-bold">Tap-Native Runtime Example</h1>
         <p className="text-muted-foreground text-sm">
           Built with ExternalThread and InMemoryThreadList
         </p>
@@ -497,7 +497,7 @@ export default function Home() {
         {isEmpty ? (
           <div className="flex h-full items-center justify-center">
             <div className="text-center">
-              <h2 className="mb-2 font-semibold text-xl">No messages yet</h2>
+              <h2 className="mb-2 text-xl font-semibold">No messages yet</h2>
               <p className="text-muted-foreground text-sm">
                 Use the controls below to add messages
               </p>
@@ -507,14 +507,14 @@ export default function Home() {
           <>
             <Thread />
             <div className="mx-auto mt-4 max-w-2xl space-y-2">
-              <div className="rounded-lg border bg-card p-4">
-                <h3 className="mb-2 font-semibold text-sm">
+              <div className="bg-card rounded-lg border p-4">
+                <h3 className="mb-2 text-sm font-semibold">
                   About This Example
                 </h3>
-                <ul className="space-y-1 text-muted-foreground text-sm">
+                <ul className="text-muted-foreground space-y-1 text-sm">
                   <li>
                     • Uses{" "}
-                    <code className="rounded bg-muted px-1">
+                    <code className="bg-muted rounded px-1">
                       ExternalThread
                     </code>{" "}
                     to display messages
@@ -525,7 +525,7 @@ export default function Home() {
                 </ul>
               </div>
 
-              <div className="text-center text-muted-foreground text-xs">
+              <div className="text-muted-foreground text-center text-xs">
                 This is a minimal implementation. Features like editing,
                 branching, and attachments can be added.
               </div>
@@ -572,13 +572,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);
 
 ```
 
@@ -601,17 +602,18 @@ 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"
   },
   "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",