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

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

@@ -307,22 +307,21 @@ export function Composer({
 
   return (
     <form onSubmit={handleSubmit} className="p-4 pt-2">
-      <div className="flex items-end gap-2 rounded-2xl border bg-background px-3 py-2 shadow-sm">
+      <div className="bg-background flex items-end gap-2 rounded-2xl border px-3 py-2 shadow-sm">
         <textarea
           value={value}
           onChange={(e) => onChange(e.target.value)}
           onKeyDown={handleKeyDown}
           placeholder="Send a message..."
-          className="max-h-32 min-h-8 flex-1 resize-none bg-transparent py-1 text-sm leading-normal outline-none placeholder:text-muted-foreground"
+          className="placeholder:text-muted-foreground max-h-32 min-h-8 flex-1 resize-none bg-transparent py-1 text-sm leading-normal outline-none"
           rows={1}
-          // biome-ignore lint/a11y/noAutofocus: chat input should autofocus
           autoFocus
         />
         {isRunning ? (
           <button
             type="button"
             onClick={onCancel}
-            className="flex size-8 shrink-0 items-center justify-center rounded-full bg-destructive text-destructive-foreground transition-colors hover:bg-destructive/90"
+            className="bg-destructive text-destructive-foreground hover:bg-destructive/90 flex size-8 shrink-0 items-center justify-center rounded-full transition-colors"
             aria-label="Stop generating"
           >
             <Square className="size-3 fill-current" />
@@ -368,7 +367,7 @@ export function Message({ message }: MessageProps) {
     <div className={cn("flex", isUser ? "justify-end" : "justify-start")}>
       <div
         className={cn(
-          "max-w-[80%] whitespace-pre-wrap break-words rounded-2xl px-4 py-2.5 text-sm",
+          "max-w-[80%] rounded-2xl px-4 py-2.5 text-sm break-words whitespace-pre-wrap",
           isUser
             ? "bg-primary text-primary-foreground"
             : "bg-muted text-foreground",
@@ -404,8 +403,8 @@ type ThreadProps = {
 function ThreadWelcome() {
   return (
     <div className="flex flex-1 flex-col items-center justify-center text-center">
-      <h2 className="font-semibold text-lg">How can I help you today?</h2>
-      <p className="mt-1 text-muted-foreground text-sm">
+      <h2 className="text-lg font-semibold">How can I help you today?</h2>
+      <p className="text-muted-foreground mt-1 text-sm">
         Send a message to start a conversation.
       </p>
     </div>
@@ -415,9 +414,9 @@ function ThreadWelcome() {
 function LoadingIndicator() {
   return (
     <div className="flex items-center gap-1.5 py-2">
-      <span className="size-1.5 animate-bounce rounded-full bg-muted-foreground/60 [animation-delay:-0.3s]" />
-      <span className="size-1.5 animate-bounce rounded-full bg-muted-foreground/60 [animation-delay:-0.15s]" />
-      <span className="size-1.5 animate-bounce rounded-full bg-muted-foreground/60" />
+      <span className="bg-muted-foreground/60 size-1.5 animate-bounce rounded-full [animation-delay:-0.3s]" />
+      <span className="bg-muted-foreground/60 size-1.5 animate-bounce rounded-full [animation-delay:-0.15s]" />
+      <span className="bg-muted-foreground/60 size-1.5 animate-bounce rounded-full" />
     </div>
   );
 }
@@ -469,12 +468,12 @@ export function ThreadList({
   isLoading,
 }: ThreadListProps) {
   return (
-    <div className="flex h-full w-64 shrink-0 flex-col border-r bg-sidebar">
+    <div className="bg-sidebar flex h-full w-64 shrink-0 flex-col border-r">
       <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"
+          className="border-sidebar-border bg-sidebar text-sidebar-foreground hover:bg-sidebar-accent flex w-full items-center justify-center gap-2 rounded-lg border px-4 py-2 text-sm font-medium transition-colors"
         >
           <Plus className="size-4" />
           New Chat
@@ -483,11 +482,11 @@ export function ThreadList({
 
       <div className="flex-1 overflow-y-auto px-2 pb-2">
         {isLoading && threads.length === 0 ? (
-          <div className="flex items-center justify-center py-8 text-muted-foreground text-sm">
+          <div className="text-muted-foreground flex items-center justify-center py-8 text-sm">
             Loading...
           </div>
         ) : threads.length === 0 ? (
-          <div className="flex flex-col items-center justify-center gap-2 py-8 text-center text-muted-foreground text-sm">
+          <div className="text-muted-foreground flex flex-col items-center justify-center gap-2 py-8 text-center text-sm">
             <MessageSquare className="size-6 opacity-40" />
             <p>No conversations yet</p>
           </div>
@@ -517,7 +516,7 @@ export function ThreadList({
                   className="shrink-0 opacity-0 transition-opacity group-hover:opacity-100"
                   aria-label="Delete thread"
                 >
-                  <Trash2 className="size-3.5 text-muted-foreground hover:text-destructive" />
+                  <Trash2 className="text-muted-foreground hover:text-destructive size-3.5" />
                 </button>
               </button>
             ))}
@@ -545,12 +544,13 @@ export function cn(...inputs: ClassValue[]) {
 ## next.config.js
 
 ```javascript
+import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["assistant-cloud"],
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -568,18 +568,19 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
+    "@ai-sdk/openai": "^3.0.67",
     "@assistant-ui/cloud-ai-sdk": "workspace:*",
-    "ai": "^6.0.188",
+    "ai": "^6.0.193",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
+    "lucide-react": "^1.17.0",
     "next": "^16.2.6",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "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",

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

@@ -303,13 +303,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);
 
 ```
 
@@ -327,21 +328,22 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
+    "@ai-sdk/openai": "^3.0.67",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.188",
+    "ai": "^6.0.193",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
+    "lucide-react": "^1.17.0",
     "next": "^16.2.6",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "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",

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

@@ -352,19 +352,19 @@ import {
 function ThreadList() {
   return (
     <ThreadListPrimitive.Root className="flex flex-col gap-1 overflow-y-auto">
-      <ThreadListPrimitive.New className="flex h-9 items-center gap-2 rounded-lg border px-3 text-sm hover:bg-muted">
+      <ThreadListPrimitive.New className="hover:bg-muted flex h-9 items-center gap-2 rounded-lg border px-3 text-sm">
         New Thread
       </ThreadListPrimitive.New>
       <ThreadListPrimitive.Items>
         {() => (
-          <ThreadListItemPrimitive.Root className="flex h-9 items-center rounded-lg hover:bg-muted data-active:bg-muted">
+          <ThreadListItemPrimitive.Root className="hover:bg-muted data-active:bg-muted flex h-9 items-center rounded-lg">
             <ThreadListItemPrimitive.Trigger className="flex-1 truncate px-3 text-start text-sm">
               <ThreadListItemPrimitive.Title fallback="New Chat" />
             </ThreadListItemPrimitive.Trigger>
           </ThreadListItemPrimitive.Root>
         )}
       </ThreadListPrimitive.Items>
-      <ThreadListPrimitive.LoadMore className="mt-1 h-9 rounded-lg border px-3 text-sm hover:bg-muted disabled:opacity-50">
+      <ThreadListPrimitive.LoadMore className="hover:bg-muted mt-1 h-9 rounded-lg border px-3 text-sm disabled:opacity-50">
         Load more
       </ThreadListPrimitive.LoadMore>
     </ThreadListPrimitive.Root>
@@ -437,11 +437,12 @@ export default function Home() {
 ## next.config.ts
 
 ```typescript
+import { withAui } from "@assistant-ui/next";
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {};
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -459,16 +460,16 @@ export default nextConfig;
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
+    "@ai-sdk/openai": "^3.0.67",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^6.0.188",
+    "ai": "^6.0.193",
     "assistant-stream": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
+    "lucide-react": "^1.17.0",
     "next": "^16.2.6",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
@@ -476,6 +477,7 @@ export default nextConfig;
     "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@tailwindcss/postcss": "^4.3.0",
     "@types/node": "^25.9.1",

package/.docs/organized/code-examples/with-elevenlabs-conversational.md

@@ -177,7 +177,7 @@ import type { FC } from "react";
 export const VoiceThread: FC = () => {
   return (
     <ThreadPrimitive.Root
-      className="aui-root aui-thread-root flex h-full flex-col bg-background"
+      className="aui-root aui-thread-root bg-background flex h-full flex-col"
       style={{ ["--thread-max-width" as string]: "44rem" }}
     >
       <ThreadPrimitive.Viewport className="aui-thread-viewport relative flex flex-1 flex-col overflow-y-scroll scroll-smooth px-4 pt-4">
@@ -189,7 +189,7 @@ export const VoiceThread: FC = () => {
           {() => <ThreadMessage />}
         </ThreadPrimitive.Messages>
 
-        <ThreadPrimitive.ViewportFooter className="sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col items-center bg-background pt-4 pb-6">
+        <ThreadPrimitive.ViewportFooter className="bg-background sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col items-center pt-4 pb-6">
           <ThreadScrollToBottom />
           <VoiceControlCenter />
         </ThreadPrimitive.ViewportFooter>
@@ -201,7 +201,7 @@ export const VoiceThread: FC = () => {
 const VoiceWelcome: FC = () => {
   return (
     <div className="aui-thread-welcome-root mx-auto my-auto flex w-full max-w-(--thread-max-width) grow flex-col items-center justify-center gap-2">
-      <p className="fade-in slide-in-from-bottom-1 animate-in fill-mode-both font-semibold text-2xl duration-200">
+      <p className="fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-2xl font-semibold duration-200">
         Voice Conversation
       </p>
       <p className="fade-in slide-in-from-bottom-1 animate-in fill-mode-both text-muted-foreground delay-75 duration-200">
@@ -217,7 +217,7 @@ const ThreadScrollToBottom: FC = () => {
       <TooltipIconButton
         tooltip="Scroll to bottom"
         variant="outline"
-        className="absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible dark:border-border dark:bg-background dark:hover:bg-accent"
+        className="dark:border-border dark:bg-background dark:hover:bg-accent absolute -top-12 z-10 self-center rounded-full p-4 disabled:invisible"
       >
         <ArrowDownIcon />
       </TooltipIconButton>
@@ -268,7 +268,7 @@ const VoiceWaveform: FC = () => {
         return (
           <span
             key={i}
-            className="aui-voice-waveform-bar h-full w-[3px] origin-center rounded-full bg-foreground/50 transition-transform duration-100"
+            className="aui-voice-waveform-bar bg-foreground/50 h-full w-[3px] origin-center rounded-full transition-transform duration-100"
             style={{ transform: `scaleY(${scale})` }}
           />
         );
@@ -286,10 +286,10 @@ const ThreadMessage: FC = () => {
 const AssistantMessage: FC = () => {
   return (
     <MessagePrimitive.Root
-      className="aui-assistant-message-root fade-in slide-in-from-bottom-1 relative mx-auto w-full max-w-(--thread-max-width) animate-in py-3 duration-150"
+      className="aui-assistant-message-root fade-in slide-in-from-bottom-1 animate-in relative mx-auto w-full max-w-(--thread-max-width) py-3 duration-150"
       data-role="assistant"
     >
-      <div className="aui-assistant-message-content wrap-break-word px-2 text-foreground leading-relaxed">
+      <div className="aui-assistant-message-content text-foreground px-2 leading-relaxed wrap-break-word">
         <MessagePrimitive.Parts>
           {({ part }) => {
             if (part.type === "text") return <MarkdownText />;
@@ -304,10 +304,10 @@ const AssistantMessage: FC = () => {
 const UserMessage: FC = () => {
   return (
     <MessagePrimitive.Root
-      className="aui-user-message-root fade-in slide-in-from-bottom-1 mx-auto flex w-full max-w-(--thread-max-width) animate-in justify-end px-2 py-3 duration-150"
+      className="aui-user-message-root fade-in slide-in-from-bottom-1 animate-in mx-auto flex w-full max-w-(--thread-max-width) justify-end px-2 py-3 duration-150"
       data-role="user"
     >
-      <div className="aui-user-message-content wrap-break-word rounded-2xl bg-muted px-4 py-2.5 text-foreground">
+      <div className="aui-user-message-content bg-muted text-foreground rounded-2xl px-4 py-2.5 wrap-break-word">
         <MessagePrimitive.Parts />
       </div>
     </MessagePrimitive.Root>
@@ -420,12 +420,13 @@ export class ElevenLabsVoiceAdapter implements RealtimeVoiceAdapter {
 ## next.config.js
 
 ```javascript
+import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["@assistant-ui/react", "@assistant-ui/react-ai-sdk"],
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -438,19 +439,19 @@ export default nextConfig;
   "version": "0.0.0",
   "type": "module",
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
-    "@ai-sdk/react": "^3.0.190",
+    "@ai-sdk/openai": "^3.0.67",
+    "@ai-sdk/react": "^3.0.195",
     "@assistant-ui/react": "workspace:^",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:^",
     "@assistant-ui/ui": "workspace:*",
-    "@elevenlabs/client": "^1.8.0",
+    "@elevenlabs/client": "^1.9.0",
     "@tailwindcss/postcss": "^4.3.0",
-    "ai": "^6.0.188",
+    "ai": "^6.0.193",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "motion": "^12.39.0",
+    "lucide-react": "^1.17.0",
+    "motion": "^12.40.0",
     "next": "^16.2.6",
     "postcss": "^8.5.15",
     "react": "^19.2.6",
@@ -460,6 +461,7 @@ export default nextConfig;
     "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@types/node": "^25.9.1",
     "@types/react": "^19.2.15",

package/.docs/organized/code-examples/with-elevenlabs-scribe.md

@@ -199,7 +199,6 @@ export async function POST() {
   }
 }
 
-
 ```
 
 ## app/layout.tsx
@@ -544,12 +543,13 @@ export class ElevenLabsScribeAdapter implements DictationAdapter {
 ## next.config.js
 
 ```javascript
+import { withAui } from "@assistant-ui/next";
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   transpilePackages: ["@assistant-ui/react", "@assistant-ui/react-ai-sdk"],
 };
 
-export default nextConfig;
+export default withAui(nextConfig);
 
 ```
 
@@ -562,19 +562,19 @@ export default nextConfig;
   "version": "0.0.0",
   "type": "module",
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
-    "@ai-sdk/react": "^3.0.190",
+    "@ai-sdk/openai": "^3.0.67",
+    "@ai-sdk/react": "^3.0.195",
     "@assistant-ui/react": "workspace:^",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:^",
     "@assistant-ui/ui": "workspace:*",
-    "@elevenlabs/client": "^1.8.0",
+    "@elevenlabs/client": "^1.9.0",
     "@tailwindcss/postcss": "^4.3.0",
-    "ai": "^6.0.188",
+    "ai": "^6.0.193",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
-    "motion": "^12.39.0",
+    "lucide-react": "^1.17.0",
+    "motion": "^12.40.0",
     "next": "^16.2.6",
     "postcss": "^8.5.15",
     "react": "^19.2.6",
@@ -584,6 +584,7 @@ export default nextConfig;
     "zod": "^4.4.3"
   },
   "devDependencies": {
+    "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
     "@types/node": "^25.9.1",
     "@types/react": "^19.2.15",

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

@@ -219,6 +219,7 @@ import {
   Platform,
   StyleSheet,
   useColorScheme,
+  type TextStyle,
 } from "react-native";
 import { Ionicons } from "@expo/vector-icons";
 import * as ImagePicker from "expo-image-picker";
@@ -402,11 +403,11 @@ const styles = StyleSheet.create({
     maxHeight: 120,
     alignSelf: "center",
     paddingVertical: 0,
-    ...Platform.select({
+    ...(Platform.select({
       web: { paddingHorizontal: 4, outlineStyle: "none" },
       default: {},
-    }),
-  },
+    }) as object),
+  } as TextStyle,
   button: {
     width: 30,
     height: 30,
@@ -418,6 +419,7 @@ const styles = StyleSheet.create({
   stopButton: {
     backgroundColor: "#ff453a",
   },
+  sendButton: {},
   stopIcon: {
     width: 12,
     height: 12,
@@ -1466,7 +1468,7 @@ import { FlatList, View, StyleSheet, useColorScheme } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { useAui, useAuiState } from "@assistant-ui/react-native";
 import { ThreadListItem } from "./ThreadListItem";
-import type { DrawerContentComponentProps } from "@react-navigation/drawer";
+import type { DrawerContentComponentProps } from "expo-router/build/react-navigation/drawer/types";
 
 export function ThreadListDrawer({ navigation }: DrawerContentComponentProps) {
   const aui = useAui();
@@ -1684,12 +1686,12 @@ export function IconSymbol({
 // Fallback for using MaterialIcons on Android and web.
 
 import MaterialIcons from "@expo/vector-icons/MaterialIcons";
-import type { SymbolWeight, SymbolViewProps } from "expo-symbols";
+import type { SymbolWeight, SFSymbol } from "expo-symbols";
 import type { ComponentProps } from "react";
 import type { OpaqueColorValue, StyleProp, TextStyle } from "react-native";
 
 type IconMapping = Record<
-  SymbolViewProps["name"],
+  SFSymbol,
   ComponentProps<typeof MaterialIcons>["name"]
 >;
 type IconSymbolName = keyof typeof MAPPING;
@@ -1869,7 +1871,8 @@ export function useThemeColor(
   props: { light?: string; dark?: string },
   colorName: keyof typeof Colors.light & keyof typeof Colors.dark,
 ) {
-  const theme = useColorScheme() ?? "light";
+  const scheme = useColorScheme();
+  const theme: "light" | "dark" = scheme === "dark" ? "dark" : "light";
   const colorFromProps = props[theme];
 
   if (colorFromProps) {
@@ -1944,30 +1947,31 @@ module.exports = config;
     "export:web": "expo export --platform web && node scripts/flatten-assets.mjs"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^3.0.64",
-    "@ai-sdk/react": "^3.0.190",
+    "@ai-sdk/openai": "^3.0.67",
+    "@ai-sdk/react": "^3.0.195",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-native": "workspace:*",
     "@expo/vector-icons": "^15.1.1",
     "@react-navigation/drawer": "7.9.4",
     "@react-navigation/native": "7.1.33",
-    "ai": "^6.0.188",
-    "expo": "~56.0.4",
-    "expo-constants": "~56.0.15",
+    "ai": "^6.0.193",
+    "expo": "~56.0.8",
+    "expo-constants": "~56.0.16",
     "expo-font": "~56.0.5",
-    "expo-image-picker": "~56.0.13",
-    "expo-linking": "~56.0.11",
-    "expo-router": "~56.2.6",
+    "expo-image-picker": "~56.0.15",
+    "expo-linking": "~56.0.13",
+    "expo-router": "~56.2.8",
     "expo-server": "~56.0.4",
     "expo-splash-screen": "~56.0.10",
     "expo-status-bar": "~56.0.4",
+    "expo-symbols": "^56.0.5",
     "expo-system-ui": "~56.0.5",
     "react": "19.2.3",
     "react-dom": "19.2.3",
     "react-native": "0.85.3",
-    "react-native-gesture-handler": "~2.31.2",
+    "react-native-gesture-handler": "~3.0.0",
     "react-native-reanimated": "4.3.1",
-    "react-native-safe-area-context": "~5.7.0",
+    "react-native-safe-area-context": "~5.8.0",
     "react-native-screens": "4.25.2",
     "react-native-web": "~0.21.2",
     "react-native-worklets": "0.8.3",
@@ -2058,6 +2062,8 @@ Join our community of developers creating universal apps.
 
 ```json
 {
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "ignoreCommand": "bash ../../scripts/vercel-ignore-changeset-release.sh",
   "buildCommand": "cd ../.. && pnpm turbo build --filter=@assistant-ui/react-native --filter=@assistant-ui/react-ai-sdk && cd examples/with-expo && pnpm run export:web",
   "outputDirectory": "dist",
   "framework": null

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

@@ -290,13 +290,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);
 
 ```
 
@@ -319,13 +320,14 @@ export default nextConfig;
     "@assistant-ui/ui": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.16.0",
+    "lucide-react": "^1.17.0",
     "next": "^16.2.6",
     "react": "^19.2.6",
     "react-dom": "^19.2.6",
     "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",