@leanmcp/ui 0.1.0 → 0.2.1

package/dist/index.js

@@ -1,67 +1,93 @@
 'use strict';
 
-require('reflect-metadata');
-var React7 = require('react');
+var chunk3PV26V5F_js = require('./chunk-3PV26V5F.js');
+var React25 = require('react');
 var extApps = require('@modelcontextprotocol/ext-apps');
+var lucideReact = require('lucide-react');
+var nextThemes = require('next-themes');
+var sonner = require('sonner');
 var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
 var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+var DialogPrimitive = require('@radix-ui/react-dialog');
+var SelectPrimitive = require('@radix-ui/react-select');
+var cmdk = require('cmdk');
+var PopoverPrimitive = require('@radix-ui/react-popover');
+var LabelPrimitive = require('@radix-ui/react-label');
+var CheckboxPrimitive = require('@radix-ui/react-checkbox');
+var SliderPrimitive = require('@radix-ui/react-slider');
+var SwitchPrimitive = require('@radix-ui/react-switch');
+var ProgressPrimitive = require('@radix-ui/react-progress');
+var reactHookForm = require('react-hook-form');
+var TabsPrimitive2 = require('@radix-ui/react-tabs');
+var SeparatorPrimitive = require('@radix-ui/react-separator');
+var ScrollAreaPrimitive = require('@radix-ui/react-scroll-area');
+var DropdownMenuPrimitive = require('@radix-ui/react-dropdown-menu');
+var TooltipPrimitive = require('@radix-ui/react-tooltip');
 var reactTable = require('@tanstack/react-table');
 var chart_js = require('chart.js');
 var reactChartjs2 = require('react-chartjs-2');
 var prismReactRenderer = require('prism-react-renderer');
+var appBridge = require('@modelcontextprotocol/ext-apps/app-bridge');
 
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
 
-var React7__default = /*#__PURE__*/_interopDefault(React7);
+var React25__namespace = /*#__PURE__*/_interopNamespace(React25);
+var DialogPrimitive__namespace = /*#__PURE__*/_interopNamespace(DialogPrimitive);
+var SelectPrimitive__namespace = /*#__PURE__*/_interopNamespace(SelectPrimitive);
+var PopoverPrimitive__namespace = /*#__PURE__*/_interopNamespace(PopoverPrimitive);
+var LabelPrimitive__namespace = /*#__PURE__*/_interopNamespace(LabelPrimitive);
+var CheckboxPrimitive__namespace = /*#__PURE__*/_interopNamespace(CheckboxPrimitive);
+var SliderPrimitive__namespace = /*#__PURE__*/_interopNamespace(SliderPrimitive);
+var SwitchPrimitive__namespace = /*#__PURE__*/_interopNamespace(SwitchPrimitive);
+var ProgressPrimitive__namespace = /*#__PURE__*/_interopNamespace(ProgressPrimitive);
+var TabsPrimitive2__namespace = /*#__PURE__*/_interopNamespace(TabsPrimitive2);
+var SeparatorPrimitive__namespace = /*#__PURE__*/_interopNamespace(SeparatorPrimitive);
+var ScrollAreaPrimitive__namespace = /*#__PURE__*/_interopNamespace(ScrollAreaPrimitive);
+var DropdownMenuPrimitive__namespace = /*#__PURE__*/_interopNamespace(DropdownMenuPrimitive);
+var TooltipPrimitive__namespace = /*#__PURE__*/_interopNamespace(TooltipPrimitive);
 
