@leanmcp/ui 0.2.0 → 0.3.0

package/dist/index.mjs

@@ -1,9 +1,9 @@
-import { __name } from './chunk-WORZ46KI.mjs';
-export { UIApp, getUIAppMetadata, getUIAppUri } from './chunk-WORZ46KI.mjs';
-import * as React25 from 'react';
-import React25__default, { forwardRef, Component, useState, useRef, useCallback, useEffect, createContext, useContext, useMemo } from 'react';
-import { applyDocumentTheme, applyHostStyleVariables, PostMessageTransport, App } from '@modelcontextprotocol/ext-apps';
-export { App, PostMessageTransport } from '@modelcontextprotocol/ext-apps';
+import { __name } from './chunk-KX75VCMM.mjs';
+export { GPTApp, UIApp, getGPTAppMetadata, getGPTAppUri, getUIAppMetadata, getUIAppUri } from './chunk-KX75VCMM.mjs';
+import * as React26 from 'react';
+import React26__default, { forwardRef, Component, useState, useRef, useCallback, useEffect, createContext, useContext, useMemo } from 'react';
+import { applyDocumentTheme, applyHostStyleVariables, applyHostFonts, PostMessageTransport, App } from '@modelcontextprotocol/ext-apps';
+export { App, PostMessageTransport, RESOURCE_MIME_TYPE, RESOURCE_URI_META_KEY, applyDocumentTheme, applyHostFonts, applyHostStyleVariables, getDocumentTheme } from '@modelcontextprotocol/ext-apps';
 import { XIcon, ChevronDownIcon, CheckIcon, ChevronUpIcon, Loader2, SearchIcon, Search, X, AlertCircle, RefreshCw, ChevronLeft, ChevronRight, WifiOff, CircleIcon, ChevronRightIcon, Check, ArrowUpDown, ArrowUp, ArrowDown, Loader2Icon, OctagonXIcon, TriangleAlertIcon, InfoIcon, CircleCheckIcon } from 'lucide-react';
 import { useTheme } from 'next-themes';
 import { toast, Toaster as Toaster$1 } from 'sonner';
