@assistant-ui/mcp-docs-server 0.1.39 → 0.2.1

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

@@ -179,16 +179,17 @@ export default function RootLayout({
 "use client";
 
 import { Thread } from "@/components/assistant-ui/thread";
+import { EveAuthorization } from "@/components/eve-authorization";
 import {
   AssistantRuntimeProvider,
+  AuiConfig,
   Suggestions,
-  useAui,
 } from "@assistant-ui/react";
 import { useEveAgentRuntime } from "@assistant-ui/eve";
 
 export default function Home() {
   const runtime = useEveAgentRuntime();
-  const aui = useAui({
+  const config = AuiConfig({
     suggestions: Suggestions([
       {
         title: "Explain Eve",
@@ -206,7 +207,8 @@ export default function Home() {
   });
 
   return (
-    <AssistantRuntimeProvider runtime={runtime} aui={aui}>
+    <AssistantRuntimeProvider runtime={runtime} config={config}>
+      <EveAuthorization />
       <div className="h-full">
         <Thread />
       </div>
@@ -246,6 +248,59 @@ export default function Home() {
 
 ```
 
+## components/eve-authorization.tsx
+
+```tsx
+"use client";
+
+import type { EveAuthorizationData } from "@assistant-ui/eve";
+import { makeAssistantDataUI } from "@assistant-ui/react";
+
+export const EveAuthorization = makeAssistantDataUI<EveAuthorizationData>({
+  name: "authorization",
+  render: ({ data }) => {
+    const label = data.displayName ?? data.name;
+
+    if (data.state !== "required") {
+      // Eve inherits `description` from the pending part, so a settled
+      // authorization still reads as a sign-in prompt.
+      const suffix = data.reason ? ` (${data.reason})` : "";
+      return (
+        <div className="text-muted-foreground my-2 text-sm">
+          {data.outcome === "authorized"
+            ? `${label} connected.`
+            : `${label} authorization ${data.outcome ?? "completed"}${suffix}.`}
+        </div>
+      );
+    }
+
+    return (
+      <div className="my-2 flex flex-col items-start gap-2 rounded-lg border p-4">
+        <p className="text-sm">
+          {data.instructions ?? `Sign in to ${label} to continue.`}
+        </p>
+        {data.userCode && (
+          <code className="bg-muted rounded px-2 py-1 font-mono text-sm">
+            {data.userCode}
+          </code>
+        )}
+        {data.url && (
+          <a
+            className="text-sm underline"
+            href={data.url}
+            target="_blank"
+            rel="noreferrer"
+          >
+            Continue to sign in
+          </a>
+        )}
+      </div>
+    );
+  },
+});
+
+```
+
 ## next.config.ts
 
 ```typescript
@@ -281,25 +336,24 @@ export default withEve(withAui(nextConfig));
     "@assistant-ui/ui": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "eve": "^0.24.3",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "eve": "^0.27.6",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }
 

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

@@ -97,6 +97,7 @@ import { GestureHandlerRootView } from "react-native-gesture-handler";
 
 import {
   AssistantRuntimeProvider,
+  AuiConfig,
   useAui,
   Tools,
 } from "@assistant-ui/react-native";
@@ -117,7 +118,7 @@ function NewChatButton() {
       hitSlop={8}
       onPress={() => {
         haptics.selection();
-        aui.threads().switchToNewThread();
+        aui.threads.switchToNewThread();
       }}
       style={{ marginRight: 16 }}
     >
@@ -170,7 +171,7 @@ export default function RootLayout() {
     Platform.OS === "ios" ? {} : MaterialIcons.font,
   );
   const runtime = useAppRuntime();
-  const aui = useAui({
+  const config = AuiConfig({
     tools: Tools({ toolkit }),
   });
 
@@ -178,7 +179,7 @@ export default function RootLayout() {
 
   return (
     <GestureHandlerRootView style={{ flex: 1 }}>
-      <AssistantRuntimeProvider runtime={runtime} aui={aui}>
+      <AssistantRuntimeProvider runtime={runtime} config={config}>
         <DrawerLayout />
       </AssistantRuntimeProvider>
     </GestureHandlerRootView>
@@ -362,7 +363,7 @@ function AttachButton() {
     for (const asset of result.assets) {
       // iOS may report HEIC, which OpenAI rejects; normalize to JPEG.
       const dataUrl = `data:image/jpeg;base64,${asset.base64}`;
-      await aui.composer().addAttachment({
+      await aui.composer.addAttachment({
         name: asset.fileName ?? "image.jpg",
         contentType: "image/jpeg",
         type: "image",
@@ -853,14 +854,12 @@ const styles = StyleSheet.create({
 ## components/assistant-ui/thread.tsx
 
 ```tsx
-import { useRef } from "react";
 import {
   View,
   Text,
   StyleSheet,
   KeyboardAvoidingView,
   Platform,
-  type FlatList,
 } from "react-native";
 import { useSafeAreaInsets } from "react-native-safe-area-context";
 import { MessageBubble } from "./message";
@@ -915,37 +914,19 @@ function EmptyState() {
 }
 
 function ChatMessages() {
-  const listRef = useRef<FlatList>(null);
-  const nearBottom = useRef(true);
-
   return (
     <>
       <ThreadPrimitive.Empty>
         <EmptyState />
       </ThreadPrimitive.Empty>
       <ThreadPrimitive.If empty={false}>
-        <ThreadPrimitive.Messages
-          // Messages isn't a forwardRef component, but it spreads extra props
-          // onto its FlatList, so React 19 still forwards this ref to the list.
-          {...({ ref: listRef } as object)}
+        <ThreadPrimitive.MessagesFlatList
           style={styles.flex}
           contentContainerStyle={styles.messageList}
           showsVerticalScrollIndicator={false}
-          scrollEventThrottle={32}
-          onScroll={(e) => {
-            const { contentOffset, contentSize, layoutMeasurement } =
-              e.nativeEvent;
-            nearBottom.current =
-              contentOffset.y + layoutMeasurement.height >=
-              contentSize.height - 48;
-          }}
-          onContentSizeChange={() => {
-            if (nearBottom.current)
-              listRef.current?.scrollToEnd({ animated: true });
-          }}
         >
           {() => <MessageBubble />}
-        </ThreadPrimitive.Messages>
+        </ThreadPrimitive.MessagesFlatList>
       </ThreadPrimitive.If>
     </>
   );
@@ -1470,7 +1451,7 @@ export function ThreadListDrawer({ navigation }: DrawerContentComponentProps) {
         <Pressable
           onPressIn={haptics.selection}
           onPress={() => {
-            aui.threads().switchToNewThread();
+            aui.threads.switchToNewThread();
             navigation.closeDrawer();
           }}
           style={({ pressed }) => [
@@ -1567,7 +1548,7 @@ export function ThreadListItem({ onSelect }: { onSelect: () => void }) {
       <Pressable
         onPressIn={haptics.selection}
         onPress={() => {
-          aui.threadListItem().switchTo();
+          aui.threadListItem.switchTo();
           onSelect();
         }}
         style={({ pressed }) => [
@@ -1955,43 +1936,43 @@ module.exports = withAui(config);
     "export:web": "expo export --platform web && node scripts/flatten-assets.mjs"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.14",
-    "@ai-sdk/react": "^4.0.30",
+    "@ai-sdk/openai": "^4.0.34",
+    "@ai-sdk/react": "^4.0.59",
     "@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": "^7.0.28",
-    "expo": "~57.0.4",
-    "expo-clipboard": "~57.0.0",
-    "expo-constants": "~57.0.3",
-    "expo-font": "~57.0.0",
-    "expo-haptics": "~57.0.0",
-    "expo-image": "~57.0.0",
-    "expo-image-picker": "~57.0.2",
-    "expo-linking": "~57.0.2",
-    "expo-router": "~57.0.4",
-    "expo-server": "~57.0.0",
-    "expo-splash-screen": "~57.0.2",
-    "expo-status-bar": "~57.0.0",
-    "expo-symbols": "^57.0.0",
-    "expo-system-ui": "~57.0.0",
+    "ai": "^7.0.56",
+    "expo": "~57.0.11",
+    "expo-clipboard": "~57.0.1",
+    "expo-constants": "~57.0.9",
+    "expo-font": "~57.0.1",
+    "expo-haptics": "~57.0.1",
+    "expo-image": "~57.0.2",
+    "expo-image-picker": "~57.0.8",
+    "expo-linking": "~57.0.5",
+    "expo-router": "~57.0.11",
+    "expo-server": "~57.0.1",
+    "expo-splash-screen": "~57.0.5",
+    "expo-status-bar": "~57.0.1",
+    "expo-symbols": "^57.0.2",
+    "expo-system-ui": "~57.0.2",
     "react": "19.2.3",
     "react-dom": "19.2.3",
-    "react-native": "0.86.0",
-    "react-native-gesture-handler": "~3.0.2",
-    "react-native-reanimated": "4.5.0",
+    "react-native": "0.86.2",
+    "react-native-gesture-handler": "~2.32.0",
+    "react-native-reanimated": "4.5.1",
     "react-native-safe-area-context": "~5.7.0",
-    "react-native-screens": "4.25.2",
+    "react-native-screens": "4.26.2",
     "react-native-web": "~0.21.2",
-    "react-native-worklets": "0.10.0",
+    "react-native-worklets": "0.10.1",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/metro": "workspace:*",
     "@babel/core": "^7.29.7",
-    "@types/react": "~19.2.17",
+    "@types/react": "~19.2.18",
     "typescript": "npm:@typescript/typescript6@^6.0.2",
     "typescript-7": "npm:typescript@~7.0.2"
   },

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

@@ -223,10 +223,16 @@ export function MyRuntimeProvider({
 "use client";
 
 import { Thread } from "@/components/assistant-ui/thread";
-import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
+import {
+  useAui,
+  AuiProvider,
+  AuiConfig,
+  Suggestions,
+} from "@assistant-ui/react";
 
 function ThreadWithSuggestions() {
-  const aui = useAui({
+  const aui = useAui();
+  const config = AuiConfig({
     suggestions: Suggestions([
       {
         title: "Send a test message",
@@ -241,7 +247,7 @@ function ThreadWithSuggestions() {
     ]),
   });
   return (
-    <AuiProvider value={aui}>
+    <AuiProvider extends={aui} config={config}>
       <Thread />
     </AuiProvider>
   );
@@ -318,24 +324,23 @@ export default withAui(nextConfig);
     "@assistant-ui/ui": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }
 

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

@@ -267,6 +267,7 @@ import {
   useAui,
   useAuiState,
   AuiProvider,
+  AuiConfig,
   Suggestions,
   Tools,
 } from "@assistant-ui/react";
@@ -316,11 +317,16 @@ const FfmpegToolsProvider: FC<{ file: File; children: ReactNode }> = ({
 
   const toolkit = useFfmpegToolkit(file, ffmpegRef);
 
-  const aui = useAui({
+  const aui = useAui();
+  const config = AuiConfig({
     tools: Tools({ toolkit }),
   });
 
-  return <AuiProvider value={aui}>{children}</AuiProvider>;
+  return (
+    <AuiProvider extends={aui} config={config}>
+      {children}
+    </AuiProvider>
+  );
 };
 
 export default function Home() {
@@ -332,7 +338,8 @@ export default function Home() {
     setLastFile(lastAttachment.file!);
   }, [attachments]);
 
-  const aui = useAui({
+  const aui = useAui();
+  const config = AuiConfig({
     suggestions: Suggestions([
       {
         title: "Convert video to GIF",
@@ -349,7 +356,7 @@ export default function Home() {
 
   return (
     <div className="flex h-full flex-col">
-      <AuiProvider value={aui}>
+      <AuiProvider extends={aui} config={config}>
         {lastFile ? (
           <FfmpegToolsProvider file={lastFile}>
             <Thread />
@@ -713,35 +720,34 @@ export default withAui(nextConfig);
     "start": "next start"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.14",
+    "@ai-sdk/openai": "^4.0.34",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
     "@ffmpeg/ffmpeg": "^0.12.15",
     "@ffmpeg/util": "^0.12.2",
-    "ai": "^7.0.28",
+    "ai": "^7.0.56",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }
 

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

@@ -253,9 +253,9 @@ import {
 } from "@/components/assistant-ui/thread";
 import {
   AssistantRuntimeProvider,
+  AuiConfig,
   Suggestions,
   useAssistantInstructions,
-  useAui,
 } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
@@ -289,7 +289,7 @@ export default function GuiChatPage() {
     sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,
   });
 
-  const aui = useAui({
+  const config = AuiConfig({
     suggestions: Suggestions([
       {
         title: "Welcome card",
@@ -307,7 +307,7 @@ export default function GuiChatPage() {
   });
 
   return (
-    <AssistantRuntimeProvider aui={aui} runtime={runtime}>
+    <AssistantRuntimeProvider config={config} runtime={runtime}>
       <GuiChatInstructions />
       <div className="flex h-full flex-col">
         <ExampleNav />
@@ -355,9 +355,9 @@ export default function RootLayout({
 import { Thread } from "@/components/assistant-ui/thread";
 import {
   AssistantRuntimeProvider,
+  AuiConfig,
   Suggestions,
   Tools,
-  useAui,
 } from "@assistant-ui/react";
 import { useChatRuntime } from "@assistant-ui/react-ai-sdk";
 import { lastAssistantMessageIsCompleteWithToolCalls } from "ai";
@@ -369,7 +369,7 @@ export default function Home() {
     sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,
   });
 
-  const aui = useAui({
+  const config = AuiConfig({
     tools: Tools({ toolkit }),
     suggestions: Suggestions([
       {
@@ -398,7 +398,7 @@ export default function Home() {
   });
 
   return (
-    <AssistantRuntimeProvider aui={aui} runtime={runtime}>
+    <AssistantRuntimeProvider config={config} runtime={runtime}>
       <div className="flex h-full flex-col">
         <ExampleNav />
         <main className="min-h-0 flex-1">
@@ -1500,33 +1500,32 @@ export default withAui(nextConfig);
     "test": "vitest run"
   },
   "dependencies": {
-    "@ai-sdk/openai": "^4.0.14",
+    "@ai-sdk/openai": "^4.0.34",
     "@assistant-ui/react": "workspace:*",
     "@assistant-ui/react-ai-sdk": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "ai": "^7.0.28",
+    "ai": "^7.0.56",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
-    "recharts": "^3.9.2",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "recharts": "^3.10.1",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2",
+    "typescript": "^7.0.2",
     "vitest": "^4.1.10"
   }
 }

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

@@ -240,10 +240,16 @@ export function MyRuntimeProvider({ children }: { children: React.ReactNode }) {
 "use client";
 
 import { Thread } from "@/components/assistant-ui/thread";
-import { useAui, AuiProvider, Suggestions } from "@assistant-ui/react";
+import {
+  useAui,
+  AuiProvider,
+  AuiConfig,
+  Suggestions,
+} from "@assistant-ui/react";
 
 function ThreadWithSuggestions() {
-  const aui = useAui({
+  const aui = useAui();
+  const config = AuiConfig({
     suggestions: Suggestions([
       {
         title: "What can you do",
@@ -258,7 +264,7 @@ function ThreadWithSuggestions() {
     ]),
   });
   return (
-    <AuiProvider value={aui}>
+    <AuiProvider extends={aui} config={config}>
       <Thread />
     </AuiProvider>
   );
@@ -305,28 +311,27 @@ export default withAui(nextConfig);
     "@assistant-ui/react-google-adk": "workspace:*",
     "@assistant-ui/react-markdown": "workspace:*",
     "@assistant-ui/ui": "workspace:*",
-    "@google/adk": "^1.3.0",
+    "@google/adk": "^1.6.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "lucide-react": "^1.24.0",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7",
+    "lucide-react": "^1.29.0",
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "tailwind-merge": "^3.6.0",
     "zod": "^4.4.3"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
     "tw-animate-css": "^1.4.0",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "typescript": "^7.0.2"
   }
 }
 

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

@@ -269,21 +269,20 @@ export default withAui(nextConfig);
   },
   "dependencies": {
     "heat-graph": "workspace:*",
-    "next": "^16.2.10",
-    "react": "^19.2.7",
-    "react-dom": "^19.2.7"
+    "next": "^16.3.0",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8"
   },
   "devDependencies": {
     "@assistant-ui/next": "workspace:*",
     "@assistant-ui/x-buildutils": "workspace:*",
-    "@tailwindcss/postcss": "^4.3.2",
-    "@types/node": "^26.1.1",
-    "@types/react": "^19.2.17",
-    "@types/react-dom": "^19.2.3",
-    "postcss": "^8.5.19",
-    "tailwindcss": "^4.3.2",
-    "typescript": "npm:@typescript/typescript6@^6.0.2",
-    "typescript-7": "npm:typescript@^7.0.2"
+    "@tailwindcss/postcss": "^4.3.3",
+    "@types/node": "^26.1.2",
+    "@types/react": "^19.2.18",
+    "@types/react-dom": "^19.2.4",
+    "postcss": "^8.5.26",
+    "tailwindcss": "^4.3.3",
+    "typescript": "^7.0.2"
   }
 }