@juv/codego-react-ui 1.0.2 → 1.0.5

package/dist/index.js

@@ -3807,6 +3807,8 @@ function Select({
   const [search, setSearch] = React23.useState("");
   const [isSearching, setIsSearching] = React23.useState(false);
   const containerRef = React23.useRef(null);
+  const getKey = (opt) => String(Object.keys(opt)[0]);
+  const getLabel = (opt) => Object.values(opt)[0];
   const selectedValues = React23.useMemo(() => {
     if (multiple && Array.isArray(value)) {
       return value;
@@ -3816,10 +3818,10 @@ function Select({
     return [];
   }, [value, multiple]);
   const selectedOptions = React23.useMemo(() => {
-    return options.filter((opt) => selectedValues.includes(opt.value));
+    return options.filter((opt) => selectedValues.includes(getKey(opt)));
   }, [options, selectedValues]);
   const filteredOptions = searchable ? options.filter(
-    (opt) => opt.label.toLowerCase().includes(search.toLowerCase())
+    (opt) => getLabel(opt).toLowerCase().includes(search.toLowerCase())
   ) : options;
   React23.useEffect(() => {
     const handleClickOutside = (event) => {
@@ -3883,23 +3885,23 @@ function Select({
             {
               className: "inline-flex items-center gap-1 rounded-sm bg-primary/15 text-primary px-2 py-0.5 text-xs",
               children: [
-                opt.label,
+                getLabel(opt),
                 /* @__PURE__ */ jsx28(
                   "button",
                   {
                     type: "button",
                     disabled,
-                    onClick: () => onChange?.(selectedValues.filter((v) => v !== opt.value)),
+                    onClick: () => onChange?.(selectedValues.filter((v) => v !== getKey(opt))),
                     className: "hover:text-destructive",
                     children: /* @__PURE__ */ jsx28(X7, { className: "h-3 w-3" })
                   }
                 )
               ]
             },
-            opt.value
+            getKey(opt)
           )) }),
           /* @__PURE__ */ jsx28("div", { className: "max-h-48 overflow-y-auto p-1", children: options.map((option) => {
-            const checked = selectedValues.includes(option.value);
+            const checked = selectedValues.includes(getKey(option));
             return /* @__PURE__ */ jsxs24(
               "label",
               {
@@ -3920,15 +3922,15 @@ function Select({
                       checked,
                       disabled,
                       onChange: () => {
-                        const newValues = checked ? selectedValues.filter((v) => v !== option.value) : [...selectedValues, option.value];
+                        const newValues = checked ? selectedValues.filter((v) => v !== getKey(option)) : [...selectedValues, getKey(option)];
                         onChange?.(newValues);
                       }
                     }
                   ),
-                  option.label
+                  getLabel(option)
                 ]
               },
-              option.value
+              getKey(option)
             );
           }) })
         ] })
@@ -3946,7 +3948,7 @@ function Select({
             className: "w-full appearance-none rounded-xl border border-slate-900/30 bg-background/50 backdrop-blur-sm px-4 py-2 pr-10 h-10 text-sm text-foreground transition-colors hover:bg-background/80 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
             children: [
               /* @__PURE__ */ jsx28("option", { value: "", disabled: true, children: placeholder }),
-              options.map((option) => /* @__PURE__ */ jsx28("option", { value: option.value, children: option.label }, option.value))
+              options.map((option) => /* @__PURE__ */ jsx28("option", { value: getKey(option), children: getLabel(option) }, getKey(option)))
             ]
           }
         ),
@@ -3982,20 +3984,20 @@ function Select({
               ),
               children: [
                 reorderable && /* @__PURE__ */ jsx28(GripVertical3, { className: "h-3 w-3 opacity-50" }),
-                option.label,
+                getLabel(option),
                 /* @__PURE__ */ jsx28(
                   "button",
                   {
                     type: "button",
-                    onClick: (e) => handleRemove(option.value, e),
+                    onClick: (e) => handleRemove(getKey(option), e),
                     className: "ml-1 hover:text-destructive",
                     children: /* @__PURE__ */ jsx28(X7, { className: "h-3 w-3" })
                   }
                 )
               ]
             },
-            option.value
-          )) }) : /* @__PURE__ */ jsx28("span", { className: cn("truncate flex-1 text-left", !selectedOptions.length && "text-muted-foreground"), children: selectedOptions.length > 0 ? selectedOptions.map((opt) => opt.label).join(", ") : placeholder })
+            getKey(option)
+          )) }) : /* @__PURE__ */ jsx28("span", { className: cn("truncate flex-1 text-left", !selectedOptions.length && "text-muted-foreground"), children: selectedOptions.length > 0 ? selectedOptions.map((opt) => getLabel(opt)).join(", ") : placeholder })
         }
       ),
       !suffixIcon && /* @__PURE__ */ jsx28("span", { className: "absolute right-3 top-1/2 -translate-y-1/2 z-10 pointer-events-none", children: /* @__PURE__ */ jsx28(ChevronDown4, { className: "h-4 w-4 opacity-50" }) }),
@@ -4035,15 +4037,15 @@ function Select({
             {
               className: cn(
                 "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none hover:bg-accent hover:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-                (multiple ? selectedValues.includes(option.value) : value === option.value) && "bg-accent text-accent-foreground"
+                (multiple ? selectedValues.includes(getKey(option)) : value === getKey(option)) && "bg-accent text-accent-foreground"
               ),
-              onClick: () => handleSelect(option.value),
+              onClick: () => handleSelect(getKey(option)),
               children: [
-                /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (multiple ? selectedValues.includes(option.value) : value === option.value) && /* @__PURE__ */ jsx28(Check5, { className: "h-4 w-4" }) }),
-                /* @__PURE__ */ jsx28("span", { className: "truncate", children: option.label })
+                /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: (multiple ? selectedValues.includes(getKey(option)) : value === getKey(option)) && /* @__PURE__ */ jsx28(Check5, { className: "h-4 w-4" }) }),
+                /* @__PURE__ */ jsx28("span", { className: "truncate", children: getLabel(option) })
               ]
             },
-            option.value
+            getKey(option)
           )),
           createOptionForm && /* @__PURE__ */ jsx28("div", { className: "border-t border-white/10 mt-1 pt-1", children: createOptionForm })
         ] }) })
@@ -5237,9 +5239,198 @@ function Repeater({
   ] });
 }
 
-// src/components/ui/resizable-panels.tsx
+// src/components/ui/panel.tsx
+import * as React31 from "react";
+import { PanelLeftClose, PanelLeftOpen } from "lucide-react";
+
+// src/components/ui/tooltip.tsx
 import * as React30 from "react";
