@juv/codego-react-ui 1.0.4 → 1.0.6

package/dist/index.cjs

@@ -469,7 +469,9 @@ var Button = React3.forwardRef(
     debounceTime,
     throttleTime,
     confirmBeforeClick,
-    confirmMessage,
+    confirmBeforeClickModalTitle,
+    confirmBeforeClickModalContent,
+    confirmBeforeClickFooterAction,
     href,
     target,
     as = "button",
@@ -540,12 +542,27 @@ var Button = React3.forwardRef(
       background: gradientFrom && gradientTo ? `linear-gradient(${gradientDirection === "to-r" ? "to right" : gradientDirection === "to-l" ? "to left" : gradientDirection === "to-t" ? "to top" : gradientDirection === "to-b" ? "to bottom" : gradientDirection === "to-tr" ? "to top right" : gradientDirection === "to-tl" ? "to top left" : gradientDirection === "to-br" ? "to bottom right" : "to bottom left"}, ${gradientFrom}, ${gradientTo})` : void 0,
       ...style
     };
+    const [confirmOpen, setConfirmOpen] = React3.useState(false);
+    const pendingEvent = React3.useRef(null);
     const handleClick = (e) => {
       if (preventDefault) e.preventDefault();
       if (stopPropagation) e.stopPropagation();
-      if (confirmBeforeClick && !confirm(confirmMessage || "Are you sure?")) return;
+      if (confirmBeforeClick) {
+        pendingEvent.current = e;
+        setConfirmOpen(true);
+        return;
+      }
       onClick?.(e);
     };
+    function handleConfirmProceed() {
+      setConfirmOpen(false);
+      onClick?.(pendingEvent.current ?? void 0);
+      pendingEvent.current = null;
+    }
+    function handleConfirmCancel() {
+      setConfirmOpen(false);
+      pendingEvent.current = null;
+    }
     const buttonContent = /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
       loading && loadingPosition === "left" && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "animate-spin mr-2", children: "\u27F3" }),
       leftIcon && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "mr-2", children: leftIcon }),
@@ -570,22 +587,72 @@ var Button = React3.forwardRef(
       tabIndex,
       "data-testid": testID
     };
+    const confirmModal = confirmBeforeClick && confirmOpen ? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center",
+        onClick: handleConfirmCancel,
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm" }),
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+            "div",
+            {
+              className: "relative z-10 w-full max-w-sm rounded-2xl border border-border bg-card p-6 shadow-2xl",
+              onClick: (e) => e.stopPropagation(),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("p", { className: "text-base font-semibold text-foreground mb-2", children: confirmBeforeClickModalTitle ?? "Are you sure?" }),
+                confirmBeforeClickModalContent && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "text-sm text-muted-foreground mb-5", children: confirmBeforeClickModalContent }),
+                /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: "flex justify-end gap-2 mt-4", children: confirmBeforeClickFooterAction ?? /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleConfirmCancel,
+                      className: "inline-flex items-center justify-center rounded-md border border-border bg-background px-4 py-2 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+                      children: "Cancel"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: handleConfirmProceed,
+                      className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary-hover transition-colors",
+                      children: "Proceed"
+                    }
+                  )
+                ] }) })
+              ]
+            }
+          )
+        ]
+      }
+    ) : null;
     if (Element === "a") {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { ...sharedProps, href, target, children: buttonContent });
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        confirmModal,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("a", { ...sharedProps, href, target, children: buttonContent })
+      ] });
     }
     if (Element === "div") {
-      return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ...sharedProps, children: buttonContent });
+      return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+        confirmModal,
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { ...sharedProps, children: buttonContent })
+      ] });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
-      "button",
-      {
-        ...sharedProps,
-        type,
-        disabled,
-        ...props,
-        children: buttonContent
-      }
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_jsx_runtime5.Fragment, { children: [
+      confirmModal,
+      /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+        "button",
+        {
+          ...sharedProps,
+          type,
+          disabled,
+          ...props,
+          children: buttonContent
+        }
+      )
+    ] });
   }
 );
 Button.displayName = "Button";