@@ -54,6 +54,9 @@ function AppProvider({ appInfo, capabilities = {}, options = {
     if (context.styles?.variables) {
       applyHostStyleVariables(context.styles.variables);
     }
+    if (context.styles?.css?.fonts) {
+      applyHostFonts(context.styles.css.fonts);
+    }
   }, []);
   useEffect(() => {
     let mounted = true;
@@ -222,9 +225,9 @@ function AppProvider({ appInfo, capabilities = {}, options = {
     requestDisplayMode
   };
   const theme = hostContext.theme ?? "light";
-  return /* @__PURE__ */ React25__default.createElement(McpAppContext.Provider, {
+  return /* @__PURE__ */ React26__default.createElement(McpAppContext.Provider, {
     value
-  }, /* @__PURE__ */ React25__default.createElement("div", {
+  }, /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-root",
     "data-theme": theme
   }, children));
@@ -266,6 +269,123 @@ function useMcpApp() {
   return context;
 }
 __name(useMcpApp, "useMcpApp");
+var GptAppContext = /* @__PURE__ */ createContext(null);
+function GPTAppProvider({ appName, children }) {
+  const [isConnected, setIsConnected] = useState(false);
+  const [error, setError] = useState(null);
+  const [theme, setTheme] = useState("light");
+  const [displayMode, setDisplayMode] = useState("inline");
+  const [locale, setLocale] = useState("en");
+  const [maxHeight, setMaxHeight] = useState(600);
+  useEffect(() => {
+    let mounted = true;
+    let checkAttempts = 0;
+    const maxAttempts = 50;
+    function checkConnection() {
+      if (!mounted) return;
+      if (window.openai) {
+        setIsConnected(true);
+        setError(null);
+        if (window.openai.theme) setTheme(window.openai.theme);
+        if (window.openai.displayMode) setDisplayMode(window.openai.displayMode);
+        if (window.openai.locale) setLocale(window.openai.locale);
+        if (window.openai.maxHeight) setMaxHeight(window.openai.maxHeight);
+      } else {
+        checkAttempts++;
+        if (checkAttempts < maxAttempts) {
+          setTimeout(checkConnection, 100);
+        } else {
+          setError(new Error("ChatGPT SDK not available"));
+          setIsConnected(false);
+        }
+      }
+    }
+    __name(checkConnection, "checkConnection");
+    checkConnection();
+    return () => {
+      mounted = false;
+    };
+  }, [
+    appName
+  ]);
+  const callTool = useCallback(async (name, args = {}) => {
+    if (!window.openai?.callTool) {
+      throw new Error("ChatGPT SDK not available");
+    }
+    const result = await window.openai.callTool(name, args);
+    return result;
+  }, []);
+  const value = {
+    isConnected,
+    error,
+    theme,
+    displayMode,
+    locale,
+    maxHeight,
+    callTool
+  };
+  return /* @__PURE__ */ React26__default.createElement(GptAppContext.Provider, {
+    value
+  }, /* @__PURE__ */ React26__default.createElement("div", {
+    className: "lui-root",
+    "data-theme": theme
+  }, children));
+}
+__name(GPTAppProvider, "GPTAppProvider");
+function useGptApp() {
+  const context = useContext(GptAppContext);
+  if (!context) {
+    return {
+      isConnected: false,
+      error: new Error("GPTAppProvider not found"),
+      theme: "light",
+      displayMode: "inline",
+      locale: "en",
+      maxHeight: 600,
+      callTool: /* @__PURE__ */ __name(async () => {
+        throw new Error("Not connected to ChatGPT");
+      }, "callTool")
+    };
+  }
+  return context;
+}
+__name(useGptApp, "useGptApp");
+function useGptTool(toolName) {
+  const { callTool, isConnected } = useGptApp();
+  const [result, setResult] = useState(null);
+  const [loading, setLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const call = useCallback(async (args = {}) => {
+    if (!isConnected) {
+      setError(new Error("Not connected to ChatGPT"));
+      return;
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const res = await callTool(toolName, args);
+      setResult(res);
+      return res;
+    } catch (err) {
+      setError(err);
+      throw err;
+    } finally {
+      setLoading(false);
+    }
+  }, [
+    callTool,
+    isConnected,
+    toolName
+  ]);
+  return {
+    call,
+    result,
+    loading,
+    error,
+    isConnected
+  };
+}
+__name(useGptTool, "useGptTool");
 var DEFAULT_CONTEXT = {
   resultDisplay: {
     display: "none"
@@ -283,7 +403,7 @@ function ToolProvider({ defaults = {}, children }) {
     defaults,
     parentContext
   ]);
-  return /* @__PURE__ */ React25.createElement(ToolContext.Provider, {
+  return /* @__PURE__ */ React26.createElement(ToolContext.Provider, {
     value
   }, children);
 }
@@ -294,23 +414,23 @@ function useToolContext() {
 __name(useToolContext, "useToolContext");
 var Toaster = /* @__PURE__ */ __name(({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ React25__default.createElement(Toaster$1, {
+  return /* @__PURE__ */ React26__default.createElement(Toaster$1, {
     theme,
     className: "toaster group",
     icons: {
-      success: /* @__PURE__ */ React25__default.createElement(CircleCheckIcon, {
+      success: /* @__PURE__ */ React26__default.createElement(CircleCheckIcon, {
         className: "size-4"
       }),
-      info: /* @__PURE__ */ React25__default.createElement(InfoIcon, {
+      info: /* @__PURE__ */ React26__default.createElement(InfoIcon, {
         className: "size-4"
       }),
-      warning: /* @__PURE__ */ React25__default.createElement(TriangleAlertIcon, {
+      warning: /* @__PURE__ */ React26__default.createElement(TriangleAlertIcon, {
         className: "size-4"
       }),
-      error: /* @__PURE__ */ React25__default.createElement(OctagonXIcon, {
+      error: /* @__PURE__ */ React26__default.createElement(OctagonXIcon, {
         className: "size-4"
       }),
-      loading: /* @__PURE__ */ React25__default.createElement(Loader2Icon, {
+      loading: /* @__PURE__ */ React26__default.createElement(Loader2Icon, {
         className: "size-4 animate-spin"
       })
     },
@@ -355,7 +475,7 @@ var buttonVariants = cva("inline-flex items-center justify-center gap-2 whitespa
 });
 function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React25.createElement(Comp, {
+  return /* @__PURE__ */ React26.createElement(Comp, {
     "data-slot": "button",
     "data-variant": variant,
     "data-size": size,
@@ -369,35 +489,35 @@ function Button({ className, variant = "default", size = "default", asChild = fa
 }
 __name(Button, "Button");
 function Dialog({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(DialogPrimitive.Root, {
     "data-slot": "dialog",
     ...props
   });
 }
 __name(Dialog, "Dialog");
 function DialogTrigger({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPrimitive.Trigger, {
+  return /* @__PURE__ */ React26.createElement(DialogPrimitive.Trigger, {
     "data-slot": "dialog-trigger",
     ...props
   });
 }
 __name(DialogTrigger, "DialogTrigger");
 function DialogPortal({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPrimitive.Portal, {
+  return /* @__PURE__ */ React26.createElement(DialogPrimitive.Portal, {
     "data-slot": "dialog-portal",
     ...props
   });
 }
 __name(DialogPortal, "DialogPortal");
 function DialogClose({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPrimitive.Close, {
+  return /* @__PURE__ */ React26.createElement(DialogPrimitive.Close, {
     "data-slot": "dialog-close",
     ...props
   });
 }
 __name(DialogClose, "DialogClose");
 function DialogOverlay({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPrimitive.Overlay, {
+  return /* @__PURE__ */ React26.createElement(DialogPrimitive.Overlay, {
     "data-slot": "dialog-overlay",
     className: cn("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", className),
     ...props
@@ -405,22 +525,22 @@ function DialogOverlay({ className, ...props }) {
 }
 __name(DialogOverlay, "DialogOverlay");
 function DialogContent({ className, children, showCloseButton = true, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPortal, {
+  return /* @__PURE__ */ React26.createElement(DialogPortal, {
     "data-slot": "dialog-portal"
-  }, /* @__PURE__ */ React25.createElement(DialogOverlay, null), /* @__PURE__ */ React25.createElement(DialogPrimitive.Content, {
+  }, /* @__PURE__ */ React26.createElement(DialogOverlay, null), /* @__PURE__ */ React26.createElement(DialogPrimitive.Content, {
     "data-slot": "dialog-content",
     className: cn("bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 outline-none sm:max-w-lg", className),
     ...props
-  }, children, showCloseButton && /* @__PURE__ */ React25.createElement(DialogPrimitive.Close, {
+  }, children, showCloseButton && /* @__PURE__ */ React26.createElement(DialogPrimitive.Close, {
     "data-slot": "dialog-close",
     className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4"
-  }, /* @__PURE__ */ React25.createElement(XIcon, null), /* @__PURE__ */ React25.createElement("span", {
+  }, /* @__PURE__ */ React26.createElement(XIcon, null), /* @__PURE__ */ React26.createElement("span", {
     className: "sr-only"
   }, "Close"))));
 }
 __name(DialogContent, "DialogContent");
 function DialogHeader({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "dialog-header",
     className: cn("flex flex-col gap-2 text-center sm:text-left", className),
     ...props
@@ -428,7 +548,7 @@ function DialogHeader({ className, ...props }) {
 }
 __name(DialogHeader, "DialogHeader");
 function DialogFooter({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "dialog-footer",
     className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
     ...props
@@ -436,7 +556,7 @@ function DialogFooter({ className, ...props }) {
 }
 __name(DialogFooter, "DialogFooter");
 function DialogTitle({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPrimitive.Title, {
+  return /* @__PURE__ */ React26.createElement(DialogPrimitive.Title, {
     "data-slot": "dialog-title",
     className: cn("text-lg leading-none font-semibold", className),
     ...props
@@ -444,7 +564,7 @@ function DialogTitle({ className, ...props }) {
 }
 __name(DialogTitle, "DialogTitle");
 function DialogDescription({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DialogPrimitive.Description, {
+  return /* @__PURE__ */ React26.createElement(DialogPrimitive.Description, {
     "data-slot": "dialog-description",
     className: cn("text-muted-foreground text-sm", className),
     ...props
@@ -459,7 +579,14 @@ function extractResultData(result) {
     const textContent = result.content.filter((c) => c.type === "text").map((c) => c.text).join("");
     if (textContent) {
       try {
-        return JSON.parse(textContent);
+        const parsed = JSON.parse(textContent);
+        if (parsed && typeof parsed === "object" && "content" in parsed && Array.isArray(parsed.content)) {
+          const nested = extractResultData(parsed);
+          if (nested !== null) {
+            return nested;
+          }
+        }
+        return parsed;
       } catch {
         return textContent;
       }
@@ -659,26 +786,26 @@ function ToolButton({ tool, args = {}, resultDisplay = "none", renderResult, res
       return children(buttonState);
     }
     if (loading) {
-      return /* @__PURE__ */ React25.createElement(React25.Fragment, null, loadingIcon ?? /* @__PURE__ */ React25.createElement(Loader2, {
+      return /* @__PURE__ */ React26.createElement(React26.Fragment, null, loadingIcon ?? /* @__PURE__ */ React26.createElement(Loader2, {
         className: "animate-spin"
-      }), loadingText && /* @__PURE__ */ React25.createElement("span", null, loadingText), !loadingText && children);
+      }), loadingText && /* @__PURE__ */ React26.createElement("span", null, loadingText), !loadingText && children);
     }
     if (showResult && resultDisplay === "inline") {
       if (error) {
-        return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(X, {
+        return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(X, {
           className: "text-destructive"
-        }), /* @__PURE__ */ React25.createElement("span", null, error.message));
+        }), /* @__PURE__ */ React26.createElement("span", null, error.message));
       }
       if (renderResult) {
         return renderResult(result);
       }
-      return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(Check, {
+      return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Check, {
         className: "text-success"
-      }), /* @__PURE__ */ React25.createElement("span", null, "Done"));
+      }), /* @__PURE__ */ React26.createElement("span", null, "Done"));
     }
     return children;
   }, "renderChildren");
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(Button, {
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Button, {
     type: "button",
     variant,
     size,
@@ -687,66 +814,66 @@ function ToolButton({ tool, args = {}, resultDisplay = "none", renderResult, res
     onClick: handleClick,
     asChild,
     ...props
-  }, renderChildren()), confirm && /* @__PURE__ */ React25.createElement(Dialog, {
+  }, renderChildren()), confirm && /* @__PURE__ */ React26.createElement(Dialog, {
     open: showConfirm,
     onOpenChange: setShowConfirm
-  }, /* @__PURE__ */ React25.createElement(DialogContent, null, /* @__PURE__ */ React25.createElement(DialogHeader, null, /* @__PURE__ */ React25.createElement(DialogTitle, null, confirmConfig.title), confirmConfig.description && /* @__PURE__ */ React25.createElement(DialogDescription, null, confirmConfig.description)), /* @__PURE__ */ React25.createElement(DialogFooter, null, /* @__PURE__ */ React25.createElement(Button, {
+  }, /* @__PURE__ */ React26.createElement(DialogContent, null, /* @__PURE__ */ React26.createElement(DialogHeader, null, /* @__PURE__ */ React26.createElement(DialogTitle, null, confirmConfig.title), confirmConfig.description && /* @__PURE__ */ React26.createElement(DialogDescription, null, confirmConfig.description)), /* @__PURE__ */ React26.createElement(DialogFooter, null, /* @__PURE__ */ React26.createElement(Button, {
     variant: "outline",
     onClick: /* @__PURE__ */ __name(() => setShowConfirm(false), "onClick")
-  }, confirmConfig.cancelText ?? "Cancel"), /* @__PURE__ */ React25.createElement(Button, {
+  }, confirmConfig.cancelText ?? "Cancel"), /* @__PURE__ */ React26.createElement(Button, {
     variant: confirmConfig.confirmVariant ?? (variant === "destructive" ? "destructive" : "default"),
     onClick: handleConfirm
   }, confirmConfig.confirmText ?? "Confirm")))));
 }
 __name(ToolButton, "ToolButton");
 function Select({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Root, {
     "data-slot": "select",
     ...props
   });
 }
 __name(Select, "Select");
 function SelectGroup({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Group, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Group, {
     "data-slot": "select-group",
     ...props
   });
 }
 __name(SelectGroup, "SelectGroup");
 function SelectValue({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Value, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Value, {
     "data-slot": "select-value",
     ...props
   });
 }
 __name(SelectValue, "SelectValue");
 function SelectTrigger({ className, size = "default", children, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Trigger, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Trigger, {
     "data-slot": "select-trigger",
     "data-size": size,
     className: cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
-  }, children, /* @__PURE__ */ React25.createElement(SelectPrimitive.Icon, {
+  }, children, /* @__PURE__ */ React26.createElement(SelectPrimitive.Icon, {
     asChild: true
-  }, /* @__PURE__ */ React25.createElement(ChevronDownIcon, {
+  }, /* @__PURE__ */ React26.createElement(ChevronDownIcon, {
     className: "size-4 opacity-50"
   })));
 }
 __name(SelectTrigger, "SelectTrigger");
 function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React25.createElement(SelectPrimitive.Content, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Portal, null, /* @__PURE__ */ React26.createElement(SelectPrimitive.Content, {
     "data-slot": "select-content",
     className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md", position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1", className),
     position,
     align,
     ...props
-  }, /* @__PURE__ */ React25.createElement(SelectScrollUpButton, null), /* @__PURE__ */ React25.createElement(SelectPrimitive.Viewport, {
+  }, /* @__PURE__ */ React26.createElement(SelectScrollUpButton, null), /* @__PURE__ */ React26.createElement(SelectPrimitive.Viewport, {
     className: cn("p-1", position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1")
-  }, children), /* @__PURE__ */ React25.createElement(SelectScrollDownButton, null)));
+  }, children), /* @__PURE__ */ React26.createElement(SelectScrollDownButton, null)));
 }
 __name(SelectContent, "SelectContent");
 function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Label, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Label, {
     "data-slot": "select-label",
     className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
     ...props
@@ -754,20 +881,20 @@ function SelectLabel({ className, ...props }) {
 }
 __name(SelectLabel, "SelectLabel");
 function SelectItem({ className, children, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Item, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Item, {
     "data-slot": "select-item",
     className: cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement("span", {
+  }, /* @__PURE__ */ React26.createElement("span", {
     "data-slot": "select-item-indicator",
     className: "absolute right-2 flex size-3.5 items-center justify-center"
-  }, /* @__PURE__ */ React25.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React25.createElement(CheckIcon, {
+  }, /* @__PURE__ */ React26.createElement(SelectPrimitive.ItemIndicator, null, /* @__PURE__ */ React26.createElement(CheckIcon, {
     className: "size-4"
-  }))), /* @__PURE__ */ React25.createElement(SelectPrimitive.ItemText, null, children));
+  }))), /* @__PURE__ */ React26.createElement(SelectPrimitive.ItemText, null, children));
 }
 __name(SelectItem, "SelectItem");
 function SelectSeparator({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.Separator, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.Separator, {
     "data-slot": "select-separator",
     className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
     ...props
@@ -775,21 +902,21 @@ function SelectSeparator({ className, ...props }) {
 }
 __name(SelectSeparator, "SelectSeparator");
 function SelectScrollUpButton({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.ScrollUpButton, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.ScrollUpButton, {
     "data-slot": "select-scroll-up-button",
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(ChevronUpIcon, {
+  }, /* @__PURE__ */ React26.createElement(ChevronUpIcon, {
     className: "size-4"
   }));
 }
 __name(SelectScrollUpButton, "SelectScrollUpButton");
 function SelectScrollDownButton({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SelectPrimitive.ScrollDownButton, {
+  return /* @__PURE__ */ React26.createElement(SelectPrimitive.ScrollDownButton, {
     "data-slot": "select-scroll-down-button",
     className: cn("flex cursor-default items-center justify-center py-1", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(ChevronDownIcon, {
+  }, /* @__PURE__ */ React26.createElement(ChevronDownIcon, {
     className: "size-4"
   }));
 }
@@ -854,35 +981,35 @@ function ToolSelect({ onSelectTool, argName = "value", additionalArgs = {}, opti
   ]);
   const isLoading = optionsHook.loading || selectHook.loading;
   const hasError = optionsHook.error || selectHook.error;
-  return /* @__PURE__ */ React25.createElement(Select, {
+  return /* @__PURE__ */ React26.createElement(Select, {
     value,
     onValueChange: handleValueChange,
     disabled: disabled || isLoading
-  }, /* @__PURE__ */ React25.createElement(SelectTrigger, {
+  }, /* @__PURE__ */ React26.createElement(SelectTrigger, {
     className: cn("w-full", className)
-  }, isLoading ? /* @__PURE__ */ React25.createElement("div", {
+  }, isLoading ? /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-2"
-  }, /* @__PURE__ */ React25.createElement(Loader2, {
+  }, /* @__PURE__ */ React26.createElement(Loader2, {
     className: "h-4 w-4 animate-spin"
-  }), /* @__PURE__ */ React25.createElement("span", {
+  }), /* @__PURE__ */ React26.createElement("span", {
     className: "text-muted-foreground"
-  }, optionsHook.loading ? loadingPlaceholder : "Saving...")) : /* @__PURE__ */ React25.createElement(SelectValue, {
+  }, optionsHook.loading ? loadingPlaceholder : "Saving...")) : /* @__PURE__ */ React26.createElement(SelectValue, {
     placeholder
-  })), /* @__PURE__ */ React25.createElement(SelectContent, null, allOptions.length === 0 ? /* @__PURE__ */ React25.createElement("div", {
+  })), /* @__PURE__ */ React26.createElement(SelectContent, null, allOptions.length === 0 ? /* @__PURE__ */ React26.createElement("div", {
     className: "py-6 text-center text-sm text-muted-foreground"
-  }, hasError ? "Error loading options" : emptyMessage) : allOptions.map((option) => /* @__PURE__ */ React25.createElement(SelectItem, {
+  }, hasError ? "Error loading options" : emptyMessage) : allOptions.map((option) => /* @__PURE__ */ React26.createElement(SelectItem, {
     key: option.value,
     value: option.value,
     disabled: option.disabled
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-2"
-  }, option.icon, /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement("div", null, option.label), option.description && /* @__PURE__ */ React25.createElement("div", {
+  }, option.icon, /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement("div", null, option.label), option.description && /* @__PURE__ */ React26.createElement("div", {
     className: "text-xs text-muted-foreground"
   }, option.description)))))));
 }
 __name(ToolSelect, "ToolSelect");
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ React25.createElement("input", {
+  return /* @__PURE__ */ React26.createElement("input", {
     type,
     "data-slot": "input",
     className: cn("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", "aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", className),
@@ -891,7 +1018,7 @@ function Input({ className, type, ...props }) {
 }
 __name(Input, "Input");
 function Command({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(Command$1, {
+  return /* @__PURE__ */ React26.createElement(Command$1, {
     "data-slot": "command",
     className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
     ...props
@@ -899,23 +1026,23 @@ function Command({ className, ...props }) {
 }
 __name(Command, "Command");
 function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
-  return /* @__PURE__ */ React25.createElement(Dialog, props, /* @__PURE__ */ React25.createElement(DialogHeader, {
+  return /* @__PURE__ */ React26.createElement(Dialog, props, /* @__PURE__ */ React26.createElement(DialogHeader, {
     className: "sr-only"
-  }, /* @__PURE__ */ React25.createElement(DialogTitle, null, title), /* @__PURE__ */ React25.createElement(DialogDescription, null, description)), /* @__PURE__ */ React25.createElement(DialogContent, {
+  }, /* @__PURE__ */ React26.createElement(DialogTitle, null, title), /* @__PURE__ */ React26.createElement(DialogDescription, null, description)), /* @__PURE__ */ React26.createElement(DialogContent, {
     className: cn("overflow-hidden p-0", className),
     showCloseButton
-  }, /* @__PURE__ */ React25.createElement(Command, {
+  }, /* @__PURE__ */ React26.createElement(Command, {
     className: "[&_[cmdk-group-heading]]:text-muted-foreground **:data-[slot=command-input-wrapper]:h-12 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group]]:px-2 [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5"
   }, children)));
 }
 __name(CommandDialog, "CommandDialog");
 function CommandInput({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "command-input-wrapper",
     className: "flex h-9 items-center gap-2 border-b px-3"
-  }, /* @__PURE__ */ React25.createElement(SearchIcon, {
+  }, /* @__PURE__ */ React26.createElement(SearchIcon, {
     className: "size-4 shrink-0 opacity-50"
-  }), /* @__PURE__ */ React25.createElement(Command$1.Input, {
+  }), /* @__PURE__ */ React26.createElement(Command$1.Input, {
     "data-slot": "command-input",
     className: cn("placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50", className),
     ...props
@@ -923,7 +1050,7 @@ function CommandInput({ className, ...props }) {
 }
 __name(CommandInput, "CommandInput");
 function CommandList({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(Command$1.List, {
+  return /* @__PURE__ */ React26.createElement(Command$1.List, {
     "data-slot": "command-list",
     className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
     ...props
@@ -931,7 +1058,7 @@ function CommandList({ className, ...props }) {
 }
 __name(CommandList, "CommandList");
 function CommandEmpty({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(Command$1.Empty, {
+  return /* @__PURE__ */ React26.createElement(Command$1.Empty, {
     "data-slot": "command-empty",
     className: "py-6 text-center text-sm",
     ...props
@@ -939,7 +1066,7 @@ function CommandEmpty({ ...props }) {
 }
 __name(CommandEmpty, "CommandEmpty");
 function CommandGroup({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(Command$1.Group, {
+  return /* @__PURE__ */ React26.createElement(Command$1.Group, {
     "data-slot": "command-group",
     className: cn("text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium", className),
     ...props
@@ -947,7 +1074,7 @@ function CommandGroup({ className, ...props }) {
 }
 __name(CommandGroup, "CommandGroup");
 function CommandSeparator({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(Command$1.Separator, {
+  return /* @__PURE__ */ React26.createElement(Command$1.Separator, {
     "data-slot": "command-separator",
     className: cn("bg-border -mx-1 h-px", className),
     ...props
@@ -955,7 +1082,7 @@ function CommandSeparator({ className, ...props }) {
 }
 __name(CommandSeparator, "CommandSeparator");
 function CommandItem({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(Command$1.Item, {
+  return /* @__PURE__ */ React26.createElement(Command$1.Item, {
     "data-slot": "command-item",
     className: cn("data-[selected=true]:bg-accent data-[selected=true]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
@@ -963,7 +1090,7 @@ function CommandItem({ className, ...props }) {
 }
 __name(CommandItem, "CommandItem");
 function CommandShortcut({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("span", {
+  return /* @__PURE__ */ React26.createElement("span", {
     "data-slot": "command-shortcut",
     className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
     ...props
@@ -971,21 +1098,21 @@ function CommandShortcut({ className, ...props }) {
 }
 __name(CommandShortcut, "CommandShortcut");
 function Popover({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Root, {
     "data-slot": "popover",
     ...props
   });
 }
 __name(Popover, "Popover");
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Trigger, {
+  return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Trigger, {
     "data-slot": "popover-trigger",
     ...props
   });
 }
 __name(PopoverTrigger, "PopoverTrigger");
 function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
-  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React25.createElement(PopoverPrimitive.Content, {
+  return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Portal, null, /* @__PURE__ */ React26.createElement(PopoverPrimitive.Content, {
     "data-slot": "popover-content",
     align,
     sideOffset,
@@ -995,7 +1122,7 @@ function PopoverContent({ className, align = "center", sideOffset = 4, ...props
 }
 __name(PopoverContent, "PopoverContent");
 function PopoverAnchor({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(PopoverPrimitive.Anchor, {
+  return /* @__PURE__ */ React26.createElement(PopoverPrimitive.Anchor, {
     "data-slot": "popover-anchor",
     ...props
   });
@@ -1084,11 +1211,11 @@ function ToolInput({ searchTool, debounce = 300, minChars = 1, argName = "query"
       }
     };
   }, []);
-  const inputElement = /* @__PURE__ */ React25.createElement("div", {
+  const inputElement = /* @__PURE__ */ React26.createElement("div", {
     className: cn("relative", className)
-  }, showSearchIcon && /* @__PURE__ */ React25.createElement(Search, {
+  }, showSearchIcon && /* @__PURE__ */ React26.createElement(Search, {
     className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
-  }), /* @__PURE__ */ React25.createElement(Input, {
+  }), /* @__PURE__ */ React26.createElement(Input, {
     ref: inputRef,
     value,
     onChange: handleChange,
@@ -1096,42 +1223,42 @@ function ToolInput({ searchTool, debounce = 300, minChars = 1, argName = "query"
     disabled,
     className: cn(showSearchIcon && "pl-9", (showClearButton || showLoadingIndicator) && "pr-9"),
     ...props
-  }), /* @__PURE__ */ React25.createElement("div", {
+  }), /* @__PURE__ */ React26.createElement("div", {
     className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"
-  }, showLoadingIndicator && loading && /* @__PURE__ */ React25.createElement(Loader2, {
+  }, showLoadingIndicator && loading && /* @__PURE__ */ React26.createElement(Loader2, {
     className: "h-4 w-4 animate-spin text-muted-foreground"
-  }), showClearButton && value && !loading && /* @__PURE__ */ React25.createElement("button", {
+  }), showClearButton && value && !loading && /* @__PURE__ */ React26.createElement("button", {
     type: "button",
     onClick: handleClear,
     className: "h-4 w-4 text-muted-foreground hover:text-foreground transition-colors"
-  }, /* @__PURE__ */ React25.createElement(X, {
+  }, /* @__PURE__ */ React26.createElement(X, {
     className: "h-4 w-4"
   }))));
   if (!autocomplete) {
     return inputElement;
   }
-  return /* @__PURE__ */ React25.createElement(Popover, {
+  return /* @__PURE__ */ React26.createElement(Popover, {
     open: isOpen,
     onOpenChange: setIsOpen
-  }, /* @__PURE__ */ React25.createElement(PopoverTrigger, {
+  }, /* @__PURE__ */ React26.createElement(PopoverTrigger, {
     asChild: true
-  }, inputElement), /* @__PURE__ */ React25.createElement(PopoverContent, {
+  }, inputElement), /* @__PURE__ */ React26.createElement(PopoverContent, {
     className: "p-0 w-[var(--radix-popover-trigger-width)]",
     align: "start",
     onOpenAutoFocus: /* @__PURE__ */ __name((e) => e.preventDefault(), "onOpenAutoFocus")
-  }, /* @__PURE__ */ React25.createElement(Command, null, /* @__PURE__ */ React25.createElement(CommandList, null, /* @__PURE__ */ React25.createElement(CommandEmpty, null, emptyMessage), /* @__PURE__ */ React25.createElement(CommandGroup, null, suggestions.map((suggestion) => /* @__PURE__ */ React25.createElement(CommandItem, {
+  }, /* @__PURE__ */ React26.createElement(Command, null, /* @__PURE__ */ React26.createElement(CommandList, null, /* @__PURE__ */ React26.createElement(CommandEmpty, null, emptyMessage), /* @__PURE__ */ React26.createElement(CommandGroup, null, suggestions.map((suggestion) => /* @__PURE__ */ React26.createElement(CommandItem, {
     key: suggestion.value,
     value: suggestion.value,
     onSelect: /* @__PURE__ */ __name(() => handleSelect(suggestion), "onSelect")
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-2"
-  }, suggestion.icon, /* @__PURE__ */ React25.createElement("div", null, /* @__PURE__ */ React25.createElement("div", null, suggestion.label), suggestion.description && /* @__PURE__ */ React25.createElement("div", {
+  }, suggestion.icon, /* @__PURE__ */ React26.createElement("div", null, /* @__PURE__ */ React26.createElement("div", null, suggestion.label), suggestion.description && /* @__PURE__ */ React26.createElement("div", {
     className: "text-xs text-muted-foreground"
   }, suggestion.description))))))))));
 }
 __name(ToolInput, "ToolInput");
 function Label2({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(LabelPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(LabelPrimitive.Root, {
     "data-slot": "label",
     className: cn("flex items-center gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50", className),
     ...props
@@ -1139,7 +1266,7 @@ function Label2({ className, ...props }) {
 }
 __name(Label2, "Label");
 function Textarea({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("textarea", {
+  return /* @__PURE__ */ React26.createElement("textarea", {
     "data-slot": "textarea",
     className: cn("border-input placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 flex field-sizing-content min-h-16 w-full rounded-md border bg-transparent px-3 py-2 text-base shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", className),
     ...props
@@ -1147,20 +1274,20 @@ function Textarea({ className, ...props }) {
 }
 __name(Textarea, "Textarea");
 function Checkbox({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(CheckboxPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(CheckboxPrimitive.Root, {
     "data-slot": "checkbox",
     className: cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(CheckboxPrimitive.Indicator, {
+  }, /* @__PURE__ */ React26.createElement(CheckboxPrimitive.Indicator, {
     "data-slot": "checkbox-indicator",
     className: "grid place-content-center text-current transition-none"
-  }, /* @__PURE__ */ React25.createElement(CheckIcon, {
+  }, /* @__PURE__ */ React26.createElement(CheckIcon, {
     className: "size-3.5"
   })));
 }
 __name(Checkbox, "Checkbox");
 function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
-  const _values = React25.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
+  const _values = React26.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
     min,
     max
   ], [
@@ -1169,7 +1296,7 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }
     min,
     max
   ]);
-  return /* @__PURE__ */ React25.createElement(SliderPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(SliderPrimitive.Root, {
     "data-slot": "slider",
     defaultValue,
     value,
@@ -1177,15 +1304,15 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }
     max,
     className: cn("relative flex w-full touch-none items-center select-none data-[disabled]:opacity-50 data-[orientation=vertical]:h-full data-[orientation=vertical]:min-h-44 data-[orientation=vertical]:w-auto data-[orientation=vertical]:flex-col", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(SliderPrimitive.Track, {
+  }, /* @__PURE__ */ React26.createElement(SliderPrimitive.Track, {
     "data-slot": "slider-track",
     className: cn("bg-muted relative grow overflow-hidden rounded-full data-[orientation=horizontal]:h-1.5 data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-1.5")
-  }, /* @__PURE__ */ React25.createElement(SliderPrimitive.Range, {
+  }, /* @__PURE__ */ React26.createElement(SliderPrimitive.Range, {
     "data-slot": "slider-range",
     className: cn("bg-primary absolute data-[orientation=horizontal]:h-full data-[orientation=vertical]:w-full")
   })), Array.from({
     length: _values.length
-  }, (_, index) => /* @__PURE__ */ React25.createElement(SliderPrimitive.Thumb, {
+  }, (_, index) => /* @__PURE__ */ React26.createElement(SliderPrimitive.Thumb, {
     "data-slot": "slider-thumb",
     key: index,
     className: "border-primary ring-ring/50 block size-4 shrink-0 rounded-full border bg-white shadow-sm transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-hidden disabled:pointer-events-none disabled:opacity-50"
@@ -1193,11 +1320,11 @@ function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }
 }
 __name(Slider, "Slider");
 function Switch({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SwitchPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(SwitchPrimitive.Root, {
     "data-slot": "switch",
     className: cn("peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 dark:data-[state=unchecked]:bg-input/80 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(SwitchPrimitive.Thumb, {
+  }, /* @__PURE__ */ React26.createElement(SwitchPrimitive.Thumb, {
     "data-slot": "switch-thumb",
     className: cn("bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0")
   }));
@@ -1215,7 +1342,7 @@ var alertVariants = cva("relative w-full rounded-lg border px-4 py-3 text-sm gri
   }
 });
 function Alert({ className, variant, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "alert",
     role: "alert",
     className: cn(alertVariants({
@@ -1226,7 +1353,7 @@ function Alert({ className, variant, ...props }) {
 }
 __name(Alert, "Alert");
 function AlertTitle({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "alert-title",
     className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
     ...props
@@ -1234,7 +1361,7 @@ function AlertTitle({ className, ...props }) {
 }
 __name(AlertTitle, "AlertTitle");
 function AlertDescription({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "alert-description",
     className: cn("text-muted-foreground col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed", className),
     ...props
@@ -1328,7 +1455,7 @@ function ToolForm({ toolName, fields: manualFields, autoSchema = false, submitTe
     const value = formData[field.name];
     switch (field.type) {
       case "textarea":
-        return /* @__PURE__ */ React25.createElement(Textarea, {
+        return /* @__PURE__ */ React26.createElement(Textarea, {
           id: field.name,
           placeholder: field.placeholder,
           value: value ?? "",
@@ -1337,45 +1464,45 @@ function ToolForm({ toolName, fields: manualFields, autoSchema = false, submitTe
           required: field.required
         });
       case "select":
-        return /* @__PURE__ */ React25.createElement(Select, {
+        return /* @__PURE__ */ React26.createElement(Select, {
           value: value ?? "",
           onValueChange: /* @__PURE__ */ __name((v) => handleChange(field.name, v), "onValueChange"),
           disabled: field.disabled || loading
-        }, /* @__PURE__ */ React25.createElement(SelectTrigger, null, /* @__PURE__ */ React25.createElement(SelectValue, {
+        }, /* @__PURE__ */ React26.createElement(SelectTrigger, null, /* @__PURE__ */ React26.createElement(SelectValue, {
           placeholder: field.placeholder ?? "Select..."
-        })), /* @__PURE__ */ React25.createElement(SelectContent, null, field.options?.map((option) => /* @__PURE__ */ React25.createElement(SelectItem, {
+        })), /* @__PURE__ */ React26.createElement(SelectContent, null, field.options?.map((option) => /* @__PURE__ */ React26.createElement(SelectItem, {
           key: option.value,
           value: option.value
         }, option.label))));
       case "checkbox":
-        return /* @__PURE__ */ React25.createElement("div", {
+        return /* @__PURE__ */ React26.createElement("div", {
           className: "flex items-center space-x-2"
-        }, /* @__PURE__ */ React25.createElement(Checkbox, {
+        }, /* @__PURE__ */ React26.createElement(Checkbox, {
           id: field.name,
           checked: value ?? false,
           onCheckedChange: /* @__PURE__ */ __name((checked) => handleChange(field.name, checked), "onCheckedChange"),
           disabled: field.disabled || loading
-        }), /* @__PURE__ */ React25.createElement("label", {
+        }), /* @__PURE__ */ React26.createElement("label", {
           htmlFor: field.name,
           className: "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
         }, field.label));
       case "switch":
-        return /* @__PURE__ */ React25.createElement("div", {
+        return /* @__PURE__ */ React26.createElement("div", {
           className: "flex items-center space-x-2"
-        }, /* @__PURE__ */ React25.createElement(Switch, {
+        }, /* @__PURE__ */ React26.createElement(Switch, {
           id: field.name,
           checked: value ?? false,
           onCheckedChange: /* @__PURE__ */ __name((checked) => handleChange(field.name, checked), "onCheckedChange"),
           disabled: field.disabled || loading
-        }), /* @__PURE__ */ React25.createElement(Label2, {
+        }), /* @__PURE__ */ React26.createElement(Label2, {
           htmlFor: field.name
         }, field.label));
       case "slider":
-        return /* @__PURE__ */ React25.createElement("div", {
+        return /* @__PURE__ */ React26.createElement("div", {
           className: "space-y-2"
-        }, /* @__PURE__ */ React25.createElement("div", {
+        }, /* @__PURE__ */ React26.createElement("div", {
           className: "flex justify-between text-sm"
-        }, /* @__PURE__ */ React25.createElement("span", null, field.min ?? 0), /* @__PURE__ */ React25.createElement("span", null, value ?? field.min ?? 0), /* @__PURE__ */ React25.createElement("span", null, field.max ?? 100)), /* @__PURE__ */ React25.createElement(Slider, {
+        }, /* @__PURE__ */ React26.createElement("span", null, field.min ?? 0), /* @__PURE__ */ React26.createElement("span", null, value ?? field.min ?? 0), /* @__PURE__ */ React26.createElement("span", null, field.max ?? 100)), /* @__PURE__ */ React26.createElement(Slider, {
           value: [
             value ?? field.min ?? 0
           ],
@@ -1386,7 +1513,7 @@ function ToolForm({ toolName, fields: manualFields, autoSchema = false, submitTe
           disabled: field.disabled || loading
         }));
       case "number":
-        return /* @__PURE__ */ React25.createElement(Input, {
+        return /* @__PURE__ */ React26.createElement(Input, {
           id: field.name,
           type: "number",
           placeholder: field.placeholder,
@@ -1399,7 +1526,7 @@ function ToolForm({ toolName, fields: manualFields, autoSchema = false, submitTe
           required: field.required
         });
       default:
-        return /* @__PURE__ */ React25.createElement(Input, {
+        return /* @__PURE__ */ React26.createElement(Input, {
           id: field.name,
           type: field.type ?? "text",
           placeholder: field.placeholder,
@@ -1411,38 +1538,38 @@ function ToolForm({ toolName, fields: manualFields, autoSchema = false, submitTe
     }
   }, "renderField");
   if (schemaLoading) {
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className: "flex items-center justify-center p-8"
-    }, /* @__PURE__ */ React25.createElement(Loader2, {
+    }, /* @__PURE__ */ React26.createElement(Loader2, {
       className: "h-6 w-6 animate-spin text-muted-foreground"
     }));
   }
-  return /* @__PURE__ */ React25.createElement("form", {
+  return /* @__PURE__ */ React26.createElement("form", {
     className: cn("space-y-4", className),
     onSubmit: handleSubmit
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     className: cn("space-y-4", layout === "horizontal" && "grid grid-cols-2 gap-4")
-  }, fields.map((field) => /* @__PURE__ */ React25.createElement("div", {
+  }, fields.map((field) => /* @__PURE__ */ React26.createElement("div", {
     key: field.name,
     className: "space-y-2"
-  }, field.type !== "checkbox" && field.type !== "switch" && /* @__PURE__ */ React25.createElement(Label2, {
+  }, field.type !== "checkbox" && field.type !== "switch" && /* @__PURE__ */ React26.createElement(Label2, {
     htmlFor: field.name
-  }, field.label, field.required && /* @__PURE__ */ React25.createElement("span", {
+  }, field.label, field.required && /* @__PURE__ */ React26.createElement("span", {
     className: "text-destructive ml-1"
-  }, "*")), renderField(field), field.description && /* @__PURE__ */ React25.createElement("p", {
+  }, "*")), renderField(field), field.description && /* @__PURE__ */ React26.createElement("p", {
     className: "text-sm text-muted-foreground"
-  }, field.description)))), /* @__PURE__ */ React25.createElement("div", {
+  }, field.description)))), /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-2"
-  }, /* @__PURE__ */ React25.createElement(Button, {
+  }, /* @__PURE__ */ React26.createElement(Button, {
     type: "submit",
     disabled: loading
-  }, loading ? /* @__PURE__ */ React25.createElement(React25.Fragment, null, /* @__PURE__ */ React25.createElement(Loader2, {
+  }, loading ? /* @__PURE__ */ React26.createElement(React26.Fragment, null, /* @__PURE__ */ React26.createElement(Loader2, {
     className: "h-4 w-4 animate-spin mr-2"
-  }), loadingText ?? "Submitting...") : submitText)), error && /* @__PURE__ */ React25.createElement(Alert, {
+  }), loadingText ?? "Submitting...") : submitText)), error && /* @__PURE__ */ React26.createElement(Alert, {
     variant: "destructive"
-  }, /* @__PURE__ */ React25.createElement(AlertDescription, null, error.message)), showResult && result !== null && /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement(AlertDescription, null, error.message)), showResult && result !== null && /* @__PURE__ */ React26.createElement("div", {
     className: "rounded-md bg-muted p-4"
-  }, /* @__PURE__ */ React25.createElement("pre", {
+  }, /* @__PURE__ */ React26.createElement("pre", {
     className: "text-sm overflow-auto"
   }, JSON.stringify(result, null, 2))));
 }
@@ -1565,7 +1692,7 @@ function useResource(uri, options = {}) {
 }
 __name(useResource, "useResource");
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     "data-slot": "skeleton",
     className: cn("bg-accent animate-pulse rounded-md", className),
     ...props
@@ -1575,30 +1702,30 @@ __name(Skeleton, "Skeleton");
 
 // src/mcp/ResourceView.tsx
 function DefaultLoading() {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     className: "flex flex-col gap-3 p-4"
-  }, /* @__PURE__ */ React25.createElement(Skeleton, {
+  }, /* @__PURE__ */ React26.createElement(Skeleton, {
     className: "h-4 w-3/4"
-  }), /* @__PURE__ */ React25.createElement(Skeleton, {
+  }), /* @__PURE__ */ React26.createElement(Skeleton, {
     className: "h-4 w-1/2"
-  }), /* @__PURE__ */ React25.createElement(Skeleton, {
+  }), /* @__PURE__ */ React26.createElement(Skeleton, {
     className: "h-20 w-full"
   }));
 }
 __name(DefaultLoading, "DefaultLoading");
 function DefaultError({ error, onRetry }) {
-  return /* @__PURE__ */ React25.createElement(Alert, {
+  return /* @__PURE__ */ React26.createElement(Alert, {
     variant: "destructive"
-  }, /* @__PURE__ */ React25.createElement(AlertCircle, {
+  }, /* @__PURE__ */ React26.createElement(AlertCircle, {
     className: "h-4 w-4"
-  }), /* @__PURE__ */ React25.createElement(AlertTitle, null, "Error loading resource"), /* @__PURE__ */ React25.createElement(AlertDescription, {
+  }), /* @__PURE__ */ React26.createElement(AlertTitle, null, "Error loading resource"), /* @__PURE__ */ React26.createElement(AlertDescription, {
     className: "flex flex-col gap-2"
-  }, /* @__PURE__ */ React25.createElement("span", null, error.message), /* @__PURE__ */ React25.createElement(Button, {
+  }, /* @__PURE__ */ React26.createElement("span", null, error.message), /* @__PURE__ */ React26.createElement(Button, {
     variant: "outline",
     size: "sm",
     onClick: onRetry,
     className: "w-fit"
-  }, /* @__PURE__ */ React25.createElement(RefreshCw, {
+  }, /* @__PURE__ */ React26.createElement(RefreshCw, {
     className: "h-4 w-4 mr-2"
   }), "Retry")));
 }
@@ -1618,42 +1745,42 @@ function ResourceView({ uri, refreshInterval, subscribe, transform, loading: loa
   };
   if (loading && data === null) {
     if (loadingContent) {
-      return /* @__PURE__ */ React25.createElement("div", {
+      return /* @__PURE__ */ React26.createElement("div", {
         className
       }, loadingContent);
     }
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className: cn("flex items-center justify-center p-8", className)
-    }, /* @__PURE__ */ React25.createElement(Loader2, {
+    }, /* @__PURE__ */ React26.createElement(Loader2, {
       className: "h-8 w-8 animate-spin text-muted-foreground"
     }));
   }
   if (error && data === null) {
     if (errorContent) {
       if (typeof errorContent === "function") {
-        return /* @__PURE__ */ React25.createElement("div", {
+        return /* @__PURE__ */ React26.createElement("div", {
           className
         }, errorContent(error, refresh));
       }
-      return /* @__PURE__ */ React25.createElement("div", {
+      return /* @__PURE__ */ React26.createElement("div", {
         className
       }, errorContent);
     }
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className
-    }, /* @__PURE__ */ React25.createElement(DefaultError, {
+    }, /* @__PURE__ */ React26.createElement(DefaultError, {
       error,
       onRetry: refresh
     }));
   }
   if (data !== null) {
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className
     }, children(data, meta));
   }
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     className
-  }, loadingContent ?? /* @__PURE__ */ React25.createElement(DefaultLoading, null));
+  }, loadingContent ?? /* @__PURE__ */ React26.createElement(DefaultLoading, null));
 }
 __name(ResourceView, "ResourceView");
 function useToolStream(options = {}) {
@@ -1702,11 +1829,11 @@ function useToolStream(options = {}) {
 }
 __name(useToolStream, "useToolStream");
 function Progress({ className, value, ...props }) {
-  return /* @__PURE__ */ React25.createElement(ProgressPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(ProgressPrimitive.Root, {
     "data-slot": "progress",
     className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(ProgressPrimitive.Indicator, {
+  }, /* @__PURE__ */ React26.createElement(ProgressPrimitive.Indicator, {
     "data-slot": "progress-indicator",
     className: "bg-primary h-full w-full flex-1 transition-all",
     style: {
@@ -1725,44 +1852,44 @@ function StreamingContent({ fallback, showProgress = false, progress: externalPr
   const data = complete ?? partial;
   if (!data) {
     if (fallback) {
-      return /* @__PURE__ */ React25.createElement("div", {
+      return /* @__PURE__ */ React26.createElement("div", {
         className
       }, fallback);
     }
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className: cn("flex items-center justify-center p-8", className)
-    }, /* @__PURE__ */ React25.createElement(Loader2, {
+    }, /* @__PURE__ */ React26.createElement(Loader2, {
       className: "h-6 w-6 animate-spin text-muted-foreground"
     }));
   }
   const streamingClasses = cn(streamingStyle === "opacity" && isStreaming && "opacity-70", streamingStyle === "blur" && isStreaming && "blur-[1px]");
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     className: cn("relative", className)
-  }, showProgress && isStreaming && /* @__PURE__ */ React25.createElement("div", {
+  }, showProgress && isStreaming && /* @__PURE__ */ React26.createElement("div", {
     className: "absolute top-0 left-0 right-0 z-10"
-  }, externalProgress !== void 0 ? /* @__PURE__ */ React25.createElement(Progress, {
+  }, externalProgress !== void 0 ? /* @__PURE__ */ React26.createElement(Progress, {
     value: externalProgress,
     className: "h-1"
-  }) : /* @__PURE__ */ React25.createElement("div", {
+  }) : /* @__PURE__ */ React26.createElement("div", {
     className: "h-1 bg-primary/20 overflow-hidden"
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     className: "h-full w-1/3 bg-primary animate-[shimmer_1s_infinite]"
-  }))), isStreaming && /* @__PURE__ */ React25.createElement("div", {
+  }))), isStreaming && /* @__PURE__ */ React26.createElement("div", {
     className: "absolute top-2 right-2 z-10"
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-1 px-2 py-1 rounded-full bg-muted text-muted-foreground text-xs"
-  }, /* @__PURE__ */ React25.createElement(Loader2, {
+  }, /* @__PURE__ */ React26.createElement(Loader2, {
     className: "h-3 w-3 animate-spin"
-  }), /* @__PURE__ */ React25.createElement("span", null, "Streaming..."))), /* @__PURE__ */ React25.createElement("div", {
+  }), /* @__PURE__ */ React26.createElement("span", null, "Streaming..."))), /* @__PURE__ */ React26.createElement("div", {
     className: cn("transition-all duration-200", streamingClasses)
   }, children(data, isComplete)));
 }
 __name(StreamingContent, "StreamingContent");
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "table-container",
     className: "relative w-full overflow-x-auto"
-  }, /* @__PURE__ */ React25.createElement("table", {
+  }, /* @__PURE__ */ React26.createElement("table", {
     "data-slot": "table",
     className: cn("w-full caption-bottom text-sm", className),
     ...props
@@ -1770,7 +1897,7 @@ function Table({ className, ...props }) {
 }
 __name(Table, "Table");
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("thead", {
+  return /* @__PURE__ */ React26.createElement("thead", {
     "data-slot": "table-header",
     className: cn("[&_tr]:border-b", className),
     ...props
@@ -1778,7 +1905,7 @@ function TableHeader({ className, ...props }) {
 }
 __name(TableHeader, "TableHeader");
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("tbody", {
+  return /* @__PURE__ */ React26.createElement("tbody", {
     "data-slot": "table-body",
     className: cn("[&_tr:last-child]:border-0", className),
     ...props
@@ -1786,7 +1913,7 @@ function TableBody({ className, ...props }) {
 }
 __name(TableBody, "TableBody");
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("tfoot", {
+  return /* @__PURE__ */ React26.createElement("tfoot", {
     "data-slot": "table-footer",
     className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
     ...props
@@ -1794,7 +1921,7 @@ function TableFooter({ className, ...props }) {
 }
 __name(TableFooter, "TableFooter");
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("tr", {
+  return /* @__PURE__ */ React26.createElement("tr", {
     "data-slot": "table-row",
     className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
     ...props
@@ -1802,7 +1929,7 @@ function TableRow({ className, ...props }) {
 }
 __name(TableRow, "TableRow");
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("th", {
+  return /* @__PURE__ */ React26.createElement("th", {
     "data-slot": "table-head",
     className: cn("text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
     ...props
@@ -1810,7 +1937,7 @@ function TableHead({ className, ...props }) {
 }
 __name(TableHead, "TableHead");
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("td", {
+  return /* @__PURE__ */ React26.createElement("td", {
     "data-slot": "table-cell",
     className: cn("p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px]", className),
     ...props
@@ -1818,7 +1945,7 @@ function TableCell({ className, ...props }) {
 }
 __name(TableCell, "TableCell");
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("caption", {
+  return /* @__PURE__ */ React26.createElement("caption", {
     "data-slot": "table-caption",
     className: cn("text-muted-foreground mt-4 text-sm", className),
     ...props
@@ -1840,6 +1967,9 @@ function ToolDataGrid({ dataTool, columns, transformData, rowActions = [], pagin
   50,
   100
 ], defaultPageSize = 10, defaultSort, refreshInterval, showRefresh = true, onDataLoaded, onError, onRowClick, getRowKey, emptyContent, loadingContent, className }) {
+  if (!dataTool) {
+    throw new Error("ToolDataGrid: dataTool prop is required");
+  }
   const toolConfig = typeof dataTool === "string" ? {
     name: dataTool
   } : dataTool;
@@ -1884,8 +2014,8 @@ function ToolDataGrid({ dataTool, columns, transformData, rowActions = [], pagin
     paginationState,
     sortState
   ]);
-  const initialFetchDone = React25.useRef(false);
-  const prevStateRef = React25.useRef({
+  const initialFetchDone = React26.useRef(false);
+  const prevStateRef = React26.useRef({
     pagination: paginationState,
     sort: sortState
   });
@@ -1941,134 +2071,137 @@ function ToolDataGrid({ dataTool, columns, transformData, rowActions = [], pagin
   const canNextPage = paginationState.page < totalPages;
   const getSortIcon = /* @__PURE__ */ __name((column) => {
     if (sortState.column !== column) {
-      return /* @__PURE__ */ React25.createElement(ArrowUpDown, {
+      return /* @__PURE__ */ React26.createElement(ArrowUpDown, {
         className: "h-4 w-4"
       });
     }
-    return sortState.direction === "asc" ? /* @__PURE__ */ React25.createElement(ArrowUp, {
+    return sortState.direction === "asc" ? /* @__PURE__ */ React26.createElement(ArrowUp, {
       className: "h-4 w-4"
-    }) : /* @__PURE__ */ React25.createElement(ArrowDown, {
+    }) : /* @__PURE__ */ React26.createElement(ArrowDown, {
       className: "h-4 w-4"
     });
   }, "getSortIcon");
   const renderLoading = /* @__PURE__ */ __name(() => {
     if (loadingContent) return loadingContent;
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className: "space-y-2"
     }, Array.from({
       length: 5
-    }).map((_, i) => /* @__PURE__ */ React25.createElement(Skeleton, {
+    }).map((_, i) => /* @__PURE__ */ React26.createElement(Skeleton, {
       key: i,
       className: "h-12 w-full"
     })));
   }, "renderLoading");
   const renderEmpty = /* @__PURE__ */ __name(() => {
     if (emptyContent) return emptyContent;
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className: "flex flex-col items-center justify-center py-12 text-muted-foreground"
-    }, /* @__PURE__ */ React25.createElement("p", {
+    }, /* @__PURE__ */ React26.createElement("p", {
       className: "text-lg"
-    }, "No data found"), /* @__PURE__ */ React25.createElement(Button, {
+    }, "No data found"), /* @__PURE__ */ React26.createElement(Button, {
       variant: "ghost",
       size: "sm",
       onClick: fetchData,
       className: "mt-2"
-    }, /* @__PURE__ */ React25.createElement(RefreshCw, {
+    }, /* @__PURE__ */ React26.createElement(RefreshCw, {
       className: "h-4 w-4 mr-2"
     }), "Refresh"));
   }, "renderEmpty");
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     className: cn("space-y-4", className)
-  }, showRefresh && /* @__PURE__ */ React25.createElement("div", {
+  }, showRefresh && /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center justify-end gap-2"
-  }, /* @__PURE__ */ React25.createElement(Button, {
+  }, /* @__PURE__ */ React26.createElement(Button, {
     variant: "outline",
     size: "sm",
     onClick: fetchData,
     disabled: loading
-  }, loading ? /* @__PURE__ */ React25.createElement(Loader2, {
+  }, loading ? /* @__PURE__ */ React26.createElement(Loader2, {
     className: "h-4 w-4 animate-spin"
-  }) : /* @__PURE__ */ React25.createElement(RefreshCw, {
+  }) : /* @__PURE__ */ React26.createElement(RefreshCw, {
     className: "h-4 w-4"
-  }), /* @__PURE__ */ React25.createElement("span", {
+  }), /* @__PURE__ */ React26.createElement("span", {
     className: "ml-2"
-  }, "Refresh"))), /* @__PURE__ */ React25.createElement("div", {
+  }, "Refresh"))), /* @__PURE__ */ React26.createElement("div", {
     className: "rounded-md border"
-  }, loading && data.rows.length === 0 ? /* @__PURE__ */ React25.createElement("div", {
+  }, loading && data.rows.length === 0 ? /* @__PURE__ */ React26.createElement("div", {
     className: "p-4"
-  }, renderLoading()) : data.rows.length === 0 ? renderEmpty() : /* @__PURE__ */ React25.createElement(Table, null, /* @__PURE__ */ React25.createElement(TableHeader, null, /* @__PURE__ */ React25.createElement(TableRow, null, columns.map((column) => /* @__PURE__ */ React25.createElement(TableHead, {
+  }, renderLoading()) : data.rows.length === 0 ? renderEmpty() : /* @__PURE__ */ React26.createElement(Table, null, /* @__PURE__ */ React26.createElement(TableHeader, null, /* @__PURE__ */ React26.createElement(TableRow, null, columns.map((column) => /* @__PURE__ */ React26.createElement(TableHead, {
     key: column.key,
     style: {
       width: column.width
     },
     className: cn(column.align === "center" && "text-center", column.align === "right" && "text-right", column.hideMobile && "hidden md:table-cell")
-  }, column.sortable ? /* @__PURE__ */ React25.createElement(Button, {
+  }, column.sortable ? /* @__PURE__ */ React26.createElement(Button, {
     variant: "ghost",
     size: "sm",
     onClick: /* @__PURE__ */ __name(() => handleSort(column.key), "onClick"),
     className: "-ml-3"
-  }, column.header, getSortIcon(column.key)) : column.header)), rowActions.length > 0 && /* @__PURE__ */ React25.createElement(TableHead, {
+  }, column.header, getSortIcon(column.key)) : column.header)), rowActions.length > 0 && /* @__PURE__ */ React26.createElement(TableHead, {
     className: "w-[100px]"
-  }, "Actions"))), /* @__PURE__ */ React25.createElement(TableBody, null, data.rows.map((row, index) => {
+  }, "Actions"))), /* @__PURE__ */ React26.createElement(TableBody, null, data.rows.map((row, index) => {
     const key = getRowKey?.(row, index) ?? String(index);
-    return /* @__PURE__ */ React25.createElement(TableRow, {
+    return /* @__PURE__ */ React26.createElement(TableRow, {
       key,
       onClick: /* @__PURE__ */ __name(() => onRowClick?.(row, index), "onClick"),
       className: onRowClick ? "cursor-pointer" : void 0
     }, columns.map((column) => {
       const value = getNestedValue(row, column.key);
-      return /* @__PURE__ */ React25.createElement(TableCell, {
+      return /* @__PURE__ */ React26.createElement(TableCell, {
         key: column.key,
         className: cn(column.align === "center" && "text-center", column.align === "right" && "text-right", column.hideMobile && "hidden md:table-cell")
       }, column.render ? column.render(value, row, index) : String(value ?? ""));
-    }), rowActions.length > 0 && /* @__PURE__ */ React25.createElement(TableCell, null, /* @__PURE__ */ React25.createElement("div", {
+    }), rowActions.length > 0 && /* @__PURE__ */ React26.createElement(TableCell, null, /* @__PURE__ */ React26.createElement("div", {
       className: "flex items-center gap-1"
-    }, rowActions.filter((action) => !action.hidden?.(row)).map((action, actionIndex) => /* @__PURE__ */ React25.createElement(RowActionButton, {
+    }, rowActions.filter((action) => !action.hidden?.(row)).map((action, actionIndex) => /* @__PURE__ */ React26.createElement(RowActionButton, {
       key: actionIndex,
       action,
       row,
       onRefresh: fetchData
     })))));
-  })))), pagination && data.total > 0 && /* @__PURE__ */ React25.createElement("div", {
+  })))), pagination && data.total > 0 && /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center justify-between"
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     className: "text-sm text-muted-foreground"
-  }, "Showing ", (paginationState.page - 1) * paginationState.pageSize + 1, " to", " ", Math.min(paginationState.page * paginationState.pageSize, data.total), " of", " ", data.total, " results"), /* @__PURE__ */ React25.createElement("div", {
+  }, "Showing ", (paginationState.page - 1) * paginationState.pageSize + 1, " to", " ", Math.min(paginationState.page * paginationState.pageSize, data.total), " of", " ", data.total, " results"), /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-4"
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-2"
-  }, /* @__PURE__ */ React25.createElement("span", {
+  }, /* @__PURE__ */ React26.createElement("span", {
     className: "text-sm text-muted-foreground"
-  }, "Rows per page"), /* @__PURE__ */ React25.createElement(Select, {
+  }, "Rows per page"), /* @__PURE__ */ React26.createElement(Select, {
     value: String(paginationState.pageSize),
     onValueChange: handlePageSizeChange
-  }, /* @__PURE__ */ React25.createElement(SelectTrigger, {
+  }, /* @__PURE__ */ React26.createElement(SelectTrigger, {
     className: "w-[70px]"
-  }, /* @__PURE__ */ React25.createElement(SelectValue, null)), /* @__PURE__ */ React25.createElement(SelectContent, null, pageSizes.map((size) => /* @__PURE__ */ React25.createElement(SelectItem, {
+  }, /* @__PURE__ */ React26.createElement(SelectValue, null)), /* @__PURE__ */ React26.createElement(SelectContent, null, pageSizes.map((size) => /* @__PURE__ */ React26.createElement(SelectItem, {
     key: size,
     value: String(size)
-  }, size))))), /* @__PURE__ */ React25.createElement("div", {
+  }, size))))), /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center gap-2"
-  }, /* @__PURE__ */ React25.createElement(Button, {
+  }, /* @__PURE__ */ React26.createElement(Button, {
     variant: "outline",
     size: "sm",
     onClick: /* @__PURE__ */ __name(() => handlePageChange(paginationState.page - 1), "onClick"),
     disabled: !canPreviousPage || loading
-  }, /* @__PURE__ */ React25.createElement(ChevronLeft, {
+  }, /* @__PURE__ */ React26.createElement(ChevronLeft, {
     className: "h-4 w-4"
-  })), /* @__PURE__ */ React25.createElement("span", {
+  })), /* @__PURE__ */ React26.createElement("span", {
     className: "text-sm"
-  }, "Page ", paginationState.page, " of ", totalPages), /* @__PURE__ */ React25.createElement(Button, {
+  }, "Page ", paginationState.page, " of ", totalPages), /* @__PURE__ */ React26.createElement(Button, {
     variant: "outline",
     size: "sm",
     onClick: /* @__PURE__ */ __name(() => handlePageChange(paginationState.page + 1), "onClick"),
     disabled: !canNextPage || loading
-  }, /* @__PURE__ */ React25.createElement(ChevronRight, {
+  }, /* @__PURE__ */ React26.createElement(ChevronRight, {
     className: "h-4 w-4"
   }))))));
 }
 __name(ToolDataGrid, "ToolDataGrid");
 function RowActionButton({ action, row, onRefresh }) {
+  if (!action.tool) {
+    throw new Error("ToolDataGrid: rowAction.tool is required");
+  }
   const toolConfig = typeof action.tool === "string" ? {
     name: action.tool
   } : action.tool;
@@ -2092,33 +2225,33 @@ function RowActionButton({ action, row, onRefresh }) {
     call,
     args
   ]);
-  return /* @__PURE__ */ React25.createElement(Button, {
+  return /* @__PURE__ */ React26.createElement(Button, {
     variant: action.variant ?? "ghost",
     size: "sm",
     onClick: handleClick,
     disabled: loading
-  }, loading ? /* @__PURE__ */ React25.createElement(Loader2, {
+  }, loading ? /* @__PURE__ */ React26.createElement(Loader2, {
     className: "h-3 w-3 animate-spin"
-  }) : /* @__PURE__ */ React25.createElement(React25.Fragment, null, action.icon, /* @__PURE__ */ React25.createElement("span", {
+  }) : /* @__PURE__ */ React26.createElement(React26.Fragment, null, action.icon, /* @__PURE__ */ React26.createElement("span", {
     className: action.icon ? "ml-1" : ""
   }, action.label)));
 }
 __name(RowActionButton, "RowActionButton");
 var Button2 = /* @__PURE__ */ forwardRef(({ className, variant = "primary", size = "md", loading = false, disabled, asChild = false, leftIcon, rightIcon, children, ...props }, ref) => {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ React25__default.createElement(Comp, {
+  return /* @__PURE__ */ React26__default.createElement(Comp, {
     ref,
     className: clsx("lui-button", `lui-button--${variant}`, `lui-button--${size}`, loading && "lui-button--loading", className),
     disabled: disabled || loading,
     ...props
-  }, loading && /* @__PURE__ */ React25__default.createElement("span", {
+  }, loading && /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-button__spinner",
     "aria-hidden": "true"
-  }, /* @__PURE__ */ React25__default.createElement("svg", {
+  }, /* @__PURE__ */ React26__default.createElement("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     className: "lui-spinner-icon"
-  }, /* @__PURE__ */ React25__default.createElement("circle", {
+  }, /* @__PURE__ */ React26__default.createElement("circle", {
     cx: "12",
     cy: "12",
     r: "10",
@@ -2127,11 +2260,11 @@ var Button2 = /* @__PURE__ */ forwardRef(({ className, variant = "primary", size
     strokeLinecap: "round",
     strokeDasharray: "32",
     strokeDashoffset: "12"
-  }))), leftIcon && !loading && /* @__PURE__ */ React25__default.createElement("span", {
+  }))), leftIcon && !loading && /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-button__icon"
-  }, leftIcon), /* @__PURE__ */ React25__default.createElement("span", {
+  }, leftIcon), /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-button__content"
-  }, children), rightIcon && /* @__PURE__ */ React25__default.createElement("span", {
+  }, children), rightIcon && /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-button__icon"
   }, rightIcon));
 });
@@ -2150,103 +2283,112 @@ function ActionButton({ toolName, toolArgs = {}, onToolSuccess, onToolError, sho
       onToolError?.(err instanceof Error ? err : new Error(String(err)));
     }
   }, "handleClick");
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-action-button-wrapper"
-  }, /* @__PURE__ */ React25__default.createElement(Button2, {
+  }, /* @__PURE__ */ React26__default.createElement(Button2, {
     ...buttonProps,
     loading,
     onClick: handleClick
-  }, children), showResult && hasResult && result !== null && /* @__PURE__ */ React25__default.createElement("div", {
+  }, children), showResult && hasResult && result !== null && /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-action-button-result"
-  }, renderResult ? renderResult(result) : /* @__PURE__ */ React25__default.createElement("pre", null, JSON.stringify(result, null, 2))), error && /* @__PURE__ */ React25__default.createElement("div", {
+  }, renderResult ? renderResult(result) : /* @__PURE__ */ React26__default.createElement("pre", null, JSON.stringify(result, null, 2))), error && /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-action-button-error"
   }, error.message));
 }
 __name(ActionButton, "ActionButton");
 function DefaultLoading2() {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     className: "flex items-center justify-center p-8"
-  }, /* @__PURE__ */ React25.createElement(Loader2, {
+  }, /* @__PURE__ */ React26.createElement(Loader2, {
     className: "h-6 w-6 animate-spin text-muted-foreground"
   }));
 }
 __name(DefaultLoading2, "DefaultLoading");
 function DefaultDisconnected() {
-  return /* @__PURE__ */ React25.createElement(Alert, null, /* @__PURE__ */ React25.createElement(WifiOff, {
+  return /* @__PURE__ */ React26.createElement(Alert, null, /* @__PURE__ */ React26.createElement(WifiOff, {
     className: "h-4 w-4"
-  }), /* @__PURE__ */ React25.createElement(AlertDescription, null, "Waiting for connection to MCP host..."));
+  }), /* @__PURE__ */ React26.createElement(AlertDescription, null, "Waiting for connection to MCP host..."));
 }
 __name(DefaultDisconnected, "DefaultDisconnected");
 function DefaultError2({ error }) {
-  return /* @__PURE__ */ React25.createElement(Alert, {
+  return /* @__PURE__ */ React26.createElement(Alert, {
     variant: "destructive"
-  }, /* @__PURE__ */ React25.createElement(AlertCircle, {
+  }, /* @__PURE__ */ React26.createElement(AlertCircle, {
     className: "h-4 w-4"
-  }), /* @__PURE__ */ React25.createElement(AlertDescription, null, "Connection error: ", error.message));
+  }), /* @__PURE__ */ React26.createElement(AlertDescription, null, "Connection error: ", error.message));
 }
 __name(DefaultError2, "DefaultError");
 function RequireConnection({ loading: loadingContent, error: errorContent, disconnected: disconnectedContent, children, className }) {
   const { isConnected, error, app } = useMcpApp();
+  console.log("[RequireConnection] State:", {
+    hasApp: !!app,
+    isConnected,
+    hasError: !!error
+  });
   if (!app && !error && !isConnected) {
+    console.log("[RequireConnection] Rendering: Initial Loading");
     if (loadingContent) {
-      return /* @__PURE__ */ React25.createElement("div", {
+      return /* @__PURE__ */ React26.createElement("div", {
         className
       }, loadingContent);
     }
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className
-    }, /* @__PURE__ */ React25.createElement(DefaultLoading2, null));
+    }, /* @__PURE__ */ React26.createElement(DefaultLoading2, null));
   }
   if (error) {
+    console.log("[RequireConnection] Rendering: Error");
     if (errorContent) {
       if (typeof errorContent === "function") {
-        return /* @__PURE__ */ React25.createElement("div", {
+        return /* @__PURE__ */ React26.createElement("div", {
           className
         }, errorContent(error));
       }
-      return /* @__PURE__ */ React25.createElement("div", {
+      return /* @__PURE__ */ React26.createElement("div", {
         className
       }, errorContent);
     }
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className
-    }, /* @__PURE__ */ React25.createElement(DefaultError2, {
+    }, /* @__PURE__ */ React26.createElement(DefaultError2, {
       error
     }));
   }
   if (!isConnected) {
+    console.log("[RequireConnection] Rendering: Disconnected/Loading");
     if (disconnectedContent) {
-      return /* @__PURE__ */ React25.createElement("div", {
+      return /* @__PURE__ */ React26.createElement("div", {
         className
       }, disconnectedContent);
     }
     if (loadingContent) {
-      return /* @__PURE__ */ React25.createElement("div", {
+      return /* @__PURE__ */ React26.createElement("div", {
         className
       }, loadingContent);
     }
-    return /* @__PURE__ */ React25.createElement("div", {
+    return /* @__PURE__ */ React26.createElement("div", {
       className
-    }, /* @__PURE__ */ React25.createElement(DefaultDisconnected, null));
+    }, /* @__PURE__ */ React26.createElement(DefaultDisconnected, null));
   }
-  return /* @__PURE__ */ React25.createElement(React25.Fragment, null, children);
+  console.log("[RequireConnection] Rendering: Children (Connected)");
+  return /* @__PURE__ */ React26.createElement(React26.Fragment, null, children);
 }
 __name(RequireConnection, "RequireConnection");
 function DefaultFallback({ error, onRetry }) {
-  return /* @__PURE__ */ React25.createElement(Alert, {
+  return /* @__PURE__ */ React26.createElement(Alert, {
     variant: "destructive"
-  }, /* @__PURE__ */ React25.createElement(AlertCircle, {
+  }, /* @__PURE__ */ React26.createElement(AlertCircle, {
     className: "h-4 w-4"
-  }), /* @__PURE__ */ React25.createElement(AlertTitle, null, "Something went wrong"), /* @__PURE__ */ React25.createElement(AlertDescription, {
+  }), /* @__PURE__ */ React26.createElement(AlertTitle, null, "Something went wrong"), /* @__PURE__ */ React26.createElement(AlertDescription, {
     className: "flex flex-col gap-3"
-  }, /* @__PURE__ */ React25.createElement("p", {
+  }, /* @__PURE__ */ React26.createElement("p", {
     className: "text-sm"
-  }, error.message), /* @__PURE__ */ React25.createElement(Button, {
+  }, error.message), /* @__PURE__ */ React26.createElement(Button, {
     variant: "outline",
     size: "sm",
     onClick: onRetry,
     className: "w-fit"
-  }, /* @__PURE__ */ React25.createElement(RefreshCw, {
+  }, /* @__PURE__ */ React26.createElement(RefreshCw, {
     className: "h-4 w-4 mr-2"
   }), "Try Again")));
 }
@@ -2292,7 +2434,7 @@ var ToolErrorBoundary = class extends Component {
         }
         return fallback;
       }
-      return /* @__PURE__ */ React25.createElement(DefaultFallback, {
+      return /* @__PURE__ */ React26.createElement(DefaultFallback, {
         error,
         onRetry: this.reset
       });
@@ -2509,7 +2651,7 @@ var INITIAL_TOOL_STATE = {
   hasResult: false
 };
 function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "card-title",
     className: cn("leading-none font-semibold", className),
     ...props
@@ -2517,7 +2659,7 @@ function CardTitle({ className, ...props }) {
 }
 __name(CardTitle, "CardTitle");
 function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("div", {
+  return /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "card-description",
     className: cn("text-muted-foreground text-sm", className),
     ...props
@@ -2525,17 +2667,17 @@ function CardDescription({ className, ...props }) {
 }
 __name(CardDescription, "CardDescription");
 var Form = FormProvider;
-var FormFieldContext = /* @__PURE__ */ React25.createContext({});
+var FormFieldContext = /* @__PURE__ */ React26.createContext({});
 var FormField = /* @__PURE__ */ __name(({ ...props }) => {
-  return /* @__PURE__ */ React25.createElement(FormFieldContext.Provider, {
+  return /* @__PURE__ */ React26.createElement(FormFieldContext.Provider, {
     value: {
       name: props.name
     }
-  }, /* @__PURE__ */ React25.createElement(Controller, props));
+  }, /* @__PURE__ */ React26.createElement(Controller, props));
 }, "FormField");
 var useFormField = /* @__PURE__ */ __name(() => {
-  const fieldContext = React25.useContext(FormFieldContext);
-  const itemContext = React25.useContext(FormItemContext);
+  const fieldContext = React26.useContext(FormFieldContext);
+  const itemContext = React26.useContext(FormItemContext);
   const { getFieldState } = useFormContext();
   const formState = useFormState({
     name: fieldContext.name
@@ -2554,14 +2696,14 @@ var useFormField = /* @__PURE__ */ __name(() => {
     ...fieldState
   };
 }, "useFormField");
-var FormItemContext = /* @__PURE__ */ React25.createContext({});
+var FormItemContext = /* @__PURE__ */ React26.createContext({});
 function FormItem({ className, ...props }) {
-  const id = React25.useId();
-  return /* @__PURE__ */ React25.createElement(FormItemContext.Provider, {
+  const id = React26.useId();
+  return /* @__PURE__ */ React26.createElement(FormItemContext.Provider, {
     value: {
       id
     }
-  }, /* @__PURE__ */ React25.createElement("div", {
+  }, /* @__PURE__ */ React26.createElement("div", {
     "data-slot": "form-item",
     className: cn("grid gap-2", className),
     ...props
@@ -2570,7 +2712,7 @@ function FormItem({ className, ...props }) {
 __name(FormItem, "FormItem");
 function FormLabel({ className, ...props }) {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ React25.createElement(Label2, {
+  return /* @__PURE__ */ React26.createElement(Label2, {
     "data-slot": "form-label",
     "data-error": !!error,
     className: cn("data-[error=true]:text-destructive", className),
@@ -2581,7 +2723,7 @@ function FormLabel({ className, ...props }) {
 __name(FormLabel, "FormLabel");
 function FormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ React25.createElement(Slot, {
+  return /* @__PURE__ */ React26.createElement(Slot, {
     "data-slot": "form-control",
     id: formItemId,
     "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
@@ -2592,7 +2734,7 @@ function FormControl({ ...props }) {
 __name(FormControl, "FormControl");
 function FormDescription({ className, ...props }) {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ React25.createElement("p", {
+  return /* @__PURE__ */ React26.createElement("p", {
     "data-slot": "form-description",
     id: formDescriptionId,
     className: cn("text-muted-foreground text-sm", className),
@@ -2606,7 +2748,7 @@ function FormMessage({ className, ...props }) {
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ React25.createElement("p", {
+  return /* @__PURE__ */ React26.createElement("p", {
     "data-slot": "form-message",
     id: formMessageId,
     className: cn("text-destructive text-sm", className),
@@ -2629,7 +2771,7 @@ var badgeVariants = cva("inline-flex items-center justify-center rounded-full bo
 });
 function Badge({ className, variant, asChild = false, ...props }) {
   const Comp = asChild ? Slot : "span";
-  return /* @__PURE__ */ React25.createElement(Comp, {
+  return /* @__PURE__ */ React26.createElement(Comp, {
     "data-slot": "badge",
     className: cn(badgeVariants({
       variant
@@ -2639,7 +2781,7 @@ function Badge({ className, variant, asChild = false, ...props }) {
 }
 __name(Badge, "Badge");
 function TabsList({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(TabsPrimitive2.List, {
+  return /* @__PURE__ */ React26.createElement(TabsPrimitive2.List, {
     "data-slot": "tabs-list",
     className: cn("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", className),
     ...props
@@ -2647,7 +2789,7 @@ function TabsList({ className, ...props }) {
 }
 __name(TabsList, "TabsList");
 function TabsTrigger({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(TabsPrimitive2.Trigger, {
+  return /* @__PURE__ */ React26.createElement(TabsPrimitive2.Trigger, {
     "data-slot": "tabs-trigger",
     className: cn("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
@@ -2655,7 +2797,7 @@ function TabsTrigger({ className, ...props }) {
 }
 __name(TabsTrigger, "TabsTrigger");
 function TabsContent({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(TabsPrimitive2.Content, {
+  return /* @__PURE__ */ React26.createElement(TabsPrimitive2.Content, {
     "data-slot": "tabs-content",
     className: cn("flex-1 outline-none", className),
     ...props
@@ -2663,7 +2805,7 @@ function TabsContent({ className, ...props }) {
 }
 __name(TabsContent, "TabsContent");
 function Separator2({ className, orientation = "horizontal", decorative = true, ...props }) {
-  return /* @__PURE__ */ React25.createElement(SeparatorPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(SeparatorPrimitive.Root, {
     "data-slot": "separator",
     decorative,
     orientation,
@@ -2673,51 +2815,51 @@ function Separator2({ className, orientation = "horizontal", decorative = true,
 }
 __name(Separator2, "Separator");
 function ScrollArea({ className, children, ...props }) {
-  return /* @__PURE__ */ React25.createElement(ScrollAreaPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(ScrollAreaPrimitive.Root, {
     "data-slot": "scroll-area",
     className: cn("relative", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(ScrollAreaPrimitive.Viewport, {
+  }, /* @__PURE__ */ React26.createElement(ScrollAreaPrimitive.Viewport, {
     "data-slot": "scroll-area-viewport",
     className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1"
-  }, children), /* @__PURE__ */ React25.createElement(ScrollBar, null), /* @__PURE__ */ React25.createElement(ScrollAreaPrimitive.Corner, null));
+  }, children), /* @__PURE__ */ React26.createElement(ScrollBar, null), /* @__PURE__ */ React26.createElement(ScrollAreaPrimitive.Corner, null));
 }
 __name(ScrollArea, "ScrollArea");
 function ScrollBar({ className, orientation = "vertical", ...props }) {
-  return /* @__PURE__ */ React25.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, {
+  return /* @__PURE__ */ React26.createElement(ScrollAreaPrimitive.ScrollAreaScrollbar, {
     "data-slot": "scroll-area-scrollbar",
     orientation,
     className: cn("flex touch-none p-px transition-colors select-none", orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent", orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement(ScrollAreaPrimitive.ScrollAreaThumb, {
+  }, /* @__PURE__ */ React26.createElement(ScrollAreaPrimitive.ScrollAreaThumb, {
     "data-slot": "scroll-area-thumb",
     className: "bg-border relative flex-1 rounded-full"
   }));
 }
 __name(ScrollBar, "ScrollBar");
 function DropdownMenu({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Root, {
     "data-slot": "dropdown-menu",
     ...props
   });
 }
 __name(DropdownMenu, "DropdownMenu");
 function DropdownMenuPortal({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Portal, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Portal, {
     "data-slot": "dropdown-menu-portal",
     ...props
   });
 }
 __name(DropdownMenuPortal, "DropdownMenuPortal");
 function DropdownMenuTrigger({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Trigger, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Trigger, {
     "data-slot": "dropdown-menu-trigger",
     ...props
   });
 }
 __name(DropdownMenuTrigger, "DropdownMenuTrigger");
 function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Content, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Portal, null, /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Content, {
     "data-slot": "dropdown-menu-content",
     sideOffset,
     className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", className),
@@ -2726,14 +2868,14 @@ function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
 }
 __name(DropdownMenuContent, "DropdownMenuContent");
 function DropdownMenuGroup({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Group, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Group, {
     "data-slot": "dropdown-menu-group",
     ...props
   });
 }
 __name(DropdownMenuGroup, "DropdownMenuGroup");
 function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Item, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Item, {
     "data-slot": "dropdown-menu-item",
     "data-inset": inset,
     "data-variant": variant,
@@ -2743,39 +2885,39 @@ function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
 }
 __name(DropdownMenuItem, "DropdownMenuItem");
 function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.CheckboxItem, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.CheckboxItem, {
     "data-slot": "dropdown-menu-checkbox-item",
     className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     checked,
     ...props
-  }, /* @__PURE__ */ React25.createElement("span", {
+  }, /* @__PURE__ */ React26.createElement("span", {
     className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
-  }, /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React25.createElement(CheckIcon, {
+  }, /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React26.createElement(CheckIcon, {
     className: "size-4"
   }))), children);
 }
 __name(DropdownMenuCheckboxItem, "DropdownMenuCheckboxItem");
 function DropdownMenuRadioGroup({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.RadioGroup, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.RadioGroup, {
     "data-slot": "dropdown-menu-radio-group",
     ...props
   });
 }
 __name(DropdownMenuRadioGroup, "DropdownMenuRadioGroup");
 function DropdownMenuRadioItem({ className, children, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.RadioItem, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.RadioItem, {
     "data-slot": "dropdown-menu-radio-item",
     className: cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
-  }, /* @__PURE__ */ React25.createElement("span", {
+  }, /* @__PURE__ */ React26.createElement("span", {
     className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
-  }, /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React25.createElement(CircleIcon, {
+  }, /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.ItemIndicator, null, /* @__PURE__ */ React26.createElement(CircleIcon, {
     className: "size-2 fill-current"
   }))), children);
 }
 __name(DropdownMenuRadioItem, "DropdownMenuRadioItem");
 function DropdownMenuLabel({ className, inset, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Label, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Label, {
     "data-slot": "dropdown-menu-label",
     "data-inset": inset,
     className: cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", className),
@@ -2784,7 +2926,7 @@ function DropdownMenuLabel({ className, inset, ...props }) {
 }
 __name(DropdownMenuLabel, "DropdownMenuLabel");
 function DropdownMenuSeparator({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Separator, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Separator, {
     "data-slot": "dropdown-menu-separator",
     className: cn("bg-border -mx-1 my-1 h-px", className),
     ...props
@@ -2792,7 +2934,7 @@ function DropdownMenuSeparator({ className, ...props }) {
 }
 __name(DropdownMenuSeparator, "DropdownMenuSeparator");
 function DropdownMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement("span", {
+  return /* @__PURE__ */ React26.createElement("span", {
     "data-slot": "dropdown-menu-shortcut",
     className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
     ...props
@@ -2800,25 +2942,25 @@ function DropdownMenuShortcut({ className, ...props }) {
 }
 __name(DropdownMenuShortcut, "DropdownMenuShortcut");
 function DropdownMenuSub({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.Sub, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.Sub, {
     "data-slot": "dropdown-menu-sub",
     ...props
   });
 }
 __name(DropdownMenuSub, "DropdownMenuSub");
 function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.SubTrigger, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.SubTrigger, {
     "data-slot": "dropdown-menu-sub-trigger",
     "data-inset": inset,
     className: cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
     ...props
-  }, children, /* @__PURE__ */ React25.createElement(ChevronRightIcon, {
+  }, children, /* @__PURE__ */ React26.createElement(ChevronRightIcon, {
     className: "ml-auto size-4"
   }));
 }
 __name(DropdownMenuSubTrigger, "DropdownMenuSubTrigger");
 function DropdownMenuSubContent({ className, ...props }) {
-  return /* @__PURE__ */ React25.createElement(DropdownMenuPrimitive.SubContent, {
+  return /* @__PURE__ */ React26.createElement(DropdownMenuPrimitive.SubContent, {
     "data-slot": "dropdown-menu-sub-content",
     className: cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", className),
     ...props
@@ -2826,7 +2968,7 @@ function DropdownMenuSubContent({ className, ...props }) {
 }
 __name(DropdownMenuSubContent, "DropdownMenuSubContent");
 function TooltipProvider({ delayDuration = 0, ...props }) {
-  return /* @__PURE__ */ React25.createElement(TooltipPrimitive.Provider, {
+  return /* @__PURE__ */ React26.createElement(TooltipPrimitive.Provider, {
     "data-slot": "tooltip-provider",
     delayDuration,
     ...props
@@ -2834,26 +2976,26 @@ function TooltipProvider({ delayDuration = 0, ...props }) {
 }
 __name(TooltipProvider, "TooltipProvider");
 function Tooltip({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(TooltipProvider, null, /* @__PURE__ */ React25.createElement(TooltipPrimitive.Root, {
+  return /* @__PURE__ */ React26.createElement(TooltipProvider, null, /* @__PURE__ */ React26.createElement(TooltipPrimitive.Root, {
     "data-slot": "tooltip",
     ...props
   }));
 }
 __name(Tooltip, "Tooltip");
 function TooltipTrigger({ ...props }) {
-  return /* @__PURE__ */ React25.createElement(TooltipPrimitive.Trigger, {
+  return /* @__PURE__ */ React26.createElement(TooltipPrimitive.Trigger, {
     "data-slot": "tooltip-trigger",
     ...props
   });
 }
 __name(TooltipTrigger, "TooltipTrigger");
 function TooltipContent({ className, sideOffset = 0, children, ...props }) {
-  return /* @__PURE__ */ React25.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React25.createElement(TooltipPrimitive.Content, {
+  return /* @__PURE__ */ React26.createElement(TooltipPrimitive.Portal, null, /* @__PURE__ */ React26.createElement(TooltipPrimitive.Content, {
     "data-slot": "tooltip-content",
     sideOffset,
     className: cn("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", className),
     ...props
-  }, children, /* @__PURE__ */ React25.createElement(TooltipPrimitive.Arrow, {
+  }, children, /* @__PURE__ */ React26.createElement(TooltipPrimitive.Arrow, {
     className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"
   })));
 }
@@ -2884,44 +3026,44 @@ function DataGrid({ data, columns, searchable = false, searchPlaceholder = "Sear
     getSortedRowModel: getSortedRowModel(),
     getFilteredRowModel: getFilteredRowModel()
   });
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     className: clsx("lui-datagrid", className)
-  }, searchable && /* @__PURE__ */ React25__default.createElement("div", {
+  }, searchable && /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-datagrid-search"
-  }, /* @__PURE__ */ React25__default.createElement("input", {
+  }, /* @__PURE__ */ React26__default.createElement("input", {
     type: "text",
     value: globalFilter,
     onChange: /* @__PURE__ */ __name((e) => setGlobalFilter(e.target.value), "onChange"),
     placeholder: searchPlaceholder,
     className: "lui-datagrid-search-input"
-  })), /* @__PURE__ */ React25__default.createElement("div", {
+  })), /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-datagrid-container"
-  }, /* @__PURE__ */ React25__default.createElement("table", {
+  }, /* @__PURE__ */ React26__default.createElement("table", {
     className: "lui-datagrid-table"
-  }, /* @__PURE__ */ React25__default.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React25__default.createElement("tr", {
+  }, /* @__PURE__ */ React26__default.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React26__default.createElement("tr", {
     key: headerGroup.id
-  }, headerGroup.headers.map((header) => /* @__PURE__ */ React25__default.createElement("th", {
+  }, headerGroup.headers.map((header) => /* @__PURE__ */ React26__default.createElement("th", {
     key: header.id,
     className: clsx("lui-datagrid-th", header.column.getCanSort() && "lui-datagrid-th--sortable"),
     onClick: header.column.getToggleSortingHandler(),
     style: {
       width: header.column.getSize()
     }
-  }, /* @__PURE__ */ React25__default.createElement("div", {
+  }, /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-datagrid-th-content"
-  }, flexRender(header.column.columnDef.header, header.getContext()), header.column.getIsSorted() && /* @__PURE__ */ React25__default.createElement("span", {
+  }, flexRender(header.column.columnDef.header, header.getContext()), header.column.getIsSorted() && /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-datagrid-sort-icon"
-  }, header.column.getIsSorted() === "asc" ? "\u2191" : "\u2193"))))))), /* @__PURE__ */ React25__default.createElement("tbody", null, loading ? /* @__PURE__ */ React25__default.createElement("tr", null, /* @__PURE__ */ React25__default.createElement("td", {
+  }, header.column.getIsSorted() === "asc" ? "\u2191" : "\u2193"))))))), /* @__PURE__ */ React26__default.createElement("tbody", null, loading ? /* @__PURE__ */ React26__default.createElement("tr", null, /* @__PURE__ */ React26__default.createElement("td", {
     colSpan: columns.length,
     className: "lui-datagrid-loading"
-  }, "Loading...")) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ React25__default.createElement("tr", null, /* @__PURE__ */ React25__default.createElement("td", {
+  }, "Loading...")) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ React26__default.createElement("tr", null, /* @__PURE__ */ React26__default.createElement("td", {
     colSpan: columns.length,
     className: "lui-datagrid-empty"
-  }, emptyMessage)) : table.getRowModel().rows.map((row) => /* @__PURE__ */ React25__default.createElement("tr", {
+  }, emptyMessage)) : table.getRowModel().rows.map((row) => /* @__PURE__ */ React26__default.createElement("tr", {
     key: row.id,
     className: clsx("lui-datagrid-row", onRowClick && "lui-datagrid-row--clickable"),
     onClick: /* @__PURE__ */ __name(() => onRowClick?.(row.original), "onClick")
-  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React25__default.createElement("td", {
+  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React26__default.createElement("td", {
     key: cell.id,
     className: "lui-datagrid-td"
   }, flexRender(cell.column.columnDef.cell, cell.getContext())))))))));
@@ -2980,13 +3122,13 @@ function Chart({ type, data, options, height = 300, width = "100%", className })
       ...options?.plugins
     }
   };
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     className: clsx("lui-chart", className),
     style: {
       height,
       width
     }
-  }, /* @__PURE__ */ React25__default.createElement(Chart$2, {
+  }, /* @__PURE__ */ React26__default.createElement(Chart$2, {
     type,
     data,
     options: mergedOptions
@@ -3035,37 +3177,37 @@ function AppShell({ header, sidebar, footer, sidebarPosition = "left", sidebarWi
     width: typeof sidebarWidth === "number" ? `${sidebarWidth}px` : sidebarWidth,
     flexShrink: 0
   };
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     ref: containerRef,
     className: clsx("lui-app-shell", `lui-app-shell--padding-${padding}`, className),
     ...props
-  }, header && /* @__PURE__ */ React25__default.createElement("header", {
+  }, header && /* @__PURE__ */ React26__default.createElement("header", {
     className: "lui-app-shell-header"
-  }, header), /* @__PURE__ */ React25__default.createElement("div", {
+  }, header), /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-app-shell-body"
-  }, sidebar && sidebarPosition === "left" && /* @__PURE__ */ React25__default.createElement("aside", {
+  }, sidebar && sidebarPosition === "left" && /* @__PURE__ */ React26__default.createElement("aside", {
     className: "lui-app-shell-sidebar",
     style: sidebarStyle
-  }, sidebar), /* @__PURE__ */ React25__default.createElement("main", {
+  }, sidebar), /* @__PURE__ */ React26__default.createElement("main", {
     className: "lui-app-shell-main"
-  }, children), sidebar && sidebarPosition === "right" && /* @__PURE__ */ React25__default.createElement("aside", {
+  }, children), sidebar && sidebarPosition === "right" && /* @__PURE__ */ React26__default.createElement("aside", {
     className: "lui-app-shell-sidebar",
     style: sidebarStyle
-  }, sidebar)), footer && /* @__PURE__ */ React25__default.createElement("footer", {
+  }, sidebar)), footer && /* @__PURE__ */ React26__default.createElement("footer", {
     className: "lui-app-shell-footer"
   }, footer));
 }
 __name(AppShell, "AppShell");
 function Tabs2({ tabs, defaultValue, value, onValueChange, children, className }) {
   const defaultTab = defaultValue || tabs[0]?.value;
-  return /* @__PURE__ */ React25__default.createElement(TabsPrimitive2.Root, {
+  return /* @__PURE__ */ React26__default.createElement(TabsPrimitive2.Root, {
     className: clsx("lui-tabs", className),
     defaultValue: defaultTab,
     value,
     onValueChange
-  }, /* @__PURE__ */ React25__default.createElement(TabsPrimitive2.List, {
+  }, /* @__PURE__ */ React26__default.createElement(TabsPrimitive2.List, {
     className: "lui-tabs-list"
-  }, tabs.map((tab) => /* @__PURE__ */ React25__default.createElement(TabsPrimitive2.Trigger, {
+  }, tabs.map((tab) => /* @__PURE__ */ React26__default.createElement(TabsPrimitive2.Trigger, {
     key: tab.value,
     value: tab.value,
     disabled: tab.disabled,
@@ -3074,40 +3216,40 @@ function Tabs2({ tabs, defaultValue, value, onValueChange, children, className }
 }
 __name(Tabs2, "Tabs");
 function TabContent({ value, children, className }) {
-  return /* @__PURE__ */ React25__default.createElement(TabsPrimitive2.Content, {
+  return /* @__PURE__ */ React26__default.createElement(TabsPrimitive2.Content, {
     value,
     className: clsx("lui-tabs-content", className)
   }, children);
 }
 __name(TabContent, "TabContent");
 function Modal({ open, defaultOpen, onOpenChange, title, description, children, className, trigger }) {
-  return /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Root, {
+  return /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Root, {
     open,
     defaultOpen,
     onOpenChange
-  }, trigger && /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Trigger, {
+  }, trigger && /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Trigger, {
     asChild: true
-  }, trigger), /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Portal, null, /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Overlay, {
+  }, trigger), /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Portal, null, /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Overlay, {
     className: "lui-modal-overlay"
-  }), /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Content, {
+  }), /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Content, {
     className: clsx("lui-modal-content", className)
-  }, title && /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Title, {
+  }, title && /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Title, {
     className: "lui-modal-title"
-  }, title), description && /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Description, {
+  }, title), description && /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Description, {
     className: "lui-modal-description"
-  }, description), children, /* @__PURE__ */ React25__default.createElement(DialogPrimitive.Close, {
+  }, description), children, /* @__PURE__ */ React26__default.createElement(DialogPrimitive.Close, {
     className: "lui-modal-close",
     "aria-label": "Close"
-  }, /* @__PURE__ */ React25__default.createElement(CloseIcon, null)))));
+  }, /* @__PURE__ */ React26__default.createElement(CloseIcon, null)))));
 }
 __name(Modal, "Modal");
 function CloseIcon() {
-  return /* @__PURE__ */ React25__default.createElement("svg", {
+  return /* @__PURE__ */ React26__default.createElement("svg", {
     width: "14",
     height: "14",
     viewBox: "0 0 14 14",
     fill: "none"
-  }, /* @__PURE__ */ React25__default.createElement("path", {
+  }, /* @__PURE__ */ React26__default.createElement("path", {
     d: "M3.5 3.5L10.5 10.5M10.5 3.5L3.5 10.5",
     stroke: "currentColor",
     strokeWidth: "1.5",
@@ -3116,55 +3258,55 @@ function CloseIcon() {
 }
 __name(CloseIcon, "CloseIcon");
 function CodeBlock({ code, language = "text", showLineNumbers = false, copyable = true, className }) {
-  const [copied, setCopied] = React25__default.useState(false);
+  const [copied, setCopied] = React26__default.useState(false);
   const handleCopy = /* @__PURE__ */ __name(async () => {
     await navigator.clipboard.writeText(code);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, "handleCopy");
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     className: clsx("lui-code-block", className)
-  }, copyable && /* @__PURE__ */ React25__default.createElement("button", {
+  }, copyable && /* @__PURE__ */ React26__default.createElement("button", {
     type: "button",
     className: "lui-code-block-copy",
     onClick: handleCopy,
     "aria-label": copied ? "Copied!" : "Copy code"
-  }, copied ? /* @__PURE__ */ React25__default.createElement("svg", {
+  }, copied ? /* @__PURE__ */ React26__default.createElement("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2"
-  }, /* @__PURE__ */ React25__default.createElement("polyline", {
+  }, /* @__PURE__ */ React26__default.createElement("polyline", {
     points: "20,6 9,17 4,12"
-  })) : /* @__PURE__ */ React25__default.createElement("svg", {
+  })) : /* @__PURE__ */ React26__default.createElement("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2"
-  }, /* @__PURE__ */ React25__default.createElement("rect", {
+  }, /* @__PURE__ */ React26__default.createElement("rect", {
     x: "9",
     y: "9",
     width: "13",
     height: "13",
     rx: "2",
     ry: "2"
-  }), /* @__PURE__ */ React25__default.createElement("path", {
+  }), /* @__PURE__ */ React26__default.createElement("path", {
     d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"
-  }))), /* @__PURE__ */ React25__default.createElement(Highlight, {
+  }))), /* @__PURE__ */ React26__default.createElement(Highlight, {
     theme: themes.nightOwl,
     code: code.trim(),
     language
-  }, ({ className: hlClassName, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React25__default.createElement("pre", {
+  }, ({ className: hlClassName, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React26__default.createElement("pre", {
     className: clsx("lui-code-block-pre", hlClassName),
     style
-  }, tokens.map((line, i) => /* @__PURE__ */ React25__default.createElement("div", {
+  }, tokens.map((line, i) => /* @__PURE__ */ React26__default.createElement("div", {
     key: i,
     ...getLineProps({
       line
     })
-  }, showLineNumbers && /* @__PURE__ */ React25__default.createElement("span", {
+  }, showLineNumbers && /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-code-block-line-number"
-  }, i + 1), line.map((token, key) => /* @__PURE__ */ React25__default.createElement("span", {
+  }, i + 1), line.map((token, key) => /* @__PURE__ */ React26__default.createElement("span", {
     key,
     ...getTokenProps({
       token
@@ -3173,7 +3315,7 @@ function CodeBlock({ code, language = "text", showLineNumbers = false, copyable
 }
 __name(CodeBlock, "CodeBlock");
 var Card2 = /* @__PURE__ */ forwardRef(({ className, variant = "default", padding = "md", interactive = false, children, ...props }, ref) => {
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     ref,
     className: clsx("lui-card", `lui-card--${variant}`, `lui-card--padding-${padding}`, interactive && "lui-card--interactive", className),
     ...props
@@ -3181,23 +3323,23 @@ var Card2 = /* @__PURE__ */ forwardRef(({ className, variant = "default", paddin
 });
 Card2.displayName = "Card";
 var CardHeader2 = /* @__PURE__ */ forwardRef(({ className, title, description, action, children, ...props }, ref) => {
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     ref,
     className: clsx("lui-card-header", className),
     ...props
-  }, (title || description) && /* @__PURE__ */ React25__default.createElement("div", {
+  }, (title || description) && /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-card-header__text"
-  }, title && /* @__PURE__ */ React25__default.createElement("h3", {
+  }, title && /* @__PURE__ */ React26__default.createElement("h3", {
     className: "lui-card-header__title"
-  }, title), description && /* @__PURE__ */ React25__default.createElement("p", {
+  }, title), description && /* @__PURE__ */ React26__default.createElement("p", {
     className: "lui-card-header__description"
-  }, description)), action && /* @__PURE__ */ React25__default.createElement("div", {
+  }, description)), action && /* @__PURE__ */ React26__default.createElement("div", {
     className: "lui-card-header__action"
   }, action), children);
 });
 CardHeader2.displayName = "CardHeader";
 var CardContent2 = /* @__PURE__ */ forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     ref,
     className: clsx("lui-card-content", className),
     ...props
@@ -3205,7 +3347,7 @@ var CardContent2 = /* @__PURE__ */ forwardRef(({ className, children, ...props }
 });
 CardContent2.displayName = "CardContent";
 var CardFooter2 = /* @__PURE__ */ forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     ref,
     className: clsx("lui-card-footer", className),
     ...props
@@ -3215,31 +3357,31 @@ CardFooter2.displayName = "CardFooter";
 var Input2 = /* @__PURE__ */ forwardRef(({ className, label, helperText, error, size = "md", leftElement, rightElement, fullWidth = false, id, ...props }, ref) => {
   const inputId = id || `input-${Math.random().toString(36).substr(2, 9)}`;
   const hasError = Boolean(error);
-  return /* @__PURE__ */ React25__default.createElement("div", {
+  return /* @__PURE__ */ React26__default.createElement("div", {
     className: clsx("lui-input-wrapper", fullWidth && "lui-input-wrapper--full-width", className)
-  }, label && /* @__PURE__ */ React25__default.createElement("label", {
+  }, label && /* @__PURE__ */ React26__default.createElement("label", {
     htmlFor: inputId,
     className: "lui-input-label"
-  }, label), /* @__PURE__ */ React25__default.createElement("div", {
+  }, label), /* @__PURE__ */ React26__default.createElement("div", {
     className: clsx("lui-input-container", `lui-input-container--${size}`, hasError && "lui-input-container--error", leftElement && "lui-input-container--has-left", rightElement && "lui-input-container--has-right")
-  }, leftElement && /* @__PURE__ */ React25__default.createElement("span", {
+  }, leftElement && /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-input-element lui-input-element--left"
-  }, leftElement), /* @__PURE__ */ React25__default.createElement("input", {
+  }, leftElement), /* @__PURE__ */ React26__default.createElement("input", {
     ref,
     id: inputId,
     className: "lui-input",
     "aria-invalid": hasError,
     "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
     ...props
-  }), rightElement && /* @__PURE__ */ React25__default.createElement("span", {
+  }), rightElement && /* @__PURE__ */ React26__default.createElement("span", {
     className: "lui-input-element lui-input-element--right"
-  }, rightElement)), (error || helperText) && /* @__PURE__ */ React25__default.createElement("p", {
+  }, rightElement)), (error || helperText) && /* @__PURE__ */ React26__default.createElement("p", {
     id: error ? `${inputId}-error` : `${inputId}-helper`,
     className: clsx("lui-input-message", error && "lui-input-message--error")
   }, error || helperText));
 });
 Input2.displayName = "Input";
 
-export { ActionButton, Alert, AlertDescription, AlertTitle, AppProvider, AppShell, Badge, Button2 as Button, Card2 as Card, CardContent2 as CardContent, CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle, Chart, Checkbox, CodeBlock, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_RESULT_CONFIG, DataGrid, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, INITIAL_TOOL_STATE, Input2 as Input, Label2 as Label, Modal, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RequireConnection, ResourceView, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Skeleton, Slider, StreamingContent, Switch, TabContent, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, ToolButton, ToolDataGrid, ToolErrorBoundary, ToolForm, ToolInput, ToolProvider, ToolSelect, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, normalizeToolBinding, useFormField, useHostContext, useMcpApp, useMessage, useResource, useTool, useToolContext, useToolInput, useToolInputPartial, useToolResult, useToolStream, useToolSubscription };
+export { ActionButton, Alert, AlertDescription, AlertTitle, AppProvider, AppShell, Badge, Button2 as Button, Card2 as Card, CardContent2 as CardContent, CardDescription, CardFooter2 as CardFooter, CardHeader2 as CardHeader, CardTitle, Chart, Checkbox, CodeBlock, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, DEFAULT_RESULT_CONFIG, DataGrid, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Form, FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, GPTAppProvider, INITIAL_TOOL_STATE, Input2 as Input, Label2 as Label, Modal, Popover, PopoverAnchor, PopoverContent, PopoverTrigger, Progress, RequireConnection, ResourceView, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator2 as Separator, Skeleton, Slider, StreamingContent, Switch, TabContent, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs2 as Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, ToolButton, ToolDataGrid, ToolErrorBoundary, ToolForm, ToolInput, ToolProvider, ToolSelect, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, badgeVariants, buttonVariants, cn, normalizeToolBinding, useFormField, useGptApp, useGptTool, useHostContext, useMcpApp, useMessage, useResource, useTool, useToolContext, useToolInput, useToolInputPartial, useToolResult, useToolStream, useToolSubscription };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map