-import { jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+import * as ReactDOM from "react-dom";
+import { Fragment as Fragment7, jsx as jsx37, jsxs as jsxs33 } from "react/jsx-runtime";
+function Tooltip({
+  content,
+  children,
+  side = "right",
+  className,
+  enabled = true
+}) {
+  const [visible, setVisible] = React30.useState(false);
+  const [coords, setCoords] = React30.useState({ top: 0, left: 0 });
+  const ref = React30.useRef(null);
+  if (!enabled) return /* @__PURE__ */ jsx37(Fragment7, { children });
+  function calcCoords() {
+    const r = ref.current?.getBoundingClientRect();
+    if (!r) return;
+    const GAP = 8;
+    switch (side) {
+      case "right":
+        setCoords({ top: r.top + r.height / 2, left: r.right + GAP });
+        break;
+      case "left":
+        setCoords({ top: r.top + r.height / 2, left: r.left - GAP });
+        break;
+      case "top":
+        setCoords({ top: r.top - GAP, left: r.left + r.width / 2 });
+        break;
+      case "bottom":
+        setCoords({ top: r.bottom + GAP, left: r.left + r.width / 2 });
+        break;
+    }
+  }
+  const transformClass = {
+    right: "-translate-y-1/2",
+    left: "-translate-y-1/2 -translate-x-full",
+    top: "-translate-x-1/2 -translate-y-full",
+    bottom: "-translate-x-1/2"
+  }[side];
+  return /* @__PURE__ */ jsxs33(
+    "div",
+    {
+      ref,
+      className: "relative inline-flex",
+      onMouseEnter: () => {
+        calcCoords();
+        setVisible(true);
+      },
+      onMouseLeave: () => setVisible(false),
+      onFocus: () => {
+        calcCoords();
+        setVisible(true);
+      },
+      onBlur: () => setVisible(false),
+      children: [
+        children,
+        visible && ReactDOM.createPortal(
+          /* @__PURE__ */ jsx37(
+            "div",
+            {
+              role: "tooltip",
+              style: { top: coords.top, left: coords.left },
+              className: cn(
+                "fixed z-[9999] whitespace-nowrap rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-lg pointer-events-none",
+                transformClass,
+                className
+              ),
+              children: content
+            }
+          ),
+          document.body
+        )
+      ]
+    }
+  );
+}
+
+// src/components/ui/panel.tsx
+import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
+var PanelCollapsedContext = React31.createContext(false);
+function Panel({
+  sidebar,
+  sidebarHeader,
+  sidebarFooter,
+  sidebarWidth = "w-56",
+  topbar,
+  topbarTrailing,
+  defaultCollapsed = false,
+  collapsible = false,
+  height = "h-[520px]",
+  children,
+  className
+}) {
+  const [collapsed, setCollapsed] = React31.useState(defaultCollapsed);
+  return /* @__PURE__ */ jsx38(PanelCollapsedContext.Provider, { value: collapsed, children: /* @__PURE__ */ jsxs34(
+    "div",
+    {
+      className: cn(
+        "flex overflow-hidden rounded-xl border border-border glass shadow-lg",
+        height,
+        className
+      ),
+      children: [
+        sidebar && /* @__PURE__ */ jsxs34(
+          "aside",
+          {
+            className: cn(
+              "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 })
+            ]
+          }
+        ),
+        /* @__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: "flex items-center gap-2", children: [
+              collapsible && sidebar && /* @__PURE__ */ jsx38(
+                Tooltip,
+                {
+                  content: collapsed ? "Expand sidebar" : "Collapse sidebar",
+                  side: "bottom",
+                  children: /* @__PURE__ */ jsx38(
+                    "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" })
+                    }
+                  )
+                }
+              ),
+              topbar && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-2", children: topbar })
+            ] }),
+            topbarTrailing && /* @__PURE__ */ jsx38("div", { className: "flex items-center gap-2", children: topbarTrailing })
+          ] }),
+          /* @__PURE__ */ jsx38("main", { className: "flex-1 overflow-y-auto p-4", children })
+        ] })
+      ]
+    }
+  ) });
+}
+function PanelSidebarItem({
+  icon: Icon,
+  label,
+  active,
+  onClick
+}) {
+  const collapsed = React31.useContext(PanelCollapsedContext);
+  return /* @__PURE__ */ jsx38(Tooltip, { content: label, side: "right", enabled: collapsed, children: /* @__PURE__ */ jsxs34(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn(
+        "flex w-full items-center rounded-md text-sm font-medium transition-colors",
+        collapsed ? "justify-center h-9 w-9 mx-auto px-0" : "gap-2 px-3 py-2",
+        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 })
+      ]
+    }
+  ) });
+}
+function PanelSidebarGroup({
+  title,
+  children
+}) {
+  const collapsed = React31.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 })
+  ] });
+}
+
+// src/components/ui/resizable-panels.tsx
+import * as React32 from "react";
+import { jsx as jsx39, jsxs as jsxs35 } from "react/jsx-runtime";
 function ResizablePanels({
   children,
   orientation = "horizontal",
@@ -5249,15 +5440,15 @@ function ResizablePanels({
   handleClassName,
   className
 }) {
-  const [size, setSize] = React30.useState(defaultSize);
-  const [dragging, setDragging] = React30.useState(false);
-  const containerRef = React30.useRef(null);
+  const [size, setSize] = React32.useState(defaultSize);
+  const [dragging, setDragging] = React32.useState(false);
+  const containerRef = React32.useRef(null);
   const isHorizontal = orientation === "horizontal";
   function onMouseDown(e) {
     e.preventDefault();
     setDragging(true);
   }
-  React30.useEffect(() => {
+  React32.useEffect(() => {
     if (!dragging) return;
     function onMove(e) {
       const container = containerRef.current;
@@ -5276,7 +5467,7 @@ function ResizablePanels({
       document.removeEventListener("mouseup", onUp);
     };
   }, [dragging, isHorizontal, minSize, maxSize]);
-  return /* @__PURE__ */ jsxs33(
+  return /* @__PURE__ */ jsxs35(
     "div",
     {
       ref: containerRef,
@@ -5287,7 +5478,7 @@ function ResizablePanels({
         className
       ),
       children: [
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx39(
           "div",
           {
             className: "overflow-auto",
@@ -5295,7 +5486,7 @@ function ResizablePanels({
             children: children[0]
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx39(
           "div",
           {
             onMouseDown,
@@ -5305,13 +5496,13 @@ function ResizablePanels({
               dragging && (isHorizontal ? "w-1.5 bg-primary/60" : "h-1.5 bg-primary/60"),
               handleClassName
             ),
-            children: /* @__PURE__ */ jsx37("div", { className: cn(
+            children: /* @__PURE__ */ jsx39("div", { className: cn(
               "rounded-full bg-muted-foreground/40",
               isHorizontal ? "h-8 w-0.5" : "w-8 h-0.5"
             ) })
           }
         ),
-        /* @__PURE__ */ jsx37(
+        /* @__PURE__ */ jsx39(
           "div",
           {
             className: "flex-1 overflow-auto",
@@ -5325,26 +5516,26 @@ function ResizablePanels({
 }
 
 // src/components/ui/rich-text-editor.tsx
-import * as React31 from "react";
+import * as React33 from "react";
 import { Bold, Italic, Underline, List, ListOrdered, Link, Heading2, Heading3, Quote, Code, Undo, Redo } from "lucide-react";
-import { jsx as jsx38, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs36 } from "react/jsx-runtime";
 var TOOLBAR = [
-  { icon: /* @__PURE__ */ jsx38(Undo, { className: "h-3.5 w-3.5" }), command: "undo", title: "Undo" },
-  { icon: /* @__PURE__ */ jsx38(Redo, { className: "h-3.5 w-3.5" }), command: "redo", title: "Redo" },
+  { 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" },
   "divider",
-  { icon: /* @__PURE__ */ jsx38(Heading2, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h2", title: "Heading 2" },
-  { icon: /* @__PURE__ */ jsx38(Heading3, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "h3", title: "Heading 3" },
+  { 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" },
   "divider",
-  { icon: /* @__PURE__ */ jsx38(Bold, { className: "h-3.5 w-3.5" }), command: "bold", title: "Bold" },
-  { icon: /* @__PURE__ */ jsx38(Italic, { className: "h-3.5 w-3.5" }), command: "italic", title: "Italic" },
-  { icon: /* @__PURE__ */ jsx38(Underline, { className: "h-3.5 w-3.5" }), command: "underline", title: "Underline" },
-  { icon: /* @__PURE__ */ jsx38(Code, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "pre", title: "Code block" },
+  { 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" },
   "divider",
-  { icon: /* @__PURE__ */ jsx38(List, { className: "h-3.5 w-3.5" }), command: "insertUnorderedList", title: "Bullet list" },
-  { icon: /* @__PURE__ */ jsx38(ListOrdered, { className: "h-3.5 w-3.5" }), command: "insertOrderedList", title: "Numbered list" },
-  { icon: /* @__PURE__ */ jsx38(Quote, { className: "h-3.5 w-3.5" }), command: "formatBlock", value: "blockquote", title: "Quote" },
+  { 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" },
   "divider",
-  { icon: /* @__PURE__ */ jsx38(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
+  { icon: /* @__PURE__ */ jsx40(Link, { className: "h-3.5 w-3.5" }), command: "createLink", title: "Insert link" }
 ];
 function RichTextEditor({
   value: controlled,
@@ -5355,17 +5546,17 @@ function RichTextEditor({
   disabled = false,
   className
 }) {
-  const editorRef = React31.useRef(null);
-  const [focused, setFocused] = React31.useState(false);
-  const [isEmpty, setIsEmpty] = React31.useState(!defaultValue);
-  React31.useEffect(() => {
+  const editorRef = React33.useRef(null);
+  const [focused, setFocused] = React33.useState(false);
+  const [isEmpty, setIsEmpty] = React33.useState(!defaultValue);
+  React33.useEffect(() => {
     if (editorRef.current && controlled !== void 0) {
       if (editorRef.current.innerHTML !== controlled) {
         editorRef.current.innerHTML = controlled;
       }
     }
   }, [controlled]);
-  React31.useEffect(() => {
+  React33.useEffect(() => {
     if (editorRef.current && defaultValue) {
       editorRef.current.innerHTML = defaultValue;
       setIsEmpty(false);
@@ -5393,14 +5584,14 @@ function RichTextEditor({
       return false;
     }
   }
-  return /* @__PURE__ */ jsxs34("div", { className: cn(
+  return /* @__PURE__ */ jsxs36("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__ */ jsx38("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__ */ jsx38("span", { className: "mx-1 h-4 w-px bg-border" }, i) : /* @__PURE__ */ jsx38(
+    /* @__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(
         "button",
         {
           type: "button",
@@ -5418,9 +5609,9 @@ function RichTextEditor({
         i
       )
     ) }),
-    /* @__PURE__ */ jsxs34("div", { className: "relative", children: [
-      isEmpty && !focused && /* @__PURE__ */ jsx38("p", { className: "absolute top-3 left-4 text-sm text-muted-foreground pointer-events-none select-none", children: placeholder }),
-      /* @__PURE__ */ jsx38(
+    /* @__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(
         "div",
         {
           ref: editorRef,
@@ -5447,7 +5638,7 @@ function RichTextEditor({
 }
 
 // src/components/ui/scroll-area.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 function ScrollArea({
   maxHeight,
   maxWidth,
@@ -5462,7 +5653,7 @@ function ScrollArea({
     horizontal: "overflow-x-auto overflow-y-hidden",
     both: "overflow-auto"
   }[orientation];
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: cn(
@@ -5482,9 +5673,9 @@ function ScrollArea({
 }
 
 // src/components/ui/section.tsx
-import * as React32 from "react";
+import * as React34 from "react";
 import { ChevronDown as ChevronDown6 } from "lucide-react";
-import { jsx as jsx40, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs37 } from "react/jsx-runtime";
 var variantWrap = {
   default: "",
   card: "rounded-xl glass shadow-lg overflow-hidden",
@@ -5516,9 +5707,9 @@ function SectionBlock({
   className,
   contentClassName
 }) {
-  const [open, setOpen] = React32.useState(defaultOpen);
-  return /* @__PURE__ */ jsxs35("div", { className: cn(variantWrap[variant], className), children: [
-    (title || description || action) && /* @__PURE__ */ jsxs35(
+  const [open, setOpen] = React34.useState(defaultOpen);
+  return /* @__PURE__ */ jsxs37("div", { className: cn(variantWrap[variant], className), children: [
+    (title || description || action) && /* @__PURE__ */ jsxs37(
       "div",
       {
         className: cn(
@@ -5529,16 +5720,16 @@ function SectionBlock({
         ),
         onClick: collapsible ? () => setOpen((o) => !o) : void 0,
         children: [
-          /* @__PURE__ */ jsxs35("div", { className: "flex items-start gap-3 min-w-0", children: [
-            icon && /* @__PURE__ */ jsx40("span", { className: "mt-0.5 shrink-0 text-primary", children: icon }),
-            /* @__PURE__ */ jsxs35("div", { className: "min-w-0", children: [
-              title && /* @__PURE__ */ jsx40("h3", { className: "text-base font-semibold leading-tight", children: title }),
-              description && /* @__PURE__ */ jsx40("p", { className: "mt-0.5 text-sm text-muted-foreground", children: description })
+          /* @__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 }),
+            /* @__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 })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs35("div", { className: "flex shrink-0 items-center gap-2", children: [
-            action && /* @__PURE__ */ jsx40("div", { onClick: (e) => e.stopPropagation(), children: action }),
-            collapsible && /* @__PURE__ */ jsx40(
+          /* @__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(
               ChevronDown6,
               {
                 className: cn(
@@ -5551,17 +5742,17 @@ function SectionBlock({
         ]
       }
     ),
-    (!collapsible || open) && /* @__PURE__ */ jsx40("div", { className: cn(variantBody[variant], contentClassName), children })
+    (!collapsible || open) && /* @__PURE__ */ jsx42("div", { className: cn(variantBody[variant], contentClassName), children })
   ] });
 }
 
 // src/components/ui/skeleton.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Skeleton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx43(
     "div",
     {
       className: cn("animate-pulse rounded-md bg-white/5 backdrop-blur-sm", className),
@@ -5571,8 +5762,8 @@ function Skeleton({
 }
 
 // src/components/ui/slider.tsx
-import * as React33 from "react";
-import { jsx as jsx42, jsxs as jsxs36 } from "react/jsx-runtime";
+import * as React35 from "react";
+import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
 function pct(val, min, max) {
   return (val - min) / (max - min) * 100;
 }
@@ -5591,8 +5782,8 @@ function Slider({
   showValue = false,
   className
 }) {
-  const [internal, setInternal] = React33.useState(defaultValue);
-  const [hovering, setHovering] = React33.useState(false);
+  const [internal, setInternal] = React35.useState(defaultValue);
+  const [hovering, setHovering] = React35.useState(false);
   const val = controlled ?? internal;
   function handleChange(e) {
     const v = Number(e.target.value);
@@ -5600,20 +5791,20 @@ function Slider({
     onChange?.(v);
   }
   const p = pct(val, min, max);
-  return /* @__PURE__ */ jsxs36("div", { className: cn("w-full space-y-2", className), children: [
-    (label || showValue) && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between text-sm", children: [
-      label && /* @__PURE__ */ jsx42("span", { className: "font-medium", children: label }),
-      showValue && /* @__PURE__ */ jsx42("span", { className: "text-muted-foreground tabular-nums", children: val })
+  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 })
     ] }),
-    /* @__PURE__ */ jsxs36(
+    /* @__PURE__ */ jsxs38(
       "div",
       {
         className: "relative flex items-center h-5",
         onMouseEnter: () => setHovering(true),
         onMouseLeave: () => setHovering(false),
         children: [
-          /* @__PURE__ */ jsx42("div", { className: "absolute w-full h-1.5 rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx42("div", { className: "h-full rounded-full bg-primary", style: { width: `${p}%` } }) }),
-          showTooltip && hovering && !disabled && /* @__PURE__ */ jsx42(
+          /* @__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(
             "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",
@@ -5621,7 +5812,7 @@ function Slider({
               children: val
             }
           ),
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx44(
             "input",
             {
               type: "range",
@@ -5637,7 +5828,7 @@ function Slider({
               )
             }
           ),
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx44(
             "div",
             {
               className: cn(
@@ -5650,9 +5841,9 @@ function Slider({
         ]
       }
     ),
-    (showMarks || marks) && /* @__PURE__ */ jsx42("div", { className: "relative w-full flex justify-between px-0", children: (marks ?? [{ value: min }, { value: max }]).map((m) => /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center gap-0.5", style: { position: "absolute", left: `${pct(m.value, min, max)}%`, transform: "translateX(-50%)" }, children: [
-      /* @__PURE__ */ jsx42("span", { className: "h-1 w-0.5 bg-border" }),
-      m.label && /* @__PURE__ */ jsx42("span", { className: "text-[10px] text-muted-foreground", children: m.label })
+    (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 })
     ] }, m.value)) })
   ] });
 }
@@ -5669,8 +5860,8 @@ function RangeSlider({
   showValue = false,
   className
 }) {
-  const [internal, setInternal] = React33.useState(defaultValue);
-  const [active, setActive] = React33.useState(null);
+  const [internal, setInternal] = React35.useState(defaultValue);
+  const [active, setActive] = React35.useState(null);
   const val = controlled ?? internal;
   function handleChange(idx, e) {
     const v = Number(e.target.value);
@@ -5680,21 +5871,21 @@ function RangeSlider({
   }
   const p0 = pct(val[0], min, max);
   const p1 = pct(val[1], min, max);
-  return /* @__PURE__ */ jsxs36("div", { className: cn("w-full space-y-2", className), children: [
-    (label || showValue) && /* @__PURE__ */ jsxs36("div", { className: "flex items-center justify-between text-sm", children: [
-      label && /* @__PURE__ */ jsx42("span", { className: "font-medium", children: label }),
-      showValue && /* @__PURE__ */ jsxs36("span", { className: "text-muted-foreground tabular-nums", children: [
+  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__ */ jsxs38("span", { className: "text-muted-foreground tabular-nums", children: [
         val[0],
         " \u2013 ",
         val[1]
       ] })
     ] }),
-    /* @__PURE__ */ jsxs36("div", { className: "relative flex items-center h-5", children: [
-      /* @__PURE__ */ jsx42("div", { className: "absolute w-full h-1.5 rounded-full bg-muted", children: /* @__PURE__ */ jsx42("div", { className: "absolute h-full rounded-full bg-primary", style: { left: `${p0}%`, width: `${p1 - p0}%` } }) }),
+    /* @__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}%` } }) }),
       [0, 1].map((idx) => {
         const p = idx === 0 ? p0 : p1;
-        return /* @__PURE__ */ jsxs36(React33.Fragment, { children: [
-          showTooltip && active === idx && !disabled && /* @__PURE__ */ jsx42(
+        return /* @__PURE__ */ jsxs38(React35.Fragment, { children: [
+          showTooltip && active === idx && !disabled && /* @__PURE__ */ jsx44(
             "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",
@@ -5702,7 +5893,7 @@ function RangeSlider({
               children: val[idx]
             }
           ),
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx44(
             "input",
             {
               type: "range",
@@ -5718,7 +5909,7 @@ function RangeSlider({
               style: { zIndex: idx === 1 ? 2 : 1 }
             }
           ),
-          /* @__PURE__ */ jsx42(
+          /* @__PURE__ */ jsx44(
             "div",
             {
               className: "absolute h-4 w-4 rounded-full border-2 border-primary bg-background shadow-md pointer-events-none",
@@ -5733,7 +5924,7 @@ function RangeSlider({
 
 // src/components/ui/stat-card.tsx
 import { TrendingUp, TrendingDown, Minus } from "lucide-react";
-import { jsx as jsx43, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
 function Sparkline2({ data, trend }) {
   if (data.length < 2) return null;
   const min = Math.min(...data);
@@ -5747,7 +5938,7 @@ function Sparkline2({ data, trend }) {
     return `${x},${y}`;
   }).join(" ");
   const color = trend === "up" ? "stroke-success" : trend === "down" ? "stroke-danger" : "stroke-primary";
-  return /* @__PURE__ */ jsx43("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45("svg", { width: w, height: h, className: "overflow-visible", children: /* @__PURE__ */ jsx45(
     "polyline",
     {
       points: pts,
@@ -5775,38 +5966,38 @@ function StatCard({
   const TrendIcon = autoTrend === "up" ? TrendingUp : autoTrend === "down" ? TrendingDown : Minus;
   const trendColor = autoTrend === "up" ? "text-success" : autoTrend === "down" ? "text-danger" : "text-muted-foreground";
   if (loading) {
-    return /* @__PURE__ */ jsxs37("div", { className: cn("rounded-xl glass p-5 space-y-3 animate-pulse", className), children: [
-      /* @__PURE__ */ jsx43("div", { className: "h-3 w-24 rounded bg-muted" }),
-      /* @__PURE__ */ jsx43("div", { className: "h-7 w-32 rounded bg-muted" }),
-      /* @__PURE__ */ jsx43("div", { className: "h-3 w-16 rounded bg-muted" })
+    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" })
     ] });
   }
-  return /* @__PURE__ */ jsxs37("div", { className: cn("rounded-xl glass p-5 space-y-3", className), children: [
-    /* @__PURE__ */ jsxs37("div", { className: "flex items-start justify-between gap-2", children: [
-      /* @__PURE__ */ jsx43("p", { className: "text-sm text-muted-foreground font-medium", children: title }),
-      icon && /* @__PURE__ */ jsx43("span", { className: "flex h-9 w-9 items-center justify-center rounded-lg bg-primary/10 text-primary shrink-0", children: icon })
+  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__ */ jsxs37("div", { className: "flex items-end justify-between gap-2", children: [
-      /* @__PURE__ */ jsx43("p", { className: "text-3xl font-bold tracking-tight", children: value }),
-      sparkline && /* @__PURE__ */ jsx43(Sparkline2, { data: sparkline, trend: autoTrend })
+    /* @__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__ */ jsxs37("div", { className: "flex items-center gap-1.5", children: [
-      change !== void 0 && /* @__PURE__ */ jsxs37("span", { className: cn("flex items-center gap-0.5 text-xs font-semibold", trendColor), children: [
-        /* @__PURE__ */ jsx43(TrendIcon, { className: "h-3.5 w-3.5" }),
+    /* @__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" }),
         change > 0 ? "+" : "",
         change,
         "%"
       ] }),
-      changeLabel && /* @__PURE__ */ jsx43("span", { className: "text-xs text-muted-foreground", children: changeLabel }),
-      description && !changeLabel && /* @__PURE__ */ jsx43("span", { className: "text-xs text-muted-foreground", children: description })
+      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 })
     ] })
   ] });
 }
 
 // src/components/ui/stepper.tsx
-import * as React34 from "react";
+import * as React36 from "react";
 import { Check as Check6, X as X10 } from "lucide-react";
-import { jsx as jsx44, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
 function getStatus(idx, current) {
   if (idx < current) return "complete";
   if (idx === current) return "current";
@@ -5827,7 +6018,7 @@ function Stepper({
   clickable = false,
   className
 }) {
-  const [internal, setInternal] = React34.useState(defaultCurrent);
+  const [internal, setInternal] = React36.useState(defaultCurrent);
   const current = controlled ?? internal;
   function go(idx) {
     if (!clickable) return;
@@ -5835,20 +6026,20 @@ function Stepper({
     onChange?.(idx);
   }
   const isHorizontal = orientation === "horizontal";
-  return /* @__PURE__ */ jsxs38("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsx44("div", { className: cn(
+  return /* @__PURE__ */ jsxs40("div", { className: cn("w-full", className), children: [
+    /* @__PURE__ */ jsx46("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__ */ jsx44(React34.Fragment, { children: /* @__PURE__ */ jsxs38("div", { className: cn(
+      return /* @__PURE__ */ jsx46(React36.Fragment, { children: /* @__PURE__ */ jsxs40("div", { className: cn(
         "flex",
         isHorizontal ? "flex-col items-center flex-1" : "flex-row gap-4"
       ), children: [
-        /* @__PURE__ */ jsxs38("div", { className: cn("flex items-center", isHorizontal ? "w-full" : "flex-col"), children: [
-          isHorizontal && i > 0 && /* @__PURE__ */ jsx44("div", { className: cn("flex-1 h-0.5 transition-colors", i <= current ? "bg-primary" : "bg-border") }),
-          /* @__PURE__ */ jsx44(
+        /* @__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(
             "button",
             {
               type: "button",
@@ -5860,35 +6051,35 @@ function Stepper({
                 clickable && "cursor-pointer hover:scale-110",
                 !clickable && "cursor-default"
               ),
-              children: status === "complete" ? /* @__PURE__ */ jsx44(Check6, { className: "h-4 w-4" }) : status === "error" ? /* @__PURE__ */ jsx44(X10, { className: "h-4 w-4" }) : step.icon ?? /* @__PURE__ */ jsx44("span", { children: i + 1 })
+              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 })
             }
           ),
-          isHorizontal && !isLast && /* @__PURE__ */ jsx44("div", { className: cn("flex-1 h-0.5 transition-colors", i < current ? "bg-primary" : "bg-border") }),
-          !isHorizontal && !isLast && /* @__PURE__ */ jsx44("div", { className: cn("w-0.5 flex-1 min-h-8 transition-colors mt-1", i < current ? "bg-primary" : "bg-border") })
+          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") })
         ] }),
-        /* @__PURE__ */ jsxs38("div", { className: cn(
+        /* @__PURE__ */ jsxs40("div", { className: cn(
           isHorizontal ? "mt-2 text-center px-1" : "pb-6 min-w-0"
         ), children: [
-          /* @__PURE__ */ jsxs38("p", { className: cn(
+          /* @__PURE__ */ jsxs40("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__ */ jsx44("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
+            step.optional && /* @__PURE__ */ jsx46("span", { className: "ml-1 text-xs text-muted-foreground", children: "(optional)" })
           ] }),
-          step.description && /* @__PURE__ */ jsx44("p", { className: "text-xs text-muted-foreground mt-0.5", children: step.description }),
-          !isHorizontal && step.content && i === current && /* @__PURE__ */ jsx44("div", { className: "mt-3", children: step.content })
+          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 })
         ] })
       ] }) }, i);
     }) }),
-    isHorizontal && steps[current]?.content && /* @__PURE__ */ jsx44("div", { className: "mt-6", children: steps[current].content })
+    isHorizontal && steps[current]?.content && /* @__PURE__ */ jsx46("div", { className: "mt-6", children: steps[current].content })
   ] });
 }
 
 // src/components/ui/table.tsx
-import * as React35 from "react";
+import * as React37 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 Fragment9, jsx as jsx45, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx47, 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",
@@ -5911,11 +6102,11 @@ function Table({
   idKey = "id",
   className
 }) {
-  const [search, setSearch] = React35.useState("");
-  const [currentPage, setCurrentPage] = React35.useState(1);
-  const [selectedIds, setSelectedIds] = React35.useState([]);
-  const [sortKey, setSortKey] = React35.useState(null);
-  const [sortDir, setSortDir] = React35.useState(null);
+  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 handleSort = (key) => {
     if (sortKey !== key) {
       setSortKey(key);
@@ -5929,7 +6120,7 @@ function Table({
     setSortKey(null);
     setSortDir(null);
   };
-  const filteredData = React35.useMemo(() => {
+  const filteredData = React37.useMemo(() => {
     let d = search ? data.filter(
       (item) => Object.values(item).some(
         (val) => val && typeof val === "string" && val.toLowerCase().includes(search.toLowerCase())
@@ -5947,18 +6138,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 = React35.useMemo(() => {
+  const paginatedData = React37.useMemo(() => {
     if (!pagination) return filteredData;
     const start = (safePage - 1) * itemsPerPage;
     return filteredData.slice(start, start + itemsPerPage);
   }, [filteredData, pagination, safePage, itemsPerPage]);
-  React35.useEffect(() => {
+  React37.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 = React35.useMemo(() => {
+  const pagePills = React37.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];
@@ -5966,14 +6157,14 @@ function Table({
   }, [totalPages, safePage]);
   const SortIcon = ({ col }) => {
     if (!col.sortable) return null;
-    if (sortKey !== String(col.key)) return /* @__PURE__ */ jsx45(ChevronsUpDown2, { className: "ml-1.5 h-3.5 w-3.5 opacity-40" });
-    return sortDir === "asc" ? /* @__PURE__ */ jsx45(ChevronUp2, { className: "ml-1.5 h-3.5 w-3.5 text-primary" }) : /* @__PURE__ */ jsx45(ChevronDown7, { className: "ml-1.5 h-3.5 w-3.5 text-primary" });
+    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" });
   };
-  return /* @__PURE__ */ jsxs39("div", { className: cn("w-full space-y-3", className), children: [
-    /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between gap-3 flex-wrap", children: [
-      searchable && /* @__PURE__ */ jsxs39("div", { className: "relative w-72", children: [
-        /* @__PURE__ */ jsx45(Search5, { className: "absolute text-primary left-3 top-1/2 -translate-y-1/2 h-4 w-4 z-10" }),
-        /* @__PURE__ */ jsx45(
+  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(
           "input",
           {
             placeholder: searchPlaceholder,
@@ -5982,17 +6173,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__ */ jsx45(
+        search && /* @__PURE__ */ jsx47(
           "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__ */ jsx45(X11, { className: "h-3.5 w-3.5" })
+            children: /* @__PURE__ */ jsx47(X11, { className: "h-3.5 w-3.5" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-2 ml-auto", children: [
-        selectable && onBulkDelete && selectedIds.length > 0 && /* @__PURE__ */ jsxs39(
+      /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2 ml-auto", children: [
+        selectable && onBulkDelete && selectedIds.length > 0 && /* @__PURE__ */ jsxs41(
           "button",
           {
             onClick: () => {
@@ -6001,14 +6192,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__ */ jsx45(Trash23, { className: "h-3.5 w-3.5" }),
+              /* @__PURE__ */ jsx47(Trash23, { className: "h-3.5 w-3.5" }),
               "Delete ",
               selectedIds.length,
               " selected"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs39("span", { className: "text-xs text-muted-foreground", children: [
+        /* @__PURE__ */ jsxs41("span", { className: "text-xs text-muted-foreground", children: [
           filteredData.length,
           " ",
           filteredData.length === 1 ? "row" : "rows",
@@ -6016,16 +6207,16 @@ function Table({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx45("div", { className: "rounded-xl border border-border overflow-hidden bg-card/50 backdrop-blur-sm shadow-sm", children: /* @__PURE__ */ jsx45("div", { className: "w-full overflow-auto", children: /* @__PURE__ */ jsxs39("table", { className: "w-full caption-bottom text-sm", children: [
-      /* @__PURE__ */ jsx45("thead", { children: /* @__PURE__ */ jsxs39("tr", { className: "border-b border-border bg-muted/40", children: [
-        selectable && /* @__PURE__ */ jsx45("th", { className: "h-11 w-[46px] px-4 text-left align-middle", children: /* @__PURE__ */ jsx45(
+    /* @__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(
           Checkbox,
           {
             checked: allSelected,
             onChange: (e) => handleSelectAll(e.target.checked)
           }
         ) }),
-        columns.map((col) => /* @__PURE__ */ jsx45(
+        columns.map((col) => /* @__PURE__ */ jsx47(
           "th",
           {
             onClick: () => col.sortable && handleSort(String(col.key)),
@@ -6033,29 +6224,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__ */ jsxs39("span", { className: "inline-flex items-center", children: [
+            children: /* @__PURE__ */ jsxs41("span", { className: "inline-flex items-center", children: [
               col.title,
-              /* @__PURE__ */ jsx45(SortIcon, { col })
+              /* @__PURE__ */ jsx47(SortIcon, { col })
             ] })
           },
           String(col.key)
         ))
       ] }) }),
-      /* @__PURE__ */ jsx45("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ jsx45("tr", { children: /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsx47("tbody", { children: paginatedData.length === 0 ? /* @__PURE__ */ jsx47("tr", { children: /* @__PURE__ */ jsx47(
         "td",
         {
           colSpan: columns.length + (selectable ? 1 : 0),
           className: "h-32 text-center align-middle",
-          children: /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center gap-1 text-muted-foreground", children: [
-            /* @__PURE__ */ jsx45(Search5, { className: "h-8 w-8 opacity-20" }),
-            /* @__PURE__ */ jsx45("span", { className: "text-sm", children: "No results found" }),
-            search && /* @__PURE__ */ jsx45("button", { onClick: () => setSearch(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
+          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" })
           ] })
         }
       ) }) : paginatedData.map((item, i) => {
         const id = String(item[idKey] || i);
         const isSelected = selectedIds.includes(id);
-        return /* @__PURE__ */ jsxs39(
+        return /* @__PURE__ */ jsxs41(
           "tr",
           {
             className: cn(
@@ -6063,38 +6254,38 @@ function Table({
               isSelected ? "bg-primary/5 hover:bg-primary/8" : "hover:bg-muted/30"
             ),
             children: [
-              selectable && /* @__PURE__ */ jsx45("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ jsx45(
+              selectable && /* @__PURE__ */ jsx47("td", { className: "px-4 py-3 align-middle", children: /* @__PURE__ */ jsx47(
                 Checkbox,
                 {
                   checked: isSelected,
                   onChange: (e) => handleSelect(id, e.target.checked)
                 }
               ) }),
-              columns.map((col) => /* @__PURE__ */ jsx45("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ jsx45(
+              columns.map((col) => /* @__PURE__ */ jsx47("td", { className: "px-4 py-3 align-middle", children: col.render ? col.render(item) : col.type === "image" ? /* @__PURE__ */ jsx47(
                 "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__ */ jsxs39("span", { className: cn(
+              ) : col.type === "badge" ? /* @__PURE__ */ jsxs41("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__ */ jsx45("span", { className: cn(
+                /* @__PURE__ */ jsx47("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__ */ jsx45(AvatarStack, { images: Array.isArray(item[col.key]) ? item[col.key] : [], ...col.stackProps ?? {} }) : col.type === "icon" ? /* @__PURE__ */ jsx45("span", { className: "flex items-center", children: item[col.key] }) : col.type === "select" ? /* @__PURE__ */ jsx45(
+              ] }) : 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(
                 "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__ */ jsx45("option", { value: opt, children: opt }, opt))
+                  children: (col.selectOptions ?? []).map((opt) => /* @__PURE__ */ jsx47("option", { value: opt, children: opt }, opt))
                 }
-              ) : col.type === "toggle" ? /* @__PURE__ */ jsx45(
+              ) : col.type === "toggle" ? /* @__PURE__ */ jsx47(
                 "button",
                 {
                   role: "switch",
@@ -6104,13 +6295,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__ */ jsx45("span", { className: cn(
+                  children: /* @__PURE__ */ jsx47("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__ */ jsxs39("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx45(
+              ) : col.type === "color" ? /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx47(
                   "input",
                   {
                     type: "color",
@@ -6119,22 +6310,22 @@ function Table({
                     className: "h-7 w-7 cursor-pointer rounded border border-border bg-transparent p-0.5"
                   }
                 ),
-                /* @__PURE__ */ jsx45("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
-              ] }) : col.type === "checkbox" ? /* @__PURE__ */ jsx45(
+                /* @__PURE__ */ jsx47("span", { className: "text-xs text-muted-foreground font-mono", children: item[col.key] })
+              ] }) : col.type === "checkbox" ? /* @__PURE__ */ jsx47(
                 Checkbox,
                 {
                   checked: !!item[col.key],
                   onChange: (e) => col.onChange?.(item, e.target.checked)
                 }
-              ) : /* @__PURE__ */ jsx45("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
+              ) : /* @__PURE__ */ jsx47("span", { className: "text-foreground/90", children: item[col.key] }) }, String(col.key)))
             ]
           },
           id
         );
       }) })
     ] }) }) }),
-    pagination && totalPages > 1 && /* @__PURE__ */ jsxs39("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
-      /* @__PURE__ */ jsxs39("span", { className: "text-xs text-muted-foreground", children: [
+    pagination && totalPages > 1 && /* @__PURE__ */ jsxs41("div", { className: "flex items-center justify-between gap-2 flex-wrap", children: [
+      /* @__PURE__ */ jsxs41("span", { className: "text-xs text-muted-foreground", children: [
         "Showing ",
         (safePage - 1) * itemsPerPage + 1,
         "\u2013",
@@ -6142,21 +6333,21 @@ function Table({
         " of ",
         filteredData.length
       ] }),
-      /* @__PURE__ */ jsxs39("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx45(
+      /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx47(
           "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__ */ jsx45(ChevronLeft5, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx47(ChevronLeft5, { className: "h-4 w-4" })
           }
         ),
-        pagePills[0] > 1 && /* @__PURE__ */ jsxs39(Fragment9, { children: [
-          /* @__PURE__ */ jsx45("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__ */ jsx45("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" })
+        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" })
         ] }),
-        pagePills.map((p) => /* @__PURE__ */ jsx45(
+        pagePills.map((p) => /* @__PURE__ */ jsx47(
           "button",
           {
             onClick: () => setCurrentPage(p),
@@ -6168,17 +6359,17 @@ function Table({
           },
           p
         )),
-        pagePills[pagePills.length - 1] < totalPages && /* @__PURE__ */ jsxs39(Fragment9, { children: [
-          pagePills[pagePills.length - 1] < totalPages - 1 && /* @__PURE__ */ jsx45("span", { className: "px-1 text-muted-foreground text-xs", children: "\u2026" }),
-          /* @__PURE__ */ jsx45("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__ */ 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 })
         ] }),
-        /* @__PURE__ */ jsx45(
+        /* @__PURE__ */ jsx47(
           "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__ */ jsx45(ChevronRight8, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ jsx47(ChevronRight8, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -6187,8 +6378,8 @@ function Table({
 }
 
 // src/components/ui/tabs.tsx
-import * as React36 from "react";
-import { jsx as jsx46, jsxs as jsxs40 } from "react/jsx-runtime";
+import * as React38 from "react";
+import { jsx as jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
 var sizeMap = {
   sm: "px-3 py-1.5 text-xs",
   md: "px-4 py-2 text-sm",
@@ -6238,15 +6429,15 @@ function Tabs({
   fullWidth = false,
   className
 }) {
-  const [internal, setInternal] = React36.useState(defaultValue ?? items[0]?.value ?? "");
+  const [internal, setInternal] = React38.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__ */ jsxs40("div", { className: cn("w-full", className), children: [
-    /* @__PURE__ */ jsx46("div", { className: cn("flex", fullWidth && "w-full", variantTrack[variant]), children: items.map((item) => /* @__PURE__ */ jsxs40(
+  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(
       "button",
       {
         type: "button",
@@ -6257,20 +6448,20 @@ function Tabs({
           fullWidth && "flex-1 justify-center"
         ),
         children: [
-          item.icon && /* @__PURE__ */ jsx46("span", { className: "shrink-0", children: item.icon }),
+          item.icon && /* @__PURE__ */ jsx48("span", { className: "shrink-0", children: item.icon }),
           item.label,
-          item.badge && /* @__PURE__ */ jsx46("span", { className: "shrink-0", children: item.badge })
+          item.badge && /* @__PURE__ */ jsx48("span", { className: "shrink-0", children: item.badge })
         ]
       },
       item.value
     )) }),
-    activeItem?.content && /* @__PURE__ */ jsx46("div", { className: "mt-4", children: activeItem.content })
+    activeItem?.content && /* @__PURE__ */ jsx48("div", { className: "mt-4", children: activeItem.content })
   ] });
 }
 
 // src/components/ui/tag-input.tsx
-import * as React37 from "react";
-import { jsx as jsx47, jsxs as jsxs41 } from "react/jsx-runtime";
+import * as React39 from "react";
+import { jsx as jsx49, jsxs as jsxs43 } from "react/jsx-runtime";
 function TagInput({
   value: controlled,
   defaultValue = [],
@@ -6281,9 +6472,9 @@ function TagInput({
   disabled = false,
   className
 }) {
-  const [internal, setInternal] = React37.useState(defaultValue);
-  const [input, setInput] = React37.useState("");
-  const inputRef = React37.useRef(null);
+  const [internal, setInternal] = React39.useState(defaultValue);
+  const [input, setInput] = React39.useState("");
+  const inputRef = React39.useRef(null);
   const tags = controlled ?? internal;
   function addTag(raw) {
     const tag = raw.trim();
@@ -6308,7 +6499,7 @@ function TagInput({
       removeTag(tags.length - 1);
     }
   }
-  return /* @__PURE__ */ jsxs41(
+  return /* @__PURE__ */ jsxs43(
     "div",
     {
       className: cn(
@@ -6319,8 +6510,8 @@ function TagInput({
       ),
       onClick: () => inputRef.current?.focus(),
       children: [
-        tags.map((tag, i) => /* @__PURE__ */ jsx47(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
-        /* @__PURE__ */ jsx47(
+        tags.map((tag, i) => /* @__PURE__ */ jsx49(Badge, { variant: "default", size: "sm", removable: true, onRemove: () => removeTag(i), children: tag }, i)),
+        /* @__PURE__ */ jsx49(
           "input",
           {
             ref: inputRef,
@@ -6340,7 +6531,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 jsx48, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs44 } from "react/jsx-runtime";
 var DOT_COLOR = {
   default: "bg-primary border-primary/30",
   success: "bg-success border-success/30",
@@ -6356,41 +6547,41 @@ var ICON_COLOR = {
   info: "text-info"
 };
 var DEFAULT_ICON = {
-  default: /* @__PURE__ */ jsx48(Circle, { className: "h-3 w-3" }),
-  success: /* @__PURE__ */ jsx48(CheckCircle3, { className: "h-3.5 w-3.5" }),
-  error: /* @__PURE__ */ jsx48(XCircle2, { className: "h-3.5 w-3.5" }),
-  warning: /* @__PURE__ */ jsx48(AlertTriangle3, { className: "h-3.5 w-3.5" }),
-  info: /* @__PURE__ */ jsx48(Info2, { className: "h-3.5 w-3.5" })
+  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" })
 };
 function Timeline({ items, align = "left", className }) {
-  return /* @__PURE__ */ jsx48("div", { className: cn("relative", className), children: items.map((item, i) => {
+  return /* @__PURE__ */ jsx50("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__ */ jsxs42("div", { className: cn("relative flex gap-4", align === "alternate" && "justify-center", isRight && "flex-row-reverse"), children: [
-      /* @__PURE__ */ jsxs42("div", { className: "flex flex-col items-center", children: [
-        /* @__PURE__ */ jsx48("div", { className: cn(
+    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(
           "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__ */ jsx48("span", { className: cn("shrink-0", item.icon ? ICON_COLOR[variant] : "text-white"), children: item.icon ?? DEFAULT_ICON[variant] }) }),
-        !isLast && /* @__PURE__ */ jsx48("div", { className: "w-0.5 flex-1 bg-border mt-1 mb-1 min-h-4" })
+        ), 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" })
       ] }),
-      /* @__PURE__ */ jsxs42("div", { className: cn("flex-1 pb-6 min-w-0", isRight && "text-right"), children: [
-        /* @__PURE__ */ jsxs42("div", { className: cn("flex items-start justify-between gap-2", isRight && "flex-row-reverse"), children: [
-          /* @__PURE__ */ jsx48("p", { className: "text-sm font-semibold leading-tight", children: item.title }),
-          item.time && /* @__PURE__ */ jsx48("span", { className: "shrink-0 text-xs text-muted-foreground whitespace-nowrap", children: item.time })
+      /* @__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 })
         ] }),
-        item.description && /* @__PURE__ */ jsx48("p", { className: "mt-0.5 text-xs text-muted-foreground leading-snug", children: item.description }),
-        item.content && /* @__PURE__ */ jsx48("div", { className: "mt-2", children: item.content })
+        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.id ?? i);
   }) });
 }
 
 // src/components/ui/toggle-switch.tsx
-import * as React38 from "react";
-import { jsx as jsx49, jsxs as jsxs43 } from "react/jsx-runtime";
-var ToggleSwitch = React38.forwardRef(
+import * as React40 from "react";
+import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
+var ToggleSwitch = React40.forwardRef(
   ({
     className,
     inline = false,
@@ -6408,10 +6599,10 @@ var ToggleSwitch = React38.forwardRef(
     disabled,
     ...props
   }, ref) => {
-    const toggleId = id ?? React38.useId();
+    const toggleId = id ?? React40.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] = React38.useState(defaultChecked ?? false);
+    const [internalChecked, setInternalChecked] = React40.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;
@@ -6420,13 +6611,13 @@ var ToggleSwitch = React38.forwardRef(
       if (!isControlled) setInternalChecked(e.target.checked);
       onChange?.(e);
     };
-    const toggle = /* @__PURE__ */ jsxs43(
+    const toggle = /* @__PURE__ */ jsxs45(
       "label",
       {
         htmlFor: toggleId,
         className: cn("relative inline-flex items-center cursor-pointer", disabled && "opacity-50 cursor-not-allowed"),
         children: [
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx51(
             "input",
             {
               type: "checkbox",
@@ -6439,7 +6630,7 @@ var ToggleSwitch = React38.forwardRef(
               ...props
             }
           ),
-          /* @__PURE__ */ jsx49(
+          /* @__PURE__ */ jsx51(
             "div",
             {
               className: cn(
@@ -6452,7 +6643,7 @@ var ToggleSwitch = React38.forwardRef(
                 height: trackH,
                 ...stateColor ? { backgroundColor: stateColor } : {}
               },
-              children: /* @__PURE__ */ jsx49(
+              children: /* @__PURE__ */ jsx51(
                 "span",
                 {
                   className: `absolute top-[1px] ${isOn ? "bg-slate-50/40" : "bg-primary"} rounded-full border border-slate-300/50 shadow transition-transform duration-200`,
@@ -6470,9 +6661,9 @@ var ToggleSwitch = React38.forwardRef(
       }
     );
     if (inline && label) {
-      return /* @__PURE__ */ jsxs43("div", { className: "inline-flex items-center gap-2 select-none", children: [
+      return /* @__PURE__ */ jsxs45("div", { className: "inline-flex items-center gap-2 select-none", children: [
         toggle,
-        /* @__PURE__ */ jsx49("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
+        /* @__PURE__ */ jsx51("label", { htmlFor: toggleId, className: cn("text-sm cursor-pointer", disabled && "opacity-50 cursor-not-allowed"), children: label })
       ] });
     }
     return toggle;
@@ -6480,62 +6671,17 @@ var ToggleSwitch = React38.forwardRef(
 );
 ToggleSwitch.displayName = "ToggleSwitch";
 
-// src/components/ui/tooltip.tsx
-import * as React39 from "react";
-import { Fragment as Fragment10, jsx as jsx50, jsxs as jsxs44 } from "react/jsx-runtime";
-function Tooltip({
-  content,
-  children,
-  side = "right",
-  className,
-  enabled = true
-}) {
-  const [visible, setVisible] = React39.useState(false);
-  if (!enabled) return /* @__PURE__ */ jsx50(Fragment10, { children });
-  const sideClasses = {
-    right: "left-full top-1/2 -translate-y-1/2 ml-2",
-    left: "right-full top-1/2 -translate-y-1/2 mr-2",
-    top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
-    bottom: "top-full left-1/2 -translate-x-1/2 mt-2"
-  };
-  return /* @__PURE__ */ jsxs44(
-    "div",
-    {
-      className: "relative inline-flex",
-      onMouseEnter: () => setVisible(true),
-      onMouseLeave: () => setVisible(false),
-      onFocus: () => setVisible(true),
-      onBlur: () => setVisible(false),
-      children: [
-        children,
-        visible && /* @__PURE__ */ jsx50(
-          "div",
-          {
-            role: "tooltip",
-            className: cn(
-              "absolute z-50 whitespace-nowrap rounded-md bg-foreground px-2.5 py-1 text-xs font-medium text-background shadow-lg pointer-events-none",
-              sideClasses[side],
-              className
-            ),
-            children: content
-          }
-        )
-      ]
-    }
-  );
-}
-
 // src/components/ui/tree-view.tsx
-import * as React40 from "react";
+import * as React41 from "react";
 import { ChevronRight as ChevronRight9, Folder, FolderOpen, File } from "lucide-react";
-import { jsx as jsx51, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx52, 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__ */ jsx51(FolderOpen, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx51(Folder, { className: "h-4 w-4 text-warning" }) : /* @__PURE__ */ jsx51(File, { className: "h-4 w-4 text-muted-foreground" });
-  return /* @__PURE__ */ jsxs45("div", { children: [
-    /* @__PURE__ */ jsxs45(
+  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" });
+  return /* @__PURE__ */ jsxs46("div", { children: [
+    /* @__PURE__ */ jsxs46(
       "div",
       {
         className: cn(
@@ -6549,13 +6695,13 @@ function TreeNodeItem({ node, depth, selected, expanded, onToggleExpand, onSelec
           onSelect(node.id);
         },
         children: [
-          hasChildren ? /* @__PURE__ */ jsx51(ChevronRight9, { className: cn("h-3.5 w-3.5 shrink-0 text-muted-foreground transition-transform", isExpanded && "rotate-90") }) : /* @__PURE__ */ jsx51("span", { className: "w-3.5 shrink-0" }),
-          /* @__PURE__ */ jsx51("span", { className: "shrink-0", children: node.icon ?? defaultIcon }),
-          /* @__PURE__ */ jsx51("span", { className: "truncate", children: node.label })
+          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 && isExpanded && /* @__PURE__ */ jsx51("div", { children: node.children.map((child) => /* @__PURE__ */ jsx51(
+    hasChildren && isExpanded && /* @__PURE__ */ jsx52("div", { children: node.children.map((child) => /* @__PURE__ */ jsx52(
       TreeNodeItem,
       {
         node: child,
@@ -6580,8 +6726,8 @@ function TreeView({
   className
 }) {
   const init = defaultSelected ? Array.isArray(defaultSelected) ? defaultSelected : [defaultSelected] : [];
-  const [internal, setInternal] = React40.useState(init);
-  const [expanded, setExpanded] = React40.useState(defaultExpanded);
+  const [internal, setInternal] = React41.useState(init);
+  const [expanded, setExpanded] = React41.useState(defaultExpanded);
   const selected = controlled ? Array.isArray(controlled) ? controlled : [controlled] : internal;
   function handleSelect(id) {
     let next;
@@ -6596,7 +6742,7 @@ function TreeView({
   function toggleExpand(id) {
     setExpanded((prev) => prev.includes(id) ? prev.filter((v) => v !== id) : [...prev, id]);
   }
-  return /* @__PURE__ */ jsx51("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx52("div", { className: cn("w-full", className), children: nodes.map((node) => /* @__PURE__ */ jsx52(
     TreeNodeItem,
     {
       node,
@@ -6612,8 +6758,8 @@ function TreeView({
 }
 
 // src/components/ui/widget.tsx
-import * as React41 from "react";
-import { jsx as jsx52, jsxs as jsxs46 } from "react/jsx-runtime";
+import * as React42 from "react";
+import { jsx as jsx53, jsxs as jsxs47 } from "react/jsx-runtime";
 var iconColorMap = {
   primary: "bg-primary/10 text-primary",
   info: "bg-info/10 text-info",
@@ -6641,8 +6787,8 @@ var variantMap = {
   outline: "bg-transparent border-2"
 };
 function useCountUp(target, enabled, duration = 1e3) {
-  const [display, setDisplay] = React41.useState(enabled ? 0 : target);
-  React41.useEffect(() => {
+  const [display, setDisplay] = React42.useState(enabled ? 0 : target);
+  React42.useEffect(() => {
     if (!enabled) {
       setDisplay(target);
       return;
@@ -6685,7 +6831,7 @@ function Widget({
   const counted = useCountUp(isNumeric ? value : 0, animate && isNumeric);
   const displayValue = animate && isNumeric ? counted : value;
   const s = sizeMap2[size];
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx53(
     Card,
     {
       className: cn(
@@ -6696,27 +6842,27 @@ function Widget({
       ),
       onClick,
       ...props,
-      children: /* @__PURE__ */ jsxs46(CardContent, { className: s.card, children: [
-        /* @__PURE__ */ jsxs46("div", { className: "flex items-start justify-between gap-3", children: [
-          /* @__PURE__ */ jsxs46("div", { className: "min-w-0 flex-1 space-y-1", children: [
-            /* @__PURE__ */ jsxs46("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx52("p", { className: "text-sm font-medium text-muted-foreground truncate", children: title }),
-              badge && /* @__PURE__ */ jsx52("span", { className: "shrink-0", children: badge })
+      children: /* @__PURE__ */ jsxs47(CardContent, { className: s.card, children: [
+        /* @__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 })
             ] }),
-            loading ? /* @__PURE__ */ jsx52("div", { className: "h-8 w-24 animate-pulse rounded-md bg-muted" }) : /* @__PURE__ */ jsx52("div", { className: cn("font-bold tabular-nums", s.value), children: displayValue }),
-            description && /* @__PURE__ */ jsx52("p", { className: "text-xs text-muted-foreground", children: description })
+            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 })
           ] }),
-          icon && /* @__PURE__ */ jsxs46("div", { className: cn(
+          icon && /* @__PURE__ */ jsxs47("div", { className: cn(
             "relative flex shrink-0 items-center justify-center rounded-full",
             s.icon,
             iconColorMap[iconColor]
           ), children: [
-            pulse && /* @__PURE__ */ jsx52("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
-            /* @__PURE__ */ jsx52("span", { className: s.iconSize, children: icon })
+            pulse && /* @__PURE__ */ jsx53("span", { className: "absolute inset-0 rounded-full animate-ping opacity-30 bg-current" }),
+            /* @__PURE__ */ jsx53("span", { className: s.iconSize, children: icon })
           ] })
         ] }),
-        trendValue && !loading && /* @__PURE__ */ jsxs46("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
-          /* @__PURE__ */ jsxs46("span", { className: cn(
+        trendValue && !loading && /* @__PURE__ */ jsxs47("div", { className: "mt-3 flex items-center gap-1.5 text-sm", children: [
+          /* @__PURE__ */ jsxs47("span", { className: cn(
             "font-medium",
             trend === "up" && "text-success",
             trend === "down" && "text-danger",
@@ -6726,21 +6872,21 @@ function Widget({
             trend === "down" && "\u2193 ",
             trendValue
           ] }),
-          previousValue !== void 0 && /* @__PURE__ */ jsxs46("span", { className: "text-muted-foreground", children: [
+          previousValue !== void 0 && /* @__PURE__ */ jsxs47("span", { className: "text-muted-foreground", children: [
             "vs ",
             previousValue
           ] }),
-          /* @__PURE__ */ jsx52("span", { className: "text-muted-foreground", children: trendLabel })
+          /* @__PURE__ */ jsx53("span", { className: "text-muted-foreground", children: trendLabel })
         ] }),
-        progress !== void 0 && /* @__PURE__ */ jsxs46("div", { className: "mt-4 space-y-1", children: [
-          /* @__PURE__ */ jsxs46("div", { className: "flex justify-between text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ jsx52("span", { children: "Progress" }),
-            /* @__PURE__ */ jsxs46("span", { children: [
+        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__ */ jsxs47("span", { children: [
               Math.min(100, Math.max(0, progress)),
               "%"
             ] })
           ] }),
-          /* @__PURE__ */ jsx52("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx52(
+          /* @__PURE__ */ jsx53("div", { className: "h-1.5 w-full rounded-full bg-muted overflow-hidden", children: /* @__PURE__ */ jsx53(
             "div",
             {
               className: cn("h-full rounded-full transition-all duration-700", progressColorMap[progressColor]),
@@ -6748,7 +6894,7 @@ function Widget({
             }
           ) })
         ] }),
-        footer && /* @__PURE__ */ jsx52("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
+        footer && /* @__PURE__ */ jsx53("div", { className: "mt-4 border-t pt-3 text-sm text-muted-foreground", children: footer })
       ] })
     }
   );
@@ -6796,6 +6942,9 @@ export {
   NotificationPanel,
   OtpInput,
   Pagination,
+  Panel,
+  PanelSidebarGroup,
+  PanelSidebarItem,
   Popover,
   Progress,
   RadioGroup,