@@ -1580,12 +1647,12 @@ function DonutChart({ data, color, height, showValues, unit }) {
   const total = data.reduce((s, d) => s + d.value, 0) || 1;
   const cx = 80, cy = height / 2, r = Math.min(cx, cy) - 10, inner = r * 0.58;
   let angle = -Math.PI / 2;
-  const defaultColors = ["primary", "info", "success", "warning", "danger"];
+  const defaultColors2 = ["primary", "info", "success", "warning", "danger"];
   const slices = data.map((d, i) => {
     const sweep = d.value / total * 2 * Math.PI;
     const start = angle;
     angle += sweep;
-    const c = d.color ?? defaultColors[i % defaultColors.length];
+    const c = d.color ?? defaultColors2[i % defaultColors2.length];
     return { ...d, start, sweep, color: c };
   });
   const arc = (cx2, cy2, r2, start, end) => {
@@ -5331,7 +5398,7 @@ function Repeater({
 }
 
 // src/components/ui/panel.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var import_lucide_react21 = require("lucide-react");
 
 // src/components/ui/tooltip.tsx
@@ -5412,9 +5479,59 @@ function Tooltip({
   );
 }
 
-// src/components/ui/panel.tsx
+// src/components/theme-provider.tsx
+var import_react = require("react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var PanelCollapsedContext = React31.createContext(false);
+var defaultColors = {
+  primary: "#8b5cf6",
+  primaryHover: "#7c3aed",
+  secondary: "#171717",
+  secondaryHover: "#262626",
+  info: "#3b82f6",
+  infoHover: "#2563eb",
+  warning: "#f59e0b",
+  warningHover: "#d97706",
+  danger: "#ef4444",
+  dangerHover: "#dc2626"
+};
+var initialState = {
+  theme: "system",
+  colors: defaultColors,
+  fontSize: "16px",
+  fontFamily: '"Space Grotesk", "Inter", sans-serif',
+  setTheme: () => null,
+  setColors: () => null,
+  setFontSize: () => null,
+  setFontFamily: () => null,
+  resetSettings: () => null
+};
+var ThemeProviderContext = (0, import_react.createContext)(initialState);
+var useTheme = () => {
+  const context = (0, import_react.useContext)(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
+
+// src/components/ui/panel.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var PanelCollapsedContext = React32.createContext(false);
+function PanelThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    "button",
+    {
+      type: "button",
+      onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+      className: "text-muted-foreground hover:text-foreground transition-colors",
+      "aria-label": "Toggle theme",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.Sun, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.Moon, { className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+      ]
+    }
+  );
+}
 function Panel({
   sidebar,
   sidebarHeader,
@@ -5424,60 +5541,86 @@ function Panel({
   topbarTrailing,
   defaultCollapsed = false,
   collapsible = false,
+  showThemeToggle = false,
+  defaultPage,
   height = "h-[520px]",
   children,
   className
 }) {
-  const [collapsed, setCollapsed] = React31.useState(defaultCollapsed);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  const [collapsed, setCollapsed] = React32.useState(defaultCollapsed);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "div",
     {
       className: cn(
-        "flex overflow-hidden rounded-xl border border-border glass shadow-lg",
+        "relative flex overflow-hidden rounded-xl border border-border bg-background shadow-lg",
         height,
         className
       ),
       children: [
-        sidebar && /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "absolute -top-[40%] -left-[20%] h-[80%] w-[60%] rounded-full bg-primary/10 blur-[120px]" }),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "absolute -bottom-[40%] -right-[20%] h-[80%] w-[60%] rounded-full bg-info/10 blur-[120px]" })
+        ] }),
+        sidebar && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
           "aside",
           {
             className: cn(
-              "flex flex-col shrink-0 border-r border-border transition-all duration-200",
+              "relative z-10 flex flex-col shrink-0 border-r border-border transition-all duration-200",
               collapsed ? "w-14" : sidebarWidth
             ),
             children: [
-              sidebarHeader && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "shrink-0 border-b border-border px-4 py-3 text-sm font-semibold", children: sidebarHeader }),
-              sidebarHeader && collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "shrink-0 border-b border-border flex items-center justify-center py-3", children: sidebarHeader }),
-              /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: sidebar }),
-              sidebarFooter && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "shrink-0 border-t border-border px-4 py-3", children: sidebarFooter })
+              sidebarHeader && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "shrink-0 border-b border-border",
+                    collapsed ? "flex items-center justify-center py-3" : "px-4 py-3 text-sm font-semibold"
+                  ),
+                  children: sidebarHeader
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: sidebar }),
+              sidebarFooter && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+                "div",
+                {
+                  className: cn(
+                    "shrink-0 border-t border-border",
+                    collapsed ? "flex items-center justify-center py-3" : "px-4 py-3"
+                  ),
+                  children: !collapsed && sidebarFooter
+                }
+              )
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex flex-1 min-w-0 flex-col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("header", { className: "flex h-12 shrink-0 items-center justify-between border-b border-border px-4 gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
-              collapsible && sidebar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "relative z-10 flex flex-1 min-w-0 flex-col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("header", { className: "flex h-14 shrink-0 items-center justify-between border-b glass px-4 gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+              collapsible && sidebar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                 Tooltip,
                 {
                   content: collapsed ? "Expand sidebar" : "Collapse sidebar",
                   side: "bottom",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                     "button",
                     {
                       type: "button",
                       onClick: () => setCollapsed((c) => !c),
                       className: "text-muted-foreground hover:text-foreground transition-colors",
                       "aria-label": collapsed ? "Expand sidebar" : "Collapse sidebar",
-                      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.PanelLeftOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.PanelLeftClose, { className: "h-4 w-4" })
+                      children: collapsed ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.PanelLeftOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react21.PanelLeftClose, { className: "h-5 w-5" })
                     }
                   )
                 }
               ),
-              topbar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-2", children: topbar })
+              topbar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "flex items-center gap-2", children: topbar })
             ] }),
-            topbarTrailing && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "flex items-center gap-2", children: topbarTrailing })
+            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
+              topbarTrailing,
+              showThemeToggle && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PanelThemeToggle, {})
+            ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("main", { className: "flex-1 overflow-y-auto p-4", children })
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("main", { className: "flex-1 overflow-y-auto p-4", children })
         ] })
       ]
     }
@@ -5489,8 +5632,8 @@ function PanelSidebarItem({
   active,
   onClick
 }) {
-  const collapsed = React31.useContext(PanelCollapsedContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  const collapsed = React32.useContext(PanelCollapsedContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
     "button",
     {
       type: "button",
@@ -5501,8 +5644,8 @@ function PanelSidebarItem({
         active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-primary/20 hover:text-primary cursor-pointer"
       ),
       children: [
-        Icon && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Icon, { className: "h-4 w-4 shrink-0" }),
-        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: "truncate", children: label })
+        Icon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { className: "h-4 w-4 shrink-0" }),
+        !collapsed && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: "truncate", children: label })
       ]
     }
   ) });