-var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-var UI_APP_COMPONENT_KEY = "ui:app:component";
-var UI_APP_URI_KEY = "ui:app:uri";
-var UI_APP_OPTIONS_KEY = "ui:app:options";
-function UIApp(options) {
-  return (target, propertyKey, descriptor) => {
-    const methodName = String(propertyKey);
-    const className = target.constructor.name.toLowerCase().replace("service", "");
-    const uri = options.uri ?? `ui://${className}/${methodName}`;
-    Reflect.defineMetadata(UI_APP_COMPONENT_KEY, options.component, descriptor.value);
-    Reflect.defineMetadata(UI_APP_URI_KEY, uri, descriptor.value);
-    Reflect.defineMetadata(UI_APP_OPTIONS_KEY, options, descriptor.value);
-    const existingMeta = Reflect.getMetadata("tool:meta", descriptor.value) || {};
-    Reflect.defineMetadata("tool:meta", {
-      ...existingMeta,
-      "ui/resourceUri": uri
-    }, descriptor.value);
-    return descriptor;
-  };
-}
-__name(UIApp, "UIApp");
-function getUIAppMetadata(target) {
-  const component = Reflect.getMetadata(UI_APP_COMPONENT_KEY, target);
-  if (!component) return void 0;
-  return {
-    component,
-    uri: Reflect.getMetadata(UI_APP_URI_KEY, target),
-    ...Reflect.getMetadata(UI_APP_OPTIONS_KEY, target)
-  };
-}
-__name(getUIAppMetadata, "getUIAppMetadata");
-function getUIAppUri(target) {
-  return Reflect.getMetadata(UI_APP_URI_KEY, target);
-}
-__name(getUIAppUri, "getUIAppUri");
-var McpAppContext = /* @__PURE__ */ React7.createContext(null);
+var McpAppContext = /* @__PURE__ */ React25.createContext(null);
 function AppProvider({ appInfo, capabilities = {}, options = {
   autoResize: true
-}, children }) {
-  const [app, setApp] = React7.useState(null);
-  const [isConnected, setIsConnected] = React7.useState(false);
-  const [error, setError] = React7.useState(null);
-  const [hostContext, setHostContext] = React7.useState({});
-  const [toolInput, setToolInput] = React7.useState(null);
-  const [toolInputPartial, setToolInputPartial] = React7.useState(null);
-  const [toolResult, setToolResult] = React7.useState(null);
-  React7.useEffect(() => {
+}, onTeardown, children }) {
+  const [app, setApp] = React25.useState(null);
+  const [isConnected, setIsConnected] = React25.useState(false);
+  const [error, setError] = React25.useState(null);
+  const [hostContext, setHostContext] = React25.useState({});
+  const [toolInput, setToolInput] = React25.useState(null);
+  const [toolInputPartial, setToolInputPartial] = React25.useState(null);
+  const [toolResult, setToolResult] = React25.useState(null);
+  const [toolCancelled, setToolCancelled] = React25.useState({
+    cancelled: false
+  });
+  const stylesApplied = React25.useRef(false);
+  const applyHostStyles = React25.useCallback((context) => {
+    if (context.theme) {
+      extApps.applyDocumentTheme(context.theme);
+    }
+    if (context.styles?.variables) {
+      extApps.applyHostStyleVariables(context.styles.variables);
+    }
+  }, []);
+  React25.useEffect(() => {
     let mounted = true;
     let appInstance = null;
     async function connect() {
@@ -71,6 +97,9 @@ function AppProvider({ appInfo, capabilities = {}, options = {
         appInstance.ontoolinput = (params) => {
           if (mounted) {
             setToolInput(params.arguments);
+            setToolCancelled({
+              cancelled: false
+            });
           }
         };
         appInstance.ontoolinputpartial = (params) => {
@@ -83,19 +112,42 @@ function AppProvider({ appInfo, capabilities = {}, options = {
             setToolResult(params);
           }
         };
+        appInstance.ontoolcancelled = (params) => {
+          if (mounted) {
+            setToolCancelled({
+              cancelled: true,
+              reason: params.reason
+            });
+          }
+        };
         appInstance.onhostcontextchanged = (params) => {
           if (mounted) {
             setHostContext((prev) => ({
               ...prev,
               ...params
             }));
+            applyHostStyles(params);
           }
         };
+        if (onTeardown) {
+          appInstance.onteardown = async () => {
+            await onTeardown();
+            return {};
+          };
+        }
         await appInstance.connect(transport);
         if (mounted) {
           setApp(appInstance);
           setIsConnected(true);
           setError(null);
+          const initialContext = appInstance.getHostContext();
+          if (initialContext) {
+            setHostContext(initialContext);
+            if (!stylesApplied.current) {
+              applyHostStyles(initialContext);
+              stylesApplied.current = true;
+            }
+          }
         }
       } catch (err) {
         if (mounted) {
@@ -104,7 +156,7 @@ function AppProvider({ appInfo, capabilities = {}, options = {
         }
       }
     }
-    __name(connect, "connect");
+    chunk3PV26V5F_js.__name(connect, "connect");
     connect();
     return () => {
       mounted = false;
@@ -114,12 +166,17 @@ function AppProvider({ appInfo, capabilities = {}, options = {
     };
   }, [
     appInfo.name,
-    appInfo.version
+    appInfo.version,
+    applyHostStyles,
+    onTeardown
   ]);
-  const callTool = React7.useCallback(async (name, args = {}) => {
+  const callTool = React25.useCallback(async (name, args = {}) => {
     if (!app) {
       throw new Error("Not connected to host");
     }
+    setToolCancelled({
+      cancelled: false
+    });
     const result = await app.callServerTool({
       name,
       arguments: args
@@ -129,7 +186,7 @@ function AppProvider({ appInfo, capabilities = {}, options = {
   }, [
     app
   ]);
-  const sendMessage = React7.useCallback(async (text) => {
+  const sendMessage = React25.useCallback(async (text) => {
     if (!app) {
       console.warn("[AppProvider] Not connected - cannot send message");
       return;
@@ -146,7 +203,7 @@ function AppProvider({ appInfo, capabilities = {}, options = {
   }, [
     app
   ]);
-  const sendLog = React7.useCallback(async (level, data) => {
+  const sendLog = React25.useCallback(async (level, data) => {
     if (!app) {
       console.log(`[MCP App] ${level}:`, data);
       return;
@@ -158,17 +215,29 @@ function AppProvider({ appInfo, capabilities = {}, options = {
   }, [
     app
   ]);
-  const openLink = React7.useCallback(async (url) => {
+  const openLink = React25.useCallback(async (url) => {
     if (!app) {
       window.open(url, "_blank", "noopener,noreferrer");
       return;
     }
-    await app.sendOpenLink({
+    await app.openLink({
       url
     });
   }, [
     app
   ]);
+  const requestDisplayMode = React25.useCallback(async (mode) => {
+    if (!app) {
+      console.warn("[AppProvider] Not connected - cannot request display mode");
+      return "inline";
+    }
+    const result = await app.requestDisplayMode({
+      mode
+    });
+    return result.mode;
+  }, [
+    app
+  ]);
   const value = {
     app,
     isConnected,
@@ -177,20 +246,22 @@ function AppProvider({ appInfo, capabilities = {}, options = {
     toolInput,
     toolInputPartial,
     toolResult,
+    toolCancelled,
     callTool,
     sendMessage,
     sendLog,
-    openLink
+    openLink,
+    requestDisplayMode
   };
   const theme = hostContext.theme ?? "light";
-  return /* @__PURE__ */ React7__default.default.createElement(McpAppContext.Provider, {
+  return /* @__PURE__ */ React25__namespace.default.createElement(McpAppContext.Provider, {
     value
-  }, /* @__PURE__ */ React7__default.default.createElement("div", {
+  }, /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: "lui-root",
     "data-theme": theme
   }, children));
 }
-__name(AppProvider, "AppProvider");
+chunk3PV26V5F_js.__name(AppProvider, "AppProvider");
 var ssrDefaultContext = {
   app: null,
   isConnected: false,
@@ -199,336 +270,2643 @@ var ssrDefaultContext = {
   toolInput: null,
   toolInputPartial: null,
   toolResult: null,
-  callTool: /* @__PURE__ */ __name(async () => {
+  toolCancelled: {
+    cancelled: false
+  },
+  callTool: /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
     throw new Error("callTool not available during SSR");
   }, "callTool"),
-  sendMessage: /* @__PURE__ */ __name(async () => {
+  sendMessage: /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
     console.warn("sendMessage not available during SSR");
   }, "sendMessage"),
-  sendLog: /* @__PURE__ */ __name(async () => {
+  sendLog: /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
     console.warn("sendLog not available during SSR");
   }, "sendLog"),
-  openLink: /* @__PURE__ */ __name(async () => {
+  openLink: /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
     console.warn("openLink not available during SSR");
-  }, "openLink")
+  }, "openLink"),
+  requestDisplayMode: /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
+    console.warn("requestDisplayMode not available during SSR");
+    return "inline";
+  }, "requestDisplayMode")
 };
 function useMcpApp() {
-  const context = React7.useContext(McpAppContext);
+  const context = React25.useContext(McpAppContext);
   if (!context) {
     return ssrDefaultContext;
   }
   return context;
 }
-__name(useMcpApp, "useMcpApp");
-function useTool(toolName) {
+chunk3PV26V5F_js.__name(useMcpApp, "useMcpApp");
+var DEFAULT_CONTEXT = {
+  resultDisplay: {
+    display: "none"
+  },
+  showLoading: true
+};
+var ToolContext = /* @__PURE__ */ React25.createContext(DEFAULT_CONTEXT);
+function ToolProvider({ defaults = {}, children }) {
+  const parentContext = React25.useContext(ToolContext);
+  const value = React25.useMemo(() => ({
+    resultDisplay: defaults.resultDisplay ?? parentContext.resultDisplay,
+    onError: defaults.onError ?? parentContext.onError,
+    showLoading: defaults.showLoading ?? parentContext.showLoading
+  }), [
+    defaults,
+    parentContext
+  ]);
+  return /* @__PURE__ */ React25__namespace.createElement(ToolContext.Provider, {
+    value
+  }, children);
+}
+chunk3PV26V5F_js.__name(ToolProvider, "ToolProvider");
+function useToolContext() {
+  return React25.useContext(ToolContext);
+}
+chunk3PV26V5F_js.__name(useToolContext, "useToolContext");
+var Toaster = /* @__PURE__ */ chunk3PV26V5F_js.__name(({ ...props }) => {
+  const { theme = "system" } = nextThemes.useTheme();
+  return /* @__PURE__ */ React25__namespace.default.createElement(sonner.Toaster, {
+    theme,
+    className: "toaster group",
+    icons: {
+      success: /* @__PURE__ */ React25__namespace.default.createElement(lucideReact.CircleCheckIcon, {
+        className: "size-4"
+      }),
+      info: /* @__PURE__ */ React25__namespace.default.createElement(lucideReact.InfoIcon, {
+        className: "size-4"
+      }),
+      warning: /* @__PURE__ */ React25__namespace.default.createElement(lucideReact.TriangleAlertIcon, {
+        className: "size-4"
+      }),
+      error: /* @__PURE__ */ React25__namespace.default.createElement(lucideReact.OctagonXIcon, {
+        className: "size-4"
+      }),
+      loading: /* @__PURE__ */ React25__namespace.default.createElement(lucideReact.Loader2Icon, {
+        className: "size-4 animate-spin"
+      })
+    },
+    style: {
+      "--normal-bg": "var(--popover)",
+      "--normal-text": "var(--popover-foreground)",
+      "--normal-border": "var(--border)",
+      "--border-radius": "var(--radius)"
+    },
+    ...props
+  });
+}, "Toaster");
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+chunk3PV26V5F_js.__name(cn, "cn");
+
+// src/components/ui/button.tsx
+var buttonVariants = classVarianceAuthority.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none 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", {
+  variants: {
+    variant: {
+      default: "bg-primary text-primary-foreground hover:bg-primary/90",
+      destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+      secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+      ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+      link: "text-primary underline-offset-4 hover:underline"
+    },
+    size: {
+      default: "h-9 px-4 py-2 has-[>svg]:px-3",
+      sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+      lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+      icon: "size-9",
+      "icon-sm": "size-8",
+      "icon-lg": "size-10"
+    }
+  },
+  defaultVariants: {
+    variant: "default",
+    size: "default"
+  }
+});
+function Button({ className, variant = "default", size = "default", asChild = false, ...props }) {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ React25__namespace.createElement(Comp, {
+    "data-slot": "button",
+    "data-variant": variant,
+    "data-size": size,
+    className: cn(buttonVariants({
+      variant,
+      size,
+      className
+    })),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Button, "Button");
+function Dialog({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.Root, {
+    "data-slot": "dialog",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Dialog, "Dialog");
+function DialogTrigger({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.Trigger, {
+    "data-slot": "dialog-trigger",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DialogTrigger, "DialogTrigger");
+function DialogPortal({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.Portal, {
+    "data-slot": "dialog-portal",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DialogPortal, "DialogPortal");
+function DialogClose({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.Close, {
+    "data-slot": "dialog-close",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DialogClose, "DialogClose");
+function DialogOverlay({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(DialogOverlay, "DialogOverlay");
+function DialogContent({ className, children, showCloseButton = true, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPortal, {
+    "data-slot": "dialog-portal"
+  }, /* @__PURE__ */ React25__namespace.createElement(DialogOverlay, null), /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.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__namespace.createElement(DialogPrimitive__namespace.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__namespace.createElement(lucideReact.XIcon, null), /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "sr-only"
+  }, "Close"))));
+}
+chunk3PV26V5F_js.__name(DialogContent, "DialogContent");
+function DialogHeader({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "dialog-header",
+    className: cn("flex flex-col gap-2 text-center sm:text-left", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DialogHeader, "DialogHeader");
+function DialogFooter({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "dialog-footer",
+    className: cn("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DialogFooter, "DialogFooter");
+function DialogTitle({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.Title, {
+    "data-slot": "dialog-title",
+    className: cn("text-lg leading-none font-semibold", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DialogTitle, "DialogTitle");
+function DialogDescription({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DialogPrimitive__namespace.Description, {
+    "data-slot": "dialog-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DialogDescription, "DialogDescription");
+function extractResultData(result) {
+  if ("structuredContent" in result && result.structuredContent) {
+    return result.structuredContent;
+  }
+  if (result.content && result.content.length > 0) {
+    const textContent = result.content.filter((c) => c.type === "text").map((c) => c.text).join("");
+    if (textContent) {
+      try {
+        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;
+      }
+    }
+  }
+  return result;
+}
+chunk3PV26V5F_js.__name(extractResultData, "extractResultData");
+function useTool(toolName, options = {}) {
   const { callTool } = useMcpApp();
-  const [loading, setLoading] = React7.useState(false);
-  const [result, setResult] = React7.useState(null);
-  const [error, setError] = React7.useState(null);
-  const call = React7.useCallback(async (args = {}) => {
-    setLoading(true);
+  const [state, setState] = React25.useState("idle");
+  const [result, setResult] = React25.useState(null);
+  const [error, setError] = React25.useState(null);
+  const abortControllerRef = React25.useRef(null);
+  const lastArgsRef = React25.useRef(void 0);
+  const retryCountRef = React25.useRef(0);
+  const { defaultArgs, transform, retry, onStart, onSuccess, onError, onComplete } = options;
+  const retryConfig = typeof retry === "number" ? {
+    count: retry,
+    delay: 1e3
+  } : retry ?? {
+    count: 0,
+    delay: 1e3
+  };
+  const executeCall = React25.useCallback(async (args) => {
+    const mergedArgs = {
+      ...defaultArgs,
+      ...args
+    };
+    lastArgsRef.current = mergedArgs;
+    abortControllerRef.current = new AbortController();
+    setState("loading");
     setError(null);
+    onStart?.();
     try {
-      const response = await callTool(toolName, args);
-      const data = response?.structuredContent ?? response;
+      const response = await callTool(toolName, mergedArgs);
+      if (abortControllerRef.current?.signal.aborted) {
+        throw new Error("Tool call aborted");
+      }
+      let data;
+      if (transform) {
+        data = transform(response);
+      } else {
+        data = extractResultData(response);
+      }
+      setState("success");
       setResult(data);
+      retryCountRef.current = 0;
+      onSuccess?.(data);
+      onComplete?.();
       return data;
     } catch (err) {
       const error2 = err instanceof Error ? err : new Error(String(err));
+      if (retryCountRef.current < retryConfig.count) {
+        retryCountRef.current++;
+        await new Promise((resolve) => setTimeout(resolve, retryConfig.delay));
+        return executeCall(args);
+      }
+      setState("error");
       setError(error2);
+      retryCountRef.current = 0;
+      onError?.(error2);
+      onComplete?.();
       throw error2;
-    } finally {
-      setLoading(false);
     }
   }, [
     callTool,
-    toolName
+    toolName,
+    defaultArgs,
+    transform,
+    retryConfig,
+    onStart,
+    onSuccess,
+    onError,
+    onComplete
+  ]);
+  const call = React25.useCallback(async (args) => {
+    retryCountRef.current = 0;
+    return executeCall(args);
+  }, [
+    executeCall
+  ]);
+  const mutate = React25.useCallback(async (args) => {
+    return call(args);
+  }, [
+    call
   ]);
-  const reset = React7.useCallback(() => {
+  const reset = React25.useCallback(() => {
+    setState("idle");
     setResult(null);
     setError(null);
+    retryCountRef.current = 0;
+    abortControllerRef.current?.abort();
+  }, []);
+  const retryCall = React25.useCallback(async () => {
+    if (lastArgsRef.current === void 0 && !defaultArgs) {
+      return null;
+    }
+    retryCountRef.current = 0;
+    return executeCall(lastArgsRef.current);
+  }, [
+    executeCall,
+    defaultArgs
+  ]);
+  const abort = React25.useCallback(() => {
+    abortControllerRef.current?.abort();
+    setState("idle");
   }, []);
   return {
     call,
+    mutate,
+    state,
+    loading: state === "loading",
+    result,
+    error,
+    reset,
+    retry: retryCall,
+    abort
+  };
+}
+chunk3PV26V5F_js.__name(useTool, "useTool");
+function ToolButton({ tool, args = {}, resultDisplay = "none", renderResult, resultDuration = 3e3, successMessage, errorMessage, onToolStart, onToolSuccess, onToolError, onToolComplete, loadingText, loadingIcon, disableWhileLoading = true, confirm, children, className, variant = "default", size = "default", disabled, asChild = false, ...props }) {
+  const toolConfig = typeof tool === "string" ? {
+    name: tool
+  } : tool;
+  const mergedArgs = {
+    ...toolConfig.args,
+    ...args
+  };
+  const { call, state, loading, result, error, reset } = useTool(toolConfig.name, {
+    defaultArgs: mergedArgs,
+    transform: toolConfig.transform,
+    onStart: onToolStart,
+    onSuccess: onToolSuccess,
+    onError: onToolError,
+    onComplete: onToolComplete
+  });
+  const [showConfirm, setShowConfirm] = React25.useState(false);
+  const [showResult, setShowResult] = React25.useState(false);
+  const buttonState = {
     loading,
+    state,
     result,
     error,
-    reset
+    hasResult: result !== null || error !== null
+  };
+  const executeCall = React25.useCallback(async () => {
+    try {
+      const res = await call();
+      if (resultDisplay === "toast") {
+        const message = typeof successMessage === "function" ? successMessage(res) : successMessage ?? "Success";
+        sonner.toast.success(message);
+      } else if (resultDisplay === "inline") {
+        setShowResult(true);
+        setTimeout(() => setShowResult(false), resultDuration);
+      }
+    } catch (err) {
+      if (resultDisplay === "toast") {
+        const message = typeof errorMessage === "function" ? errorMessage(err instanceof Error ? err : new Error(String(err))) : errorMessage ?? (err instanceof Error ? err.message : "An error occurred");
+        sonner.toast.error(message);
+      } else if (resultDisplay === "inline") {
+        setShowResult(true);
+        setTimeout(() => setShowResult(false), resultDuration);
+      }
+    }
+  }, [
+    call,
+    resultDisplay,
+    successMessage,
+    errorMessage,
+    resultDuration
+  ]);
+  const handleClick = React25.useCallback(() => {
+    if (confirm) {
+      setShowConfirm(true);
+    } else {
+      executeCall();
+    }
+  }, [
+    confirm,
+    executeCall
+  ]);
+  const handleConfirm = React25.useCallback(() => {
+    setShowConfirm(false);
+    executeCall();
+  }, [
+    executeCall
+  ]);
+  const confirmConfig = typeof confirm === "object" ? confirm : {
+    title: "Confirm Action",
+    description: "Are you sure you want to proceed?",
+    confirmText: "Confirm",
+    cancelText: "Cancel"
   };
+  const renderChildren = /* @__PURE__ */ chunk3PV26V5F_js.__name(() => {
+    if (typeof children === "function") {
+      return children(buttonState);
+    }
+    if (loading) {
+      return /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, null, loadingIcon ?? /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+        className: "animate-spin"
+      }), loadingText && /* @__PURE__ */ React25__namespace.createElement("span", null, loadingText), !loadingText && children);
+    }
+    if (showResult && resultDisplay === "inline") {
+      if (error) {
+        return /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, null, /* @__PURE__ */ React25__namespace.createElement(lucideReact.X, {
+          className: "text-destructive"
+        }), /* @__PURE__ */ React25__namespace.createElement("span", null, error.message));
+      }
+      if (renderResult) {
+        return renderResult(result);
+      }
+      return /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, null, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Check, {
+        className: "text-success"
+      }), /* @__PURE__ */ React25__namespace.createElement("span", null, "Done"));
+    }
+    return children;
+  }, "renderChildren");
+  return /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, null, /* @__PURE__ */ React25__namespace.createElement(Button, {
+    type: "button",
+    variant,
+    size,
+    className: cn(className),
+    disabled: disabled || disableWhileLoading && loading,
+    onClick: handleClick,
+    asChild,
+    ...props
+  }, renderChildren()), confirm && /* @__PURE__ */ React25__namespace.createElement(Dialog, {
+    open: showConfirm,
+    onOpenChange: setShowConfirm
+  }, /* @__PURE__ */ React25__namespace.createElement(DialogContent, null, /* @__PURE__ */ React25__namespace.createElement(DialogHeader, null, /* @__PURE__ */ React25__namespace.createElement(DialogTitle, null, confirmConfig.title), confirmConfig.description && /* @__PURE__ */ React25__namespace.createElement(DialogDescription, null, confirmConfig.description)), /* @__PURE__ */ React25__namespace.createElement(DialogFooter, null, /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: "outline",
+    onClick: /* @__PURE__ */ chunk3PV26V5F_js.__name(() => setShowConfirm(false), "onClick")
+  }, confirmConfig.cancelText ?? "Cancel"), /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: confirmConfig.confirmVariant ?? (variant === "destructive" ? "destructive" : "default"),
+    onClick: handleConfirm
+  }, confirmConfig.confirmText ?? "Confirm")))));
+}
+chunk3PV26V5F_js.__name(ToolButton, "ToolButton");
+function Select({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.Root, {
+    "data-slot": "select",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Select, "Select");
+function SelectGroup({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.Group, {
+    "data-slot": "select-group",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(SelectGroup, "SelectGroup");
+function SelectValue({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.Value, {
+    "data-slot": "select-value",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(SelectValue, "SelectValue");
+function SelectTrigger({ className, size = "default", children, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(SelectPrimitive__namespace.Icon, {
+    asChild: true
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.ChevronDownIcon, {
+    className: "size-4 opacity-50"
+  })));
+}
+chunk3PV26V5F_js.__name(SelectTrigger, "SelectTrigger");
+function SelectContent({ className, children, position = "item-aligned", align = "center", ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.Portal, null, /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(SelectScrollUpButton, null), /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement(SelectScrollDownButton, null)));
+}
+chunk3PV26V5F_js.__name(SelectContent, "SelectContent");
+function SelectLabel({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.Label, {
+    "data-slot": "select-label",
+    className: cn("text-muted-foreground px-2 py-1.5 text-xs", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(SelectLabel, "SelectLabel");
+function SelectItem({ className, children, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.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__namespace.createElement("span", {
+    "data-slot": "select-item-indicator",
+    className: "absolute right-2 flex size-3.5 items-center justify-center"
+  }, /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React25__namespace.createElement(lucideReact.CheckIcon, {
+    className: "size-4"
+  }))), /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.ItemText, null, children));
+}
+chunk3PV26V5F_js.__name(SelectItem, "SelectItem");
+function SelectSeparator({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.Separator, {
+    "data-slot": "select-separator",
+    className: cn("bg-border pointer-events-none -mx-1 my-1 h-px", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(SelectSeparator, "SelectSeparator");
+function SelectScrollUpButton({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.ScrollUpButton, {
+    "data-slot": "select-scroll-up-button",
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.ChevronUpIcon, {
+    className: "size-4"
+  }));
+}
+chunk3PV26V5F_js.__name(SelectScrollUpButton, "SelectScrollUpButton");
+function SelectScrollDownButton({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SelectPrimitive__namespace.ScrollDownButton, {
+    "data-slot": "select-scroll-down-button",
+    className: cn("flex cursor-default items-center justify-center py-1", className),
+    ...props
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.ChevronDownIcon, {
+    className: "size-4"
+  }));
+}
+chunk3PV26V5F_js.__name(SelectScrollDownButton, "SelectScrollDownButton");
+function ToolSelect({ onSelectTool, argName = "value", additionalArgs = {}, optionsTool, optionsArgs = {}, transformOptions, options: staticOptions = [], placeholder = "Select an option", loadingPlaceholder = "Loading...", emptyMessage = "No options available", value: controlledValue, defaultValue, onValueChange, onOptionsLoaded, onSelectionSuccess, onSelectionError, showSuccessToast = false, successMessage, className, disabled = false }) {
+  const [fetchedOptions, setFetchedOptions] = React25.useState([]);
+  const [internalValue, setInternalValue] = React25.useState(defaultValue ?? "");
+  const optionsToolConfig = optionsTool ? typeof optionsTool === "string" ? {
+    name: optionsTool
+  } : optionsTool : null;
+  const selectToolConfig = onSelectTool ? typeof onSelectTool === "string" ? {
+    name: onSelectTool
+  } : onSelectTool : null;
+  const optionsHook = useTool(optionsToolConfig?.name ?? "", {
+    defaultArgs: {
+      ...optionsToolConfig?.args,
+      ...optionsArgs
+    }
+  });
+  const selectHook = useTool(selectToolConfig?.name ?? "", {
+    onSuccess: /* @__PURE__ */ chunk3PV26V5F_js.__name((result) => {
+      onSelectionSuccess?.(result);
+      if (showSuccessToast) {
+        const message = typeof successMessage === "function" ? successMessage(result) : successMessage ?? "Selection saved";
+        sonner.toast.success(message);
+      }
+    }, "onSuccess"),
+    onError: onSelectionError
+  });
+  React25.useEffect(() => {
+    if (optionsToolConfig) {
+      optionsHook.call().then((result) => {
+        const options = transformOptions ? transformOptions(result) : result;
+        setFetchedOptions(options);
+        onOptionsLoaded?.(options);
+      }).catch(() => {
+      });
+    }
+  }, [
+    optionsToolConfig?.name
+  ]);
+  const allOptions = [
+    ...staticOptions,
+    ...fetchedOptions
+  ];
+  const value = controlledValue ?? internalValue;
+  const handleValueChange = React25.useCallback((newValue) => {
+    setInternalValue(newValue);
+    onValueChange?.(newValue);
+    if (selectToolConfig) {
+      selectHook.call({
+        [argName]: newValue,
+        ...additionalArgs
+      });
+    }
+  }, [
+    onValueChange,
+    selectToolConfig,
+    argName,
+    additionalArgs,
+    selectHook
+  ]);
+  const isLoading = optionsHook.loading || selectHook.loading;
+  const hasError = optionsHook.error || selectHook.error;
+  return /* @__PURE__ */ React25__namespace.createElement(Select, {
+    value,
+    onValueChange: handleValueChange,
+    disabled: disabled || isLoading
+  }, /* @__PURE__ */ React25__namespace.createElement(SelectTrigger, {
+    className: cn("w-full", className)
+  }, isLoading ? /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+    className: "h-4 w-4 animate-spin"
+  }), /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "text-muted-foreground"
+  }, optionsHook.loading ? loadingPlaceholder : "Saving...")) : /* @__PURE__ */ React25__namespace.createElement(SelectValue, {
+    placeholder
+  })), /* @__PURE__ */ React25__namespace.createElement(SelectContent, null, allOptions.length === 0 ? /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "py-6 text-center text-sm text-muted-foreground"
+  }, hasError ? "Error loading options" : emptyMessage) : allOptions.map((option) => /* @__PURE__ */ React25__namespace.createElement(SelectItem, {
+    key: option.value,
+    value: option.value,
+    disabled: option.disabled
+  }, /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center gap-2"
+  }, option.icon, /* @__PURE__ */ React25__namespace.createElement("div", null, /* @__PURE__ */ React25__namespace.createElement("div", null, option.label), option.description && /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "text-xs text-muted-foreground"
+  }, option.description)))))));
+}
+chunk3PV26V5F_js.__name(ToolSelect, "ToolSelect");
+function Input({ className, type, ...props }) {
+  return /* @__PURE__ */ React25__namespace.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),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Input, "Input");
+function Command({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(cmdk.Command, {
+    "data-slot": "command",
+    className: cn("bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Command, "Command");
+function CommandDialog({ title = "Command Palette", description = "Search for a command to run...", children, className, showCloseButton = true, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(Dialog, props, /* @__PURE__ */ React25__namespace.createElement(DialogHeader, {
+    className: "sr-only"
+  }, /* @__PURE__ */ React25__namespace.createElement(DialogTitle, null, title), /* @__PURE__ */ React25__namespace.createElement(DialogDescription, null, description)), /* @__PURE__ */ React25__namespace.createElement(DialogContent, {
+    className: cn("overflow-hidden p-0", className),
+    showCloseButton
+  }, /* @__PURE__ */ React25__namespace.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)));
+}
+chunk3PV26V5F_js.__name(CommandDialog, "CommandDialog");
+function CommandInput({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "command-input-wrapper",
+    className: "flex h-9 items-center gap-2 border-b px-3"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.SearchIcon, {
+    className: "size-4 shrink-0 opacity-50"
+  }), /* @__PURE__ */ React25__namespace.createElement(cmdk.Command.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
+  }));
+}
+chunk3PV26V5F_js.__name(CommandInput, "CommandInput");
+function CommandList({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(cmdk.Command.List, {
+    "data-slot": "command-list",
+    className: cn("max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(CommandList, "CommandList");
+function CommandEmpty({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(cmdk.Command.Empty, {
+    "data-slot": "command-empty",
+    className: "py-6 text-center text-sm",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(CommandEmpty, "CommandEmpty");
+function CommandGroup({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(cmdk.Command.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
+  });
+}
+chunk3PV26V5F_js.__name(CommandGroup, "CommandGroup");
+function CommandSeparator({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(cmdk.Command.Separator, {
+    "data-slot": "command-separator",
+    className: cn("bg-border -mx-1 h-px", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(CommandSeparator, "CommandSeparator");
+function CommandItem({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(cmdk.Command.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
+  });
+}
+chunk3PV26V5F_js.__name(CommandItem, "CommandItem");
+function CommandShortcut({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("span", {
+    "data-slot": "command-shortcut",
+    className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(CommandShortcut, "CommandShortcut");
+function Popover({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(PopoverPrimitive__namespace.Root, {
+    "data-slot": "popover",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Popover, "Popover");
+function PopoverTrigger({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(PopoverPrimitive__namespace.Trigger, {
+    "data-slot": "popover-trigger",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(PopoverTrigger, "PopoverTrigger");
+function PopoverContent({ className, align = "center", sideOffset = 4, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(PopoverPrimitive__namespace.Portal, null, /* @__PURE__ */ React25__namespace.createElement(PopoverPrimitive__namespace.Content, {
+    "data-slot": "popover-content",
+    align,
+    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 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden", className),
+    ...props
+  }));
+}
+chunk3PV26V5F_js.__name(PopoverContent, "PopoverContent");
+function PopoverAnchor({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(PopoverPrimitive__namespace.Anchor, {
+    "data-slot": "popover-anchor",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(PopoverAnchor, "PopoverAnchor");
+
+// src/mcp/ToolInput.tsx
+function ToolInput({ searchTool, debounce = 300, minChars = 1, argName = "query", additionalArgs = {}, autocomplete = false, transformSuggestions, onSuggestionSelect, emptyMessage = "No results found", value: controlledValue, onChange, onSearchResults, onSearchError, showSearchIcon = true, showClearButton = true, showLoadingIndicator = true, className, placeholder = "Search...", disabled, ...props }) {
+  const [internalValue, setInternalValue] = React25.useState("");
+  const [suggestions, setSuggestions] = React25.useState([]);
+  const [isOpen, setIsOpen] = React25.useState(false);
+  const debounceRef = React25.useRef(null);
+  const inputRef = React25.useRef(null);
+  const toolConfig = searchTool ? typeof searchTool === "string" ? {
+    name: searchTool
+  } : searchTool : null;
+  const { call, loading, error, reset } = useTool(toolConfig?.name ?? "", {
+    defaultArgs: {
+      ...toolConfig?.args,
+      ...additionalArgs
+    },
+    onSuccess: /* @__PURE__ */ chunk3PV26V5F_js.__name((result) => {
+      onSearchResults?.(result);
+      if (autocomplete && transformSuggestions) {
+        const suggestions2 = transformSuggestions(result);
+        setSuggestions(suggestions2);
+        if (suggestions2.length > 0) {
+          setIsOpen(true);
+        }
+      }
+    }, "onSuccess"),
+    onError: onSearchError
+  });
+  const value = controlledValue ?? internalValue;
+  const handleChange = React25.useCallback((e) => {
+    const newValue = e.target.value;
+    setInternalValue(newValue);
+    onChange?.(newValue);
+    if (debounceRef.current) {
+      clearTimeout(debounceRef.current);
+    }
+    if (newValue.length < minChars) {
+      setSuggestions([]);
+      setIsOpen(false);
+      return;
+    }
+    if (toolConfig) {
+      debounceRef.current = setTimeout(() => {
+        call({
+          [argName]: newValue
+        });
+      }, debounce);
+    }
+  }, [
+    onChange,
+    minChars,
+    toolConfig,
+    argName,
+    debounce,
+    call
+  ]);
+  const handleClear = React25.useCallback(() => {
+    setInternalValue("");
+    onChange?.("");
+    setSuggestions([]);
+    setIsOpen(false);
+    reset();
+    inputRef.current?.focus();
+  }, [
+    onChange,
+    reset
+  ]);
+  const handleSelect = React25.useCallback((suggestion) => {
+    setInternalValue(suggestion.label);
+    onChange?.(suggestion.label);
+    setIsOpen(false);
+    onSuggestionSelect?.(suggestion);
+  }, [
+    onChange,
+    onSuggestionSelect
+  ]);
+  React25.useEffect(() => {
+    return () => {
+      if (debounceRef.current) {
+        clearTimeout(debounceRef.current);
+      }
+    };
+  }, []);
+  const inputElement = /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: cn("relative", className)
+  }, showSearchIcon && /* @__PURE__ */ React25__namespace.createElement(lucideReact.Search, {
+    className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground"
+  }), /* @__PURE__ */ React25__namespace.createElement(Input, {
+    ref: inputRef,
+    value,
+    onChange: handleChange,
+    placeholder,
+    disabled,
+    className: cn(showSearchIcon && "pl-9", (showClearButton || showLoadingIndicator) && "pr-9"),
+    ...props
+  }), /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "absolute right-3 top-1/2 -translate-y-1/2 flex items-center gap-1"
+  }, showLoadingIndicator && loading && /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+    className: "h-4 w-4 animate-spin text-muted-foreground"
+  }), showClearButton && value && !loading && /* @__PURE__ */ React25__namespace.createElement("button", {
+    type: "button",
+    onClick: handleClear,
+    className: "h-4 w-4 text-muted-foreground hover:text-foreground transition-colors"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.X, {
+    className: "h-4 w-4"
+  }))));
+  if (!autocomplete) {
+    return inputElement;
+  }
+  return /* @__PURE__ */ React25__namespace.createElement(Popover, {
+    open: isOpen,
+    onOpenChange: setIsOpen
+  }, /* @__PURE__ */ React25__namespace.createElement(PopoverTrigger, {
+    asChild: true
+  }, inputElement), /* @__PURE__ */ React25__namespace.createElement(PopoverContent, {
+    className: "p-0 w-[var(--radix-popover-trigger-width)]",
+    align: "start",
+    onOpenAutoFocus: /* @__PURE__ */ chunk3PV26V5F_js.__name((e) => e.preventDefault(), "onOpenAutoFocus")
+  }, /* @__PURE__ */ React25__namespace.createElement(Command, null, /* @__PURE__ */ React25__namespace.createElement(CommandList, null, /* @__PURE__ */ React25__namespace.createElement(CommandEmpty, null, emptyMessage), /* @__PURE__ */ React25__namespace.createElement(CommandGroup, null, suggestions.map((suggestion) => /* @__PURE__ */ React25__namespace.createElement(CommandItem, {
+    key: suggestion.value,
+    value: suggestion.value,
+    onSelect: /* @__PURE__ */ chunk3PV26V5F_js.__name(() => handleSelect(suggestion), "onSelect")
+  }, /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center gap-2"
+  }, suggestion.icon, /* @__PURE__ */ React25__namespace.createElement("div", null, /* @__PURE__ */ React25__namespace.createElement("div", null, suggestion.label), suggestion.description && /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "text-xs text-muted-foreground"
+  }, suggestion.description))))))))));
+}
+chunk3PV26V5F_js.__name(ToolInput, "ToolInput");
+function Label2({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(LabelPrimitive__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(Label2, "Label");
+function Textarea({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(Textarea, "Textarea");
+function Checkbox({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(CheckboxPrimitive__namespace.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__namespace.createElement(CheckboxPrimitive__namespace.Indicator, {
+    "data-slot": "checkbox-indicator",
+    className: "grid place-content-center text-current transition-none"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.CheckIcon, {
+    className: "size-3.5"
+  })));
+}
+chunk3PV26V5F_js.__name(Checkbox, "Checkbox");
+function Slider({ className, defaultValue, value, min = 0, max = 100, ...props }) {
+  const _values = React25__namespace.useMemo(() => Array.isArray(value) ? value : Array.isArray(defaultValue) ? defaultValue : [
+    min,
+    max
+  ], [
+    value,
+    defaultValue,
+    min,
+    max
+  ]);
+  return /* @__PURE__ */ React25__namespace.createElement(SliderPrimitive__namespace.Root, {
+    "data-slot": "slider",
+    defaultValue,
+    value,
+    min,
+    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__namespace.createElement(SliderPrimitive__namespace.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__namespace.createElement(SliderPrimitive__namespace.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__namespace.createElement(SliderPrimitive__namespace.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"
+  })));
+}
+chunk3PV26V5F_js.__name(Slider, "Slider");
+function Switch({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SwitchPrimitive__namespace.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__namespace.createElement(SwitchPrimitive__namespace.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")
+  }));
+}
+chunk3PV26V5F_js.__name(Switch, "Switch");
+var alertVariants = classVarianceAuthority.cva("relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current", {
+  variants: {
+    variant: {
+      default: "bg-card text-card-foreground",
+      destructive: "text-destructive bg-card [&>svg]:text-current *:data-[slot=alert-description]:text-destructive/90"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Alert({ className, variant, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "alert",
+    role: "alert",
+    className: cn(alertVariants({
+      variant
+    }), className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Alert, "Alert");
+function AlertTitle({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "alert-title",
+    className: cn("col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(AlertTitle, "AlertTitle");
+function AlertDescription({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(AlertDescription, "AlertDescription");
+function ToolForm({ toolName, fields: manualFields, autoSchema = false, submitText = "Submit", loadingText, onSuccess, onError, showResult = false, showSuccessToast = false, successMessage, resetOnSuccess = false, className, layout = "vertical" }) {
+  const { app, isConnected } = useMcpApp();
+  const { call, loading, result, error, reset } = useTool(toolName, {
+    onSuccess: /* @__PURE__ */ chunk3PV26V5F_js.__name((result2) => {
+      onSuccess?.(result2);
+      if (showSuccessToast) {
+        const message = typeof successMessage === "function" ? successMessage(result2) : successMessage ?? "Form submitted successfully";
+        sonner.toast.success(message);
+      }
+      if (resetOnSuccess) {
+        resetForm();
+      }
+    }, "onSuccess"),
+    onError
+  });
+  const [fields, setFields] = React25.useState(manualFields ?? []);
+  const [schemaLoading, setSchemaLoading] = React25.useState(autoSchema);
+  const [formData, setFormData] = React25.useState({});
+  const initializeFormData = /* @__PURE__ */ chunk3PV26V5F_js.__name((fields2) => {
+    const initial = {};
+    fields2.forEach((field) => {
+      if (field.defaultValue !== void 0) {
+        initial[field.name] = field.defaultValue;
+      } else if (field.type === "checkbox" || field.type === "switch") {
+        initial[field.name] = false;
+      } else if (field.type === "number" || field.type === "slider") {
+        initial[field.name] = field.min ?? 0;
+      } else {
+        initial[field.name] = "";
+      }
+    });
+    setFormData(initial);
+  }, "initializeFormData");
+  const resetForm = /* @__PURE__ */ chunk3PV26V5F_js.__name(() => {
+    initializeFormData(fields);
+    reset();
+  }, "resetForm");
+  React25.useEffect(() => {
+    if (autoSchema && app && isConnected) {
+      setSchemaLoading(true);
+      const fetchSchema = /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
+        try {
+          console.warn("[ToolForm] Auto-schema not fully implemented, use manual fields");
+          if (manualFields) {
+            setFields(manualFields);
+            initializeFormData(manualFields);
+          }
+        } catch (err) {
+          console.error("[ToolForm] Failed to fetch schema:", err);
+        } finally {
+          setSchemaLoading(false);
+        }
+      }, "fetchSchema");
+      fetchSchema();
+    } else if (manualFields) {
+      setFields(manualFields);
+      initializeFormData(manualFields);
+    }
+  }, [
+    autoSchema,
+    app,
+    isConnected,
+    manualFields,
+    toolName
+  ]);
+  const handleSubmit = /* @__PURE__ */ chunk3PV26V5F_js.__name(async (e) => {
+    e.preventDefault();
+    const args = {};
+    fields.forEach((field) => {
+      let value = formData[field.name];
+      if (field.type === "number" || field.type === "slider") {
+        value = Number(value);
+      }
+      args[field.name] = value;
+    });
+    await call(args);
+  }, "handleSubmit");
+  const handleChange = /* @__PURE__ */ chunk3PV26V5F_js.__name((name, value) => {
+    setFormData((prev) => ({
+      ...prev,
+      [name]: value
+    }));
+  }, "handleChange");
+  const renderField = /* @__PURE__ */ chunk3PV26V5F_js.__name((field) => {
+    const value = formData[field.name];
+    switch (field.type) {
+      case "textarea":
+        return /* @__PURE__ */ React25__namespace.createElement(Textarea, {
+          id: field.name,
+          placeholder: field.placeholder,
+          value: value ?? "",
+          onChange: /* @__PURE__ */ chunk3PV26V5F_js.__name((e) => handleChange(field.name, e.target.value), "onChange"),
+          disabled: field.disabled || loading,
+          required: field.required
+        });
+      case "select":
+        return /* @__PURE__ */ React25__namespace.createElement(Select, {
+          value: value ?? "",
+          onValueChange: /* @__PURE__ */ chunk3PV26V5F_js.__name((v) => handleChange(field.name, v), "onValueChange"),
+          disabled: field.disabled || loading
+        }, /* @__PURE__ */ React25__namespace.createElement(SelectTrigger, null, /* @__PURE__ */ React25__namespace.createElement(SelectValue, {
+          placeholder: field.placeholder ?? "Select..."
+        })), /* @__PURE__ */ React25__namespace.createElement(SelectContent, null, field.options?.map((option) => /* @__PURE__ */ React25__namespace.createElement(SelectItem, {
+          key: option.value,
+          value: option.value
+        }, option.label))));
+      case "checkbox":
+        return /* @__PURE__ */ React25__namespace.createElement("div", {
+          className: "flex items-center space-x-2"
+        }, /* @__PURE__ */ React25__namespace.createElement(Checkbox, {
+          id: field.name,
+          checked: value ?? false,
+          onCheckedChange: /* @__PURE__ */ chunk3PV26V5F_js.__name((checked) => handleChange(field.name, checked), "onCheckedChange"),
+          disabled: field.disabled || loading
+        }), /* @__PURE__ */ React25__namespace.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__namespace.createElement("div", {
+          className: "flex items-center space-x-2"
+        }, /* @__PURE__ */ React25__namespace.createElement(Switch, {
+          id: field.name,
+          checked: value ?? false,
+          onCheckedChange: /* @__PURE__ */ chunk3PV26V5F_js.__name((checked) => handleChange(field.name, checked), "onCheckedChange"),
+          disabled: field.disabled || loading
+        }), /* @__PURE__ */ React25__namespace.createElement(Label2, {
+          htmlFor: field.name
+        }, field.label));
+      case "slider":
+        return /* @__PURE__ */ React25__namespace.createElement("div", {
+          className: "space-y-2"
+        }, /* @__PURE__ */ React25__namespace.createElement("div", {
+          className: "flex justify-between text-sm"
+        }, /* @__PURE__ */ React25__namespace.createElement("span", null, field.min ?? 0), /* @__PURE__ */ React25__namespace.createElement("span", null, value ?? field.min ?? 0), /* @__PURE__ */ React25__namespace.createElement("span", null, field.max ?? 100)), /* @__PURE__ */ React25__namespace.createElement(Slider, {
+          value: [
+            value ?? field.min ?? 0
+          ],
+          onValueChange: /* @__PURE__ */ chunk3PV26V5F_js.__name(([v]) => handleChange(field.name, v), "onValueChange"),
+          min: field.min ?? 0,
+          max: field.max ?? 100,
+          step: field.step ?? 1,
+          disabled: field.disabled || loading
+        }));
+      case "number":
+        return /* @__PURE__ */ React25__namespace.createElement(Input, {
+          id: field.name,
+          type: "number",
+          placeholder: field.placeholder,
+          value: value ?? "",
+          onChange: /* @__PURE__ */ chunk3PV26V5F_js.__name((e) => handleChange(field.name, e.target.value), "onChange"),
+          min: field.min,
+          max: field.max,
+          step: field.step,
+          disabled: field.disabled || loading,
+          required: field.required
+        });
+      default:
+        return /* @__PURE__ */ React25__namespace.createElement(Input, {
+          id: field.name,
+          type: field.type ?? "text",
+          placeholder: field.placeholder,
+          value: value ?? "",
+          onChange: /* @__PURE__ */ chunk3PV26V5F_js.__name((e) => handleChange(field.name, e.target.value), "onChange"),
+          disabled: field.disabled || loading,
+          required: field.required
+        });
+    }
+  }, "renderField");
+  if (schemaLoading) {
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className: "flex items-center justify-center p-8"
+    }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+      className: "h-6 w-6 animate-spin text-muted-foreground"
+    }));
+  }
+  return /* @__PURE__ */ React25__namespace.createElement("form", {
+    className: cn("space-y-4", className),
+    onSubmit: handleSubmit
+  }, /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: cn("space-y-4", layout === "horizontal" && "grid grid-cols-2 gap-4")
+  }, fields.map((field) => /* @__PURE__ */ React25__namespace.createElement("div", {
+    key: field.name,
+    className: "space-y-2"
+  }, field.type !== "checkbox" && field.type !== "switch" && /* @__PURE__ */ React25__namespace.createElement(Label2, {
+    htmlFor: field.name
+  }, field.label, field.required && /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "text-destructive ml-1"
+  }, "*")), renderField(field), field.description && /* @__PURE__ */ React25__namespace.createElement("p", {
+    className: "text-sm text-muted-foreground"
+  }, field.description)))), /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ React25__namespace.createElement(Button, {
+    type: "submit",
+    disabled: loading
+  }, loading ? /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, null, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+    className: "h-4 w-4 animate-spin mr-2"
+  }), loadingText ?? "Submitting...") : submitText)), error && /* @__PURE__ */ React25__namespace.createElement(Alert, {
+    variant: "destructive"
+  }, /* @__PURE__ */ React25__namespace.createElement(AlertDescription, null, error.message)), showResult && result !== null && /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "rounded-md bg-muted p-4"
+  }, /* @__PURE__ */ React25__namespace.createElement("pre", {
+    className: "text-sm overflow-auto"
+  }, JSON.stringify(result, null, 2))));
+}
+chunk3PV26V5F_js.__name(ToolForm, "ToolForm");
+function useResource(uri, options = {}) {
+  const { app, isConnected } = useMcpApp();
+  const { refreshInterval, subscribe = false, transform, skip = false } = options;
+  const [data, setData] = React25.useState(null);
+  const [loading, setLoading] = React25.useState(!skip);
+  const [error, setError] = React25.useState(null);
+  const [lastUpdated, setLastUpdated] = React25.useState(null);
+  const intervalRef = React25.useRef(null);
+  const mountedRef = React25.useRef(true);
+  const fetchResource = React25.useCallback(async () => {
+    if (!app || !isConnected) {
+      throw new Error("Not connected to MCP host");
+    }
+    setLoading(true);
+    setError(null);
+    try {
+      const result = await app.readResource?.({
+        uri
+      });
+      if (!result) {
+        throw new Error("readResource not supported by host");
+      }
+      let resourceData;
+      if (result.contents && result.contents.length > 0) {
+        const content = result.contents[0];
+        if (content.text) {
+          try {
+            resourceData = JSON.parse(content.text);
+          } catch {
+            resourceData = content.text;
+          }
+        } else if (content.blob) {
+          resourceData = content.blob;
+        } else {
+          resourceData = content;
+        }
+      } else {
+        resourceData = result;
+      }
+      if (transform) {
+        resourceData = transform(resourceData);
+      }
+      if (mountedRef.current) {
+        setData(resourceData);
+        setLastUpdated(/* @__PURE__ */ new Date());
+        setLoading(false);
+      }
+      return resourceData;
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error(String(err));
+      if (mountedRef.current) {
+        setError(error2);
+        setLoading(false);
+      }
+      throw error2;
+    }
+  }, [
+    app,
+    isConnected,
+    uri,
+    transform
+  ]);
+  const refresh = React25.useCallback(async () => {
+    return fetchResource();
+  }, [
+    fetchResource
+  ]);
+  React25.useEffect(() => {
+    mountedRef.current = true;
+    if (!skip && isConnected) {
+      fetchResource().catch(() => {
+      });
+    }
+    return () => {
+      mountedRef.current = false;
+    };
+  }, [
+    uri,
+    isConnected,
+    skip,
+    fetchResource
+  ]);
+  React25.useEffect(() => {
+    if (refreshInterval && refreshInterval > 0 && isConnected && !skip) {
+      intervalRef.current = setInterval(() => {
+        fetchResource().catch(() => {
+        });
+      }, refreshInterval);
+    }
+    return () => {
+      if (intervalRef.current) {
+        clearInterval(intervalRef.current);
+        intervalRef.current = null;
+      }
+    };
+  }, [
+    refreshInterval,
+    isConnected,
+    skip,
+    fetchResource
+  ]);
+  React25.useEffect(() => {
+    if (subscribe) {
+      console.warn("[useResource] Subscription support not yet implemented");
+    }
+  }, [
+    subscribe
+  ]);
+  return {
+    data,
+    loading,
+    error,
+    refresh,
+    lastUpdated
+  };
+}
+chunk3PV26V5F_js.__name(useResource, "useResource");
+function Skeleton({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    "data-slot": "skeleton",
+    className: cn("bg-accent animate-pulse rounded-md", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Skeleton, "Skeleton");
+
+// src/mcp/ResourceView.tsx
+function DefaultLoading() {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex flex-col gap-3 p-4"
+  }, /* @__PURE__ */ React25__namespace.createElement(Skeleton, {
+    className: "h-4 w-3/4"
+  }), /* @__PURE__ */ React25__namespace.createElement(Skeleton, {
+    className: "h-4 w-1/2"
+  }), /* @__PURE__ */ React25__namespace.createElement(Skeleton, {
+    className: "h-20 w-full"
+  }));
+}
+chunk3PV26V5F_js.__name(DefaultLoading, "DefaultLoading");
+function DefaultError({ error, onRetry }) {
+  return /* @__PURE__ */ React25__namespace.createElement(Alert, {
+    variant: "destructive"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.AlertCircle, {
+    className: "h-4 w-4"
+  }), /* @__PURE__ */ React25__namespace.createElement(AlertTitle, null, "Error loading resource"), /* @__PURE__ */ React25__namespace.createElement(AlertDescription, {
+    className: "flex flex-col gap-2"
+  }, /* @__PURE__ */ React25__namespace.createElement("span", null, error.message), /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: "outline",
+    size: "sm",
+    onClick: onRetry,
+    className: "w-fit"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.RefreshCw, {
+    className: "h-4 w-4 mr-2"
+  }), "Retry")));
+}
+chunk3PV26V5F_js.__name(DefaultError, "DefaultError");
+function ResourceView({ uri, refreshInterval, subscribe, transform, loading: loadingContent, error: errorContent, children, className, skip = false }) {
+  const { data, loading, error, refresh, lastUpdated } = useResource(uri, {
+    refreshInterval,
+    subscribe,
+    transform,
+    skip
+  });
+  const meta = {
+    uri,
+    refresh,
+    lastUpdated,
+    isRefreshing: loading && data !== null
+  };
+  if (loading && data === null) {
+    if (loadingContent) {
+      return /* @__PURE__ */ React25__namespace.createElement("div", {
+        className
+      }, loadingContent);
+    }
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className: cn("flex items-center justify-center p-8", className)
+    }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+      className: "h-8 w-8 animate-spin text-muted-foreground"
+    }));
+  }
+  if (error && data === null) {
+    if (errorContent) {
+      if (typeof errorContent === "function") {
+        return /* @__PURE__ */ React25__namespace.createElement("div", {
+          className
+        }, errorContent(error, refresh));
+      }
+      return /* @__PURE__ */ React25__namespace.createElement("div", {
+        className
+      }, errorContent);
+    }
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className
+    }, /* @__PURE__ */ React25__namespace.createElement(DefaultError, {
+      error,
+      onRetry: refresh
+    }));
+  }
+  if (data !== null) {
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className
+    }, children(data, meta));
+  }
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    className
+  }, loadingContent ?? /* @__PURE__ */ React25__namespace.createElement(DefaultLoading, null));
+}
+chunk3PV26V5F_js.__name(ResourceView, "ResourceView");
+function useToolStream(options = {}) {
+  const { toolInputPartial, toolInput, toolResult } = useMcpApp();
+  const { onPartial, onComplete } = options;
+  const [partial, setPartial] = React25.useState(null);
+  const [complete, setComplete] = React25.useState(null);
+  const [isStreaming, setIsStreaming] = React25.useState(false);
+  const [isComplete, setIsComplete] = React25.useState(false);
+  React25.useEffect(() => {
+    if (toolInputPartial) {
+      setPartial(toolInputPartial);
+      setIsStreaming(true);
+      setIsComplete(false);
+      onPartial?.(toolInputPartial);
+    }
+  }, [
+    toolInputPartial,
+    onPartial
+  ]);
+  React25.useEffect(() => {
+    if (toolInput) {
+      setComplete(toolInput);
+      setIsStreaming(false);
+      setIsComplete(true);
+      onComplete?.(toolInput);
+    }
+  }, [
+    toolInput,
+    onComplete
+  ]);
+  React25.useEffect(() => {
+    if (toolResult && !toolResult.isError) {
+      setIsStreaming(false);
+      setIsComplete(true);
+    }
+  }, [
+    toolResult
+  ]);
+  return {
+    partial,
+    complete,
+    isStreaming,
+    isComplete
+  };
+}
+chunk3PV26V5F_js.__name(useToolStream, "useToolStream");
+function Progress({ className, value, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(ProgressPrimitive__namespace.Root, {
+    "data-slot": "progress",
+    className: cn("bg-primary/20 relative h-2 w-full overflow-hidden rounded-full", className),
+    ...props
+  }, /* @__PURE__ */ React25__namespace.createElement(ProgressPrimitive__namespace.Indicator, {
+    "data-slot": "progress-indicator",
+    className: "bg-primary h-full w-full flex-1 transition-all",
+    style: {
+      transform: `translateX(-${100 - (value || 0)}%)`
+    }
+  }));
+}
+chunk3PV26V5F_js.__name(Progress, "Progress");
+
+// src/mcp/StreamingContent.tsx
+function StreamingContent({ fallback, showProgress = false, progress: externalProgress, onPartial, onComplete, children, className, streamingStyle = "opacity" }) {
+  const { partial, complete, isStreaming, isComplete } = useToolStream({
+    onPartial,
+    onComplete
+  });
+  const data = complete ?? partial;
+  if (!data) {
+    if (fallback) {
+      return /* @__PURE__ */ React25__namespace.createElement("div", {
+        className
+      }, fallback);
+    }
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className: cn("flex items-center justify-center p-8", className)
+    }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.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__namespace.createElement("div", {
+    className: cn("relative", className)
+  }, showProgress && isStreaming && /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "absolute top-0 left-0 right-0 z-10"
+  }, externalProgress !== void 0 ? /* @__PURE__ */ React25__namespace.createElement(Progress, {
+    value: externalProgress,
+    className: "h-1"
+  }) : /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "h-1 bg-primary/20 overflow-hidden"
+  }, /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "h-full w-1/3 bg-primary animate-[shimmer_1s_infinite]"
+  }))), isStreaming && /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "absolute top-2 right-2 z-10"
+  }, /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center gap-1 px-2 py-1 rounded-full bg-muted text-muted-foreground text-xs"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+    className: "h-3 w-3 animate-spin"
+  }), /* @__PURE__ */ React25__namespace.createElement("span", null, "Streaming..."))), /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: cn("transition-all duration-200", streamingClasses)
+  }, children(data, isComplete)));
+}
+chunk3PV26V5F_js.__name(StreamingContent, "StreamingContent");
+function Table({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "table-container",
+    className: "relative w-full overflow-x-auto"
+  }, /* @__PURE__ */ React25__namespace.createElement("table", {
+    "data-slot": "table",
+    className: cn("w-full caption-bottom text-sm", className),
+    ...props
+  }));
+}
+chunk3PV26V5F_js.__name(Table, "Table");
+function TableHeader({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("thead", {
+    "data-slot": "table-header",
+    className: cn("[&_tr]:border-b", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TableHeader, "TableHeader");
+function TableBody({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("tbody", {
+    "data-slot": "table-body",
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TableBody, "TableBody");
+function TableFooter({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("tfoot", {
+    "data-slot": "table-footer",
+    className: cn("bg-muted/50 border-t font-medium [&>tr]:last:border-b-0", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TableFooter, "TableFooter");
+function TableRow({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("tr", {
+    "data-slot": "table-row",
+    className: cn("hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TableRow, "TableRow");
+function TableHead({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(TableHead, "TableHead");
+function TableCell({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(TableCell, "TableCell");
+function TableCaption({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("caption", {
+    "data-slot": "table-caption",
+    className: cn("text-muted-foreground mt-4 text-sm", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TableCaption, "TableCaption");
+function getNestedValue(obj, path) {
+  return path.split(".").reduce((current, key) => {
+    if (current && typeof current === "object" && key in current) {
+      return current[key];
+    }
+    return void 0;
+  }, obj);
+}
+chunk3PV26V5F_js.__name(getNestedValue, "getNestedValue");
+function ToolDataGrid({ dataTool, columns, transformData, rowActions = [], pagination = true, pageSizes = [
+  10,
+  25,
+  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;
+  const [data, setData] = React25.useState({
+    rows: [],
+    total: 0
+  });
+  const [paginationState, setPaginationState] = React25.useState({
+    page: 1,
+    pageSize: defaultPageSize
+  });
+  const [sortState, setSortState] = React25.useState(defaultSort ?? {
+    column: null,
+    direction: "asc"
+  });
+  const { call, loading, error } = useTool(toolConfig.name, {
+    defaultArgs: toolConfig.args,
+    onSuccess: /* @__PURE__ */ chunk3PV26V5F_js.__name((result) => {
+      const gridData = transformData ? transformData(result) : result;
+      setData(gridData);
+      onDataLoaded?.(gridData);
+    }, "onSuccess"),
+    onError
+  });
+  const fetchData = React25.useCallback(() => {
+    const args = {};
+    if (pagination) {
+      args.page = paginationState.page;
+      args.pageSize = paginationState.pageSize;
+      args.offset = (paginationState.page - 1) * paginationState.pageSize;
+      args.limit = paginationState.pageSize;
+    }
+    if (sortState.column) {
+      args.sortBy = sortState.column;
+      args.sortDirection = sortState.direction;
+      args.sort = `${sortState.column}:${sortState.direction}`;
+    }
+    call(args);
+  }, [
+    call,
+    pagination,
+    paginationState,
+    sortState
+  ]);
+  const initialFetchDone = React25__namespace.useRef(false);
+  const prevStateRef = React25__namespace.useRef({
+    pagination: paginationState,
+    sort: sortState
+  });
+  React25.useEffect(() => {
+    if (!initialFetchDone.current) {
+      initialFetchDone.current = true;
+      fetchData();
+      return;
+    }
+    const prevState = prevStateRef.current;
+    const stateChanged = prevState.pagination.page !== paginationState.page || prevState.pagination.pageSize !== paginationState.pageSize || prevState.sort.column !== sortState.column || prevState.sort.direction !== sortState.direction;
+    if (stateChanged) {
+      prevStateRef.current = {
+        pagination: paginationState,
+        sort: sortState
+      };
+      fetchData();
+    }
+  }, [
+    fetchData,
+    paginationState,
+    sortState
+  ]);
+  React25.useEffect(() => {
+    if (refreshInterval && refreshInterval > 0) {
+      const interval = setInterval(fetchData, refreshInterval);
+      return () => clearInterval(interval);
+    }
+  }, [
+    refreshInterval,
+    fetchData
+  ]);
+  const handleSort = React25.useCallback((column) => {
+    setSortState((prev) => ({
+      column,
+      direction: prev.column === column && prev.direction === "asc" ? "desc" : "asc"
+    }));
+  }, []);
+  const handlePageChange = React25.useCallback((page) => {
+    setPaginationState((prev) => ({
+      ...prev,
+      page
+    }));
+  }, []);
+  const handlePageSizeChange = React25.useCallback((pageSize) => {
+    setPaginationState({
+      page: 1,
+      pageSize: parseInt(pageSize, 10)
+    });
+  }, []);
+  const totalPages = Math.ceil(data.total / paginationState.pageSize);
+  const canPreviousPage = paginationState.page > 1;
+  const canNextPage = paginationState.page < totalPages;
+  const getSortIcon = /* @__PURE__ */ chunk3PV26V5F_js.__name((column) => {
+    if (sortState.column !== column) {
+      return /* @__PURE__ */ React25__namespace.createElement(lucideReact.ArrowUpDown, {
+        className: "h-4 w-4"
+      });
+    }
+    return sortState.direction === "asc" ? /* @__PURE__ */ React25__namespace.createElement(lucideReact.ArrowUp, {
+      className: "h-4 w-4"
+    }) : /* @__PURE__ */ React25__namespace.createElement(lucideReact.ArrowDown, {
+      className: "h-4 w-4"
+    });
+  }, "getSortIcon");
+  const renderLoading = /* @__PURE__ */ chunk3PV26V5F_js.__name(() => {
+    if (loadingContent) return loadingContent;
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className: "space-y-2"
+    }, Array.from({
+      length: 5
+    }).map((_, i) => /* @__PURE__ */ React25__namespace.createElement(Skeleton, {
+      key: i,
+      className: "h-12 w-full"
+    })));
+  }, "renderLoading");
+  const renderEmpty = /* @__PURE__ */ chunk3PV26V5F_js.__name(() => {
+    if (emptyContent) return emptyContent;
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className: "flex flex-col items-center justify-center py-12 text-muted-foreground"
+    }, /* @__PURE__ */ React25__namespace.createElement("p", {
+      className: "text-lg"
+    }, "No data found"), /* @__PURE__ */ React25__namespace.createElement(Button, {
+      variant: "ghost",
+      size: "sm",
+      onClick: fetchData,
+      className: "mt-2"
+    }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.RefreshCw, {
+      className: "h-4 w-4 mr-2"
+    }), "Refresh"));
+  }, "renderEmpty");
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: cn("space-y-4", className)
+  }, showRefresh && /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center justify-end gap-2"
+  }, /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: "outline",
+    size: "sm",
+    onClick: fetchData,
+    disabled: loading
+  }, loading ? /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+    className: "h-4 w-4 animate-spin"
+  }) : /* @__PURE__ */ React25__namespace.createElement(lucideReact.RefreshCw, {
+    className: "h-4 w-4"
+  }), /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "ml-2"
+  }, "Refresh"))), /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "rounded-md border"
+  }, loading && data.rows.length === 0 ? /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "p-4"
+  }, renderLoading()) : data.rows.length === 0 ? renderEmpty() : /* @__PURE__ */ React25__namespace.createElement(Table, null, /* @__PURE__ */ React25__namespace.createElement(TableHeader, null, /* @__PURE__ */ React25__namespace.createElement(TableRow, null, columns.map((column) => /* @__PURE__ */ React25__namespace.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__namespace.createElement(Button, {
+    variant: "ghost",
+    size: "sm",
+    onClick: /* @__PURE__ */ chunk3PV26V5F_js.__name(() => handleSort(column.key), "onClick"),
+    className: "-ml-3"
+  }, column.header, getSortIcon(column.key)) : column.header)), rowActions.length > 0 && /* @__PURE__ */ React25__namespace.createElement(TableHead, {
+    className: "w-[100px]"
+  }, "Actions"))), /* @__PURE__ */ React25__namespace.createElement(TableBody, null, data.rows.map((row, index) => {
+    const key = getRowKey?.(row, index) ?? String(index);
+    return /* @__PURE__ */ React25__namespace.createElement(TableRow, {
+      key,
+      onClick: /* @__PURE__ */ chunk3PV26V5F_js.__name(() => onRowClick?.(row, index), "onClick"),
+      className: onRowClick ? "cursor-pointer" : void 0
+    }, columns.map((column) => {
+      const value = getNestedValue(row, column.key);
+      return /* @__PURE__ */ React25__namespace.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__namespace.createElement(TableCell, null, /* @__PURE__ */ React25__namespace.createElement("div", {
+      className: "flex items-center gap-1"
+    }, rowActions.filter((action) => !action.hidden?.(row)).map((action, actionIndex) => /* @__PURE__ */ React25__namespace.createElement(RowActionButton, {
+      key: actionIndex,
+      action,
+      row,
+      onRefresh: fetchData
+    })))));
+  })))), pagination && data.total > 0 && /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /* @__PURE__ */ React25__namespace.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__namespace.createElement("div", {
+    className: "flex items-center gap-4"
+  }, /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "text-sm text-muted-foreground"
+  }, "Rows per page"), /* @__PURE__ */ React25__namespace.createElement(Select, {
+    value: String(paginationState.pageSize),
+    onValueChange: handlePageSizeChange
+  }, /* @__PURE__ */ React25__namespace.createElement(SelectTrigger, {
+    className: "w-[70px]"
+  }, /* @__PURE__ */ React25__namespace.createElement(SelectValue, null)), /* @__PURE__ */ React25__namespace.createElement(SelectContent, null, pageSizes.map((size) => /* @__PURE__ */ React25__namespace.createElement(SelectItem, {
+    key: size,
+    value: String(size)
+  }, size))))), /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center gap-2"
+  }, /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: "outline",
+    size: "sm",
+    onClick: /* @__PURE__ */ chunk3PV26V5F_js.__name(() => handlePageChange(paginationState.page - 1), "onClick"),
+    disabled: !canPreviousPage || loading
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.ChevronLeft, {
+    className: "h-4 w-4"
+  })), /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "text-sm"
+  }, "Page ", paginationState.page, " of ", totalPages), /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: "outline",
+    size: "sm",
+    onClick: /* @__PURE__ */ chunk3PV26V5F_js.__name(() => handlePageChange(paginationState.page + 1), "onClick"),
+    disabled: !canNextPage || loading
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.ChevronRight, {
+    className: "h-4 w-4"
+  }))))));
+}
+chunk3PV26V5F_js.__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;
+  const args = action.getArgs?.(row) ?? {
+    id: row.id
+  };
+  const { call, loading } = useTool(toolConfig.name, {
+    onSuccess: /* @__PURE__ */ chunk3PV26V5F_js.__name((result) => {
+      action.onSuccess?.(result, row);
+      sonner.toast.success("Action completed");
+      onRefresh();
+    }, "onSuccess"),
+    onError: /* @__PURE__ */ chunk3PV26V5F_js.__name((error) => {
+      sonner.toast.error(error.message);
+    }, "onError")
+  });
+  const handleClick = React25.useCallback((e) => {
+    e.stopPropagation();
+    call(args);
+  }, [
+    call,
+    args
+  ]);
+  return /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: action.variant ?? "ghost",
+    size: "sm",
+    onClick: handleClick,
+    disabled: loading
+  }, loading ? /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+    className: "h-3 w-3 animate-spin"
+  }) : /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, null, action.icon, /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: action.icon ? "ml-1" : ""
+  }, action.label)));
+}
+chunk3PV26V5F_js.__name(RowActionButton, "RowActionButton");
+var Button2 = /* @__PURE__ */ React25.forwardRef(({ className, variant = "primary", size = "md", loading = false, disabled, asChild = false, leftIcon, rightIcon, children, ...props }, ref) => {
+  const Comp = asChild ? reactSlot.Slot : "button";
+  return /* @__PURE__ */ React25__namespace.default.createElement(Comp, {
+    ref,
+    className: clsx.clsx("lui-button", `lui-button--${variant}`, `lui-button--${size}`, loading && "lui-button--loading", className),
+    disabled: disabled || loading,
+    ...props
+  }, loading && /* @__PURE__ */ React25__namespace.default.createElement("span", {
+    className: "lui-button__spinner",
+    "aria-hidden": "true"
+  }, /* @__PURE__ */ React25__namespace.default.createElement("svg", {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    className: "lui-spinner-icon"
+  }, /* @__PURE__ */ React25__namespace.default.createElement("circle", {
+    cx: "12",
+    cy: "12",
+    r: "10",
+    stroke: "currentColor",
+    strokeWidth: "3",
+    strokeLinecap: "round",
+    strokeDasharray: "32",
+    strokeDashoffset: "12"
+  }))), leftIcon && !loading && /* @__PURE__ */ React25__namespace.default.createElement("span", {
+    className: "lui-button__icon"
+  }, leftIcon), /* @__PURE__ */ React25__namespace.default.createElement("span", {
+    className: "lui-button__content"
+  }, children), rightIcon && /* @__PURE__ */ React25__namespace.default.createElement("span", {
+    className: "lui-button__icon"
+  }, rightIcon));
+});
+Button2.displayName = "Button";
+
+// src/mcp/ActionButton.tsx
+function ActionButton({ toolName, toolArgs = {}, onToolSuccess, onToolError, showResult = false, renderResult, children, ...buttonProps }) {
+  const { call, loading, result, error } = useTool(toolName);
+  const [hasResult, setHasResult] = React25.useState(false);
+  const handleClick = /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
+    try {
+      const res = await call(toolArgs);
+      setHasResult(true);
+      onToolSuccess?.(res);
+    } catch (err) {
+      onToolError?.(err instanceof Error ? err : new Error(String(err)));
+    }
+  }, "handleClick");
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    className: "lui-action-button-wrapper"
+  }, /* @__PURE__ */ React25__namespace.default.createElement(Button2, {
+    ...buttonProps,
+    loading,
+    onClick: handleClick
+  }, children), showResult && hasResult && result !== null && /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    className: "lui-action-button-result"
+  }, renderResult ? renderResult(result) : /* @__PURE__ */ React25__namespace.default.createElement("pre", null, JSON.stringify(result, null, 2))), error && /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    className: "lui-action-button-error"
+  }, error.message));
+}
+chunk3PV26V5F_js.__name(ActionButton, "ActionButton");
+function DefaultLoading2() {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    className: "flex items-center justify-center p-8"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.Loader2, {
+    className: "h-6 w-6 animate-spin text-muted-foreground"
+  }));
+}
+chunk3PV26V5F_js.__name(DefaultLoading2, "DefaultLoading");
+function DefaultDisconnected() {
+  return /* @__PURE__ */ React25__namespace.createElement(Alert, null, /* @__PURE__ */ React25__namespace.createElement(lucideReact.WifiOff, {
+    className: "h-4 w-4"
+  }), /* @__PURE__ */ React25__namespace.createElement(AlertDescription, null, "Waiting for connection to MCP host..."));
+}
+chunk3PV26V5F_js.__name(DefaultDisconnected, "DefaultDisconnected");
+function DefaultError2({ error }) {
+  return /* @__PURE__ */ React25__namespace.createElement(Alert, {
+    variant: "destructive"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.AlertCircle, {
+    className: "h-4 w-4"
+  }), /* @__PURE__ */ React25__namespace.createElement(AlertDescription, null, "Connection error: ", error.message));
+}
+chunk3PV26V5F_js.__name(DefaultError2, "DefaultError");
+function RequireConnection({ loading: loadingContent, error: errorContent, disconnected: disconnectedContent, children, className }) {
+  const { isConnected, error, app } = useMcpApp();
+  if (!app && !error && !isConnected) {
+    if (loadingContent) {
+      return /* @__PURE__ */ React25__namespace.createElement("div", {
+        className
+      }, loadingContent);
+    }
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className
+    }, /* @__PURE__ */ React25__namespace.createElement(DefaultLoading2, null));
+  }
+  if (error) {
+    if (errorContent) {
+      if (typeof errorContent === "function") {
+        return /* @__PURE__ */ React25__namespace.createElement("div", {
+          className
+        }, errorContent(error));
+      }
+      return /* @__PURE__ */ React25__namespace.createElement("div", {
+        className
+      }, errorContent);
+    }
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className
+    }, /* @__PURE__ */ React25__namespace.createElement(DefaultError2, {
+      error
+    }));
+  }
+  if (!isConnected) {
+    if (disconnectedContent) {
+      return /* @__PURE__ */ React25__namespace.createElement("div", {
+        className
+      }, disconnectedContent);
+    }
+    if (loadingContent) {
+      return /* @__PURE__ */ React25__namespace.createElement("div", {
+        className
+      }, loadingContent);
+    }
+    return /* @__PURE__ */ React25__namespace.createElement("div", {
+      className
+    }, /* @__PURE__ */ React25__namespace.createElement(DefaultDisconnected, null));
+  }
+  return /* @__PURE__ */ React25__namespace.createElement(React25__namespace.Fragment, null, children);
+}
+chunk3PV26V5F_js.__name(RequireConnection, "RequireConnection");
+function DefaultFallback({ error, onRetry }) {
+  return /* @__PURE__ */ React25__namespace.createElement(Alert, {
+    variant: "destructive"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.AlertCircle, {
+    className: "h-4 w-4"
+  }), /* @__PURE__ */ React25__namespace.createElement(AlertTitle, null, "Something went wrong"), /* @__PURE__ */ React25__namespace.createElement(AlertDescription, {
+    className: "flex flex-col gap-3"
+  }, /* @__PURE__ */ React25__namespace.createElement("p", {
+    className: "text-sm"
+  }, error.message), /* @__PURE__ */ React25__namespace.createElement(Button, {
+    variant: "outline",
+    size: "sm",
+    onClick: onRetry,
+    className: "w-fit"
+  }, /* @__PURE__ */ React25__namespace.createElement(lucideReact.RefreshCw, {
+    className: "h-4 w-4 mr-2"
+  }), "Try Again")));
+}
+chunk3PV26V5F_js.__name(DefaultFallback, "DefaultFallback");
+var ToolErrorBoundary = class extends React25.Component {
+  static {
+    chunk3PV26V5F_js.__name(this, "ToolErrorBoundary");
+  }
+  constructor(props) {
+    super(props);
+    this.state = {
+      hasError: false,
+      error: null
+    };
+  }
+  static getDerivedStateFromError(error) {
+    return {
+      hasError: true,
+      error
+    };
+  }
+  componentDidCatch(error, errorInfo) {
+    this.props.onError?.(error, errorInfo);
+  }
+  componentDidUpdate(prevProps) {
+    if (this.state.hasError && this.props.resetKeys && prevProps.resetKeys && this.props.resetKeys.some((key, index) => key !== prevProps.resetKeys?.[index])) {
+      this.reset();
+    }
+  }
+  reset = /* @__PURE__ */ chunk3PV26V5F_js.__name(() => {
+    this.setState({
+      hasError: false,
+      error: null
+    });
+  }, "reset");
+  render() {
+    const { hasError, error } = this.state;
+    const { fallback, children } = this.props;
+    if (hasError && error) {
+      if (fallback) {
+        if (typeof fallback === "function") {
+          return fallback(error, this.reset);
+        }
+        return fallback;
+      }
+      return /* @__PURE__ */ React25__namespace.createElement(DefaultFallback, {
+        error,
+        onRetry: this.reset
+      });
+    }
+    return children;
+  }
+};
+function useMessage() {
+  const { sendMessage: appSendMessage, isConnected } = useMcpApp();
+  const [sending, setSending] = React25.useState(false);
+  const [error, setError] = React25.useState(null);
+  const send = React25.useCallback(async (text) => {
+    if (!isConnected) {
+      console.warn("[useMessage] Not connected to host");
+      return;
+    }
+    setSending(true);
+    setError(null);
+    try {
+      await appSendMessage(text);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error(String(err));
+      setError(error2);
+      throw error2;
+    } finally {
+      setSending(false);
+    }
+  }, [
+    appSendMessage,
+    isConnected
+  ]);
+  const sendContent = React25.useCallback(async (content) => {
+    if (!isConnected) {
+      console.warn("[useMessage] Not connected to host");
+      return;
+    }
+    setSending(true);
+    setError(null);
+    try {
+      const textContent = content.filter((c) => c.type === "text").map((c) => c.text).join("\n");
+      await appSendMessage(textContent);
+    } catch (err) {
+      const error2 = err instanceof Error ? err : new Error(String(err));
+      setError(error2);
+      throw error2;
+    } finally {
+      setSending(false);
+    }
+  }, [
+    appSendMessage,
+    isConnected
+  ]);
+  const requestTool = React25.useCallback(async (toolName, args) => {
+    let message = `Please call the "${toolName}" tool`;
+    if (args && Object.keys(args).length > 0) {
+      message += ` with arguments: ${JSON.stringify(args)}`;
+    }
+    await send(message);
+  }, [
+    send
+  ]);
+  return {
+    send,
+    sendContent,
+    requestTool,
+    sending,
+    error
+  };
+}
+chunk3PV26V5F_js.__name(useMessage, "useMessage");
+
+// src/mcp/useHostContext.ts
+function useHostContext() {
+  const { hostContext } = useMcpApp();
+  return {
+    theme: hostContext.theme ?? "light",
+    displayMode: hostContext.displayMode ?? "inline",
+    availableDisplayModes: hostContext.availableDisplayModes ?? [],
+    viewport: hostContext.viewport ?? null,
+    locale: hostContext.locale ?? null,
+    timeZone: hostContext.timeZone ?? null,
+    platform: hostContext.platform ?? null,
+    userAgent: hostContext.userAgent ?? null,
+    deviceCapabilities: hostContext.deviceCapabilities ?? null,
+    safeAreaInsets: hostContext.safeAreaInsets ?? null,
+    styles: hostContext.styles ?? null,
+    rawContext: hostContext
+  };
+}
+chunk3PV26V5F_js.__name(useHostContext, "useHostContext");
+
+// src/mcp/useToolResult.ts
+function useToolResult() {
+  const { toolResult } = useMcpApp();
+  let result = null;
+  let textContent = null;
+  if (toolResult) {
+    if ("structuredContent" in toolResult && toolResult.structuredContent) {
+      result = toolResult.structuredContent;
+    }
+    if (!result && toolResult.content) {
+      const textItem = toolResult.content.find((c) => c.type === "text");
+      if (textItem) {
+        textContent = textItem.text;
+        try {
+          result = JSON.parse(textItem.text);
+        } catch {
+        }
+      }
+    }
+  }
+  return {
+    result,
+    rawResult: toolResult,
+    hasResult: toolResult !== null,
+    textContent
+  };
+}
+chunk3PV26V5F_js.__name(useToolResult, "useToolResult");
+
+// src/mcp/useToolInput.ts
+function useToolInput() {
+  const { toolInput } = useMcpApp();
+  return {
+    input: toolInput,
+    hasInput: toolInput !== null
+  };
+}
+chunk3PV26V5F_js.__name(useToolInput, "useToolInput");
+
+// src/mcp/useToolInputPartial.ts
+function useToolInputPartial() {
+  const { toolInputPartial } = useMcpApp();
+  return {
+    partialArgs: toolInputPartial,
+    isStreaming: toolInputPartial !== null
+  };
+}
+chunk3PV26V5F_js.__name(useToolInputPartial, "useToolInputPartial");
+function useToolSubscription(toolName, options = {}) {
+  const { interval = 1e4, enabled = true, args = {} } = options;
+  const toolHook = useTool(toolName);
+  const intervalRef = React25.useRef(null);
+  const [isPolling, setIsPolling] = React25.useState(false);
+  const stop = React25.useCallback(() => {
+    if (intervalRef.current) {
+      clearInterval(intervalRef.current);
+      intervalRef.current = null;
+    }
+    setIsPolling(false);
+  }, []);
+  const start = React25.useCallback(() => {
+    stop();
+    setIsPolling(true);
+    toolHook.call(args).catch(() => {
+    });
+    intervalRef.current = setInterval(() => {
+      toolHook.call(args).catch(() => {
+      });
+    }, interval);
+  }, [
+    toolHook.call,
+    args,
+    interval,
+    stop
+  ]);
+  const refresh = React25.useCallback(async () => {
+    return toolHook.call(args);
+  }, [
+    toolHook.call,
+    args
+  ]);
+  React25.useEffect(() => {
+    if (enabled) {
+      start();
+    }
+    return () => stop();
+  }, [
+    enabled,
+    start,
+    stop
+  ]);
+  return {
+    result: toolHook.result,
+    loading: toolHook.loading,
+    error: toolHook.error,
+    start,
+    stop,
+    isPolling,
+    refresh
+  };
+}
+chunk3PV26V5F_js.__name(useToolSubscription, "useToolSubscription");
+
+// src/types/mcp-types.ts
+function normalizeToolBinding(tool) {
+  if (typeof tool === "string") {
+    return {
+      name: tool
+    };
+  }
+  return tool;
+}
+chunk3PV26V5F_js.__name(normalizeToolBinding, "normalizeToolBinding");
+var DEFAULT_RESULT_CONFIG = {
+  display: "none",
+  autoDismiss: 5e3
+};
+var INITIAL_TOOL_STATE = {
+  state: "idle",
+  loading: false,
+  result: null,
+  error: null,
+  hasResult: false
+};
+function CardTitle({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "card-title",
+    className: cn("leading-none font-semibold", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(CardTitle, "CardTitle");
+function CardDescription({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "card-description",
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(CardDescription, "CardDescription");
+var Form = reactHookForm.FormProvider;
+var FormFieldContext = /* @__PURE__ */ React25__namespace.createContext({});
+var FormField = /* @__PURE__ */ chunk3PV26V5F_js.__name(({ ...props }) => {
+  return /* @__PURE__ */ React25__namespace.createElement(FormFieldContext.Provider, {
+    value: {
+      name: props.name
+    }
+  }, /* @__PURE__ */ React25__namespace.createElement(reactHookForm.Controller, props));
+}, "FormField");
+var useFormField = /* @__PURE__ */ chunk3PV26V5F_js.__name(() => {
+  const fieldContext = React25__namespace.useContext(FormFieldContext);
+  const itemContext = React25__namespace.useContext(FormItemContext);
+  const { getFieldState } = reactHookForm.useFormContext();
+  const formState = reactHookForm.useFormState({
+    name: fieldContext.name
+  });
+  const fieldState = getFieldState(fieldContext.name, formState);
+  if (!fieldContext) {
+    throw new Error("useFormField should be used within <FormField>");
+  }
+  const { id } = itemContext;
+  return {
+    id,
+    name: fieldContext.name,
+    formItemId: `${id}-form-item`,
+    formDescriptionId: `${id}-form-item-description`,
+    formMessageId: `${id}-form-item-message`,
+    ...fieldState
+  };
+}, "useFormField");
+var FormItemContext = /* @__PURE__ */ React25__namespace.createContext({});
+function FormItem({ className, ...props }) {
+  const id = React25__namespace.useId();
+  return /* @__PURE__ */ React25__namespace.createElement(FormItemContext.Provider, {
+    value: {
+      id
+    }
+  }, /* @__PURE__ */ React25__namespace.createElement("div", {
+    "data-slot": "form-item",
+    className: cn("grid gap-2", className),
+    ...props
+  }));
+}
+chunk3PV26V5F_js.__name(FormItem, "FormItem");
+function FormLabel({ className, ...props }) {
+  const { error, formItemId } = useFormField();
+  return /* @__PURE__ */ React25__namespace.createElement(Label2, {
+    "data-slot": "form-label",
+    "data-error": !!error,
+    className: cn("data-[error=true]:text-destructive", className),
+    htmlFor: formItemId,
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(FormLabel, "FormLabel");
+function FormControl({ ...props }) {
+  const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
+  return /* @__PURE__ */ React25__namespace.createElement(reactSlot.Slot, {
+    "data-slot": "form-control",
+    id: formItemId,
+    "aria-describedby": !error ? `${formDescriptionId}` : `${formDescriptionId} ${formMessageId}`,
+    "aria-invalid": !!error,
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(FormControl, "FormControl");
+function FormDescription({ className, ...props }) {
+  const { formDescriptionId } = useFormField();
+  return /* @__PURE__ */ React25__namespace.createElement("p", {
+    "data-slot": "form-description",
+    id: formDescriptionId,
+    className: cn("text-muted-foreground text-sm", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(FormDescription, "FormDescription");
+function FormMessage({ className, ...props }) {
+  const { error, formMessageId } = useFormField();
+  const body = error ? String(error?.message ?? "") : props.children;
+  if (!body) {
+    return null;
+  }
+  return /* @__PURE__ */ React25__namespace.createElement("p", {
+    "data-slot": "form-message",
+    id: formMessageId,
+    className: cn("text-destructive text-sm", className),
+    ...props
+  }, body);
+}
+chunk3PV26V5F_js.__name(FormMessage, "FormMessage");
+var badgeVariants = classVarianceAuthority.cva("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none 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 transition-[color,box-shadow] overflow-hidden", {
+  variants: {
+    variant: {
+      default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
+      secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
+      destructive: "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+      outline: "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground"
+    }
+  },
+  defaultVariants: {
+    variant: "default"
+  }
+});
+function Badge({ className, variant, asChild = false, ...props }) {
+  const Comp = asChild ? reactSlot.Slot : "span";
+  return /* @__PURE__ */ React25__namespace.createElement(Comp, {
+    "data-slot": "badge",
+    className: cn(badgeVariants({
+      variant
+    }), className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Badge, "Badge");
+function TabsList({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(TabsPrimitive2__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(TabsList, "TabsList");
+function TabsTrigger({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(TabsPrimitive2__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(TabsTrigger, "TabsTrigger");
+function TabsContent({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(TabsPrimitive2__namespace.Content, {
+    "data-slot": "tabs-content",
+    className: cn("flex-1 outline-none", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TabsContent, "TabsContent");
+function Separator2({ className, orientation = "horizontal", decorative = true, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(SeparatorPrimitive__namespace.Root, {
+    "data-slot": "separator",
+    decorative,
+    orientation,
+    className: cn("bg-border shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className),
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(Separator2, "Separator");
+function ScrollArea({ className, children, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(ScrollAreaPrimitive__namespace.Root, {
+    "data-slot": "scroll-area",
+    className: cn("relative", className),
+    ...props
+  }, /* @__PURE__ */ React25__namespace.createElement(ScrollAreaPrimitive__namespace.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__namespace.createElement(ScrollBar, null), /* @__PURE__ */ React25__namespace.createElement(ScrollAreaPrimitive__namespace.Corner, null));
+}
+chunk3PV26V5F_js.__name(ScrollArea, "ScrollArea");
+function ScrollBar({ className, orientation = "vertical", ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(ScrollAreaPrimitive__namespace.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__namespace.createElement(ScrollAreaPrimitive__namespace.ScrollAreaThumb, {
+    "data-slot": "scroll-area-thumb",
+    className: "bg-border relative flex-1 rounded-full"
+  }));
+}
+chunk3PV26V5F_js.__name(ScrollBar, "ScrollBar");
+function DropdownMenu({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Root, {
+    "data-slot": "dropdown-menu",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DropdownMenu, "DropdownMenu");
+function DropdownMenuPortal({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, {
+    "data-slot": "dropdown-menu-portal",
+    ...props
+  });
 }
-__name(useTool, "useTool");
-
-// src/mcp/useToolResult.ts
-function useToolResult() {
-  const { toolResult } = useMcpApp();
-  let result = null;
-  let textContent = null;
-  if (toolResult) {
-    if ("structuredContent" in toolResult && toolResult.structuredContent) {
-      result = toolResult.structuredContent;
-    }
-    if (!result && toolResult.content) {
-      const textItem = toolResult.content.find((c) => c.type === "text");
-      if (textItem) {
-        textContent = textItem.text;
-        try {
-          result = JSON.parse(textItem.text);
-        } catch {
-        }
-      }
-    }
-  }
-  return {
-    result,
-    rawResult: toolResult,
-    hasResult: toolResult !== null,
-    textContent
-  };
+chunk3PV26V5F_js.__name(DropdownMenuPortal, "DropdownMenuPortal");
+function DropdownMenuTrigger({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Trigger, {
+    "data-slot": "dropdown-menu-trigger",
+    ...props
+  });
 }
-__name(useToolResult, "useToolResult");
-
-// src/mcp/useToolInput.ts
-function useToolInput() {
-  const { toolInput } = useMcpApp();
-  return {
-    input: toolInput,
-    hasInput: toolInput !== null
-  };
+chunk3PV26V5F_js.__name(DropdownMenuTrigger, "DropdownMenuTrigger");
+function DropdownMenuContent({ className, sideOffset = 4, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Portal, null, /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.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),
+    ...props
+  }));
 }
-__name(useToolInput, "useToolInput");
-
-// src/mcp/useToolInputPartial.ts
-function useToolInputPartial() {
-  const { toolInputPartial } = useMcpApp();
-  return {
-    partialArgs: toolInputPartial,
-    isStreaming: toolInputPartial !== null
-  };
+chunk3PV26V5F_js.__name(DropdownMenuContent, "DropdownMenuContent");
+function DropdownMenuGroup({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Group, {
+    "data-slot": "dropdown-menu-group",
+    ...props
+  });
 }
-__name(useToolInputPartial, "useToolInputPartial");
-
-// src/mcp/useHostContext.ts
-function useHostContext() {
-  const { hostContext } = useMcpApp();
-  return {
-    theme: hostContext.theme ?? "light",
-    displayMode: hostContext.displayMode ?? "inline",
-    viewport: hostContext.viewport ?? null,
-    locale: hostContext.locale ?? null,
-    timeZone: hostContext.timeZone ?? null,
-    platform: hostContext.platform ?? null,
-    rawContext: hostContext
-  };
+chunk3PV26V5F_js.__name(DropdownMenuGroup, "DropdownMenuGroup");
+function DropdownMenuItem({ className, inset, variant = "default", ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Item, {
+    "data-slot": "dropdown-menu-item",
+    "data-inset": inset,
+    "data-variant": variant,
+    className: cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_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]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+    ...props
+  });
 }
-__name(useHostContext, "useHostContext");
-var Button = /* @__PURE__ */ React7.forwardRef(({ className, variant = "primary", size = "md", loading = false, disabled, asChild = false, leftIcon, rightIcon, children, ...props }, ref) => {
-  const Comp = asChild ? reactSlot.Slot : "button";
-  return /* @__PURE__ */ React7__default.default.createElement(Comp, {
-    ref,
-    className: clsx.clsx("lui-button", `lui-button--${variant}`, `lui-button--${size}`, loading && "lui-button--loading", className),
-    disabled: disabled || loading,
+chunk3PV26V5F_js.__name(DropdownMenuItem, "DropdownMenuItem");
+function DropdownMenuCheckboxItem({ className, children, checked, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.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
-  }, loading && /* @__PURE__ */ React7__default.default.createElement("span", {
-    className: "lui-button__spinner",
-    "aria-hidden": "true"
-  }, /* @__PURE__ */ React7__default.default.createElement("svg", {
-    viewBox: "0 0 24 24",
-    fill: "none",
-    className: "lui-spinner-icon"
-  }, /* @__PURE__ */ React7__default.default.createElement("circle", {
-    cx: "12",
-    cy: "12",
-    r: "10",
-    stroke: "currentColor",
-    strokeWidth: "3",
-    strokeLinecap: "round",
-    strokeDasharray: "32",
-    strokeDashoffset: "12"
-  }))), leftIcon && !loading && /* @__PURE__ */ React7__default.default.createElement("span", {
-    className: "lui-button__icon"
-  }, leftIcon), /* @__PURE__ */ React7__default.default.createElement("span", {
-    className: "lui-button__content"
-  }, children), rightIcon && /* @__PURE__ */ React7__default.default.createElement("span", {
-    className: "lui-button__icon"
-  }, rightIcon));
-});
-Button.displayName = "Button";
-
-// src/mcp/ActionButton.tsx
-function ActionButton({ toolName, toolArgs = {}, onToolSuccess, onToolError, showResult = false, renderResult, children, ...buttonProps }) {
-  const { call, loading, result, error } = useTool(toolName);
-  const [hasResult, setHasResult] = React7.useState(false);
-  const handleClick = /* @__PURE__ */ __name(async () => {
-    try {
-      const res = await call(toolArgs);
-      setHasResult(true);
-      onToolSuccess?.(res);
-    } catch (err) {
-      onToolError?.(err instanceof Error ? err : new Error(String(err)));
-    }
-  }, "handleClick");
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-action-button-wrapper"
-  }, /* @__PURE__ */ React7__default.default.createElement(Button, {
-    ...buttonProps,
-    loading,
-    onClick: handleClick
-  }, children), showResult && hasResult && result !== null && /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-action-button-result"
-  }, renderResult ? renderResult(result) : /* @__PURE__ */ React7__default.default.createElement("pre", null, JSON.stringify(result, null, 2))), error && /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-action-button-error"
-  }, error.message));
+  }, /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+  }, /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React25__namespace.createElement(lucideReact.CheckIcon, {
+    className: "size-4"
+  }))), children);
 }
-__name(ActionButton, "ActionButton");
-var Input = /* @__PURE__ */ React7.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__ */ React7__default.default.createElement("div", {
-    className: clsx.clsx("lui-input-wrapper", fullWidth && "lui-input-wrapper--full-width", className)
-  }, label && /* @__PURE__ */ React7__default.default.createElement("label", {
-    htmlFor: inputId,
-    className: "lui-input-label"
-  }, label), /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: clsx.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__ */ React7__default.default.createElement("span", {
-    className: "lui-input-element lui-input-element--left"
-  }, leftElement), /* @__PURE__ */ React7__default.default.createElement("input", {
-    ref,
-    id: inputId,
-    className: "lui-input",
-    "aria-invalid": hasError,
-    "aria-describedby": error ? `${inputId}-error` : helperText ? `${inputId}-helper` : void 0,
+chunk3PV26V5F_js.__name(DropdownMenuCheckboxItem, "DropdownMenuCheckboxItem");
+function DropdownMenuRadioGroup({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.RadioGroup, {
+    "data-slot": "dropdown-menu-radio-group",
     ...props
-  }), rightElement && /* @__PURE__ */ React7__default.default.createElement("span", {
-    className: "lui-input-element lui-input-element--right"
-  }, rightElement)), (error || helperText) && /* @__PURE__ */ React7__default.default.createElement("p", {
-    id: error ? `${inputId}-error` : `${inputId}-helper`,
-    className: clsx.clsx("lui-input-message", error && "lui-input-message--error")
-  }, error || helperText));
-});
-Input.displayName = "Input";
-function ToolForm({ toolName, fields, submitText = "Submit", onSuccess, onError, showResult = false, className }) {
-  const { call, loading, result, error } = useTool(toolName);
-  const [formData, setFormData] = React7.useState(() => {
-    const initial = {};
-    fields.forEach((field) => {
-      if (field.defaultValue !== void 0) {
-        initial[field.name] = field.defaultValue;
-      }
-    });
-    return initial;
   });
-  const handleSubmit = /* @__PURE__ */ __name(async (e) => {
-    e.preventDefault();
-    const args = {};
-    fields.forEach((field) => {
-      const value = formData[field.name];
-      if (field.type === "number" && value !== void 0) {
-        args[field.name] = Number(value);
-      } else {
-        args[field.name] = value;
-      }
-    });
-    try {
-      const res = await call(args);
-      onSuccess?.(res);
-    } catch (err) {
-      onError?.(err instanceof Error ? err : new Error(String(err)));
-    }
-  }, "handleSubmit");
-  const handleChange = /* @__PURE__ */ __name((name, value) => {
-    setFormData((prev) => ({
-      ...prev,
-      [name]: value
-    }));
-  }, "handleChange");
-  return /* @__PURE__ */ React7__default.default.createElement("form", {
-    className: clsx.clsx("lui-tool-form", className),
-    onSubmit: handleSubmit
-  }, /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-tool-form-fields"
-  }, fields.map((field) => /* @__PURE__ */ React7__default.default.createElement("div", {
-    key: field.name,
-    className: "lui-tool-form-field"
-  }, field.type === "textarea" ? /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-input-wrapper lui-input-wrapper--full-width"
-  }, /* @__PURE__ */ React7__default.default.createElement("label", {
-    className: "lui-input-label"
-  }, field.label), /* @__PURE__ */ React7__default.default.createElement("textarea", {
-    className: "lui-tool-form-textarea",
-    name: field.name,
-    placeholder: field.placeholder,
-    required: field.required,
-    value: formData[field.name] ?? "",
-    onChange: /* @__PURE__ */ __name((e) => handleChange(field.name, e.target.value), "onChange")
-  }), field.helperText && /* @__PURE__ */ React7__default.default.createElement("p", {
-    className: "lui-input-message"
-  }, field.helperText)) : /* @__PURE__ */ React7__default.default.createElement(Input, {
-    fullWidth: true,
-    label: field.label,
-    type: field.type ?? "text",
-    name: field.name,
-    placeholder: field.placeholder,
-    required: field.required,
-    helperText: field.helperText,
-    value: formData[field.name] ?? "",
-    onChange: /* @__PURE__ */ __name((e) => handleChange(field.name, e.target.value), "onChange")
-  })))), /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-tool-form-actions"
-  }, /* @__PURE__ */ React7__default.default.createElement(Button, {
-    type: "submit",
-    loading
-  }, submitText)), error && /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-tool-form-error"
-  }, error.message), showResult && result !== null && /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-tool-form-result"
-  }, /* @__PURE__ */ React7__default.default.createElement("pre", null, JSON.stringify(result, null, 2))));
-}
-__name(ToolForm, "ToolForm");
-var Card = /* @__PURE__ */ React7.forwardRef(({ className, variant = "default", padding = "md", interactive = false, children, ...props }, ref) => {
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
-    ref,
-    className: clsx.clsx("lui-card", `lui-card--${variant}`, `lui-card--padding-${padding}`, interactive && "lui-card--interactive", className),
+}
+chunk3PV26V5F_js.__name(DropdownMenuRadioGroup, "DropdownMenuRadioGroup");
+function DropdownMenuRadioItem({ className, children, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.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
-  }, children);
-});
-Card.displayName = "Card";
-var CardHeader = /* @__PURE__ */ React7.forwardRef(({ className, title, description, action, children, ...props }, ref) => {
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
-    ref,
-    className: clsx.clsx("lui-card-header", className),
+  }, /* @__PURE__ */ React25__namespace.createElement("span", {
+    className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center"
+  }, /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.ItemIndicator, null, /* @__PURE__ */ React25__namespace.createElement(lucideReact.CircleIcon, {
+    className: "size-2 fill-current"
+  }))), children);
+}
+chunk3PV26V5F_js.__name(DropdownMenuRadioItem, "DropdownMenuRadioItem");
+function DropdownMenuLabel({ className, inset, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.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),
     ...props
-  }, (title || description) && /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-card-header__text"
-  }, title && /* @__PURE__ */ React7__default.default.createElement("h3", {
-    className: "lui-card-header__title"
-  }, title), description && /* @__PURE__ */ React7__default.default.createElement("p", {
-    className: "lui-card-header__description"
-  }, description)), action && /* @__PURE__ */ React7__default.default.createElement("div", {
-    className: "lui-card-header__action"
-  }, action), children);
-});
-CardHeader.displayName = "CardHeader";
-var CardContent = /* @__PURE__ */ React7.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
-    ref,
-    className: clsx.clsx("lui-card-content", className),
+  });
+}
+chunk3PV26V5F_js.__name(DropdownMenuLabel, "DropdownMenuLabel");
+function DropdownMenuSeparator({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Separator, {
+    "data-slot": "dropdown-menu-separator",
+    className: cn("bg-border -mx-1 my-1 h-px", className),
     ...props
-  }, children);
-});
-CardContent.displayName = "CardContent";
-var CardFooter = /* @__PURE__ */ React7.forwardRef(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
-    ref,
-    className: clsx.clsx("lui-card-footer", className),
+  });
+}
+chunk3PV26V5F_js.__name(DropdownMenuSeparator, "DropdownMenuSeparator");
+function DropdownMenuShortcut({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement("span", {
+    "data-slot": "dropdown-menu-shortcut",
+    className: cn("text-muted-foreground ml-auto text-xs tracking-widest", className),
     ...props
-  }, children);
-});
-CardFooter.displayName = "CardFooter";
+  });
+}
+chunk3PV26V5F_js.__name(DropdownMenuShortcut, "DropdownMenuShortcut");
+function DropdownMenuSub({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.Sub, {
+    "data-slot": "dropdown-menu-sub",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(DropdownMenuSub, "DropdownMenuSub");
+function DropdownMenuSubTrigger({ className, inset, children, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.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__namespace.createElement(lucideReact.ChevronRightIcon, {
+    className: "ml-auto size-4"
+  }));
+}
+chunk3PV26V5F_js.__name(DropdownMenuSubTrigger, "DropdownMenuSubTrigger");
+function DropdownMenuSubContent({ className, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(DropdownMenuPrimitive__namespace.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
+  });
+}
+chunk3PV26V5F_js.__name(DropdownMenuSubContent, "DropdownMenuSubContent");
+function TooltipProvider({ delayDuration = 0, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(TooltipPrimitive__namespace.Provider, {
+    "data-slot": "tooltip-provider",
+    delayDuration,
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TooltipProvider, "TooltipProvider");
+function Tooltip({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(TooltipProvider, null, /* @__PURE__ */ React25__namespace.createElement(TooltipPrimitive__namespace.Root, {
+    "data-slot": "tooltip",
+    ...props
+  }));
+}
+chunk3PV26V5F_js.__name(Tooltip, "Tooltip");
+function TooltipTrigger({ ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(TooltipPrimitive__namespace.Trigger, {
+    "data-slot": "tooltip-trigger",
+    ...props
+  });
+}
+chunk3PV26V5F_js.__name(TooltipTrigger, "TooltipTrigger");
+function TooltipContent({ className, sideOffset = 0, children, ...props }) {
+  return /* @__PURE__ */ React25__namespace.createElement(TooltipPrimitive__namespace.Portal, null, /* @__PURE__ */ React25__namespace.createElement(TooltipPrimitive__namespace.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__namespace.createElement(TooltipPrimitive__namespace.Arrow, {
+    className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]"
+  })));
+}
+chunk3PV26V5F_js.__name(TooltipContent, "TooltipContent");
 function DataGrid({ data, columns, searchable = false, searchPlaceholder = "Search...", onRowClick, loading = false, emptyMessage = "No data", className }) {
-  const [sorting, setSorting] = React7.useState([]);
-  const [globalFilter, setGlobalFilter] = React7.useState("");
-  const tableColumns = React7.useMemo(() => columns.map((col) => ({
+  const [sorting, setSorting] = React25.useState([]);
+  const [globalFilter, setGlobalFilter] = React25.useState("");
+  const tableColumns = React25.useMemo(() => columns.map((col) => ({
     id: String(col.key),
     accessorKey: col.key,
     header: col.header,
@@ -551,49 +2929,49 @@ function DataGrid({ data, columns, searchable = false, searchPlaceholder = "Sear
     getSortedRowModel: reactTable.getSortedRowModel(),
     getFilteredRowModel: reactTable.getFilteredRowModel()
   });
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: clsx.clsx("lui-datagrid", className)
-  }, searchable && /* @__PURE__ */ React7__default.default.createElement("div", {
+  }, searchable && /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: "lui-datagrid-search"
-  }, /* @__PURE__ */ React7__default.default.createElement("input", {
+  }, /* @__PURE__ */ React25__namespace.default.createElement("input", {
     type: "text",
     value: globalFilter,
-    onChange: /* @__PURE__ */ __name((e) => setGlobalFilter(e.target.value), "onChange"),
+    onChange: /* @__PURE__ */ chunk3PV26V5F_js.__name((e) => setGlobalFilter(e.target.value), "onChange"),
     placeholder: searchPlaceholder,
     className: "lui-datagrid-search-input"
-  })), /* @__PURE__ */ React7__default.default.createElement("div", {
+  })), /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: "lui-datagrid-container"
-  }, /* @__PURE__ */ React7__default.default.createElement("table", {
+  }, /* @__PURE__ */ React25__namespace.default.createElement("table", {
     className: "lui-datagrid-table"
-  }, /* @__PURE__ */ React7__default.default.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React7__default.default.createElement("tr", {
+  }, /* @__PURE__ */ React25__namespace.default.createElement("thead", null, table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ React25__namespace.default.createElement("tr", {
     key: headerGroup.id
-  }, headerGroup.headers.map((header) => /* @__PURE__ */ React7__default.default.createElement("th", {
+  }, headerGroup.headers.map((header) => /* @__PURE__ */ React25__namespace.default.createElement("th", {
     key: header.id,
     className: clsx.clsx("lui-datagrid-th", header.column.getCanSort() && "lui-datagrid-th--sortable"),
     onClick: header.column.getToggleSortingHandler(),
     style: {
       width: header.column.getSize()
     }
-  }, /* @__PURE__ */ React7__default.default.createElement("div", {
+  }, /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: "lui-datagrid-th-content"
-  }, reactTable.flexRender(header.column.columnDef.header, header.getContext()), header.column.getIsSorted() && /* @__PURE__ */ React7__default.default.createElement("span", {
+  }, reactTable.flexRender(header.column.columnDef.header, header.getContext()), header.column.getIsSorted() && /* @__PURE__ */ React25__namespace.default.createElement("span", {
     className: "lui-datagrid-sort-icon"
-  }, header.column.getIsSorted() === "asc" ? "\u2191" : "\u2193"))))))), /* @__PURE__ */ React7__default.default.createElement("tbody", null, loading ? /* @__PURE__ */ React7__default.default.createElement("tr", null, /* @__PURE__ */ React7__default.default.createElement("td", {
+  }, header.column.getIsSorted() === "asc" ? "\u2191" : "\u2193"))))))), /* @__PURE__ */ React25__namespace.default.createElement("tbody", null, loading ? /* @__PURE__ */ React25__namespace.default.createElement("tr", null, /* @__PURE__ */ React25__namespace.default.createElement("td", {
     colSpan: columns.length,
     className: "lui-datagrid-loading"
-  }, "Loading...")) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ React7__default.default.createElement("tr", null, /* @__PURE__ */ React7__default.default.createElement("td", {
+  }, "Loading...")) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ React25__namespace.default.createElement("tr", null, /* @__PURE__ */ React25__namespace.default.createElement("td", {
     colSpan: columns.length,
     className: "lui-datagrid-empty"
-  }, emptyMessage)) : table.getRowModel().rows.map((row) => /* @__PURE__ */ React7__default.default.createElement("tr", {
+  }, emptyMessage)) : table.getRowModel().rows.map((row) => /* @__PURE__ */ React25__namespace.default.createElement("tr", {
     key: row.id,
     className: clsx.clsx("lui-datagrid-row", onRowClick && "lui-datagrid-row--clickable"),
-    onClick: /* @__PURE__ */ __name(() => onRowClick?.(row.original), "onClick")
-  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React7__default.default.createElement("td", {
+    onClick: /* @__PURE__ */ chunk3PV26V5F_js.__name(() => onRowClick?.(row.original), "onClick")
+  }, row.getVisibleCells().map((cell) => /* @__PURE__ */ React25__namespace.default.createElement("td", {
     key: cell.id,
     className: "lui-datagrid-td"
   }, reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())))))))));
 }
-__name(DataGrid, "DataGrid");
+chunk3PV26V5F_js.__name(DataGrid, "DataGrid");
 chart_js.Chart.register(chart_js.CategoryScale, chart_js.LinearScale, chart_js.PointElement, chart_js.LineElement, chart_js.BarElement, chart_js.ArcElement, chart_js.Title, chart_js.Tooltip, chart_js.Legend);
 function Chart({ type, data, options, height = 300, width = "100%", className }) {
   const defaultOptions = {
@@ -647,143 +3025,419 @@ function Chart({ type, data, options, height = 300, width = "100%", className })
       ...options?.plugins
     }
   };
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: clsx.clsx("lui-chart", className),
     style: {
       height,
       width
     }
-  }, /* @__PURE__ */ React7__default.default.createElement(reactChartjs2.Chart, {
+  }, /* @__PURE__ */ React25__namespace.default.createElement(reactChartjs2.Chart, {
     type,
     data,
     options: mergedOptions
   }));
 }
-__name(Chart, "Chart");
+chunk3PV26V5F_js.__name(Chart, "Chart");
 function AppShell({ header, sidebar, footer, sidebarPosition = "left", sidebarWidth = 240, autoResize = true, padding = "md", className, children, ...props }) {
-  const containerRef = React7.useRef(null);
-  React7.useEffect(() => {
+  const containerRef = React25.useRef(null);
+  const { app } = useMcpApp();
+  React25.useEffect(() => {
     if (!autoResize || !containerRef.current) return;
-    const resizeObserver = new ResizeObserver((entries) => {
-      for (const entry of entries) {
-        const { height } = entry.contentRect;
-        window.parent.postMessage({
-          type: "resize",
-          height: Math.ceil(height)
-        }, "*");
-      }
-    });
+    if (!app) return;
+    let lastWidth = 0;
+    let lastHeight = 0;
+    let scheduled = false;
+    const sendSizeChanged = /* @__PURE__ */ chunk3PV26V5F_js.__name(() => {
+      if (scheduled) return;
+      scheduled = true;
+      requestAnimationFrame(() => {
+        scheduled = false;
+        if (!containerRef.current) return;
+        const rect = containerRef.current.getBoundingClientRect();
+        const width = Math.ceil(rect.width);
+        const height = Math.ceil(rect.height);
+        if (width !== lastWidth || height !== lastHeight) {
+          lastWidth = width;
+          lastHeight = height;
+          app.sendSizeChanged({
+            width,
+            height
+          });
+        }
+      });
+    }, "sendSizeChanged");
+    const resizeObserver = new ResizeObserver(sendSizeChanged);
     resizeObserver.observe(containerRef.current);
+    sendSizeChanged();
     return () => {
       resizeObserver.disconnect();
     };
   }, [
-    autoResize
+    autoResize,
+    app
   ]);
   const sidebarStyle = {
     width: typeof sidebarWidth === "number" ? `${sidebarWidth}px` : sidebarWidth,
     flexShrink: 0
   };
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
     ref: containerRef,
     className: clsx.clsx("lui-app-shell", `lui-app-shell--padding-${padding}`, className),
     ...props
-  }, header && /* @__PURE__ */ React7__default.default.createElement("header", {
+  }, header && /* @__PURE__ */ React25__namespace.default.createElement("header", {
     className: "lui-app-shell-header"
-  }, header), /* @__PURE__ */ React7__default.default.createElement("div", {
+  }, header), /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: "lui-app-shell-body"
-  }, sidebar && sidebarPosition === "left" && /* @__PURE__ */ React7__default.default.createElement("aside", {
+  }, sidebar && sidebarPosition === "left" && /* @__PURE__ */ React25__namespace.default.createElement("aside", {
     className: "lui-app-shell-sidebar",
     style: sidebarStyle
-  }, sidebar), /* @__PURE__ */ React7__default.default.createElement("main", {
+  }, sidebar), /* @__PURE__ */ React25__namespace.default.createElement("main", {
     className: "lui-app-shell-main"
-  }, children), sidebar && sidebarPosition === "right" && /* @__PURE__ */ React7__default.default.createElement("aside", {
+  }, children), sidebar && sidebarPosition === "right" && /* @__PURE__ */ React25__namespace.default.createElement("aside", {
     className: "lui-app-shell-sidebar",
     style: sidebarStyle
-  }, sidebar)), footer && /* @__PURE__ */ React7__default.default.createElement("footer", {
+  }, sidebar)), footer && /* @__PURE__ */ React25__namespace.default.createElement("footer", {
     className: "lui-app-shell-footer"
   }, footer));
 }
-__name(AppShell, "AppShell");
+chunk3PV26V5F_js.__name(AppShell, "AppShell");
+function Tabs2({ tabs, defaultValue, value, onValueChange, children, className }) {
+  const defaultTab = defaultValue || tabs[0]?.value;
+  return /* @__PURE__ */ React25__namespace.default.createElement(TabsPrimitive2__namespace.Root, {
+    className: clsx.clsx("lui-tabs", className),
+    defaultValue: defaultTab,
+    value,
+    onValueChange
+  }, /* @__PURE__ */ React25__namespace.default.createElement(TabsPrimitive2__namespace.List, {
+    className: "lui-tabs-list"
+  }, tabs.map((tab) => /* @__PURE__ */ React25__namespace.default.createElement(TabsPrimitive2__namespace.Trigger, {
+    key: tab.value,
+    value: tab.value,
+    disabled: tab.disabled,
+    className: "lui-tabs-trigger"
+  }, tab.label))), children);
+}
+chunk3PV26V5F_js.__name(Tabs2, "Tabs");
+function TabContent({ value, children, className }) {
+  return /* @__PURE__ */ React25__namespace.default.createElement(TabsPrimitive2__namespace.Content, {
+    value,
+    className: clsx.clsx("lui-tabs-content", className)
+  }, children);
+}
+chunk3PV26V5F_js.__name(TabContent, "TabContent");
+function Modal({ open, defaultOpen, onOpenChange, title, description, children, className, trigger }) {
+  return /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Root, {
+    open,
+    defaultOpen,
+    onOpenChange
+  }, trigger && /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Trigger, {
+    asChild: true
+  }, trigger), /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Portal, null, /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Overlay, {
+    className: "lui-modal-overlay"
+  }), /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Content, {
+    className: clsx.clsx("lui-modal-content", className)
+  }, title && /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Title, {
+    className: "lui-modal-title"
+  }, title), description && /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Description, {
+    className: "lui-modal-description"
+  }, description), children, /* @__PURE__ */ React25__namespace.default.createElement(DialogPrimitive__namespace.Close, {
+    className: "lui-modal-close",
+    "aria-label": "Close"
+  }, /* @__PURE__ */ React25__namespace.default.createElement(CloseIcon, null)))));
+}
+chunk3PV26V5F_js.__name(Modal, "Modal");
+function CloseIcon() {
+  return /* @__PURE__ */ React25__namespace.default.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 14 14",
+    fill: "none"
+  }, /* @__PURE__ */ React25__namespace.default.createElement("path", {
+    d: "M3.5 3.5L10.5 10.5M10.5 3.5L3.5 10.5",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    strokeLinecap: "round"
+  }));
+}
+chunk3PV26V5F_js.__name(CloseIcon, "CloseIcon");
 function CodeBlock({ code, language = "text", showLineNumbers = false, copyable = true, className }) {
-  const [copied, setCopied] = React7__default.default.useState(false);
-  const handleCopy = /* @__PURE__ */ __name(async () => {
+  const [copied, setCopied] = React25__namespace.default.useState(false);
+  const handleCopy = /* @__PURE__ */ chunk3PV26V5F_js.__name(async () => {
     await navigator.clipboard.writeText(code);
     setCopied(true);
     setTimeout(() => setCopied(false), 2e3);
   }, "handleCopy");
-  return /* @__PURE__ */ React7__default.default.createElement("div", {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
     className: clsx.clsx("lui-code-block", className)
-  }, copyable && /* @__PURE__ */ React7__default.default.createElement("button", {
+  }, copyable && /* @__PURE__ */ React25__namespace.default.createElement("button", {
     type: "button",
     className: "lui-code-block-copy",
     onClick: handleCopy,
     "aria-label": copied ? "Copied!" : "Copy code"
-  }, copied ? /* @__PURE__ */ React7__default.default.createElement("svg", {
+  }, copied ? /* @__PURE__ */ React25__namespace.default.createElement("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2"
-  }, /* @__PURE__ */ React7__default.default.createElement("polyline", {
+  }, /* @__PURE__ */ React25__namespace.default.createElement("polyline", {
     points: "20,6 9,17 4,12"
-  })) : /* @__PURE__ */ React7__default.default.createElement("svg", {
+  })) : /* @__PURE__ */ React25__namespace.default.createElement("svg", {
     viewBox: "0 0 24 24",
     fill: "none",
     stroke: "currentColor",
     strokeWidth: "2"
-  }, /* @__PURE__ */ React7__default.default.createElement("rect", {
+  }, /* @__PURE__ */ React25__namespace.default.createElement("rect", {
     x: "9",
     y: "9",
     width: "13",
     height: "13",
     rx: "2",
     ry: "2"
-  }), /* @__PURE__ */ React7__default.default.createElement("path", {
+  }), /* @__PURE__ */ React25__namespace.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__ */ React7__default.default.createElement(prismReactRenderer.Highlight, {
+  }))), /* @__PURE__ */ React25__namespace.default.createElement(prismReactRenderer.Highlight, {
     theme: prismReactRenderer.themes.nightOwl,
     code: code.trim(),
     language
-  }, ({ className: hlClassName, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React7__default.default.createElement("pre", {
+  }, ({ className: hlClassName, style, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ React25__namespace.default.createElement("pre", {
     className: clsx.clsx("lui-code-block-pre", hlClassName),
     style
-  }, tokens.map((line, i) => /* @__PURE__ */ React7__default.default.createElement("div", {
+  }, tokens.map((line, i) => /* @__PURE__ */ React25__namespace.default.createElement("div", {
     key: i,
     ...getLineProps({
       line
     })
-  }, showLineNumbers && /* @__PURE__ */ React7__default.default.createElement("span", {
+  }, showLineNumbers && /* @__PURE__ */ React25__namespace.default.createElement("span", {
     className: "lui-code-block-line-number"
-  }, i + 1), line.map((token, key) => /* @__PURE__ */ React7__default.default.createElement("span", {
+  }, i + 1), line.map((token, key) => /* @__PURE__ */ React25__namespace.default.createElement("span", {
     key,
     ...getTokenProps({
       token
     })
   })))))));
 }
-__name(CodeBlock, "CodeBlock");
+chunk3PV26V5F_js.__name(CodeBlock, "CodeBlock");
+var Card2 = /* @__PURE__ */ React25.forwardRef(({ className, variant = "default", padding = "md", interactive = false, children, ...props }, ref) => {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    ref,
+    className: clsx.clsx("lui-card", `lui-card--${variant}`, `lui-card--padding-${padding}`, interactive && "lui-card--interactive", className),
+    ...props
+  }, children);
+});
+Card2.displayName = "Card";
+var CardHeader2 = /* @__PURE__ */ React25.forwardRef(({ className, title, description, action, children, ...props }, ref) => {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    ref,
+    className: clsx.clsx("lui-card-header", className),
+    ...props
+  }, (title || description) && /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    className: "lui-card-header__text"
+  }, title && /* @__PURE__ */ React25__namespace.default.createElement("h3", {
+    className: "lui-card-header__title"
+  }, title), description && /* @__PURE__ */ React25__namespace.default.createElement("p", {
+    className: "lui-card-header__description"
+  }, description)), action && /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    className: "lui-card-header__action"
+  }, action), children);
+});
+CardHeader2.displayName = "CardHeader";
+var CardContent2 = /* @__PURE__ */ React25.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    ref,
+    className: clsx.clsx("lui-card-content", className),
+    ...props
+  }, children);
+});
+CardContent2.displayName = "CardContent";
+var CardFooter2 = /* @__PURE__ */ React25.forwardRef(({ className, children, ...props }, ref) => {
+  return /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    ref,
+    className: clsx.clsx("lui-card-footer", className),
+    ...props
+  }, children);
+});
+CardFooter2.displayName = "CardFooter";
+var Input2 = /* @__PURE__ */ React25.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__namespace.default.createElement("div", {
+    className: clsx.clsx("lui-input-wrapper", fullWidth && "lui-input-wrapper--full-width", className)
+  }, label && /* @__PURE__ */ React25__namespace.default.createElement("label", {
+    htmlFor: inputId,
+    className: "lui-input-label"
+  }, label), /* @__PURE__ */ React25__namespace.default.createElement("div", {
+    className: clsx.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__namespace.default.createElement("span", {
+    className: "lui-input-element lui-input-element--left"
+  }, leftElement), /* @__PURE__ */ React25__namespace.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__namespace.default.createElement("span", {
+    className: "lui-input-element lui-input-element--right"
+  }, rightElement)), (error || helperText) && /* @__PURE__ */ React25__namespace.default.createElement("p", {
+    id: error ? `${inputId}-error` : `${inputId}-helper`,
+    className: clsx.clsx("lui-input-message", error && "lui-input-message--error")
+  }, error || helperText));
+});
+Input2.displayName = "Input";
 
+Object.defineProperty(exports, "UIApp", {
+  enumerable: true,
+  get: function () { return chunk3PV26V5F_js.UIApp; }
+});
+Object.defineProperty(exports, "getUIAppMetadata", {
+  enumerable: true,
+  get: function () { return chunk3PV26V5F_js.getUIAppMetadata; }
+});
+Object.defineProperty(exports, "getUIAppUri", {
+  enumerable: true,
+  get: function () { return chunk3PV26V5F_js.getUIAppUri; }
+});
+Object.defineProperty(exports, "App", {
+  enumerable: true,
+  get: function () { return extApps.App; }
+});
+Object.defineProperty(exports, "PostMessageTransport", {
+  enumerable: true,
+  get: function () { return extApps.PostMessageTransport; }
+});
+Object.defineProperty(exports, "AppBridge", {
+  enumerable: true,
+  get: function () { return appBridge.AppBridge; }
+});
 exports.ActionButton = ActionButton;
+exports.Alert = Alert;
+exports.AlertDescription = AlertDescription;
+exports.AlertTitle = AlertTitle;
 exports.AppProvider = AppProvider;
 exports.AppShell = AppShell;
-exports.Button = Button;
-exports.Card = Card;
-exports.CardContent = CardContent;
-exports.CardFooter = CardFooter;
-exports.CardHeader = CardHeader;
+exports.Badge = Badge;
+exports.Button = Button2;
+exports.Card = Card2;
+exports.CardContent = CardContent2;
+exports.CardDescription = CardDescription;
+exports.CardFooter = CardFooter2;
+exports.CardHeader = CardHeader2;
+exports.CardTitle = CardTitle;
 exports.Chart = Chart;
+exports.Checkbox = Checkbox;
 exports.CodeBlock = CodeBlock;
+exports.Command = Command;
+exports.CommandDialog = CommandDialog;
+exports.CommandEmpty = CommandEmpty;
+exports.CommandGroup = CommandGroup;
+exports.CommandInput = CommandInput;
+exports.CommandItem = CommandItem;
+exports.CommandList = CommandList;
+exports.CommandSeparator = CommandSeparator;
+exports.CommandShortcut = CommandShortcut;
+exports.DEFAULT_RESULT_CONFIG = DEFAULT_RESULT_CONFIG;
 exports.DataGrid = DataGrid;
-exports.Input = Input;
+exports.Dialog = Dialog;
+exports.DialogClose = DialogClose;
+exports.DialogContent = DialogContent;
+exports.DialogDescription = DialogDescription;
+exports.DialogFooter = DialogFooter;
+exports.DialogHeader = DialogHeader;
+exports.DialogOverlay = DialogOverlay;
+exports.DialogPortal = DialogPortal;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+exports.DropdownMenu = DropdownMenu;
+exports.DropdownMenuCheckboxItem = DropdownMenuCheckboxItem;
+exports.DropdownMenuContent = DropdownMenuContent;
+exports.DropdownMenuGroup = DropdownMenuGroup;
+exports.DropdownMenuItem = DropdownMenuItem;
+exports.DropdownMenuLabel = DropdownMenuLabel;
+exports.DropdownMenuPortal = DropdownMenuPortal;
+exports.DropdownMenuRadioGroup = DropdownMenuRadioGroup;
+exports.DropdownMenuRadioItem = DropdownMenuRadioItem;
+exports.DropdownMenuSeparator = DropdownMenuSeparator;
+exports.DropdownMenuShortcut = DropdownMenuShortcut;
+exports.DropdownMenuSub = DropdownMenuSub;
+exports.DropdownMenuSubContent = DropdownMenuSubContent;
+exports.DropdownMenuSubTrigger = DropdownMenuSubTrigger;
+exports.DropdownMenuTrigger = DropdownMenuTrigger;
+exports.Form = Form;
+exports.FormControl = FormControl;
+exports.FormDescription = FormDescription;
+exports.FormField = FormField;
+exports.FormItem = FormItem;
+exports.FormLabel = FormLabel;
+exports.FormMessage = FormMessage;
+exports.INITIAL_TOOL_STATE = INITIAL_TOOL_STATE;
+exports.Input = Input2;
+exports.Label = Label2;
+exports.Modal = Modal;
+exports.Popover = Popover;
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverContent = PopoverContent;
+exports.PopoverTrigger = PopoverTrigger;
+exports.Progress = Progress;
+exports.RequireConnection = RequireConnection;
+exports.ResourceView = ResourceView;
+exports.ScrollArea = ScrollArea;
+exports.ScrollBar = ScrollBar;
+exports.Select = Select;
+exports.SelectContent = SelectContent;
+exports.SelectGroup = SelectGroup;
+exports.SelectItem = SelectItem;
+exports.SelectLabel = SelectLabel;
+exports.SelectScrollDownButton = SelectScrollDownButton;
+exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
+exports.SelectTrigger = SelectTrigger;
+exports.SelectValue = SelectValue;
+exports.Separator = Separator2;
+exports.Skeleton = Skeleton;
+exports.Slider = Slider;
+exports.StreamingContent = StreamingContent;
+exports.Switch = Switch;
+exports.TabContent = TabContent;
+exports.Table = Table;
+exports.TableBody = TableBody;
+exports.TableCaption = TableCaption;
+exports.TableCell = TableCell;
+exports.TableFooter = TableFooter;
+exports.TableHead = TableHead;
+exports.TableHeader = TableHeader;
+exports.TableRow = TableRow;
+exports.Tabs = Tabs2;
+exports.TabsContent = TabsContent;
+exports.TabsList = TabsList;
+exports.TabsTrigger = TabsTrigger;
+exports.Textarea = Textarea;
+exports.Toaster = Toaster;
+exports.ToolButton = ToolButton;
+exports.ToolDataGrid = ToolDataGrid;
+exports.ToolErrorBoundary = ToolErrorBoundary;
 exports.ToolForm = ToolForm;
-exports.UIApp = UIApp;
-exports.getUIAppMetadata = getUIAppMetadata;
-exports.getUIAppUri = getUIAppUri;
+exports.ToolInput = ToolInput;
+exports.ToolProvider = ToolProvider;
+exports.ToolSelect = ToolSelect;
+exports.Tooltip = Tooltip;
+exports.TooltipContent = TooltipContent;
+exports.TooltipProvider = TooltipProvider;
+exports.TooltipTrigger = TooltipTrigger;
+exports.badgeVariants = badgeVariants;
+exports.buttonVariants = buttonVariants;
+exports.cn = cn;
+exports.normalizeToolBinding = normalizeToolBinding;
+exports.useFormField = useFormField;
 exports.useHostContext = useHostContext;
 exports.useMcpApp = useMcpApp;
+exports.useMessage = useMessage;
+exports.useResource = useResource;
 exports.useTool = useTool;
+exports.useToolContext = useToolContext;
 exports.useToolInput = useToolInput;
 exports.useToolInputPartial = useToolInputPartial;
 exports.useToolResult = useToolResult;
+exports.useToolStream = useToolStream;
+exports.useToolSubscription = useToolSubscription;
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map