@apotech-os/ui-sdk 0.8.0 → 0.10.0

package/dist/index.js

@@ -2,6 +2,11 @@ import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
 import * as React from 'react';
 import { createContext, useContext, useState, useRef, useCallback, useEffect } from 'react';
+import { Dialog } from '@base-ui/react/dialog';
+import { Menu } from '@base-ui/react/menu';
+import { Popover as Popover$1 } from '@base-ui/react/popover';
+import { Switch as Switch$1 } from '@base-ui/react/switch';
+import { Tabs as Tabs$1 } from '@base-ui/react/tabs';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
 
@@ -88,6 +93,175 @@ function useAppSettings() {
   );
   return { settings, isLoading, error, save, isSaving, saveError };
 }
+var DEFAULT_RUN_POLL_INTERVAL_MS = 1e3;
+var MAX_RUN_POLL_INTERVAL_MS = 5e3;
+var RUN_POLL_BACKOFF = 1.5;
+var RUNS_FOLLOW_POLL_INTERVAL_MS = 3e3;
+function runProgressSignature(run) {
+  return `${run.progress ?? ""}|${run.message ?? ""}`;
+}
+function isTerminalRunError(err) {
+  const status = extractHttpStatus(err);
+  return status === 403 || status === 404;
+}
+function extractHttpStatus(err) {
+  if (typeof err !== "object" || err === null) return void 0;
+  const direct = err.status;
+  if (typeof direct === "number") return direct;
+  const response = err.response;
+  if (typeof response !== "object" || response === null) return void 0;
+  const nested = response.status;
+  return typeof nested === "number" ? nested : void 0;
+}
+function useAppRun(runId, opts = {}) {
+  const { appSlug } = useAppContext();
+  const api = useAppApi();
+  const intervalMs = opts.intervalMs ?? DEFAULT_RUN_POLL_INTERVAL_MS;
+  const maxIntervalMs = opts.maxIntervalMs ?? MAX_RUN_POLL_INTERVAL_MS;
+  const [run, setRun] = useState(void 0);
+  const [isPolling, setIsPolling] = useState(false);
+  const [error, setError] = useState(void 0);
+  const clientRef = useRef(api);
+  clientRef.current = api;
+  const requestIdRef = useRef(0);
+  const isMountedRef = useRef(true);
+  const path = runId !== null ? `/data/apps/${appSlug}/runs/${encodeURIComponent(runId)}` : null;
+  const fetchOnce = useCallback(async () => {
+    if (path === null) return { kind: "no-path" };
+    const requestId = ++requestIdRef.current;
+    try {
+      const loaded = await clientRef.current.get(path);
+      if (requestId !== requestIdRef.current || !isMountedRef.current) return { kind: "superseded" };
+      setRun(loaded);
+      setError(void 0);
+      return { kind: "success", run: loaded };
+    } catch (err) {
+      if (requestId !== requestIdRef.current || !isMountedRef.current) return { kind: "superseded" };
+      setError(err);
+      return { kind: "error", err };
+    }
+  }, [path]);
+  useEffect(() => {
+    isMountedRef.current = true;
+    requestIdRef.current += 1;
+    setRun(void 0);
+    setError(void 0);
+    if (path === null) {
+      setIsPolling(false);
+      return () => {
+        isMountedRef.current = false;
+      };
+    }
+    let timeoutHandle;
+    let interval = intervalMs;
+    let lastSignature;
+    let cancelled = false;
+    const tick = async () => {
+      const outcome = await fetchOnce();
+      if (cancelled || !isMountedRef.current) return;
+      if (outcome.kind === "no-path") {
+        setIsPolling(false);
+        return;
+      }
+      if (outcome.kind === "superseded") {
+        timeoutHandle = setTimeout(() => void tick(), interval);
+        return;
+      }
+      if (outcome.kind === "error") {
+        if (isTerminalRunError(outcome.err)) {
+          setIsPolling(false);
+          return;
+        }
+        timeoutHandle = setTimeout(() => void tick(), interval);
+        return;
+      }
+      const loaded = outcome.run;
+      const signature = runProgressSignature(loaded);
+      interval = signature === lastSignature ? Math.min(interval * RUN_POLL_BACKOFF, maxIntervalMs) : intervalMs;
+      lastSignature = signature;
+      if (loaded.status !== "running") {
+        setIsPolling(false);
+        return;
+      }
+      timeoutHandle = setTimeout(() => void tick(), interval);
+    };
+    setIsPolling(true);
+    void tick();
+    return () => {
+      cancelled = true;
+      isMountedRef.current = false;
+      if (timeoutHandle) clearTimeout(timeoutHandle);
+    };
+  }, [path, fetchOnce, intervalMs, maxIntervalMs]);
+  const refresh = useCallback(async () => {
+    await fetchOnce();
+  }, [fetchOnce]);
+  return { run, isPolling, error, refresh };
+}
+function useAppRuns(opts) {
+  const { appSlug } = useAppContext();
+  const api = useAppApi();
+  const follow = opts.follow ?? true;
+  const [runs, setRuns] = useState([]);
+  const [isLoading, setIsLoading] = useState(true);
+  const [error, setError] = useState(void 0);
+  const clientRef = useRef(api);
+  clientRef.current = api;
+  const requestIdRef = useRef(0);
+  const isMountedRef = useRef(true);
+  const params = {};
+  if (opts.kind) params["kind"] = opts.kind;
+  if (opts.key) params["key"] = opts.key;
+  if (opts.status?.length) params["status"] = opts.status.join(",");
+  if (opts.limit) params["limit"] = String(opts.limit);
+  const paramsKey = JSON.stringify(params);
+  const path = `/data/apps/${appSlug}/runs`;
+  const fetchOnce = useCallback(
+    async ({ silent } = {}) => {
+      const requestId = ++requestIdRef.current;
+      if (!silent) setIsLoading(true);
+      try {
+        const page = await clientRef.current.get(
+          path,
+          JSON.parse(paramsKey)
+        );
+        if (requestId !== requestIdRef.current || !isMountedRef.current) return { kind: "superseded" };
+        setRuns(page.items);
+        setError(void 0);
+        return { kind: "success", items: page.items };
+      } catch (err) {
+        if (requestId !== requestIdRef.current || !isMountedRef.current) return { kind: "superseded" };
+        setError(err);
+        return { kind: "error", err };
+      } finally {
+        if (requestId === requestIdRef.current) setIsLoading(false);
+      }
+    },
+    [path, paramsKey]
+  );
+  useEffect(() => {
+    isMountedRef.current = true;
+    let timeoutHandle;
+    let cancelled = false;
+    const tick = async (silent) => {
+      const outcome = await fetchOnce({ silent });
+      if (cancelled || !isMountedRef.current || !follow) return;
+      if (outcome.kind !== "success" || outcome.items.some((r) => r.status === "running")) {
+        timeoutHandle = setTimeout(() => void tick(true), RUNS_FOLLOW_POLL_INTERVAL_MS);
+      }
+    };
+    void tick(false);
+    return () => {
+      cancelled = true;
+      isMountedRef.current = false;
+      if (timeoutHandle) clearTimeout(timeoutHandle);
+    };
+  }, [fetchOnce, follow]);
+  const refresh = useCallback(async () => {
+    await fetchOnce({ silent: true });
+  }, [fetchOnce]);
+  return { runs, isLoading, error, refresh };
+}
 
 // src/utils.ts
 async function copyToClipboard(text) {
@@ -120,6 +294,12 @@ function downloadCsv(rows, filename) {
   const blob = new Blob([`${BOM}${toCsv(rows)}`], { type: "text/csv;charset=utf-8" });
   downloadBlob(blob, filename);
 }
+function triggerProps(trigger) {
+  if (React.isValidElement(trigger)) {
+    return { render: trigger, nativeButton: trigger.type === "button" || trigger.type === Button };
+  }
+  return { render: /* @__PURE__ */ jsx("span", { children: trigger }), nativeButton: false };
+}
 var buttonVariants = cva(
   "inline-flex cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {
@@ -183,9 +363,18 @@ function CardHeader({ className, ...props }) {
 function CardTitle({ className, ...props }) {
   return /* @__PURE__ */ jsx("h3", { className: cn("text-lg font-semibold leading-none tracking-tight", className), ...props });
 }
+function CardDescription({
+  className,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx("p", { className: cn("text-sm text-muted-foreground", className), ...props });
+}
 function CardContent({ className, ...props }) {
   return /* @__PURE__ */ jsx("div", { className: cn("p-6 pt-0", className), ...props });
 }
+function CardFooter({ className, ...props }) {
+  return /* @__PURE__ */ jsx("div", { className: cn("flex items-center p-6 pt-0", className), ...props });
+}
 var Input = React.forwardRef(({ className, type, ...props }, ref) => /* @__PURE__ */ jsx(
   "input",
   {
@@ -206,7 +395,13 @@ function TableHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx("thead", { className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ jsx(
+    "thead",
+    {
+      className: cn("[&_tr]:border-b [&_tr]:hover:bg-transparent", className),
+      ...props
+    }
+  );
 }
 function TableBody({ className, ...props }) {
   return /* @__PURE__ */ jsx("tbody", { className: cn("[&_tr:last-child]:border-0", className), ...props });
@@ -228,7 +423,7 @@ function TableHead({ className, ...props }) {
     "th",
     {
       className: cn(
-        "h-10 px-4 text-left align-middle text-xs font-medium text-muted-foreground",
+        "h-10 px-4 text-left align-middle text-xs font-medium uppercase tracking-wide text-muted-foreground",
         className
       ),
       ...props
@@ -253,42 +448,43 @@ var Select = React.forwardRef(
   )
 );
 Select.displayName = "Select";
-var TabsContext = React.createContext(null);
-function useTabsContext() {
-  const ctx = React.useContext(TabsContext);
-  if (!ctx) throw new Error("Tabs sub-component must be used within <Tabs>");
-  return ctx;
-}
 function Tabs({ defaultValue, value, onValueChange, className, children }) {
-  const [internal, setInternal] = React.useState(defaultValue ?? "");
-  const current = value ?? internal;
-  const setValue = (v) => {
-    setInternal(v);
-    onValueChange?.(v);
-  };
-  return /* @__PURE__ */ jsx(TabsContext.Provider, { value: { value: current, setValue }, children: /* @__PURE__ */ jsx("div", { className, children }) });
+  return /* @__PURE__ */ jsx(
+    Tabs$1.Root,
+    {
+      className,
+      defaultValue,
+      value,
+      onValueChange: (next) => onValueChange?.(String(next)),
+      children
+    }
+  );
 }
 function TabsList({
   className,
   children
 }) {
-  return /* @__PURE__ */ jsx("div", { className: cn("inline-flex items-center gap-1 rounded-lg bg-muted p-1", className), children });
+  return /* @__PURE__ */ jsx(
+    Tabs$1.List,
+    {
+      className: cn("inline-flex items-center gap-1 rounded-lg bg-muted p-1", className),
+      children
+    }
+  );
 }
 function TabsTrigger({
   value,
   className,
   children
 }) {
-  const { value: current, setValue } = useTabsContext();
-  const active = current === value;
   return /* @__PURE__ */ jsx(
-    "button",
+    Tabs$1.Tab,
     {
-      type: "button",
-      onClick: () => setValue(value),
+      value,
       className: cn(
         "rounded-md px-3 py-1.5 text-sm font-medium transition-colors",
-        active ? "bg-card text-foreground shadow-sm" : "text-muted-foreground hover:text-foreground",
+        "text-muted-foreground hover:text-foreground",
+        "data-[active]:bg-card data-[active]:text-foreground data-[active]:shadow-sm",
         className
       ),
       children
@@ -300,38 +496,25 @@ function TabsContent({
   className,
   children
 }) {
-  const { value: current } = useTabsContext();
-  if (current !== value) return null;
-  return /* @__PURE__ */ jsx("div", { className, children });
+  return /* @__PURE__ */ jsx(Tabs$1.Panel, { value, className, children });
 }
 function Modal({ open, onClose, title, children, className }) {
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50 flex items-center justify-center p-4", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Close",
-        className: "absolute inset-0 cursor-default bg-foreground/40",
-        onClick: onClose
-      }
-    ),
+  return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx(Dialog.Backdrop, { "aria-label": "Close", className: "fixed inset-0 z-50 bg-foreground/40" }),
     /* @__PURE__ */ jsxs(
-      "div",
+      Dialog.Popup,
       {
-        role: "dialog",
-        "aria-modal": true,
         className: cn(
-          "relative z-10 w-full max-w-md rounded-xl border bg-card p-5 shadow-lg",
+          "fixed left-1/2 top-1/2 z-50 w-[calc(100%-2rem)] max-w-md -translate-x-1/2 -translate-y-1/2 rounded-xl border bg-card p-5 shadow-lg",
           className
         ),
         children: [
-          title && /* @__PURE__ */ jsx("h2", { className: "mb-3 text-base font-semibold", children: title }),
+          title && /* @__PURE__ */ jsx(Dialog.Title, { className: "mb-3 text-base font-semibold", children: title }),
           children
         ]
       }
     )
-  ] });
+  ] }) });
 }
 var spinnerSizes = { sm: "size-4", md: "size-6", lg: "size-8" };
 function Spinner({ className, size = "md" }) {
@@ -381,28 +564,19 @@ function Switch({
   ...props
 }) {
   return /* @__PURE__ */ jsx(
-    "button",
+    Switch$1.Root,
     {
-      type: "button",
-      role: "switch",
-      "aria-checked": checked,
+      checked,
+      onCheckedChange: (next) => onCheckedChange?.(next),
       disabled,
-      onClick: () => onCheckedChange?.(!checked),
       className: cn(
-        "relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-        checked ? "bg-primary" : "bg-input",
+        // `data-[disabled]`, not `disabled:` — the root is a span, so `:disabled`
+        // never matches it and the dimming would silently stop happening.
+        "relative inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full bg-input transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring data-[checked]:bg-primary data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: cn(
-            "inline-block size-4 transform rounded-full bg-white shadow transition-transform",
-            checked ? "translate-x-4" : "translate-x-0.5"
-          )
-        }
-      )
+      children: /* @__PURE__ */ jsx(Switch$1.Thumb, { className: "inline-block size-4 translate-x-0.5 rounded-full bg-white shadow transition-transform data-[checked]:translate-x-4" })
     }
   );
 }
@@ -531,47 +705,26 @@ function SidePanel({
   children,
   className
 }) {
-  React.useEffect(() => {
-    if (!open) return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("keydown", onKeyDown);
-    return () => window.removeEventListener("keydown", onKeyDown);
-  }, [open, onClose]);
-  if (!open) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "fixed inset-0 z-50", children: [
-    /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        "aria-label": "Fermer",
-        className: "absolute inset-0 cursor-default bg-foreground/40",
-        onClick: onClose
-      }
-    ),
+  return /* @__PURE__ */ jsx(Dialog.Root, { open, onOpenChange: (next) => !next && onClose(), children: /* @__PURE__ */ jsxs(Dialog.Portal, { children: [
+    /* @__PURE__ */ jsx(Dialog.Backdrop, { "aria-label": "Fermer", className: "fixed inset-0 z-50 bg-foreground/40" }),
     /* @__PURE__ */ jsxs(
-      "aside",
+      Dialog.Popup,
       {
-        role: "dialog",
-        "aria-modal": true,
         className: cn(
-          "absolute inset-y-0 right-0 flex w-full max-w-lg flex-col border-l bg-card shadow-xl",
+          "fixed inset-y-0 right-0 z-50 flex w-full max-w-lg flex-col border-l bg-card shadow-xl",
           className
         ),
         children: [
           /* @__PURE__ */ jsxs("header", { className: "flex shrink-0 items-start gap-3 border-b px-5 py-4", children: [
             /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
-              title && /* @__PURE__ */ jsx("h2", { className: "text-base font-semibold", children: title }),
-              description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-xs text-muted-foreground", children: description })
+              title && /* @__PURE__ */ jsx(Dialog.Title, { className: "text-base font-semibold", children: title }),
+              description && /* @__PURE__ */ jsx(Dialog.Description, { className: "mt-0.5 text-xs text-muted-foreground", children: description })
             ] }),
             /* @__PURE__ */ jsx(
-              "button",
+              Dialog.Close,
               {
-                type: "button",
                 "aria-label": "Fermer",
                 className: "-mr-1 shrink-0 rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground",
-                onClick: onClose,
                 children: /* @__PURE__ */ jsx(IconX, { className: "size-4" })
               }
             )
@@ -580,7 +733,7 @@ function SidePanel({
         ]
       }
     )
-  ] });
+  ] }) });
 }
 var COPY_FEEDBACK_MS = 2e3;
 function CopyButton({
@@ -623,69 +776,111 @@ function Popover({
   align = "start",
   className
 }) {
-  const root = React.useRef(null);
-  React.useEffect(() => {
-    if (!open) return;
-    const onPointerDown = (e) => {
-      if (!root.current?.contains(e.target)) onOpenChange(false);
-    };
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") onOpenChange(false);
-    };
-    document.addEventListener("mousedown", onPointerDown);
-    document.addEventListener("keydown", onKeyDown);
-    return () => {
-      document.removeEventListener("mousedown", onPointerDown);
-      document.removeEventListener("keydown", onKeyDown);
-    };
-  }, [open, onOpenChange]);
-  return /* @__PURE__ */ jsxs("div", { ref: root, className: "relative inline-block", children: [
-    /* @__PURE__ */ jsx("button", { type: "button", "aria-expanded": open, onClick: () => onOpenChange(!open), children: trigger }),
-    open && /* @__PURE__ */ jsx(
+  return (
+    // The callback is re-wrapped so Base UI's event-details argument stops at the
+    // SDK boundary: the engine is an implementation detail, not part of the API.
+    /* @__PURE__ */ jsxs(Popover$1.Root, { open, onOpenChange: (next) => onOpenChange(next), children: [
+      /* @__PURE__ */ jsx("span", { className: "inline-block", children: /* @__PURE__ */ jsx(Popover$1.Trigger, { ...triggerProps(trigger) }) }),
+      /* @__PURE__ */ jsx(Popover$1.Portal, { children: /* @__PURE__ */ jsx(Popover$1.Positioner, { side: "bottom", align, sideOffset: 4, className: "z-50", children: /* @__PURE__ */ jsx(
+        Popover$1.Popup,
+        {
+          className: cn("min-w-48 rounded-md border bg-card p-2 shadow-lg", className),
+          children
+        }
+      ) }) })
+    ] })
+  );
+}
+function DropdownMenu({ trigger, items, align = "end", className }) {
+  return /* @__PURE__ */ jsxs(Menu.Root, { children: [
+    /* @__PURE__ */ jsx("span", { className: "inline-block", children: /* @__PURE__ */ jsx(Menu.Trigger, { ...triggerProps(trigger) }) }),
+    /* @__PURE__ */ jsx(Menu.Portal, { children: /* @__PURE__ */ jsx(Menu.Positioner, { side: "bottom", align, sideOffset: 4, className: "z-50", children: /* @__PURE__ */ jsx(
+      Menu.Popup,
+      {
+        className: cn(
+          "flex min-w-48 flex-col rounded-md border bg-card p-1 shadow-lg",
+          className
+        ),
+        children: items.map((item, i) => /* @__PURE__ */ jsx(
+          Menu.Item,
+          {
+            disabled: item.disabled,
+            onClick: item.onSelect,
+            className: cn(
+              "cursor-pointer rounded px-2 py-1.5 text-left text-sm outline-none data-[highlighted]:bg-accent data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+              item.destructive && "text-destructive"
+            ),
+            children: item.label
+          },
+          i
+        ))
+      }
+    ) }) })
+  ] });
+}
+var ToastContext = createContext(null);
+function useToast() {
+  const toast = useContext(ToastContext);
+  if (!toast) throw new Error("useToast must be used within ToastProvider");
+  return toast;
+}
+var TOAST_TTL_MS = 4e3;
+var TONE = {
+  success: "border-l-status-success",
+  error: "border-l-status-blocked",
+  info: "border-l-status-info"
+};
+function ToastProvider({ children }) {
+  const [toasts, setToasts] = useState([]);
+  const nextId = useRef(0);
+  const toast = useCallback((input) => {
+    const id = nextId.current++;
+    setToasts((prev) => [...prev, { id, ...input }]);
+    setTimeout(() => setToasts((prev) => prev.filter((t) => t.id !== id)), TOAST_TTL_MS);
+  }, []);
+  return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: toast, children: [
+    children,
+    /* @__PURE__ */ jsx("div", { className: "pointer-events-none fixed bottom-4 right-4 z-[60] flex w-80 flex-col gap-2", children: toasts.map((t) => /* @__PURE__ */ jsxs(
       "div",
       {
+        role: "status",
+        className: cn(
+          "pointer-events-auto rounded-lg border border-l-4 bg-card px-4 py-3 text-foreground shadow-md",
+          TONE[t.variant ?? "success"]
+        ),
+        children: [
+          /* @__PURE__ */ jsx("p", { className: "text-sm font-medium", children: t.title }),
+          t.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 break-all text-xs text-muted-foreground", children: t.description })
+        ]
+      },
+      t.id
+    )) })
+  ] });
+}
+var SIDES = {
+  top: "bottom-full left-1/2 -translate-x-1/2 mb-1.5",
+  right: "left-full top-1/2 -translate-y-1/2 ml-1.5",
+  bottom: "top-full left-1/2 -translate-x-1/2 mt-1.5",
+  left: "right-full top-1/2 -translate-y-1/2 mr-1.5"
+};
+function Tooltip({ label, children, side = "top", className }) {
+  return /* @__PURE__ */ jsxs("span", { className: "group/tt relative inline-flex", children: [
+    children,
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        role: "tooltip",
         className: cn(
-          "absolute z-40 mt-1 min-w-48 rounded-md border bg-card p-2 shadow-lg",
-          align === "end" ? "right-0" : "left-0",
+          "pointer-events-none absolute z-50 whitespace-nowrap rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background opacity-0 shadow-md transition-opacity group-hover/tt:opacity-100",
+          SIDES[side],
           className
         ),
-        children
+        children: label
       }
     )
   ] });
 }
-function DropdownMenu({ trigger, items, align = "end", className }) {
-  const [open, setOpen] = React.useState(false);
-  return /* @__PURE__ */ jsx(
-    Popover,
-    {
-      open,
-      onOpenChange: setOpen,
-      trigger,
-      align,
-      className: cn("p-1", className),
-      children: /* @__PURE__ */ jsx("div", { role: "menu", className: "flex flex-col", children: items.map((item, i) => /* @__PURE__ */ jsx(
-        "button",
-        {
-          type: "button",
-          role: "menuitem",
-          disabled: item.disabled,
-          className: cn(
-            "cursor-pointer rounded px-2 py-1.5 text-left text-sm hover:bg-accent disabled:pointer-events-none disabled:opacity-50",
-            item.destructive && "text-destructive"
-          ),
-          onClick: () => {
-            setOpen(false);
-            item.onSelect();
-          },
-          children: item.label
-        },
-        i
-      )) })
-    }
-  );
-}
 
-export { AppApiProvider, AppContextProvider, AppInvokeError, Badge, Button, Card, CardContent, CardHeader, CardTitle, Checkbox, CopyButton, DateRangePicker, DropdownMenu, Input, Link, Modal, Popover, Select, SidePanel, Spinner, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, cn, copyToClipboard, downloadBlob, downloadCsv, toCsv, useAppApi, useAppContext, useAppSettings };
+export { AppApiProvider, AppContextProvider, AppInvokeError, Badge, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, CopyButton, DateRangePicker, DropdownMenu, Input, Link, Modal, Popover, Select, SidePanel, Spinner, Switch, Table, TableBody, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, ToastProvider, Tooltip, badgeVariants, buttonVariants, cn, copyToClipboard, downloadBlob, downloadCsv, toCsv, useAppApi, useAppContext, useAppRun, useAppRuns, useAppSettings, useToast };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map