npm - @juv/codego-react-ui - Versions diffs - 1.0.4 → 1.0.6 - Mend

@juv/codego-react-ui 1.0.4 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (6) hide show

package/dist/index.js CHANGED Viewed

@@ -361,7 +361,9 @@ var Button = React3.forwardRef(
     debounceTime,
     throttleTime,
     confirmBeforeClick,
-    confirmMessage,
+    confirmBeforeClickModalTitle,
+    confirmBeforeClickModalContent,
+    confirmBeforeClickFooterAction,
     href,
     target,
     as = "button",
@@ -432,12 +434,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__ */ jsxs5(Fragment2, { children: [
       loading && loadingPosition === "left" && /* @__PURE__ */ jsx5("div", { className: "animate-spin mr-2", children: "\u27F3" }),
       leftIcon && /* @__PURE__ */ jsx5("span", { className: "mr-2", children: leftIcon }),
@@ -462,22 +479,72 @@ var Button = React3.forwardRef(
       tabIndex,
       "data-testid": testID
     };
+    const confirmModal = confirmBeforeClick && confirmOpen ? /* @__PURE__ */ jsxs5(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center",
+        onClick: handleConfirmCancel,
+        children: [
+          /* @__PURE__ */ jsx5("div", { className: "absolute inset-0 bg-black/50 backdrop-blur-sm" }),
+          /* @__PURE__ */ jsxs5(
+            "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__ */ jsx5("p", { className: "text-base font-semibold text-foreground mb-2", children: confirmBeforeClickModalTitle ?? "Are you sure?" }),
+                confirmBeforeClickModalContent && /* @__PURE__ */ jsx5("div", { className: "text-sm text-muted-foreground mb-5", children: confirmBeforeClickModalContent }),
+                /* @__PURE__ */ jsx5("div", { className: "flex justify-end gap-2 mt-4", children: confirmBeforeClickFooterAction ?? /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                  /* @__PURE__ */ jsx5(
+                    "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__ */ jsx5(
+                    "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__ */ jsx5("a", { ...sharedProps, href, target, children: buttonContent });
+      return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+        confirmModal,
+        /* @__PURE__ */ jsx5("a", { ...sharedProps, href, target, children: buttonContent })
+      ] });
     }
     if (Element === "div") {
-      return /* @__PURE__ */ jsx5("div", { ...sharedProps, children: buttonContent });
+      return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+        confirmModal,
+        /* @__PURE__ */ jsx5("div", { ...sharedProps, children: buttonContent })
+      ] });
     }
-    return /* @__PURE__ */ jsx5(
-      "button",
-      {
-        ...sharedProps,
-        type,
-        disabled,
-        ...props,
-        children: buttonContent
-      }
-    );
+    return /* @__PURE__ */ jsxs5(Fragment2, { children: [
+      confirmModal,
+      /* @__PURE__ */ jsx5(
+        "button",
+        {
+          ...sharedProps,
+          type,
+          disabled,
+          ...props,
+          children: buttonContent
+        }
+      )
+    ] });
   }
 );
 Button.displayName = "Button";
@@ -1472,12 +1539,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) => {
@@ -5240,8 +5307,8 @@ function Repeater({
 }
 // src/components/ui/panel.tsx
-import * as React31 from "react";
-import { PanelLeftClose, PanelLeftOpen } from "lucide-react";
+import * as React32 from "react";
+import { PanelLeftClose, PanelLeftOpen, Sun as Sun2, Moon } from "lucide-react";
 // src/components/ui/tooltip.tsx
 import * as React30 from "react";
@@ -5321,9 +5388,59 @@ function Tooltip({
   );
 }
+// src/components/theme-provider.tsx
+import { createContext as createContext2, useContext as useContext2, useEffect as useEffect19, useState as useState25 } from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+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 = createContext2(initialState);
+var useTheme = () => {
+  const context = useContext2(ThemeProviderContext);
+  if (context === void 0)
+    throw new Error("useTheme must be used within a ThemeProvider");
+  return context;
+};
 // src/components/ui/panel.tsx
-import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
-var PanelCollapsedContext = React31.createContext(false);
+import { jsx as jsx39, jsxs as jsxs34 } from "react/jsx-runtime";
+var PanelCollapsedContext = React32.createContext(false);
+function PanelThemeToggle() {
+  const { theme, setTheme } = useTheme();
+  return /* @__PURE__ */ jsxs34(
+    "button",
+    {
+      type: "button",
+      onClick: () => setTheme(theme === "light" ? "dark" : "light"),
+      className: "text-muted-foreground hover:text-foreground transition-colors",
+      "aria-label": "Toggle theme",
+      children: [
+        /* @__PURE__ */ jsx39(Sun2, { className: "h-4 w-4 rotate-0 scale-100 transition-all dark:-rotate-90 dark:scale-0" }),
+        /* @__PURE__ */ jsx39(Moon, { className: "absolute h-4 w-4 rotate-90 scale-0 transition-all dark:rotate-0 dark:scale-100" })
+      ]
+    }
+  );
+}
 function Panel({
   sidebar,
   sidebarHeader,
@@ -5333,60 +5450,86 @@ function Panel({
   topbarTrailing,
   defaultCollapsed = false,
   collapsible = false,
+  showThemeToggle = false,
+  defaultPage,
   height = "h-[520px]",
   children,
   className
 }) {
-  const [collapsed, setCollapsed] = React31.useState(defaultCollapsed);
-  return /* @__PURE__ */ jsx38(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ jsxs34(
+  const [collapsed, setCollapsed] = React32.useState(defaultCollapsed);
+  return /* @__PURE__ */ jsx39(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ jsxs34(
     "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: [
+        /* @__PURE__ */ jsxs34("div", { className: "pointer-events-none absolute inset-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsx39("div", { className: "absolute -top-[40%] -left-[20%] h-[80%] w-[60%] rounded-full bg-primary/10 blur-[120px]" }),
+          /* @__PURE__ */ jsx39("div", { className: "absolute -bottom-[40%] -right-[20%] h-[80%] w-[60%] rounded-full bg-info/10 blur-[120px]" })
+        ] }),
         sidebar && /* @__PURE__ */ jsxs34(
           "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__ */ jsx38("div", { className: "shrink-0 border-b border-border px-4 py-3 text-sm font-semibold", children: sidebarHeader }),
-              sidebarHeader && collapsed && /* @__PURE__ */ jsx38("div", { className: "shrink-0 border-b border-border flex items-center justify-center py-3", children: sidebarHeader }),
-              /* @__PURE__ */ jsx38("div", { className: "flex-1 overflow-y-auto py-2", children: sidebar }),
-              sidebarFooter && !collapsed && /* @__PURE__ */ jsx38("div", { className: "shrink-0 border-t border-border px-4 py-3", children: sidebarFooter })
+              sidebarHeader && /* @__PURE__ */ jsx39(
+                "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__ */ jsx39("div", { className: "flex-1 overflow-y-auto py-2", children: sidebar }),
+              sidebarFooter && /* @__PURE__ */ jsx39(
+                "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__ */ jsxs34("div", { className: "flex flex-1 min-w-0 flex-col", children: [
-          /* @__PURE__ */ jsxs34("header", { className: "flex h-12 shrink-0 items-center justify-between border-b border-border px-4 gap-2", children: [
+        /* @__PURE__ */ jsxs34("div", { className: "relative z-10 flex flex-1 min-w-0 flex-col", children: [
+          /* @__PURE__ */ jsxs34("header", { className: "flex h-14 shrink-0 items-center justify-between border-b glass px-4 gap-2", children: [
             /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
-              collapsible && sidebar && /* @__PURE__ */ jsx38(
+              collapsible && sidebar && /* @__PURE__ */ jsx39(
                 Tooltip,
                 {
                   content: collapsed ? "Expand sidebar" : "Collapse sidebar",
                   side: "bottom",
-                  children: /* @__PURE__ */ jsx38(
+                  children: /* @__PURE__ */ jsx39(
                     "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__ */ jsx38(PanelLeftOpen, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx38(PanelLeftClose, { className: "h-4 w-4" })
+                      children: collapsed ? /* @__PURE__ */ jsx39(PanelLeftOpen, { className: "h-5 w-5" }) : /* @__PURE__ */ jsx39(PanelLeftClose, { className: "h-5 w-5" })
                     }
                   )
                 }
               ),
-              topbar && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-2", children: topbar })
+              topbar && /* @__PURE__ */ jsx39("div", { className: "flex items-center gap-2", children: topbar })
             ] }),
-            topbarTrailing && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-2", children: topbarTrailing })
+            /* @__PURE__ */ jsxs34("div", { className: "flex items-center gap-2", children: [
+              topbarTrailing,
+              showThemeToggle && /* @__PURE__ */ jsx39(PanelThemeToggle, {})
+            ] })
           ] }),
-          /* @__PURE__ */ jsx38("main", { className: "flex-1 overflow-y-auto p-4", children })
+          /* @__PURE__ */ jsx39("main", { className: "flex-1 overflow-y-auto p-4", children })
         ] })
       ]
     }
@@ -5398,8 +5541,8 @@ function PanelSidebarItem({
   active,
   onClick
 }) {
-  const collapsed = React31.useContext(PanelCollapsedContext);
-  return /* @__PURE__ */ jsx38(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ jsxs34(
+  const collapsed = React32.useContext(PanelCollapsedContext);
+  return /* @__PURE__ */ jsx39(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ jsxs34(
     "button",
     {
       type: "button",
@@ -5410,8 +5553,8 @@ function PanelSidebarItem({
         active ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-primary/20 hover:text-primary cursor-pointer"
       ),
       children: [
-        Icon && /* @__PURE__ */ jsx38(Icon, { className: "h-4 w-4 shrink-0" }),
-        !collapsed && /* @__PURE__ */ jsx38("span", { className: "truncate", children: label })
+        Icon && /* @__PURE__ */ jsx39(Icon, { className: "h-4 w-4 shrink-0" }),
+        !collapsed && /* @__PURE__ */ jsx39("span", { className: "truncate", children: label })
       ]
     }
   ) });
@@ -5420,17 +5563,17 @@ function PanelSidebarGroup({
   title,
   children
 }) {
-  const collapsed = React31.useContext(PanelCollapsedContext);
+  const collapsed = React32.useContext(PanelCollapsedContext);
   return /* @__PURE__ */ jsxs34("div", { className: "px-2 py-1", children: [
-    title && !collapsed && /* @__PURE__ */ jsx38("p", { className: "mb-1 px-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
-    title && collapsed && /* @__PURE__ */ jsx38("div", { className: "mx-1 mb-1 h-px bg-border" }),
-    /* @__PURE__ */ jsx38("div", { className: "space-y-0.5", children })
+    title && !collapsed && /* @__PURE__ */ jsx39("p", { className: "mb-1 px-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground", children: title }),
+    title && collapsed && /* @__PURE__ */ jsx39("div", { className: "mx-1 mb-1 h-px bg-border" }),
+    /* @__PURE__ */ jsx39("main", { className: "space-y-0.5", children })
   ] });
 }
 // src/components/ui/resizable-panels.tsx
-import * as React32 from "react";
-import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
+import * as React33 from "react";
+import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
 function ResizablePanels({
   children,
   orientation = "horizontal",
@@ -5440,15 +5583,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;
@@ -5478,7 +5621,7 @@ function ResizablePanels({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "div",
           {
             className: "overflow-auto",
@@ -5486,7 +5629,7 @@ function ResizablePanels({
             children: children[0]
           }
         ),
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "div",
           {
             onMouseDown,
@@ -5496,13 +5639,13 @@ function ResizablePanels({
               dragging && (isHorizontal ? "w-1.5 bg-primary/60" : "h-1.5 bg-primary/60"),
               handleClassName
             ),
-            children: /* @__PURE__ */ jsx39("div", { className: cn(
+            children: /* @__PURE__ */ jsx40("div", { className: cn(
               "rounded-full bg-muted-foreground/40",
               isHorizontal ? "h-8 w-0.5" : "w-8 h-0.5"
             ) })
           }
         ),
-        /* @__PURE__ */ jsx39(
+        /* @__PURE__ */ jsx40(
           "div",
           {
             className: "flex-1 overflow-auto",
@@ -5516,26 +5659,26 @@ function ResizablePanels({
 }
 // src/components/ui/rich-text-editor.tsx
-import * as React33 from "react";
+import * as React34 from "react";
 import { Bold, Italic, Underline, List, ListOrdered, Link, Heading2, Heading3, Quote, Code, Undo, Redo } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs36 } from "react/jsx-runtime";
 var TOOLBAR = [
-  { icon: /* @__PURE__ */ jsx40(Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
-  { icon: /* @__PURE__ */ jsx40(Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
+  { icon: /* @__PURE__ */ jsx41(Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
+  { icon: /* @__PURE__ */ jsx41(Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
   "divider",
-  { icon: /* @__PURE__ */ jsx40(Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
-  { icon: /* @__PURE__ */ jsx40(Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
+  { icon: /* @__PURE__ */ jsx41(Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
+  { icon: /* @__PURE__ */ jsx41(Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
   "divider",
-  { icon: /* @__PURE__ */ jsx40(Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
-  { icon: /* @__PURE__ */ jsx40(Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
-  { icon: /* @__PURE__ */ jsx40(Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
-  { icon: /* @__PURE__ */ jsx40(Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
+  { icon: /* @__PURE__ */ jsx41(Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
+  { icon: /* @__PURE__ */ jsx41(Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
+  { icon: /* @__PURE__ */ jsx41(Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
+  { icon: /* @__PURE__ */ jsx41(Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
   "divider",
-  { icon: /* @__PURE__ */ jsx40(List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
-  { icon: /* @__PURE__ */ jsx40(ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
-  { icon: /* @__PURE__ */ jsx40(Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
+  { icon: /* @__PURE__ */ jsx41(List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
+  { icon: /* @__PURE__ */ jsx41(ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
+  { icon: /* @__PURE__ */ jsx41(Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
   "divider",
-  { icon: /* @__PURE__ */ jsx40(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
+  { icon: /* @__PURE__ */ jsx41(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
 ];
 function RichTextEditor({
   value: controlled,
@@ -5546,17 +5689,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);
@@ -5590,8 +5733,8 @@ function RichTextEditor({
     disabled && "opacity-50 pointer-events-none",
     className
   ), children: [
-    /* @__PURE__ */ jsx40("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__ */ jsx40("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx41("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__ */ jsx41("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ jsx41(
         "button",
         {
           type: "button",
@@ -5610,8 +5753,8 @@ function RichTextEditor({
       )
     ) }),
     /* @__PURE__ */ jsxs36("div", { className: "relative", children: [
-      isEmpty && !focused && /* @__PURE__ */ jsx40("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
-      /* @__PURE__ */ jsx40(
+      isEmpty && !focused && /* @__PURE__ */ jsx41("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
+      /* @__PURE__ */ jsx41(
         "div",
         {
           ref: editorRef,
@@ -5638,7 +5781,7 @@ function RichTextEditor({
 }
 // src/components/ui/scroll-area.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function ScrollArea({
   maxHeight,
   maxWidth,
@@ -5653,7 +5796,7 @@ function ScrollArea({
     horizontal: "overflow-x-auto overflow-y-hidden",
     both: "overflow-auto"
   }[orientation];
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "div",
     {
       className: cn(
@@ -5673,9 +5816,9 @@ function ScrollArea({
 }
 // src/components/ui/section.tsx
-import * as React34 from "react";
+import * as React35 from "react";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
 var variantWrap = {
   default: "",
   card: "rounded-xl glass shadow-lg overflow-hidden",
@@ -5707,7 +5850,7 @@ function SectionBlock({
   className,
   contentClassName
 }) {
-  const [open, setOpen] = React34.useState(defaultOpen);
+  const [open, setOpen] = React35.useState(defaultOpen);
   return /* @__PURE__ */ jsxs37("div", { className: cn(variantWrap[variant], className), children: [
     (title || description || action) && /* @__PURE__ */ jsxs37(
       "div",
@@ -5721,15 +5864,15 @@ function SectionBlock({
         onClick: collapsible ? () => setOpen((o) => !o) : void 0,
         children: [
           /* @__PURE__ */ jsxs37("div", { className: "flex items-start gap-3 min-w-0", children: [
-            icon && /* @__PURE__ */ jsx42("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
+            icon && /* @__PURE__ */ jsx43("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
             /* @__PURE__ */ jsxs37("div", { className: "min-w-0", children: [
-              title && /* @__PURE__ */ jsx42("h3", { className: "text-base font-semibold leading-tight", children: title }),
-              description && /* @__PURE__ */ jsx42("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
+              title && /* @__PURE__ */ jsx43("h3", { className: "text-base font-semibold leading-tight", children: title }),
+              description && /* @__PURE__ */ jsx43("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
             ] })
           ] }),
           /* @__PURE__ */ jsxs37("div", { className: "flex shrink-0 items-center gap-2", children: [
-            action && /* @__PURE__ */ jsx42("div", { onClick: (e) => e.stopPropagation(), children: action }),
-            collapsible && /* @__PURE__ */ jsx42(
+            action && /* @__PURE__ */ jsx43("div", { onClick: (e) => e.stopPropagation(), children: action }),
+            collapsible && /* @__PURE__ */ jsx43(
               ChevronDown6,
               {
                 className: cn(
@@ -5742,17 +5885,17 @@ function SectionBlock({
         ]
       }
     ),
-    (!collapsible || open) && /* @__PURE__ */ jsx42("div", { className: cn(variantBody[variant], contentClassName), children })
+    (!collapsible || open) && /* @__PURE__ */ jsx43("div", { className: cn(variantBody[variant], contentClassName), children })
   ] });
 }
 // src/components/ui/skeleton.tsx
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-white/5 backdrop-blur-sm", className),
@@ -5762,8 +5905,8 @@ function Skeleton({
 }
 // src/components/ui/slider.tsx
-import * as React35 from "react";
-import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+import * as React36 from "react";
+import { jsx as jsx45, jsxs as jsxs38 } from "react/jsx-runtime";
 function pct(val, min, max) {
   return (val - min) / (max - min) * 100;
 }
@@ -5782,8 +5925,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);
@@ -5793,8 +5936,8 @@ function Slider({
   const p = pct(val, min, max);
   return /* @__PURE__ */ jsxs38("div", { className: cn("w-full space-y-2", className), children: [
     (label || showValue) && /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between text-sm", children: [
-      label && /* @__PURE__ */ jsx44("span", { className: "font-medium", children: label }),
-      showValue && /* @__PURE__ */ jsx44("span", { className: "text-muted-foreground tabular-nums", children: val })
+      label && /* @__PURE__ */ jsx45("span", { className: "font-medium", children: label }),
+      showValue && /* @__PURE__ */ jsx45("span", { className: "text-muted-foreground tabular-nums", children: val })
     ] }),
     /* @__PURE__ */ jsxs38(
       "div",
@@ -5803,8 +5946,8 @@ function Slider({
         onMouseEnter: () => setHovering(true),
         onMouseLeave: () => setHovering(false),
         children: [
-          /* @__PURE__ */ jsx44("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx44("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
-          showTooltip && hovering && !disabled && /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx45("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
+          showTooltip && hovering && !disabled && /* @__PURE__ */ jsx45(
             "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",
@@ -5812,7 +5955,7 @@ function Slider({
               children: val
             }
           ),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             "input",
             {
               type: "range",
@@ -5828,7 +5971,7 @@ function Slider({
               )
             }
           ),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             "div",
             {
               className: cn(
@@ -5841,9 +5984,9 @@ function Slider({
         ]
       }
     ),
-    (showMarks || marks) && /* @__PURE__ */ jsx44("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center gap-0.5", style: { position: "absolute", left: `${pct(m.value, min, max)}%`, transform: "translateX(-50%)" }, children: [
-      /* @__PURE__ */ jsx44("span", { className: "h-1 w-0.5 bg-border" }),
-      m.label && /* @__PURE__ */ jsx44("span", { className: "text-[10px] text-muted-foreground", children: m.label })
+    (showMarks || marks) && /* @__PURE__ */ jsx45("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ jsxs38("div", { className: "flex flex-col items-center gap-0.5", style: { position: "absolute", left: `${pct(m.value, min, max)}%`, transform: "translateX(-50%)" }, children: [
+      /* @__PURE__ */ jsx45("span", { className: "h-1 w-0.5 bg-border" }),
+      m.label && /* @__PURE__ */ jsx45("span", { className: "text-[10px] text-muted-foreground", children: m.label })
     ] }, m.value)) })
   ] });
 }
@@ -5860,8 +6003,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);
@@ -5873,7 +6016,7 @@ function RangeSlider({
   const p1 = pct(val[1], min, max);
   return /* @__PURE__ */ jsxs38("div", { className: cn("w-full space-y-2", className), children: [
     (label || showValue) && /* @__PURE__ */ jsxs38("div", { className: "flex items-center justify-between text-sm", children: [
-      label && /* @__PURE__ */ jsx44("span", { className: "font-medium", children: label }),
+      label && /* @__PURE__ */ jsx45("span", { className: "font-medium", children: label }),
       showValue && /* @__PURE__ */ jsxs38("span", { className: "text-muted-foreground tabular-nums", children: [
         val[0],
         " \u2013 ",
@@ -5881,11 +6024,11 @@ function RangeSlider({
       ] })
     ] }),
     /* @__PURE__ */ jsxs38("div", { className: "relative flex items-center h-5", children: [
-      /* @__PURE__ */ jsx44("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ jsx44("div", { className: "absolute h-full rounded-full bg-primary", style: { left: `${p0}%`, width: `${p1 - p0}%` } }) }),
+      /* @__PURE__ */ jsx45("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ jsx45("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__ */ jsxs38(React35.Fragment, { children: [
-          showTooltip && active === idx && !disabled && /* @__PURE__ */ jsx44(
+        return /* @__PURE__ */ jsxs38(React36.Fragment, { children: [
+          showTooltip && active === idx && !disabled && /* @__PURE__ */ jsx45(
             "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",
@@ -5893,7 +6036,7 @@ function RangeSlider({
               children: val[idx]
             }
           ),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             "input",
             {
               type: "range",
@@ -5909,7 +6052,7 @@ function RangeSlider({
               style: { zIndex: idx === 1 ? 2 : 1 }
             }
           ),
-          /* @__PURE__ */ jsx44(
+          /* @__PURE__ */ jsx45(
             "div",
             {
               className: "absolute h-4 w-4 rounded-full border-2 border-primary bg-background shadow-md pointer-events-none",
@@ -5924,7 +6067,7 @@ function RangeSlider({
 // src/components/ui/stat-card.tsx
 import { TrendingUp, TrendingDown, Minus } from "lucide-react";
-import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs39 } from "react/jsx-runtime";
 function Sparkline2({ data, trend }) {
   if (data.length < 2) return null;
   const min = Math.min(...data);
@@ -5938,7 +6081,7 @@ function Sparkline2({ data, trend }) {
     return `${x},${y}`;
   }).join(" ");
   const color = trend === "up" ? "stroke-success" : trend === "down" ? "stroke-danger" : "stroke-primary";
-  return /* @__PURE__ */ jsx45("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx46("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ jsx46(
     "polyline",
     {
       points: pts,
@@ -5967,37 +6110,37 @@ function StatCard({
   const trendColor = autoTrend === "up" ? "text-success" : autoTrend === "down" ? "text-danger" : "text-muted-foreground";
   if (loading) {
     return /* @__PURE__ */ jsxs39("div", { className: cn("rounded-xl glass p-5 space-y-3 animate-pulse", className), children: [
-      /* @__PURE__ */ jsx45("div", { className: "h-3 w-24 rounded bg-muted" }),
-      /* @__PURE__ */ jsx45("div", { className: "h-7 w-32 rounded bg-muted" }),
-      /* @__PURE__ */ jsx45("div", { className: "h-3 w-16 rounded bg-muted" })
+      /* @__PURE__ */ jsx46("div", { className: "h-3 w-24 rounded bg-muted" }),
+      /* @__PURE__ */ jsx46("div", { className: "h-7 w-32 rounded bg-muted" }),
+      /* @__PURE__ */ jsx46("div", { className: "h-3 w-16 rounded bg-muted" })
     ] });
   }
   return /* @__PURE__ */ jsxs39("div", { className: cn("rounded-xl glass p-5 space-y-3", className), children: [
     /* @__PURE__ */ jsxs39("div", { className: "flex items-start justify-between gap-2", children: [
-      /* @__PURE__ */ jsx45("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
-      icon && /* @__PURE__ */ jsx45("span", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary shrink-0", children: icon })
+      /* @__PURE__ */ jsx46("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
+      icon && /* @__PURE__ */ jsx46("span", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary shrink-0", children: icon })
     ] }),
     /* @__PURE__ */ jsxs39("div", { className: "flex items-end justify-between gap-2", children: [
-      /* @__PURE__ */ jsx45("p", { className: "text-3xl font-bold tracking-tight", children: value }),
-      sparkline && /* @__PURE__ */ jsx45(Sparkline2, { data: sparkline, trend: autoTrend })
+      /* @__PURE__ */ jsx46("p", { className: "text-3xl font-bold tracking-tight", children: value }),
+      sparkline && /* @__PURE__ */ jsx46(Sparkline2, { data: sparkline, trend: autoTrend })
     ] }),
     /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-1.5", children: [
       change !== void 0 && /* @__PURE__ */ jsxs39("span", { className: cn("flex items-center gap-0.5 text-xs font-semibold", trendColor), children: [
-        /* @__PURE__ */ jsx45(TrendIcon, { className: "h-3.5 w-3.5" }),
+        /* @__PURE__ */ jsx46(TrendIcon, { className: "h-3.5 w-3.5" }),
         change > 0 ? "+" : "",
         change,
         "%"
       ] }),
-      changeLabel && /* @__PURE__ */ jsx45("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
-      description && !changeLabel && /* @__PURE__ */ jsx45("span", { className: "text-xs text-muted-foreground", children: description })
+      changeLabel && /* @__PURE__ */ jsx46("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
+      description && !changeLabel && /* @__PURE__ */ jsx46("span", { className: "text-xs text-muted-foreground", children: description })
     ] })
   ] });
 }
 // src/components/ui/stepper.tsx
-import * as React36 from "react";
+import * as React37 from "react";
 import { Check as Check6, X as X10 } from "lucide-react";
-import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs40 } from "react/jsx-runtime";
 function getStatus(idx, current) {
   if (idx < current) return "complete";
   if (idx === current) return "current";
@@ -6018,7 +6161,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;
@@ -6027,19 +6170,19 @@ function Stepper({
   }
   const isHorizontal = orientation === "horizontal";
   return /* @__PURE__ */ jsxs40("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsx46("div", { className: cn(
+    /* @__PURE__ */ jsx47("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__ */ jsx46(React36.Fragment, { children: /* @__PURE__ */ jsxs40("div", { className: cn(
+      return /* @__PURE__ */ jsx47(React37.Fragment, { children: /* @__PURE__ */ jsxs40("div", { className: cn(
         "flex",
         isHorizontal ? "flex-col items-center flex-1" : "flex-row gap-4"
       ), children: [
         /* @__PURE__ */ jsxs40("div", { className: cn("flex items-center", isHorizontal ? "w-full" : "flex-col"), children: [
-          isHorizontal && i > 0 && /* @__PURE__ */ jsx46("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
-          /* @__PURE__ */ jsx46(
+          isHorizontal && i > 0 && /* @__PURE__ */ jsx47("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
+          /* @__PURE__ */ jsx47(
             "button",
             {
               type: "button",
@@ -6051,11 +6194,11 @@ function Stepper({
                 clickable && "cursor-pointer hover:scale-110",
                 !clickable && "cursor-default"
               ),
-              children: status === "complete" ? /* @__PURE__ */ jsx46(Check6, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ jsx46(X10, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ jsx46("span", { children: i + 1 })
+              children: status === "complete" ? /* @__PURE__ */ jsx47(Check6, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ jsx47(X10, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ jsx47("span", { children: i + 1 })
             }
           ),
-          isHorizontal && !isLast && /* @__PURE__ */ jsx46("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
-          !isHorizontal && !isLast && /* @__PURE__ */ jsx46("div", { className: cn("w-0.5 flex-1 min-h-8 transition-colors mt-1", i < current ? "bg-primary" : "bg-border") })
+          isHorizontal && !isLast && /* @__PURE__ */ jsx47("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
+          !isHorizontal && !isLast && /* @__PURE__ */ jsx47("div", { className: cn("w-0.5 flex-1 min-h-8 transition-colors mt-1", i < current ? "bg-primary" : "bg-border") })
         ] }),
         /* @__PURE__ */ jsxs40("div", { className: cn(
           isHorizontal ? "mt-2 text-center px-1" : "pb-6 min-w-0"
@@ -6065,21 +6208,21 @@ function Stepper({
             status === "current" ? "text-primary" : status === "complete" ? "text-foreground" : "text-muted-foreground"
           ), children: [
             step.label,
-            step.optional && /* @__PURE__ */ jsx46("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
+            step.optional && /* @__PURE__ */ jsx47("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
           ] }),
-          step.description && /* @__PURE__ */ jsx46("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
-          !isHorizontal && step.content && i === current && /* @__PURE__ */ jsx46("div", { className: "mt-3", children: step.content })
+          step.description && /* @__PURE__ */ jsx47("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
+          !isHorizontal && step.content && i === current && /* @__PURE__ */ jsx47("div", { className: "mt-3", children: step.content })
         ] })
       ] }) }, i);
     }) }),
-    isHorizontal && steps[current]?.content && /* @__PURE__ */ jsx46("div", { className: "mt-6", children: steps[current].content })
+    isHorizontal && steps[current]?.content && /* @__PURE__ */ jsx47("div", { className: "mt-6", children: steps[current].content })
   ] });
 }
 // src/components/ui/table.tsx
-import * as React37 from "react";
+import * as React38 from "react";
 import { ChevronLeft as ChevronLeft5, ChevronRight as ChevronRight8, Search as Search5, Trash2 as Trash23, ChevronsUpDown as ChevronsUpDown2, ChevronUp as ChevronUp2, ChevronDown as ChevronDown7, X as X11 } from "lucide-react";
-import { Fragment as Fragment10, jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx48, jsxs as jsxs41 } from "react/jsx-runtime";
 var BADGE_COLORS = {
   active: "bg-success/10 text-success border-success/20",
   inactive: "bg-muted text-muted-foreground border-border",
@@ -6102,11 +6245,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);
@@ -6120,7 +6263,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())
@@ -6138,18 +6281,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];
@@ -6157,14 +6300,14 @@ function Table({
   }, [totalPages, safePage]);
   const SortIcon = ({ col }) => {
     if (!col.sortable) return null;
-    if (sortKey !== String(col.key)) return /* @__PURE__ */ jsx47(ChevronsUpDown2, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
-    return sortDir === "asc" ? /* @__PURE__ */ jsx47(ChevronUp2, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx47(ChevronDown7, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
+    if (sortKey !== String(col.key)) return /* @__PURE__ */ jsx48(ChevronsUpDown2, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
+    return sortDir === "asc" ? /* @__PURE__ */ jsx48(ChevronUp2, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx48(ChevronDown7, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
   };
   return /* @__PURE__ */ jsxs41("div", { className: cn("w-full space-y-3", className), children: [
     /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
       searchable && /* @__PURE__ */ jsxs41("div", { className: "relative w-72", children: [
-        /* @__PURE__ */ jsx47(Search5, { className: "absolute text-primary left-3 top-1/2 -translate-y-1/2 h-4 w-4 z-10" }),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(Search5, { className: "absolute text-primary left-3 top-1/2 -translate-y-1/2 h-4 w-4 z-10" }),
+        /* @__PURE__ */ jsx48(
           "input",
           {
             placeholder: searchPlaceholder,
@@ -6173,12 +6316,12 @@ 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__ */ jsx47(
+        search && /* @__PURE__ */ jsx48(
           "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__ */ jsx47(X11, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx48(X11, { className: "h-3.5 w-3.5" })
           }
         )
       ] }),
@@ -6192,7 +6335,7 @@ 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__ */ jsx47(Trash23, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx48(Trash23, { className: "h-3.5 w-3.5" }),
               "Delete ",
               selectedIds.length,
               " selected"
@@ -6207,16 +6350,16 @@ function Table({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx47("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ jsx47("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ jsxs41("table", { className: "w-full caption-bottom text-sm", children: [
-      /* @__PURE__ */ jsx47("thead", { children: /* @__PURE__ */ jsxs41("tr", { className: "border-b border-border bg-muted/40", children: [
-        selectable && /* @__PURE__ */ jsx47("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx48("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ jsx48("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ jsxs41("table", { className: "w-full caption-bottom text-sm", children: [
+      /* @__PURE__ */ jsx48("thead", { children: /* @__PURE__ */ jsxs41("tr", { className: "border-b border-border bg-muted/40", children: [
+        selectable && /* @__PURE__ */ jsx48("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ jsx48(
           Checkbox,
           {
             checked: allSelected,
             onChange: (e) => handleSelectAll(e.target.checked)
           }
         ) }),
-        columns.map((col) => /* @__PURE__ */ jsx47(
+        columns.map((col) => /* @__PURE__ */ jsx48(
           "th",
           {
             onClick: () => col.sortable && handleSort(String(col.key)),
@@ -6226,21 +6369,21 @@ function Table({
             ),
             children: /* @__PURE__ */ jsxs41("span", { className: "inline-flex items-center", children: [
               col.title,
-              /* @__PURE__ */ jsx47(SortIcon, { col })
+              /* @__PURE__ */ jsx48(SortIcon, { col })
             ] })
           },
           String(col.key)
         ))
       ] }) }),
-      /* @__PURE__ */ jsx47("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ jsx47("tr", { children: /* @__PURE__ */ jsx47(
+      /* @__PURE__ */ jsx48("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ jsx48("tr", { children: /* @__PURE__ */ jsx48(
         "td",
         {
           colSpan: columns.length + (selectable ? 1 : 0),
           className: "h-32 text-center align-middle",
           children: /* @__PURE__ */ jsxs41("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx47(Search5, { className: "h-8 w-8 opacity-20" }),
-            /* @__PURE__ */ jsx47("span", { className: "text-sm", children: "No results found" }),
-            search && /* @__PURE__ */ jsx47("button", { onClick: () => setSearch(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
+            /* @__PURE__ */ jsx48(Search5, { className: "h-8 w-8 opacity-20" }),
+            /* @__PURE__ */ jsx48("span", { className: "text-sm", children: "No results found" }),
+            search && /* @__PURE__ */ jsx48("button", { onClick: () => setSearch(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
           ] })
         }
       ) }) : paginatedData.map((item, i) => {
@@ -6254,14 +6397,14 @@ function Table({
               isSelected ? "bg-primary/5 hover:bg-primary/8" : "hover:bg-muted/30"
             ),
             children: [
-              selectable && /* @__PURE__ */ jsx47("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ jsx47(
+              selectable && /* @__PURE__ */ jsx48("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ jsx48(
                 Checkbox,
                 {
                   checked: isSelected,
                   onChange: (e) => handleSelect(id, e.target.checked)
                 }
               ) }),
-              columns.map((col) => /* @__PURE__ */ jsx47("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ jsx47(
+              columns.map((col) => /* @__PURE__ */ jsx48("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ jsx48(
                 "img",
                 {
                   src: item[col.key],
@@ -6272,20 +6415,20 @@ function Table({
                 "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-medium",
                 badgeClass(String(item[col.key]))
               ), children: [
-                /* @__PURE__ */ jsx47("span", { className: cn(
+                /* @__PURE__ */ jsx48("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__ */ jsx47(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ jsx47("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ jsx47(
+              ] }) : col.type === "stack" ? /* @__PURE__ */ jsx48(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ jsx48("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ jsx48(
                 "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__ */ jsx47("option", { value: opt, children: opt }, opt))
+                  children: (col.selectOptions ?? []).map((opt) => /* @__PURE__ */ jsx48("option", { value: opt, children: opt }, opt))
                 }
-              ) : col.type === "toggle" ? /* @__PURE__ */ jsx47(
+              ) : col.type === "toggle" ? /* @__PURE__ */ jsx48(
                 "button",
                 {
                   role: "switch",
@@ -6295,13 +6438,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__ */ jsx47("span", { className: cn(
+                  children: /* @__PURE__ */ jsx48("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__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx47(
+                /* @__PURE__ */ jsx48(
                   "input",
                   {
                     type: "color",
@@ -6310,14 +6453,14 @@ function Table({
                     className: "h-7 w-7 cursor-pointer rounded border border-border bg-transparent p-0.5"
                   }
                 ),
-                /* @__PURE__ */ jsx47("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
-              ] }) : col.type === "checkbox" ? /* @__PURE__ */ jsx47(
+                /* @__PURE__ */ jsx48("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
+              ] }) : col.type === "checkbox" ? /* @__PURE__ */ jsx48(
                 Checkbox,
                 {
                   checked: !!item[col.key],
                   onChange: (e) => col.onChange?.(item, e.target.checked)
                 }
-              ) : /* @__PURE__ */ jsx47("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
+              ) : /* @__PURE__ */ jsx48("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
             ]
           },
           id
@@ -6334,20 +6477,20 @@ function Table({
         filteredData.length
       ] }),
       /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx48(
           "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__ */ jsx47(ChevronLeft5, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx48(ChevronLeft5, { className: "h-4 w-4" })
           }
         ),
         pagePills[0] > 1 && /* @__PURE__ */ jsxs41(Fragment10, { children: [
-          /* @__PURE__ */ jsx47("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__ */ jsx47("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
+          /* @__PURE__ */ jsx48("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__ */ jsx48("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
         ] }),
-        pagePills.map((p) => /* @__PURE__ */ jsx47(
+        pagePills.map((p) => /* @__PURE__ */ jsx48(
           "button",
           {
             onClick: () => setCurrentPage(p),
@@ -6360,16 +6503,16 @@ function Table({
           p
         )),
         pagePills[pagePills.length - 1] < totalPages && /* @__PURE__ */ jsxs41(Fragment10, { children: [
-          pagePills[pagePills.length - 1] < totalPages - 1 && /* @__PURE__ */ jsx47("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
-          /* @__PURE__ */ jsx47("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 - 1 && /* @__PURE__ */ jsx48("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
+          /* @__PURE__ */ jsx48("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__ */ jsx47(
+        /* @__PURE__ */ jsx48(
           "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__ */ jsx47(ChevronRight8, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx48(ChevronRight8, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -6378,8 +6521,8 @@ function Table({
 }
 // src/components/ui/tabs.tsx
-import * as React38 from "react";
-import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
+import * as React39 from "react";
+import { jsx as jsx49, jsxs as jsxs42 } from "react/jsx-runtime";
 var sizeMap = {
   sm: "px-3 py-1.5 text-xs",
   md: "px-4 py-2 text-sm",
@@ -6429,7 +6572,7 @@ 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);
@@ -6437,7 +6580,7 @@ function Tabs({
   };
   const activeItem = items.find((i) => i.value === active);
   return /* @__PURE__ */ jsxs42("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsx48("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ jsxs42(
+    /* @__PURE__ */ jsx49("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ jsxs42(
       "button",
       {
         type: "button",
@@ -6448,20 +6591,20 @@ function Tabs({
           fullWidth && "flex-1 justify-center"
         ),
         children: [
-          item.icon && /* @__PURE__ */ jsx48("span", { className: "shrink-0", children: item.icon }),
+          item.icon && /* @__PURE__ */ jsx49("span", { className: "shrink-0", children: item.icon }),
           item.label,
-          item.badge && /* @__PURE__ */ jsx48("span", { className: "shrink-0", children: item.badge })
+          item.badge && /* @__PURE__ */ jsx49("span", { className: "shrink-0", children: item.badge })
         ]
       },
       item.value
     )) }),
-    activeItem?.content && /* @__PURE__ */ jsx48("div", { className: "mt-4", children: activeItem.content })
+    activeItem?.content && /* @__PURE__ */ jsx49("div", { className: "mt-4", children: activeItem.content })
   ] });
 }
 // src/components/ui/tag-input.tsx
-import * as React39 from "react";
-import { jsx as jsx49, jsxs as jsxs43 } from "react/jsx-runtime";
+import * as React40 from "react";
+import { jsx as jsx50, jsxs as jsxs43 } from "react/jsx-runtime";
 function TagInput({
   value: controlled,
   defaultValue = [],
@@ -6472,9 +6615,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();
@@ -6510,8 +6653,8 @@ function TagInput({
       ),
       onClick: () => inputRef.current?.focus(),
       children: [
-        tags.map((tag, i) => /* @__PURE__ */ jsx49(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
-        /* @__PURE__ */ jsx49(
+        tags.map((tag, i) => /* @__PURE__ */ jsx50(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
+        /* @__PURE__ */ jsx50(
           "input",
           {
             ref: inputRef,
@@ -6531,7 +6674,7 @@ function TagInput({
 // src/components/ui/timeline.tsx
 import { CheckCircle as CheckCircle3, XCircle as XCircle2, AlertTriangle as AlertTriangle3, Info as Info2, Circle } from "lucide-react";
-import { jsx as jsx50, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs44 } from "react/jsx-runtime";
 var DOT_COLOR = {
   default: "bg-primary border-primary/30",
   success: "bg-success border-success/30",
@@ -6547,41 +6690,41 @@ var ICON_COLOR = {
   info: "text-info"
 };
 var DEFAULT_ICON = {
-  default: /* @__PURE__ */ jsx50(Circle, { className: "h-3 w-3" }),
-  success: /* @__PURE__ */ jsx50(CheckCircle3, { className: "h-3.5 w-3.5" }),
-  error: /* @__PURE__ */ jsx50(XCircle2, { className: "h-3.5 w-3.5" }),
-  warning: /* @__PURE__ */ jsx50(AlertTriangle3, { className: "h-3.5 w-3.5" }),
-  info: /* @__PURE__ */ jsx50(Info2, { className: "h-3.5 w-3.5" })
+  default: /* @__PURE__ */ jsx51(Circle, { className: "h-3 w-3" }),
+  success: /* @__PURE__ */ jsx51(CheckCircle3, { className: "h-3.5 w-3.5" }),
+  error: /* @__PURE__ */ jsx51(XCircle2, { className: "h-3.5 w-3.5" }),
+  warning: /* @__PURE__ */ jsx51(AlertTriangle3, { className: "h-3.5 w-3.5" }),
+  info: /* @__PURE__ */ jsx51(Info2, { className: "h-3.5 w-3.5" })
 };
 function Timeline({ items, align = "left", className }) {
-  return /* @__PURE__ */ jsx50("div", { className: cn("relative", className), children: items.map((item, i) => {
+  return /* @__PURE__ */ jsx51("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__ */ jsxs44("div", { className: cn("relative flex gap-4", align === "alternate" && "justify-center", isRight && "flex-row-reverse"), children: [
       /* @__PURE__ */ jsxs44("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ jsx50("div", { className: cn(
+        /* @__PURE__ */ jsx51("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__ */ jsx50("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
-        !isLast && /* @__PURE__ */ jsx50("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
+        ), children: /* @__PURE__ */ jsx51("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
+        !isLast && /* @__PURE__ */ jsx51("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
       ] }),
       /* @__PURE__ */ jsxs44("div", { className: cn("flex-1 pb-6 min-w-0", isRight && "text-right"), children: [
         /* @__PURE__ */ jsxs44("div", { className: cn("flex items-start justify-between gap-2", isRight && "flex-row-reverse"), children: [
-          /* @__PURE__ */ jsx50("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
-          item.time && /* @__PURE__ */ jsx50("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
+          /* @__PURE__ */ jsx51("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
+          item.time && /* @__PURE__ */ jsx51("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
         ] }),
-        item.description && /* @__PURE__ */ jsx50("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
-        item.content && /* @__PURE__ */ jsx50("div", { className: "mt-2", children: item.content })
+        item.description && /* @__PURE__ */ jsx51("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
+        item.content && /* @__PURE__ */ jsx51("div", { className: "mt-2", children: item.content })
       ] })
     ] }, item.id ?? i);
   }) });
 }
 // src/components/ui/toggle-switch.tsx
-import * as React40 from "react";
-import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
-var ToggleSwitch = React40.forwardRef(
+import * as React41 from "react";
+import { jsx as jsx52, jsxs as jsxs45 } from "react/jsx-runtime";
+var ToggleSwitch = React41.forwardRef(
   ({
     className,
     inline = false,
@@ -6599,10 +6742,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;
@@ -6617,7 +6760,7 @@ var ToggleSwitch = React40.forwardRef(
         htmlFor: toggleId,
         className: cn("relative inline-flex items-center cursor-pointer", disabled && "opacity-50 cursor-not-allowed"),
         children: [
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             "input",
             {
               type: "checkbox",
@@ -6630,7 +6773,7 @@ var ToggleSwitch = React40.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ jsx51(
+          /* @__PURE__ */ jsx52(
             "div",
             {
               className: cn(
@@ -6643,7 +6786,7 @@ var ToggleSwitch = React40.forwardRef(
                 height: trackH,
                 ...stateColor ? { backgroundColor: stateColor } : {}
               },
-              children: /* @__PURE__ */ jsx51(
+              children: /* @__PURE__ */ jsx52(
                 "span",
                 {
                   className: `absolute top-[1px] ${isOn ? "bg-slate-50/40" : "bg-primary"} rounded-full border border-slate-300/50 shadow transition-transform duration-200`,
@@ -6663,7 +6806,7 @@ var ToggleSwitch = React40.forwardRef(
     if (inline && label) {
       return /* @__PURE__ */ jsxs45("div", { className: "inline-flex items-center gap-2 select-none", children: [
         toggle,
-        /* @__PURE__ */ jsx51("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
+        /* @__PURE__ */ jsx52("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
       ] });
     }
     return toggle;
@@ -6672,14 +6815,14 @@ var ToggleSwitch = React40.forwardRef(
 ToggleSwitch.displayName = "ToggleSwitch";
 // src/components/ui/tree-view.tsx
-import * as React41 from "react";
+import * as React42 from "react";
 import { ChevronRight as ChevronRight9, Folder, FolderOpen, File } from "lucide-react";
-import { jsx as jsx52, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs46 } from "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__ */ jsx52(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx52(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx52(File, { className: "h-4 w-4 text-muted-foreground" });
+  const defaultIcon = hasChildren ? isExpanded ? /* @__PURE__ */ jsx53(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx53(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx53(File, { className: "h-4 w-4 text-muted-foreground" });
   return /* @__PURE__ */ jsxs46("div", { children: [
     /* @__PURE__ */ jsxs46(
       "div",
@@ -6695,13 +6838,13 @@ function TreeNodeItem({ node, depth, selected, expanded, onToggleExpand, onSelec
           onSelect(node.id);
         },
         children: [
-          hasChildren ? /* @__PURE__ */ jsx52(ChevronRight9, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ jsx52("span", { className: "w-3.5 shrink-0" }),
-          /* @__PURE__ */ jsx52("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
-          /* @__PURE__ */ jsx52("span", { className: "truncate", children: node.label })
+          hasChildren ? /* @__PURE__ */ jsx53(ChevronRight9, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ jsx53("span", { className: "w-3.5 shrink-0" }),
+          /* @__PURE__ */ jsx53("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
+          /* @__PURE__ */ jsx53("span", { className: "truncate", children: node.label })
         ]
       }
     ),
-    hasChildren && isExpanded && /* @__PURE__ */ jsx52("div", { children: node.children.map((child) => /* @__PURE__ */ jsx52(
+    hasChildren && isExpanded && /* @__PURE__ */ jsx53("div", { children: node.children.map((child) => /* @__PURE__ */ jsx53(
       TreeNodeItem,
       {
         node: child,
@@ -6726,8 +6869,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;
@@ -6742,7 +6885,7 @@ function TreeView({
   function toggleExpand(id) {
     setExpanded((prev) => prev.includes(id) ? prev.filter((v) => v !== id) : [...prev, id]);
   }
-  return /* @__PURE__ */ jsx52("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ jsx53(
     TreeNodeItem,
     {
       node,
@@ -6758,8 +6901,8 @@ function TreeView({
 }
 // src/components/ui/widget.tsx
-import * as React42 from "react";
-import { jsx as jsx53, jsxs as jsxs47 } from "react/jsx-runtime";
+import * as React43 from "react";
+import { jsx as jsx54, jsxs as jsxs47 } from "react/jsx-runtime";
 var iconColorMap = {
   primary: "bg-primary/10 text-primary",
   info: "bg-info/10 text-info",
@@ -6787,8 +6930,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;
@@ -6831,7 +6974,7 @@ function Widget({
   const counted = useCountUp(isNumeric ? value : 0, animate && isNumeric);
   const displayValue = animate && isNumeric ? counted : value;
   const s = sizeMap2[size];
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx54(
     Card,
     {
       className: cn(
@@ -6846,19 +6989,19 @@ function Widget({
         /* @__PURE__ */ jsxs47("div", { className: "flex items-start justify-between gap-3", children: [
           /* @__PURE__ */ jsxs47("div", { className: "min-w-0 flex-1 space-y-1", children: [
             /* @__PURE__ */ jsxs47("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx53("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
-              badge && /* @__PURE__ */ jsx53("span", { className: "shrink-0", children: badge })
+              /* @__PURE__ */ jsx54("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
+              badge && /* @__PURE__ */ jsx54("span", { className: "shrink-0", children: badge })
             ] }),
-            loading ? /* @__PURE__ */ jsx53("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ jsx53("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
-            description && /* @__PURE__ */ jsx53("p", { className: "text-xs text-muted-foreground", children: description })
+            loading ? /* @__PURE__ */ jsx54("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ jsx54("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
+            description && /* @__PURE__ */ jsx54("p", { className: "text-xs text-muted-foreground", children: description })
           ] }),
           icon && /* @__PURE__ */ jsxs47("div", { className: cn(
             "relative flex shrink-0 items-center justify-center rounded-full",
             s.icon,
             iconColorMap[iconColor]
           ), children: [
-            pulse && /* @__PURE__ */ jsx53("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
-            /* @__PURE__ */ jsx53("span", { className: s.iconSize, children: icon })
+            pulse && /* @__PURE__ */ jsx54("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
+            /* @__PURE__ */ jsx54("span", { className: s.iconSize, children: icon })
           ] })
         ] }),
         trendValue && !loading && /* @__PURE__ */ jsxs47("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
@@ -6876,17 +7019,17 @@ function Widget({
             "vs ",
             previousValue
           ] }),
-          /* @__PURE__ */ jsx53("span", { className: "text-muted-foreground", children: trendLabel })
+          /* @__PURE__ */ jsx54("span", { className: "text-muted-foreground", children: trendLabel })
         ] }),
         progress !== void 0 && /* @__PURE__ */ jsxs47("div", { className: "mt-4 space-y-1", children: [
           /* @__PURE__ */ jsxs47("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx53("span", { children: "Progress" }),
+            /* @__PURE__ */ jsx54("span", { children: "Progress" }),
             /* @__PURE__ */ jsxs47("span", { children: [
               Math.min(100, Math.max(0, progress)),
               "%"
             ] })
           ] }),
-          /* @__PURE__ */ jsx53("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx54(
             "div",
             {
               className: cn("h-full rounded-full transition-all duration-700", progressColorMap[progressColor]),
@@ -6894,7 +7037,7 @@ function Widget({
             }
           ) })
         ] }),
-        footer && /* @__PURE__ */ jsx53("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
+        footer && /* @__PURE__ */ jsx54("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
       ] })
     }
   );