@@ -5511,17 +5654,17 @@ function PanelSidebarGroup({
   title,
   children
 }) {
-  const collapsed = React31.useContext(PanelCollapsedContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "px-2 py-1", children: [
-    title && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("p", { className: "mb-1 px-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
-    title && collapsed && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mx-1 mb-1 h-px bg-border" }),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "space-y-0.5", children })
+  const collapsed = React32.useContext(PanelCollapsedContext);
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "px-2 py-1", children: [
+    title && !collapsed && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("p", { className: "mb-1 px-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
+    title && collapsed && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mx-1 mb-1 h-px bg-border" }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("main", { className: "space-y-0.5", children })
   ] });
 }
 
 // src/components/ui/resizable-panels.tsx
-var React32 = __toESM(require("react"), 1);
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var React33 = __toESM(require("react"), 1);
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function ResizablePanels({
   children,
   orientation = "horizontal",
@@ -5531,15 +5674,15 @@ function ResizablePanels({
   handleClassName,
   className
 }) {
-  const [size, setSize] = React32.useState(defaultSize);
-  const [dragging, setDragging] = React32.useState(false);
-  const containerRef = React32.useRef(null);
+  const [size, setSize] = React33.useState(defaultSize);
+  const [dragging, setDragging] = React33.useState(false);
+  const containerRef = React33.useRef(null);
   const isHorizontal = orientation === "horizontal";
   function onMouseDown(e) {
     e.preventDefault();
     setDragging(true);
   }
-  React32.useEffect(() => {
+  React33.useEffect(() => {
     if (!dragging) return;
     function onMove(e) {
       const container = containerRef.current;
@@ -5558,7 +5701,7 @@ function ResizablePanels({
       document.removeEventListener("mouseup", onUp);
     };
   }, [dragging, isHorizontal, minSize, maxSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -5569,7 +5712,7 @@ function ResizablePanels({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: "overflow-auto",
@@ -5577,7 +5720,7 @@ function ResizablePanels({
             children: children[0]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             onMouseDown,
@@ -5587,13 +5730,13 @@ function ResizablePanels({
               dragging && (isHorizontal ? "w-1.5 bg-primary/60" : "h-1.5 bg-primary/60"),
               handleClassName
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn(
               "rounded-full bg-muted-foreground/40",
               isHorizontal ? "h-8 w-0.5" : "w-8 h-0.5"
             ) })
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "div",
           {
             className: "flex-1 overflow-auto",
@@ -5607,26 +5750,26 @@ function ResizablePanels({
 }
 
 // src/components/ui/rich-text-editor.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var TOOLBAR = [
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
   "divider",
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
   "divider",
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
   "divider",
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
   "divider",
-  { icon: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
+  { icon: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react22.Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
 ];
 function RichTextEditor({
   value: controlled,
@@ -5637,17 +5780,17 @@ function RichTextEditor({
   disabled = false,
   className
 }) {
-  const editorRef = React33.useRef(null);
-  const [focused, setFocused] = React33.useState(false);
-  const [isEmpty, setIsEmpty] = React33.useState(!defaultValue);
-  React33.useEffect(() => {
+  const editorRef = React34.useRef(null);
+  const [focused, setFocused] = React34.useState(false);
+  const [isEmpty, setIsEmpty] = React34.useState(!defaultValue);
+  React34.useEffect(() => {
     if (editorRef.current && controlled !== void 0) {
       if (editorRef.current.innerHTML !== controlled) {
         editorRef.current.innerHTML = controlled;
       }
     }
   }, [controlled]);
-  React33.useEffect(() => {
+  React34.useEffect(() => {
     if (editorRef.current && defaultValue) {
       editorRef.current.innerHTML = defaultValue;
       setIsEmpty(false);
@@ -5675,14 +5818,14 @@ function RichTextEditor({
       return false;
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn(
     "rounded-xl border border-border overflow-hidden transition-colors",
     focused && "ring-2 ring-ring border-primary",
     disabled && "opacity-50 pointer-events-none",
     className
   ), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border bg-muted/30 px-2 py-1.5", children: TOOLBAR.map(
-      (item, i) => item === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex flex-wrap items-center gap-0.5 border-b border-border bg-muted/30 px-2 py-1.5", children: TOOLBAR.map(
+      (item, i) => item === "divider" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "button",
         {
           type: "button",
@@ -5700,9 +5843,9 @@ function RichTextEditor({
         i
       )
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "relative", children: [
-      isEmpty && !focused && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "relative", children: [
+      isEmpty && !focused && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
         "div",
         {
           ref: editorRef,
@@ -5729,7 +5872,7 @@ function RichTextEditor({
 }
 
 // src/components/ui/scroll-area.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function ScrollArea({
   maxHeight,
   maxWidth,
@@ -5744,7 +5887,7 @@ function ScrollArea({
     horizontal: "overflow-x-auto overflow-y-hidden",
     both: "overflow-auto"
   }[orientation];
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
     "div",
     {
       className: cn(
@@ -5764,9 +5907,9 @@ function ScrollArea({
 }
 
 // src/components/ui/section.tsx
-var React34 = __toESM(require("react"), 1);
+var React35 = __toESM(require("react"), 1);
 var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var variantWrap = {
   default: "",
   card: "rounded-xl glass shadow-lg overflow-hidden",
@@ -5798,9 +5941,9 @@ function SectionBlock({
   className,
   contentClassName
 }) {
-  const [open, setOpen] = React34.useState(defaultOpen);
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: cn(variantWrap[variant], className), children: [
-    (title || description || action) && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  const [open, setOpen] = React35.useState(defaultOpen);
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: cn(variantWrap[variant], className), children: [
+    (title || description || action) && /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
       "div",
       {
         className: cn(
@@ -5811,16 +5954,16 @@ function SectionBlock({
         ),
         onClick: collapsible ? () => setOpen((o) => !o) : void 0,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-start gap-3 min-w-0", children: [
-            icon && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "min-w-0", children: [
-              title && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("h3", { className: "text-base font-semibold leading-tight", children: title }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex items-start gap-3 min-w-0", children: [
+            icon && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
+            /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "min-w-0", children: [
+              title && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("h3", { className: "text-base font-semibold leading-tight", children: title }),
+              description && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
-            action && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { onClick: (e) => e.stopPropagation(), children: action }),
-            collapsible && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex shrink-0 items-center gap-2", children: [
+            action && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { onClick: (e) => e.stopPropagation(), children: action }),
+            collapsible && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
               import_lucide_react23.ChevronDown,
               {
                 className: cn(
@@ -5833,17 +5976,17 @@ function SectionBlock({
         ]
       }
     ),
-    (!collapsible || open) && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn(variantBody[variant], contentClassName), children })
+    (!collapsible || open) && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn(variantBody[variant], contentClassName), children })
   ] });
 }
 
 // src/components/ui/skeleton.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-white/5 backdrop-blur-sm", className),
@@ -5853,8 +5996,8 @@ function Skeleton({
 }
 
 // src/components/ui/slider.tsx
-var React35 = __toESM(require("react"), 1);
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var React36 = __toESM(require("react"), 1);
+var import_jsx_runtime45 = require("react/jsx-runtime");
 function pct(val, min, max) {
   return (val - min) / (max - min) * 100;
 }
@@ -5873,8 +6016,8 @@ function Slider({
   showValue = false,
   className
 }) {
-  const [internal, setInternal] = React35.useState(defaultValue);
-  const [hovering, setHovering] = React35.useState(false);
+  const [internal, setInternal] = React36.useState(defaultValue);
+  const [hovering, setHovering] = React36.useState(false);
   const val = controlled ?? internal;
   function handleChange(e) {
     const v = Number(e.target.value);
@@ -5882,20 +6025,20 @@ function Slider({
     onChange?.(v);
   }
   const p = pct(val, min, max);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
-    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-medium", children: label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-muted-foreground tabular-nums", children: val })
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "font-medium", children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-muted-foreground tabular-nums", children: val })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
       "div",
       {
         className: "relative flex items-center h-5",
         onMouseEnter: () => setHovering(true),
         onMouseLeave: () => setHovering(false),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
-          showTooltip && hovering && !disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
+          showTooltip && hovering && !disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: "absolute -top-8 -translate-x-1/2 bg-foreground text-background text-xs font-medium px-2 py-0.5 rounded-md pointer-events-none",
@@ -5903,7 +6046,7 @@ function Slider({
               children: val
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "input",
             {
               type: "range",
@@ -5919,7 +6062,7 @@ function Slider({
               )
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: cn(
@@ -5932,9 +6075,9 @@ function Slider({
         ]
       }
     ),
-    (showMarks || marks) && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex flex-col items-center gap-0.5", style: { position: "absolute", left: `${pct(m.value, min, max)}%`, transform: "translateX(-50%)" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "h-1 w-0.5 bg-border" }),
-      m.label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "text-[10px] text-muted-foreground", children: m.label })
+    (showMarks || marks) && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col items-center gap-0.5", style: { position: "absolute", left: `${pct(m.value, min, max)}%`, transform: "translateX(-50%)" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "h-1 w-0.5 bg-border" }),
+      m.label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-[10px] text-muted-foreground", children: m.label })
     ] }, m.value)) })
   ] });
 }
@@ -5951,8 +6094,8 @@ function RangeSlider({
   showValue = false,
   className
 }) {
-  const [internal, setInternal] = React35.useState(defaultValue);
-  const [active, setActive] = React35.useState(null);
+  const [internal, setInternal] = React36.useState(defaultValue);
+  const [active, setActive] = React36.useState(null);
   const val = controlled ?? internal;
   function handleChange(idx, e) {
     const v = Number(e.target.value);
@@ -5962,21 +6105,21 @@ function RangeSlider({
   }
   const p0 = pct(val[0], min, max);
   const p1 = pct(val[1], min, max);
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
-    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "font-medium", children: label }),
-      showValue && /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("span", { className: "text-muted-foreground tabular-nums", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("w-full space-y-2", className), children: [
+    (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "font-medium", children: label }),
+      showValue && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: "text-muted-foreground tabular-nums", children: [
         val[0],
         " \u2013 ",
         val[1]
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "relative flex items-center h-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "absolute h-full rounded-full bg-primary", style: { left: `${p0}%`, width: `${p1 - p0}%` } }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative flex items-center h-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "absolute h-full rounded-full bg-primary", style: { left: `${p0}%`, width: `${p1 - p0}%` } }) }),
       [0, 1].map((idx) => {
         const p = idx === 0 ? p0 : p1;
-        return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(React35.Fragment, { children: [
-          showTooltip && active === idx && !disabled && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(React36.Fragment, { children: [
+          showTooltip && active === idx && !disabled && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: "absolute -top-8 -translate-x-1/2 bg-foreground text-background text-xs font-medium px-2 py-0.5 rounded-md pointer-events-none z-10",
@@ -5984,7 +6127,7 @@ function RangeSlider({
               children: val[idx]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "input",
             {
               type: "range",
@@ -6000,7 +6143,7 @@ function RangeSlider({
               style: { zIndex: idx === 1 ? 2 : 1 }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
             "div",
             {
               className: "absolute h-4 w-4 rounded-full border-2 border-primary bg-background shadow-md pointer-events-none",
@@ -6015,7 +6158,7 @@ function RangeSlider({
 
 // src/components/ui/stat-card.tsx
 var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function Sparkline2({ data, trend }) {
   if (data.length < 2) return null;
   const min = Math.min(...data);
@@ -6029,7 +6172,7 @@ function Sparkline2({ data, trend }) {
     return `${x},${y}`;
   }).join(" ");
   const color = trend === "up" ? "stroke-success" : trend === "down" ? "stroke-danger" : "stroke-primary";
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     "polyline",
     {
       points: pts,
@@ -6057,38 +6200,38 @@ function StatCard({
   const TrendIcon = autoTrend === "up" ? import_lucide_react24.TrendingUp : autoTrend === "down" ? import_lucide_react24.TrendingDown : import_lucide_react24.Minus;
   const trendColor = autoTrend === "up" ? "text-success" : autoTrend === "down" ? "text-danger" : "text-muted-foreground";
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3 animate-pulse", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-3 w-24 rounded bg-muted" }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-7 w-32 rounded bg-muted" }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "h-3 w-16 rounded bg-muted" })
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3 animate-pulse", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-3 w-24 rounded bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-7 w-32 rounded bg-muted" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "h-3 w-16 rounded bg-muted" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
-      icon && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary shrink-0", children: icon })
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("rounded-xl glass p-5 space-y-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
+      icon && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary shrink-0", children: icon })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-end justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-3xl font-bold tracking-tight", children: value }),
-      sparkline && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Sparkline2, { data: sparkline, trend: autoTrend })
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-end justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-3xl font-bold tracking-tight", children: value }),
+      sparkline && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Sparkline2, { data: sparkline, trend: autoTrend })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-1.5", children: [
-      change !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("span", { className: cn("flex items-center gap-0.5 text-xs font-semibold", trendColor), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(TrendIcon, { className: "h-3.5 w-3.5" }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-1.5", children: [
+      change !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: cn("flex items-center gap-0.5 text-xs font-semibold", trendColor), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TrendIcon, { className: "h-3.5 w-3.5" }),
         change > 0 ? "+" : "",
         change,
         "%"
       ] }),
-      changeLabel && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
-      description && !changeLabel && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs text-muted-foreground", children: description })
+      changeLabel && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
+      description && !changeLabel && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs text-muted-foreground", children: description })
     ] })
   ] });
 }
 
 // src/components/ui/stepper.tsx
-var React36 = __toESM(require("react"), 1);
+var React37 = __toESM(require("react"), 1);
 var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 function getStatus(idx, current) {
   if (idx < current) return "complete";
   if (idx === current) return "current";
@@ -6109,7 +6252,7 @@ function Stepper({
   clickable = false,
   className
 }) {
-  const [internal, setInternal] = React36.useState(defaultCurrent);
+  const [internal, setInternal] = React37.useState(defaultCurrent);
   const current = controlled ?? internal;
   function go(idx) {
     if (!clickable) return;
@@ -6117,20 +6260,20 @@ function Stepper({
     onChange?.(idx);
   }
   const isHorizontal = orientation === "horizontal";
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn(
       "flex",
       isHorizontal ? "flex-row items-start" : "flex-col gap-0"
     ), children: steps.map((step, i) => {
       const status = getStatus(i, current);
       const isLast = i === steps.length - 1;
-      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(React36.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(React37.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn(
         "flex",
         isHorizontal ? "flex-col items-center flex-1" : "flex-row gap-4"
       ), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("flex items-center", isHorizontal ? "w-full" : "flex-col"), children: [
-          isHorizontal && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("flex items-center", isHorizontal ? "w-full" : "flex-col"), children: [
+          isHorizontal && i > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
             "button",
             {
               type: "button",
@@ -6142,35 +6285,35 @@ function Stepper({
                 clickable && "cursor-pointer hover:scale-110",
                 !clickable && "cursor-default"
               ),
-              children: status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react25.Check, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react25.X, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { children: i + 1 })
+              children: status === "complete" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.Check, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react25.X, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: i + 1 })
             }
           ),
-          isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
-          !isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("w-0.5 flex-1 min-h-8 transition-colors mt-1", i < current ? "bg-primary" : "bg-border") })
+          isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
+          !isHorizontal && !isLast && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("w-0.5 flex-1 min-h-8 transition-colors mt-1", i < current ? "bg-primary" : "bg-border") })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn(
           isHorizontal ? "mt-2 text-center px-1" : "pb-6 min-w-0"
         ), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("p", { className: cn(
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: cn(
             "text-sm font-medium leading-tight",
             status === "current" ? "text-primary" : status === "complete" ? "text-foreground" : "text-muted-foreground"
           ), children: [
             step.label,
-            step.optional && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
+            step.optional && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
           ] }),
-          step.description && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
-          !isHorizontal && step.content && i === current && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mt-3", children: step.content })
+          step.description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
+          !isHorizontal && step.content && i === current && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mt-3", children: step.content })
         ] })
       ] }) }, i);
     }) }),
-    isHorizontal && steps[current]?.content && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "mt-6", children: steps[current].content })
+    isHorizontal && steps[current]?.content && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mt-6", children: steps[current].content })
   ] });
 }
 
 // src/components/ui/table.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var import_lucide_react26 = require("lucide-react");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var BADGE_COLORS = {
   active: "bg-success/10 text-success border-success/20",
   inactive: "bg-muted text-muted-foreground border-border",
@@ -6193,11 +6336,11 @@ function Table({
   idKey = "id",
   className
 }) {
-  const [search, setSearch] = React37.useState("");
-  const [currentPage, setCurrentPage] = React37.useState(1);
-  const [selectedIds, setSelectedIds] = React37.useState([]);
-  const [sortKey, setSortKey] = React37.useState(null);
-  const [sortDir, setSortDir] = React37.useState(null);
+  const [search, setSearch] = React38.useState("");
+  const [currentPage, setCurrentPage] = React38.useState(1);
+  const [selectedIds, setSelectedIds] = React38.useState([]);
+  const [sortKey, setSortKey] = React38.useState(null);
+  const [sortDir, setSortDir] = React38.useState(null);
   const handleSort = (key) => {
     if (sortKey !== key) {
       setSortKey(key);
@@ -6211,7 +6354,7 @@ function Table({
     setSortKey(null);
     setSortDir(null);
   };
-  const filteredData = React37.useMemo(() => {
+  const filteredData = React38.useMemo(() => {
     let d = search ? data.filter(
       (item) => Object.values(item).some(
         (val) => val && typeof val === "string" && val.toLowerCase().includes(search.toLowerCase())
@@ -6229,18 +6372,18 @@ function Table({
   }, [data, search, sortKey, sortDir]);
   const totalPages = Math.max(1, Math.ceil(filteredData.length / itemsPerPage));
   const safePage = Math.min(currentPage, totalPages);
-  const paginatedData = React37.useMemo(() => {
+  const paginatedData = React38.useMemo(() => {
     if (!pagination) return filteredData;
     const start = (safePage - 1) * itemsPerPage;
     return filteredData.slice(start, start + itemsPerPage);
   }, [filteredData, pagination, safePage, itemsPerPage]);
-  React37.useEffect(() => {
+  React38.useEffect(() => {
     setCurrentPage(1);
   }, [search]);
   const handleSelectAll = (checked) => setSelectedIds(checked ? paginatedData.map((item) => String(item[idKey])) : []);
   const handleSelect = (id, checked) => setSelectedIds((prev) => checked ? [...prev, id] : prev.filter((i) => i !== id));
   const allSelected = paginatedData.length > 0 && selectedIds.length === paginatedData.length;
-  const pagePills = React37.useMemo(() => {
+  const pagePills = React38.useMemo(() => {
     if (totalPages <= 5) return Array.from({ length: totalPages }, (_, i) => i + 1);
     if (safePage <= 3) return [1, 2, 3, 4, 5];
     if (safePage >= totalPages - 2) return [totalPages - 4, totalPages - 3, totalPages - 2, totalPages - 1, totalPages];
@@ -6248,14 +6391,14 @@ function Table({
   }, [totalPages, safePage]);
   const SortIcon = ({ col }) => {
     if (!col.sortable) return null;
-    if (sortKey !== String(col.key)) return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.ChevronsUpDown, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
-    return sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.ChevronUp, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.ChevronDown, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
+    if (sortKey !== String(col.key)) return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.ChevronsUpDown, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
+    return sortDir === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.ChevronUp, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.ChevronDown, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("w-full space-y-3", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
-      searchable && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "relative w-72", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.Search, { className: "absolute text-primary left-3 top-1/2 -translate-y-1/2 h-4 w-4 z-10" }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full space-y-3", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
+      searchable && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "relative w-72", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.Search, { className: "absolute text-primary left-3 top-1/2 -translate-y-1/2 h-4 w-4 z-10" }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "input",
           {
             placeholder: searchPlaceholder,
@@ -6264,17 +6407,17 @@ function Table({
             className: "h-9 w-full rounded-xl border border-border bg-background/50 backdrop-blur-sm pl-9 pr-8 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 transition-colors hover:bg-background/80"
           }
         ),
-        search && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        search && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "button",
           {
             onClick: () => setSearch(""),
             className: "absolute right-2.5 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.X, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.X, { className: "h-3.5 w-3.5" })
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
-        selectable && onBulkDelete && selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 ml-auto", children: [
+        selectable && onBulkDelete && selectedIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
           "button",
           {
             onClick: () => {
@@ -6283,14 +6426,14 @@ function Table({
             },
             className: "inline-flex items-center gap-1.5 rounded-lg bg-danger/10 border border-danger/20 px-3 py-1.5 text-xs font-medium text-danger hover:bg-danger/20 transition-colors",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.Trash2, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.Trash2, { className: "h-3.5 w-3.5" }),
               "Delete ",
               selectedIds.length,
               " selected"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
           filteredData.length,
           " ",
           filteredData.length === 1 ? "row" : "rows",
@@ -6298,16 +6441,16 @@ function Table({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("table", { className: "w-full caption-bottom text-sm", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("tr", { className: "border-b border-border bg-muted/40", children: [
-        selectable && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("table", { className: "w-full caption-bottom text-sm", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("tr", { className: "border-b border-border bg-muted/40", children: [
+        selectable && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           Checkbox,
           {
             checked: allSelected,
             onChange: (e) => handleSelectAll(e.target.checked)
           }
         ) }),
-        columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "th",
           {
             onClick: () => col.sortable && handleSort(String(col.key)),
@@ -6315,29 +6458,29 @@ function Table({
               "h-11 px-4 text-left align-middle text-xs font-semibold uppercase tracking-wider text-muted-foreground select-none whitespace-nowrap",
               col.sortable && "cursor-pointer hover:text-foreground transition-colors"
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "inline-flex items-center", children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "inline-flex items-center", children: [
               col.title,
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SortIcon, { col })
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SortIcon, { col })
             ] })
           },
           String(col.key)
         ))
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("tr", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
         "td",
         {
           colSpan: columns.length + (selectable ? 1 : 0),
           className: "h-32 text-center align-middle",
-          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.Search, { className: "h-8 w-8 opacity-20" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm", children: "No results found" }),
-            search && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { onClick: () => setSearch(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.Search, { className: "h-8 w-8 opacity-20" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-sm", children: "No results found" }),
+            search && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { onClick: () => setSearch(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
           ] })
         }
       ) }) : paginatedData.map((item, i) => {
         const id = String(item[idKey] || i);
         const isSelected = selectedIds.includes(id);
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
           "tr",
           {
             className: cn(
@@ -6345,38 +6488,38 @@ function Table({
               isSelected ? "bg-primary/5 hover:bg-primary/8" : "hover:bg-muted/30"
             ),
             children: [
-              selectable && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              selectable && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 Checkbox,
                 {
                   checked: isSelected,
                   onChange: (e) => handleSelect(id, e.target.checked)
                 }
               ) }),
-              columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              columns.map((col) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "img",
                 {
                   src: item[col.key],
                   alt: item[col.key],
                   className: "h-9 w-9 rounded-lg object-cover ring-1 ring-border"
                 }
-              ) : col.type === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: cn(
+              ) : col.type === "badge" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: cn(
                 "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium",
                 badgeClass(String(item[col.key]))
               ), children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: cn(
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: cn(
                   "mr-1.5 h-1.5 w-1.5 rounded-full",
                   badgeClass(String(item[col.key])).includes("success") ? "bg-success" : badgeClass(String(item[col.key])).includes("warning") ? "bg-warning" : badgeClass(String(item[col.key])).includes("danger") ? "bg-danger" : badgeClass(String(item[col.key])).includes("info") ? "bg-info" : "bg-primary"
                 ) }),
                 item[col.key]
-              ] }) : col.type === "stack" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              ] }) : col.type === "stack" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "select",
                 {
                   value: item[col.key],
                   onChange: (e) => col.onChange?.(item, e.target.value),
                   className: "h-8 rounded-lg border border-border bg-background/50 px-2 text-xs text-foreground focus:outline-none focus:ring-2 focus:ring-ring transition-colors",
-                  children: (col.selectOptions ?? []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("option", { value: opt, children: opt }, opt))
+                  children: (col.selectOptions ?? []).map((opt) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("option", { value: opt, children: opt }, opt))
                 }
-              ) : col.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              ) : col.type === "toggle" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 "button",
                 {
                   role: "switch",
@@ -6386,13 +6529,13 @@ function Table({
                     "relative inline-flex h-5 w-9 shrink-0 cursor-pointer rounded-full border-2 border-transparent transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
                     item[col.key] ? "bg-primary" : "bg-muted"
                   ),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: cn(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: cn(
                     "pointer-events-none inline-block h-4 w-4 rounded-full bg-white shadow-sm transition-transform",
                     item[col.key] ? "translate-x-4" : "translate-x-0"
                   ) })
                 }
-              ) : col.type === "color" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              ) : col.type === "color" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                   "input",
                   {
                     type: "color",
@@ -6401,22 +6544,22 @@ function Table({
                     className: "h-7 w-7 cursor-pointer rounded border border-border bg-transparent p-0.5"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
-              ] }) : col.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
+              ] }) : col.type === "checkbox" ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                 Checkbox,
                 {
                   checked: !!item[col.key],
                   onChange: (e) => col.onChange?.(item, e.target.checked)
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
+              ) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
             ]
           },
           id
         );
       }) })
     ] }) }) }),
-    pagination && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+    pagination && totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
         "Showing ",
         (safePage - 1) * itemsPerPage + 1,
         "\u2013",
@@ -6424,21 +6567,21 @@ function Table({
         " of ",
         filteredData.length
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "button",
           {
             onClick: () => setCurrentPage((p) => Math.max(1, p - 1)),
             disabled: safePage === 1,
             className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-40 disabled:pointer-events-none",
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.ChevronLeft, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.ChevronLeft, { className: "h-4 w-4" })
           }
         ),
-        pagePills[0] > 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { onClick: () => setCurrentPage(1), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: "1" }),
-          pagePills[0] > 2 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
+        pagePills[0] > 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { onClick: () => setCurrentPage(1), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: "1" }),
+          pagePills[0] > 2 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
         ] }),
-        pagePills.map((p) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        pagePills.map((p) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "button",
           {
             onClick: () => setCurrentPage(p),
@@ -6450,17 +6593,17 @@ function Table({
           },
           p
         )),
-        pagePills[pagePills.length - 1] < totalPages && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
-          pagePills[pagePills.length - 1] < totalPages - 1 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("button", { onClick: () => setCurrentPage(totalPages), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: totalPages })
+        pagePills[pagePills.length - 1] < totalPages && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
+          pagePills[pagePills.length - 1] < totalPages - 1 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("button", { onClick: () => setCurrentPage(totalPages), className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-xs text-muted-foreground hover:bg-muted transition-colors", children: totalPages })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
           "button",
           {
             onClick: () => setCurrentPage((p) => Math.min(totalPages, p + 1)),
             disabled: safePage === totalPages,
             className: "flex h-8 w-8 items-center justify-center rounded-lg border border-border text-muted-foreground transition-colors hover:bg-muted hover:text-foreground disabled:opacity-40 disabled:pointer-events-none",
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.ChevronRight, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.ChevronRight, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -6469,8 +6612,8 @@ function Table({
 }
 
 // src/components/ui/tabs.tsx
-var React38 = __toESM(require("react"), 1);
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var React39 = __toESM(require("react"), 1);
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var sizeMap = {
   sm: "px-3 py-1.5 text-xs",
   md: "px-4 py-2 text-sm",
@@ -6520,15 +6663,15 @@ function Tabs({
   fullWidth = false,
   className
 }) {
-  const [internal, setInternal] = React38.useState(defaultValue ?? items[0]?.value ?? "");
+  const [internal, setInternal] = React39.useState(defaultValue ?? items[0]?.value ?? "");
   const active = controlledValue ?? internal;
   const select = (v) => {
     if (!controlledValue) setInternal(v);
     onChange?.(v);
   };
   const activeItem = items.find((i) => i.value === active);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       "button",
       {
         type: "button",
@@ -6539,20 +6682,20 @@ function Tabs({
           fullWidth && "flex-1 justify-center"
         ),
         children: [
-          item.icon && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "shrink-0", children: item.icon }),
+          item.icon && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "shrink-0", children: item.icon }),
           item.label,
-          item.badge && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "shrink-0", children: item.badge })
+          item.badge && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "shrink-0", children: item.badge })
         ]
       },
       item.value
     )) }),
-    activeItem?.content && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mt-4", children: activeItem.content })
+    activeItem?.content && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "mt-4", children: activeItem.content })
   ] });
 }
 
 // src/components/ui/tag-input.tsx
-var React39 = __toESM(require("react"), 1);
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var React40 = __toESM(require("react"), 1);
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function TagInput({
   value: controlled,
   defaultValue = [],
@@ -6563,9 +6706,9 @@ function TagInput({
   disabled = false,
   className
 }) {
-  const [internal, setInternal] = React39.useState(defaultValue);
-  const [input, setInput] = React39.useState("");
-  const inputRef = React39.useRef(null);
+  const [internal, setInternal] = React40.useState(defaultValue);
+  const [input, setInput] = React40.useState("");
+  const inputRef = React40.useRef(null);
   const tags = controlled ?? internal;
   function addTag(raw) {
     const tag = raw.trim();
@@ -6590,7 +6733,7 @@ function TagInput({
       removeTag(tags.length - 1);
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
     "div",
     {
       className: cn(
@@ -6601,8 +6744,8 @@ function TagInput({
       ),
       onClick: () => inputRef.current?.focus(),
       children: [
-        tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        tags.map((tag, i) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           "input",
           {
             ref: inputRef,
@@ -6622,7 +6765,7 @@ function TagInput({
 
 // src/components/ui/timeline.tsx
 var import_lucide_react27 = require("lucide-react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var DOT_COLOR = {
   default: "bg-primary border-primary/30",
   success: "bg-success border-success/30",
@@ -6638,41 +6781,41 @@ var ICON_COLOR = {
   info: "text-info"
 };
 var DEFAULT_ICON = {
-  default: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.Circle, { className: "h-3 w-3" }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.CheckCircle, { className: "h-3.5 w-3.5" }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.XCircle, { className: "h-3.5 w-3.5" }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.AlertTriangle, { className: "h-3.5 w-3.5" }),
-  info: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react27.Info, { className: "h-3.5 w-3.5" })
+  default: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react27.Circle, { className: "h-3 w-3" }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react27.CheckCircle, { className: "h-3.5 w-3.5" }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react27.XCircle, { className: "h-3.5 w-3.5" }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react27.AlertTriangle, { className: "h-3.5 w-3.5" }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react27.Info, { className: "h-3.5 w-3.5" })
 };
 function Timeline({ items, align = "left", className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("relative", className), children: items.map((item, i) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("relative", className), children: items.map((item, i) => {
     const variant = item.variant ?? "default";
     const isLast = i === items.length - 1;
     const isRight = align === "alternate" && i % 2 === 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("relative flex gap-4", align === "alternate" && "justify-center", isRight && "flex-row-reverse"), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn(
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("relative flex gap-4", align === "alternate" && "justify-center", isRight && "flex-row-reverse"), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn(
           "flex h-8 w-8 shrink-0 items-center justify-center rounded-full border-2 z-10",
           item.icon ? "bg-background border-border" : DOT_COLOR[variant]
-        ), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
-        !isLast && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
+        ), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
+        !isLast && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("flex-1 pb-6 min-w-0", isRight && "text-right"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("flex items-start justify-between gap-2", isRight && "flex-row-reverse"), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
-          item.time && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
+      /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("flex-1 pb-6 min-w-0", isRight && "text-right"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("flex items-start justify-between gap-2", isRight && "flex-row-reverse"), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
+          item.time && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
         ] }),
-        item.description && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
-        item.content && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-2", children: item.content })
+        item.description && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
+        item.content && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mt-2", children: item.content })
       ] })
     ] }, item.id ?? i);
   }) });
 }
 
 // src/components/ui/toggle-switch.tsx
-var React40 = __toESM(require("react"), 1);
-var import_jsx_runtime51 = require("react/jsx-runtime");
-var ToggleSwitch = React40.forwardRef(
+var React41 = __toESM(require("react"), 1);
+var import_jsx_runtime52 = require("react/jsx-runtime");
+var ToggleSwitch = React41.forwardRef(
   ({
     className,
     inline = false,
@@ -6690,10 +6833,10 @@ var ToggleSwitch = React40.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const toggleId = id ?? React40.useId();
+    const toggleId = id ?? React41.useId();
     const trackW = width ? typeof width === "number" ? `${width}px` : width : "2.75rem";
     const trackH = height ? typeof height === "number" ? `${height}px` : height : "1.5rem";
-    const [internalChecked, setInternalChecked] = React40.useState(defaultChecked ?? false);
+    const [internalChecked, setInternalChecked] = React41.useState(defaultChecked ?? false);
     const isControlled = checked !== void 0;
     const isOn = accepted ? true : declined ? false : isControlled ? checked : internalChecked;
     const stateColor = accepted ? acceptedColor ?? "#22c55e" : declined ? declinedColor ?? "#ef4444" : isOn ? void 0 : void 0;
@@ -6702,13 +6845,13 @@ var ToggleSwitch = React40.forwardRef(
       if (!isControlled) setInternalChecked(e.target.checked);
       onChange?.(e);
     };
-    const toggle = /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
+    const toggle = /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
       "label",
       {
         htmlFor: toggleId,
         className: cn("relative inline-flex items-center cursor-pointer", disabled && "opacity-50 cursor-not-allowed"),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "input",
             {
               type: "checkbox",
@@ -6721,7 +6864,7 @@ var ToggleSwitch = React40.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
             "div",
             {
               className: cn(
@@ -6734,7 +6877,7 @@ var ToggleSwitch = React40.forwardRef(
                 height: trackH,
                 ...stateColor ? { backgroundColor: stateColor } : {}
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
                 "span",
                 {
                   className: `absolute top-[1px] ${isOn ? "bg-slate-50/40" : "bg-primary"} rounded-full border border-slate-300/50 shadow transition-transform duration-200`,
@@ -6752,9 +6895,9 @@ var ToggleSwitch = React40.forwardRef(
       }
     );
     if (inline && label) {
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "inline-flex items-center gap-2 select-none", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "inline-flex items-center gap-2 select-none", children: [
         toggle,
-        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
       ] });
     }
     return toggle;
@@ -6763,16 +6906,16 @@ var ToggleSwitch = React40.forwardRef(
 ToggleSwitch.displayName = "ToggleSwitch";
 
 // src/components/ui/tree-view.tsx
-var React41 = __toESM(require("react"), 1);
+var React42 = __toESM(require("react"), 1);
 var import_lucide_react28 = require("lucide-react");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function TreeNodeItem({ node, depth, selected, expanded, onToggleExpand, onSelect, multiple }) {
   const hasChildren = !!node.children?.length;
   const isExpanded = expanded.includes(node.id);
   const isSelected = selected.includes(node.id);
-  const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.File, { className: "h-4 w-4 text-muted-foreground" });
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react28.FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react28.Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react28.File, { className: "h-4 w-4 text-muted-foreground" });
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
       "div",
       {
         className: cn(
@@ -6786,13 +6929,13 @@ function TreeNodeItem({ node, depth, selected, expanded, onToggleExpand, onSelec
           onSelect(node.id);
         },
         children: [
-          hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react28.ChevronRight, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w-3.5 shrink-0" }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
-          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "truncate", children: node.label })
+          hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react28.ChevronRight, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "w-3.5 shrink-0" }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "truncate", children: node.label })
         ]
       }
     ),
-    hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+    hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: node.children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
       TreeNodeItem,
       {
         node: child,
@@ -6817,8 +6960,8 @@ function TreeView({
   className
 }) {
   const init = defaultSelected ? Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected] : [];
-  const [internal, setInternal] = React41.useState(init);
-  const [expanded, setExpanded] = React41.useState(defaultExpanded);
+  const [internal, setInternal] = React42.useState(init);
+  const [expanded, setExpanded] = React42.useState(defaultExpanded);
   const selected = controlled ? Array.isArray(controlled) ? controlled : [controlled] : internal;
   function handleSelect(id) {
     let next;
@@ -6833,7 +6976,7 @@ function TreeView({
   function toggleExpand(id) {
     setExpanded((prev) => prev.includes(id) ? prev.filter((v) => v !== id) : [...prev, id]);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     TreeNodeItem,
     {
       node,
@@ -6849,8 +6992,8 @@ function TreeView({
 }
 
 // src/components/ui/widget.tsx
-var React42 = __toESM(require("react"), 1);
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var React43 = __toESM(require("react"), 1);
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var iconColorMap = {
   primary: "bg-primary/10 text-primary",
   info: "bg-info/10 text-info",
@@ -6878,8 +7021,8 @@ var variantMap = {
   outline: "bg-transparent border-2"
 };
 function useCountUp(target, enabled, duration = 1e3) {
-  const [display, setDisplay] = React42.useState(enabled ? 0 : target);
-  React42.useEffect(() => {
+  const [display, setDisplay] = React43.useState(enabled ? 0 : target);
+  React43.useEffect(() => {
     if (!enabled) {
       setDisplay(target);
       return;
@@ -6922,7 +7065,7 @@ function Widget({
   const counted = useCountUp(isNumeric ? value : 0, animate && isNumeric);
   const displayValue = animate && isNumeric ? counted : value;
   const s = sizeMap2[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
     Card,
     {
       className: cn(
@@ -6933,27 +7076,27 @@ function Widget({
       ),
       onClick,
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(CardContent, { className: s.card, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
-              badge && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "shrink-0", children: badge })
+      children: /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(CardContent, { className: s.card, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "min-w-0 flex-1 space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
+              badge && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "shrink-0", children: badge })
             ] }),
-            loading ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
+            loading ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
+            description && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "text-xs text-muted-foreground", children: description })
           ] }),
-          icon && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn(
+          icon && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: cn(
             "relative flex shrink-0 items-center justify-center rounded-full",
             s.icon,
             iconColorMap[iconColor]
           ), children: [
-            pulse && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: s.iconSize, children: icon })
+            pulse && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: s.iconSize, children: icon })
           ] })
         ] }),
-        trendValue && !loading && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: cn(
+        trendValue && !loading && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: cn(
             "font-medium",
             trend === "up" && "text-success",
             trend === "down" && "text-danger",
@@ -6963,21 +7106,21 @@ function Widget({
             trend === "down" && "\u2193 ",
             trendValue
           ] }),
-          previousValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { className: "text-muted-foreground", children: [
+          previousValue !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { className: "text-muted-foreground", children: [
             "vs ",
             previousValue
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-muted-foreground", children: trendLabel })
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { className: "text-muted-foreground", children: trendLabel })
         ] }),
-        progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "mt-4 space-y-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Progress" }),
-            /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("span", { children: [
+        progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "mt-4 space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("span", { children: "Progress" }),
+            /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("span", { children: [
               Math.min(100, Math.max(0, progress)),
               "%"
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
             "div",
             {
               className: cn("h-full rounded-full transition-all duration-700", progressColorMap[progressColor]),
@@ -6985,7 +7128,7 @@ function Widget({
             }
           ) })
         ] }),
-        footer && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
+        footer && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
       ] })
     }
   );