@underverse-ui/underverse 0.2.13 → 0.2.15

package/dist/index.cjs

@@ -2687,90 +2687,201 @@ var import_react_dom3 = require("react-dom");
 
 // ../../lib/utils/shadcn-animations.ts
 var shadcnAnimationStyles = `
+  /* ============================================
+   * DROPDOWN / POPOVER ANIMATIONS
+   * Uses spring-like cubic-bezier for natural feel
+   * ============================================ */
+  
+  /* Native-like Combobox Animation - Mimics browser default select */
+  [data-state="open"][data-combobox-dropdown] {
+    animation: comboboxOpen 150ms cubic-bezier(0.2, 0, 0, 1);
+    transform-origin: top center;
+  }
+
+  [data-state="closed"][data-combobox-dropdown] {
+    animation: comboboxClose 120ms cubic-bezier(0.4, 0, 1, 1);
+    transform-origin: top center;
+  }
+
+  @keyframes comboboxOpen {
+    0% {
+      opacity: 0;
+      transform: translateY(-4px) scaleY(0.9);
+    }
+    100% {
+      opacity: 1;
+      transform: translateY(0) scaleY(1);
+    }
+  }
+
+  @keyframes comboboxClose {
+    0% {
+      opacity: 1;
+      transform: translateY(0) scaleY(1);
+    }
+    100% {
+      opacity: 0;
+      transform: translateY(-4px) scaleY(0.9);
+    }
+  }
+
+  /* Generic dropdown open/close */
   [data-state="open"] {
-    animation: slideDownAndFade 200ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: slideDownAndFade 220ms cubic-bezier(0.16, 1, 0.3, 1);
   }
   
   [data-state="closed"] {
-    animation: slideUpAndFade 150ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: slideUpAndFade 180ms cubic-bezier(0.4, 0, 0.2, 1);
   }
   
   @keyframes slideDownAndFade {
     from {
       opacity: 0;
-      transform: translateY(-2px);
+      transform: translateY(-4px) scale(0.98);
     }
     to {
       opacity: 1;
-      transform: translateY(0);
+      transform: translateY(0) scale(1);
     }
   }
   
   @keyframes slideUpAndFade {
     from {
       opacity: 1;
-      transform: translateY(0);
+      transform: translateY(0) scale(1);
     }
     to {
       opacity: 0;
-      transform: translateY(-2px);
+      transform: translateY(-4px) scale(0.98);
     }
   }
   
+  /* ============================================
+   * DROPDOWN ITEMS - Native-like instant appearance
+   * ============================================ */
+
+  /* Fast staggered animation for native feel */
   .dropdown-item {
     opacity: 0;
-    animation: fadeInUp 200ms ease-out forwards;
+    animation: itemFadeIn 120ms cubic-bezier(0.2, 0, 0, 1) forwards;
   }
-  
-  @keyframes fadeInUp {
-    from {
+
+  @keyframes itemFadeIn {
+    0% {
       opacity: 0;
-      transform: translateY(4px);
+      transform: translateY(-2px);
     }
-    to {
+    100% {
       opacity: 1;
       transform: translateY(0);
     }
   }
+
+  /* Subtle hover effect */
+  .dropdown-item {
+    transition: background-color 100ms ease;
+  }
+  
+  /* ============================================
+   * TOOLTIP / SIDE ANIMATIONS
+   * ============================================ */
   
-  /* Tooltip specific animations */
   [data-side="top"] {
-    animation: slideDownAndFade 200ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: slideFromBottom 200ms cubic-bezier(0.16, 1, 0.3, 1);
   }
   
   [data-side="bottom"] {
-    animation: slideUpAndFade 200ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: slideFromTop 200ms cubic-bezier(0.16, 1, 0.3, 1);
   }
   
   [data-side="left"] {
-    animation: slideRightAndFade 200ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: slideFromRight 200ms cubic-bezier(0.16, 1, 0.3, 1);
   }
   
   [data-side="right"] {
-    animation: slideLeftAndFade 200ms cubic-bezier(0.16, 1, 0.3, 1);
+    animation: slideFromLeft 200ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+  
+  @keyframes slideFromTop {
+    from {
+      opacity: 0;
+      transform: translateY(-6px) scale(0.96);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
+  }
+  
+  @keyframes slideFromBottom {
+    from {
+      opacity: 0;
+      transform: translateY(6px) scale(0.96);
+    }
+    to {
+      opacity: 1;
+      transform: translateY(0) scale(1);
+    }
   }
   
-  @keyframes slideLeftAndFade {
+  @keyframes slideFromLeft {
     from {
       opacity: 0;
-      transform: translateX(2px);
+      transform: translateX(-6px) scale(0.96);
     }
     to {
       opacity: 1;
-      transform: translateX(0);
+      transform: translateX(0) scale(1);
     }
   }
   
-  @keyframes slideRightAndFade {
+  @keyframes slideFromRight {
     from {
       opacity: 0;
-      transform: translateX(-2px);
+      transform: translateX(6px) scale(0.96);
     }
     to {
       opacity: 1;
-      transform: translateX(0);
+      transform: translateX(0) scale(1);
+    }
+  }
+  
+  /* ============================================
+   * UTILITY ANIMATIONS
+   * ============================================ */
+  
+  .animate-bounce-subtle {
+    animation: bounceSubtle 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
+  }
+  
+  @keyframes bounceSubtle {
+    0%, 100% {
+      transform: translateY(0);
+    }
+    50% {
+      transform: translateY(-4px);
     }
   }
+  
+  .animate-scale-in {
+    animation: scaleIn 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
+  }
+  
+  @keyframes scaleIn {
+    from {
+      opacity: 0;
+      transform: scale(0.9);
+    }
+    to {
+      opacity: 1;
+      transform: scale(1);
+    }
+  }
+  
+  /* Smooth backdrop blur transition */
+  .backdrop-animate {
+    transition: backdrop-filter 200ms ease, background-color 200ms ease;
+  }
 `;
 var useShadCNAnimations = () => {
   if (typeof document !== "undefined") {
@@ -3166,25 +3277,7 @@ var SidebarSheet = ({ navigation, children, ...props }) => {
 
 // ../../components/ui/Alert.tsx
 var import_react8 = require("react");
-
-// ../../components/icons/AlertIcons.tsx
 var import_lucide_react8 = require("lucide-react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
-function InfoIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Info, { "aria-hidden": true, className: props.className });
-}
-function WarningIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.AlertTriangle, { "aria-hidden": true, className: props.className });
-}
-function CheckCircleIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.CheckCircle2, { "aria-hidden": true, className: props.className });
-}
-function ErrorIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.OctagonX, { "aria-hidden": true, className: props.className });
-}
-
-// ../../components/ui/Alert.tsx
-var import_lucide_react9 = require("lucide-react");
 var import_next_intl2 = require("next-intl");
 
 // ../../lib/constants/constants-ui/alert.ts
@@ -3198,13 +3291,13 @@ var VARIANT_STYLES_ALERT = {
 };
 
 // ../../components/ui/Alert.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var variantIcons = {
-  default: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InfoIcon, { className: "h-4 w-4 text-muted-foreground" }),
-  info: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(InfoIcon, { className: "h-4 w-4 text-info" }),
-  success: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CheckCircleIcon, { className: "h-4 w-4 text-success" }),
-  warning: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(WarningIcon, { className: "h-4 w-4 text-warning" }),
-  error: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ErrorIcon, { className: "h-4 w-4 text-destructive" })
+  default: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Info, { className: "h-4 w-4 text-muted-foreground" }),
+  info: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.Info, { className: "h-4 w-4 text-info" }),
+  success: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.CheckCircle, { className: "h-4 w-4 text-success" }),
+  warning: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.AlertTriangle, { className: "h-4 w-4 text-warning" }),
+  error: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.XCircle, { className: "h-4 w-4 text-destructive" })
 };
 var Alert = ({ title, description, variant = "default", className, icon, dismissible = false, onClose, actions, closeAriaLabel }) => {
   const [open, setOpen] = (0, import_react8.useState)(true);
@@ -3214,26 +3307,26 @@ var Alert = ({ title, description, variant = "default", className, icon, dismiss
     setOpen(false);
     onClose?.();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: cn("w-full p-4 rounded-md flex items-start gap-3", VARIANT_STYLES_ALERT[variant], className),
       role: "alert",
       "aria-live": variant === "error" ? "assertive" : "polite",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "pt-1", children: icon ?? variantIcons[variant] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "font-semibold text-sm leading-none mb-1 text-foreground", children: title }),
-          description && (typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed break-words", children: description }) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "text-sm text-muted-foreground leading-relaxed break-words", children: description })),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "mt-2 flex flex-wrap gap-2", children: actions })
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "pt-1", children: icon ?? variantIcons[variant] }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "font-semibold text-sm leading-none mb-1 text-foreground", children: title }),
+          description && (typeof description === "string" ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-muted-foreground leading-relaxed break-words", children: description }) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "text-sm text-muted-foreground leading-relaxed break-words", children: description })),
+          actions && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "mt-2 flex flex-wrap gap-2", children: actions })
         ] }),
-        dismissible && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        dismissible && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           "button",
           {
             onClick: handleClose,
             className: "rounded-md p-1 hover:bg-accent focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring",
             "aria-label": closeAriaLabel || t("closeAlert"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.X, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_lucide_react8.X, { className: "h-4 w-4" })
           }
         )
       ]
@@ -3244,7 +3337,7 @@ var Alert_default = Alert;
 
 // ../../components/ui/GlobalLoading.tsx
 var import_react9 = __toESM(require("react"), 1);
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 
 // ../../lib/utils/loading.ts
 var LoadingManager = class {
@@ -3289,7 +3382,7 @@ var loading = new LoadingManager();
 
 // ../../components/ui/GlobalLoading.tsx
 var import_next_intl3 = require("next-intl");
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var GlobalLoading = ({
   className,
   backdrop = true,
@@ -3302,7 +3395,7 @@ var GlobalLoading = ({
     return unsubscribe;
   }, []);
   if (!state.isVisible) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       className: cn(
@@ -3314,9 +3407,9 @@ var GlobalLoading = ({
       role: "dialog",
       "aria-modal": true,
       "aria-label": "Loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center justify-center space-x-3 backdrop-blur-sm rounded-lg px-6 py-4 shadow-lg", role: "status", "aria-live": "assertive", "aria-busy": true, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Activity, { className: "w-6 h-6 animate-spin text-primary-background", "aria-hidden": true }),
-        state.text && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-base font-medium text-foreground", children: state.text })
+      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center justify-center space-x-3 backdrop-blur-sm rounded-lg px-6 py-4 shadow-lg", role: "status", "aria-live": "assertive", "aria-busy": true, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Activity, { className: "w-6 h-6 animate-spin text-primary-background", "aria-hidden": true }),
+        state.text && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-base font-medium text-foreground", children: state.text })
       ] })
     }
   );
@@ -3327,14 +3420,14 @@ var PageLoading = ({
 }) => {
   const t = (0, import_next_intl3.useTranslations)("Loading");
   const defaultMessage = message || t("loadingPage");
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn(
     "min-h-screen flex items-center justify-center bg-background",
     className
-  ), children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "text-center space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Activity, { className: "w-8 h-8 animate-spin text-primary mx-auto" }),
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-lg font-medium text-foreground", children: defaultMessage }),
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("p", { className: "text-sm text-muted-foreground mt-2", children: t("pleaseWait") })
+  ), children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "text-center space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Activity, { className: "w-8 h-8 animate-spin text-primary mx-auto" }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-lg font-medium text-foreground", children: defaultMessage }),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { className: "text-sm text-muted-foreground mt-2", children: t("pleaseWait") })
     ] })
   ] }) });
 };
@@ -3350,9 +3443,9 @@ var InlineLoading = ({
     md: "w-6 h-6",
     lg: "w-8 h-8"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: cn("flex items-center justify-center space-x-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Activity, { className: cn("animate-spin text-primary", sizeClasses2[size]) }),
-    text && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-sm text-muted-foreground animate-pulse", children: text })
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: cn("flex items-center justify-center space-x-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Activity, { className: cn("animate-spin text-primary", sizeClasses2[size]) }),
+    text && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "text-sm text-muted-foreground animate-pulse", children: text })
   ] });
 };
 var ButtonLoading = ({
@@ -3366,7 +3459,7 @@ var ButtonLoading = ({
     disabled: (children.props?.disabled ?? false) || disabled || isLoading,
     "aria-busy": isLoading || void 0
   }) : children;
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       className: cn(
@@ -3375,11 +3468,11 @@ var ButtonLoading = ({
         className
       ),
       children: [
-        isLoading && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.Activity, { className: "w-4 h-4 animate-spin text-primary-foreground" }),
-          loadingText && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "ml-2 text-sm", children: loadingText })
+        isLoading && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "absolute inset-0 flex items-center justify-center pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react9.Activity, { className: "w-4 h-4 animate-spin text-primary-foreground" }),
+          loadingText && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "ml-2 text-sm", children: loadingText })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: cn(isLoading && "opacity-50 pointer-events-none"), children: child })
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: cn(isLoading && "opacity-50 pointer-events-none"), children: child })
       ]
     }
   );
@@ -3388,8 +3481,8 @@ var ButtonLoading = ({
 // ../../components/ui/Breadcrumb.tsx
 var React15 = __toESM(require("react"), 1);
 var import_link = __toESM(require("next/link"), 1);
-var import_lucide_react11 = require("lucide-react");
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_lucide_react10 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var sizeStyles5 = {
   sm: {
     text: "text-xs",
@@ -3420,7 +3513,7 @@ var variantStyles4 = {
 var Breadcrumb = ({
   items,
   className,
-  separator = import_lucide_react11.ChevronRight,
+  separator = import_lucide_react10.ChevronRight,
   size = "md",
   variant = "default",
   maxItems = 5,
@@ -3436,16 +3529,16 @@ var Breadcrumb = ({
   }, [items.length, maxItems, collapsible]);
   const getSeparator = () => {
     if (typeof separator === "string") {
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: separator });
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted-foreground", children: separator });
     }
     if (variant === "slash") {
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: "/" });
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted-foreground", children: "/" });
     }
     if (variant === "arrow") {
-      return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "text-muted-foreground", children: "\u2192" });
+      return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "text-muted-foreground", children: "\u2192" });
     }
     const SeparatorComponent = separator;
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(SeparatorComponent, { className: cn("text-muted-foreground", sizeStyles5[size].icon) });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(SeparatorComponent, { className: cn("text-muted-foreground", sizeStyles5[size].icon) });
   };
   const processedItems = React15.useMemo(() => {
     let finalItems = [...items];
@@ -3453,7 +3546,7 @@ var Breadcrumb = ({
       finalItems.unshift({
         label: "Home",
         href: homeHref,
-        icon: import_lucide_react11.Home
+        icon: import_lucide_react10.Home
       });
     }
     if (isCollapsed && finalItems.length > maxItems) {
@@ -3466,17 +3559,17 @@ var Breadcrumb = ({
   const handleCollapseToggle = () => {
     setIsCollapsed(!isCollapsed);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "nav",
     {
       className: cn("flex w-full items-center", sizeStyles5[size].text, className),
       "aria-label": "Breadcrumb navigation",
-      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("ol", { className: cn("flex items-center", sizeStyles5[size].spacing), children: processedItems.map((item, index) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("ol", { className: cn("flex items-center", sizeStyles5[size].spacing), children: processedItems.map((item, index) => {
         const isLast = index === processedItems.length - 1;
         const isCollapsedIndicator = item.label === "...";
         const Icon = item.icon;
-        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("li", { className: "flex items-center", children: [
-          isCollapsedIndicator ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("li", { className: "flex items-center", children: [
+          isCollapsedIndicator ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "button",
             {
               onClick: handleCollapseToggle,
@@ -3487,9 +3580,9 @@ var Breadcrumb = ({
                 "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1"
               ),
               "aria-label": "Show all breadcrumb items",
-              children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react11.MoreHorizontal, { className: sizeStyles5[size].icon })
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react10.MoreHorizontal, { className: sizeStyles5[size].icon })
             }
-          ) : item.href && !isLast && !item.disabled ? /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          ) : item.href && !isLast && !item.disabled ? /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             import_link.default,
             {
               href: item.href,
@@ -3500,11 +3593,11 @@ var Breadcrumb = ({
                 "focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-1 rounded-sm"
               ),
               children: [
-                Icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: sizeStyles5[size].icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.label })
+                Icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { className: sizeStyles5[size].icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: item.label })
               ]
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "span",
             {
               className: cn(
@@ -3514,12 +3607,12 @@ var Breadcrumb = ({
               ),
               "aria-current": isLast ? "page" : void 0,
               children: [
-                Icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: sizeStyles5[size].icon }),
-                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { children: item.label })
+                Icon && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Icon, { className: sizeStyles5[size].icon }),
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { children: item.label })
               ]
             }
           ),
-          !isLast && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+          !isLast && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "span",
             {
               className: cn("mx-1", sizeStyles5[size].spacing),
@@ -3537,7 +3630,7 @@ var Breadcrumb_default = Breadcrumb;
 
 // ../../components/ui/Tab.tsx
 var React16 = __toESM(require("react"), 1);
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var sizeStyles6 = {
   sm: {
     tab: "py-1.5 px-3 text-xs",
@@ -3625,14 +3718,14 @@ var Tabs = ({
     className
   );
   const activeTab = tabs.find((tab) => tab.value === active);
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: cn("w-full", orientation === "vertical" && "flex gap-6"), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: containerClasses, role: "tablist", "aria-orientation": orientation, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: cn("w-full", orientation === "vertical" && "flex gap-6"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)("div", { className: containerClasses, role: "tablist", "aria-orientation": orientation, children: [
       tabs.map((tab, index) => {
         const isActive = active === tab.value;
         const Icon = tab.icon;
         const tabId = `${baseId}-tab-${index}`;
         const panelId = `${baseId}-panel-${index}`;
-        return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
           "button",
           {
             ref: (el) => {
@@ -3684,14 +3777,14 @@ var Tabs = ({
               }
             },
             children: [
-              Icon && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(Icon, { className: "h-4 w-4" }),
+              Icon && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Icon, { className: "h-4 w-4" }),
               tab.label
             ]
           },
           tab.value
         );
       }),
-      variant === "underline" && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+      variant === "underline" && orientation === "horizontal" && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "div",
         {
           className: "absolute bottom-0 h-0.5 bg-primary transition-all duration-300 ease-out",
@@ -3699,7 +3792,7 @@ var Tabs = ({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
       "div",
       {
         role: "tabpanel",
@@ -3717,7 +3810,7 @@ var Tabs = ({
   ] });
 };
 var SimpleTabs = ({ tabs, defaultValue, className }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Tabs,
     {
       tabs,
@@ -3729,7 +3822,7 @@ var SimpleTabs = ({ tabs, defaultValue, className }) => {
   );
 };
 var PillTabs = ({ contained = true, ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Tabs,
     {
       ...props,
@@ -3743,7 +3836,7 @@ var VerticalTabs = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("flex gap-6", className), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn(sidebarWidth, "flex-shrink-0"), children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cn("flex gap-6", className), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: cn(sidebarWidth, "flex-shrink-0"), children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     Tabs,
     {
       ...props,
@@ -3757,7 +3850,7 @@ var VerticalTabs = ({
 // ../../components/ui/DropdownMenu.tsx
 var import_react10 = __toESM(require("react"), 1);
 var import_react_dom5 = require("react-dom");
-var import_jsx_runtime23 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var DropdownMenu = ({
   trigger,
   children,
@@ -3879,28 +3972,24 @@ var DropdownMenu = ({
       setOpen(false);
     }
   };
-  const dropdownContent = open ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+  const dropdownContent = open ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     "div",
     {
       "data-dropdown-menu": true,
+      "data-combobox-dropdown": true,
       ref: contentRef,
       style: {
         position: "absolute",
         top: position?.top ?? -9999,
         left: position?.left ?? -9999,
         zIndex: 9999,
-        visibility: position ? "visible" : "hidden"
+        visibility: position ? "visible" : "hidden",
+        transformOrigin: "top center"
       },
       "data-state": open ? "open" : "closed",
       role: "menu",
-      className: cn(
-        "z-[9999] min-w-40",
-        // shadcn-like enter/exit animations
-        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
-        className
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      className: cn("z-9999 min-w-40", className),
+      children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         "div",
         {
           className: cn(
@@ -3910,7 +3999,7 @@ var DropdownMenu = ({
           ),
           children: items ? items.map((item, index) => {
             const IconComponent = item.icon;
-            return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
               "button",
               {
                 ref: (el) => {
@@ -3921,7 +4010,7 @@ var DropdownMenu = ({
                 role: "menuitem",
                 tabIndex: -1,
                 style: {
-                  animationDelay: open ? `${index * 25}ms` : "0ms"
+                  animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
                 },
                 className: cn(
                   "dropdown-item flex w-full items-center gap-2 px-2.5 py-1.5 text-sm rounded-sm",
@@ -3932,7 +4021,7 @@ var DropdownMenu = ({
                   item.destructive && "text-destructive hover:bg-destructive/10 focus:bg-destructive/10"
                 ),
                 children: [
-                  IconComponent && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(IconComponent, { className: "h-4 w-4" }),
+                  IconComponent && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(IconComponent, { className: "h-4 w-4" }),
                   item.label
                 ]
               },
@@ -3943,7 +4032,7 @@ var DropdownMenu = ({
       )
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(import_jsx_runtime23.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(import_jsx_runtime22.Fragment, { children: [
     import_react10.default.cloneElement(trigger, {
       ref: triggerRef,
       onClick: handleTriggerClick,
@@ -3959,7 +4048,7 @@ var DropdownMenu = ({
     dropdownContent && typeof window !== "undefined" && (0, import_react_dom5.createPortal)(dropdownContent, document.body)
   ] });
 };
-var DropdownMenuItem = ({ children, onClick, disabled, destructive, className }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var DropdownMenuItem = ({ children, onClick, disabled, destructive, className }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   "button",
   {
     onClick,
@@ -3975,11 +4064,11 @@ var DropdownMenuItem = ({ children, onClick, disabled, destructive, className })
     children
   }
 );
-var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: cn("h-px bg-border my-1", className) });
-var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", className }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var DropdownMenuSeparator = ({ className }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: cn("h-px bg-border my-1", className) });
+var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", className }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   DropdownMenu,
   {
-    trigger: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
+    trigger: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
       "button",
       {
         className: cn(
@@ -3989,8 +4078,8 @@ var SelectDropdown = ({ options, value, onChange, placeholder = "Select...", cla
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate max-w-[16rem] text-foreground/90", children: value || placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "opacity-70", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("span", { className: "truncate max-w-64 text-foreground/90", children: value || placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("svg", { width: "16", height: "16", viewBox: "0 0 20 20", fill: "none", className: "opacity-70", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("path", { d: "M6 8l4 4 4-4", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })
         ]
       }
     ),
@@ -4004,14 +4093,14 @@ var DropdownMenu_default = DropdownMenu;
 
 // ../../components/ui/Pagination.tsx
 var React19 = __toESM(require("react"), 1);
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 
 // ../../components/ui/Combobox.tsx
 var React18 = __toESM(require("react"), 1);
 var import_react11 = require("react");
 var import_react_dom6 = require("react-dom");
-var import_lucide_react12 = require("lucide-react");
-var import_jsx_runtime24 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_jsx_runtime23 = require("react/jsx-runtime");
 var getOptionLabel = (option) => {
   return typeof option === "string" ? option : option.label;
 };
@@ -4128,7 +4217,7 @@ var Combobox = ({
   }, [open, enableSearch]);
   const selectedOption = findOptionByValue(options, value);
   const displayValue = selectedOption ? getOptionLabel(selectedOption) : "";
-  const dropdownContent = /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  const dropdownContent = /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
     "div",
     {
       "data-combobox-dropdown": true,
@@ -4138,20 +4227,17 @@ var Combobox = ({
         top: dropdownPosition?.top || 0,
         left: dropdownPosition?.left || 0,
         width: dropdownPosition?.width || 200,
-        zIndex: 9999
+        zIndex: 9999,
+        transformOrigin: "top center"
       },
       "data-state": open ? "open" : "closed",
       role: "listbox",
       id: `${resolvedId}-listbox`,
-      className: cn(
-        "z-[9999]",
-        "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-        "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
-      ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("rounded-md border bg-popover text-popover-foreground shadow-md", "backdrop-blur-sm bg-popover/95 border-border/60"), children: [
-        enableSearch && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "relative p-3 border-b border-border/50 bg-muted/20", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Search, { className: "absolute left-6 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground transition-colors" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+      className: "z-9999",
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn("rounded-md border bg-popover text-popover-foreground shadow-md", "backdrop-blur-sm bg-popover/95 border-border/60"), children: [
+        enableSearch && /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "relative p-3 border-b border-border/50 bg-muted/20", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Search, { className: "absolute left-6 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground transition-colors" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
             "input",
             {
               ref: inputRef,
@@ -4190,14 +4276,14 @@ var Combobox = ({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "max-h-64 overflow-y-auto overscroll-contain", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("ul", { className: "p-1 space-y-1", children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { className: "px-3 py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Loader2, { className: "h-6 w-6 animate-spin text-primary" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm text-muted-foreground", children: loadingText || "Loading..." })
+        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "max-h-64 overflow-y-auto overscroll-contain", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("ul", { className: "p-1 space-y-1", children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { className: "px-3 py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Loader2, { className: "h-6 w-6 animate-spin text-primary" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm text-muted-foreground", children: loadingText || "Loading..." })
         ] }) }) : filteredOptions.length > 0 ? filteredOptions.map((item, index) => {
           const itemValue = getOptionValue(item);
           const itemLabel = getOptionLabel(item);
           const isSelected = itemValue === value;
-          return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
             "li",
             {
               ref: (node) => {
@@ -4209,7 +4295,7 @@ var Combobox = ({
               "aria-selected": isSelected,
               onClick: () => handleSelect(item),
               style: {
-                animationDelay: open ? `${index * 25}ms` : "0ms"
+                animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
               },
               className: cn(
                 "dropdown-item group flex cursor-pointer items-center justify-between rounded-sm px-2.5 py-1.5 text-sm",
@@ -4221,24 +4307,16 @@ var Combobox = ({
                 isSelected && "bg-accent text-accent-foreground"
               ),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "truncate", children: itemLabel }),
-                isSelected && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.Check, { className: "h-4 w-4 text-primary" })
+                /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "truncate", children: itemLabel }),
+                isSelected && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.Check, { className: "h-4 w-4 text-primary" })
               ]
             },
             `${itemValue}-${index}`
           );
-        }) : /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("li", { className: "px-3 py-8 text-center text-muted-foreground text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.SearchX, { className: "h-8 w-8 opacity-40 text-muted-foreground" }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-sm", children: emptyText }),
-          query && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => setQuery(""),
-              className: "text-xs text-primary hover:underline",
-              children: "Clear search"
-            }
-          )
+        }) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("li", { className: "px-3 py-8 text-center text-muted-foreground text-sm", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.SearchX, { className: "h-8 w-8 opacity-40 text-muted-foreground" }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-sm", children: emptyText }),
+          query && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("button", { type: "button", onClick: () => setQuery(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
         ] }) }) }) })
       ] })
     }
@@ -4252,8 +4330,8 @@ var Combobox = ({
   const labelSize = size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm";
   const radiusClass = size === "sm" ? "rounded-md" : "rounded-lg";
   const verticalGap = size === "sm" ? "space-y-1.5" : "space-y-2";
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("w-full group", verticalGap), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: cn("w-full group", verticalGap), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "label",
       {
         id: labelId,
@@ -4265,11 +4343,11 @@ var Combobox = ({
         ),
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: "text-destructive ml-1", children: "*" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -4299,10 +4377,10 @@ var Combobox = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: cn("truncate", !displayValue && "text-muted-foreground", fontBold && "font-bold"), children: displayValue || placeholder }),
-          /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsx)("span", { className: cn("truncate", !displayValue && "text-muted-foreground", fontBold && "font-bold"), children: displayValue || placeholder }),
+          /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
             allowClear && value && !disabled && // FIX: Use a div instead of a nested button
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
               "div",
               {
                 role: "button",
@@ -4311,18 +4389,10 @@ var Combobox = ({
                 onClick: handleClear,
                 onKeyDown: (e) => (e.key === "Enter" || e.key === " ") && handleClear(e),
                 className: "opacity-0 group-hover:opacity-100 transition-opacity p-0.5 rounded hover:bg-destructive/10 text-muted-foreground hover:text-destructive",
-                children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.X, { className: "h-3 w-3" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.X, { className: "h-3 w-3" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
-              import_lucide_react12.ChevronDown,
-              {
-                className: cn(
-                  "h-4 w-4 text-muted-foreground transition-all duration-200",
-                  open && "rotate-180 scale-110 text-primary"
-                )
-              }
-            )
+            /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_lucide_react11.ChevronDown, { className: cn("h-4 w-4 text-muted-foreground transition-all duration-200", open && "rotate-180 scale-110 text-primary") })
           ] })
         ]
       }
@@ -4333,7 +4403,7 @@ var Combobox = ({
 
 // ../../components/ui/Pagination.tsx
 var import_next_intl4 = require("next-intl");
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var Pagination = ({
   page,
   totalPages,
@@ -4416,18 +4486,18 @@ var Pagination = ({
     }
   };
   if (totalPages <= 1) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("nav", { className: cn("flex flex-col gap-4", className), "aria-label": labels?.navigationLabel || t("navigationLabel"), children: [
-    showInfo && totalItems && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: cn("text-sm text-muted-foreground", textAlignmentClass), children: labels?.showingResults ? labels.showingResults({ startItem: startItem || 0, endItem: endItem || 0, totalItems }) : t("showingResults", { startItem: startItem || 0, endItem: endItem || 0, totalItems }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("flex items-center justify-between", {
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("nav", { className: cn("flex flex-col gap-4", className), "aria-label": labels?.navigationLabel || t("navigationLabel"), children: [
+    showInfo && totalItems && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: cn("text-sm text-muted-foreground", textAlignmentClass), children: labels?.showingResults ? labels.showingResults({ startItem: startItem || 0, endItem: endItem || 0, totalItems }) : t("showingResults", { startItem: startItem || 0, endItem: endItem || 0, totalItems }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("flex items-center justify-between", {
       "flex-row-reverse": alignment === "right" || alignment === "center"
     }), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("flex items-center gap-1"), children: [
-        showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("flex items-center gap-1"), children: [
+        showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button_default,
           {
             variant: getButtonVariant(false),
             size,
-            icon: import_lucide_react13.ChevronsLeft,
+            icon: import_lucide_react12.ChevronsLeft,
             onClick: () => onChange(1),
             disabled: disabled || page === 1,
             className: "hidden sm:flex",
@@ -4436,27 +4506,27 @@ var Pagination = ({
             "aria-disabled": disabled || page === 1
           }
         ),
-        showPrevNext && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        showPrevNext && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button_default,
           {
             variant: getButtonVariant(false),
             size,
-            icon: import_lucide_react13.ChevronLeft,
+            icon: import_lucide_react12.ChevronLeft,
             onClick: () => onChange(Math.max(1, page - 1)),
             disabled: disabled || page === 1,
             title: labels?.previousPage || t("previousPage"),
             "aria-label": labels?.previousPage || t("previousPage"),
             "aria-disabled": disabled || page === 1,
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:inline", children: labels?.previous || t("previous") })
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:inline", children: labels?.previous || t("previous") })
           }
         ),
         showPageNumbers && createPageArray().map((p, i) => {
           if (p === "...") {
-            return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button_default, { variant: "ghost", size, disabled: true, icon: import_lucide_react13.MoreHorizontal, className: "cursor-default" }, i);
+            return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button_default, { variant: "ghost", size, disabled: true, icon: import_lucide_react12.MoreHorizontal, className: "cursor-default" }, i);
           }
           const pageNumber = p;
           const isActive = page === pageNumber;
-          return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
             Button_default,
             {
               variant: getButtonVariant(isActive),
@@ -4471,26 +4541,26 @@ var Pagination = ({
             i
           );
         }),
-        showPrevNext && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        showPrevNext && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button_default,
           {
             variant: getButtonVariant(false),
             size,
-            iconRight: import_lucide_react13.ChevronRight,
+            iconRight: import_lucide_react12.ChevronRight,
             onClick: () => onChange(Math.min(totalPages, page + 1)),
             disabled: disabled || page === totalPages,
             title: labels?.nextPage || t("nextPage"),
             "aria-label": labels?.nextPage || t("nextPage"),
             "aria-disabled": disabled || page === totalPages,
-            children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "hidden sm:inline", children: labels?.next || t("next") })
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "hidden sm:inline", children: labels?.next || t("next") })
           }
         ),
-        showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        showFirstLast && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Button_default,
           {
             variant: getButtonVariant(false),
             size,
-            icon: import_lucide_react13.ChevronsRight,
+            icon: import_lucide_react12.ChevronsRight,
             onClick: () => onChange(totalPages),
             disabled: disabled || page === totalPages,
             className: "hidden sm:flex",
@@ -4500,12 +4570,12 @@ var Pagination = ({
           }
         )
       ] }),
-      pageSizeOptions && onPageSizeChange && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("flex items-center gap-2 text-sm"), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("span", { className: "text-muted-foreground", children: [
+      pageSizeOptions && onPageSizeChange && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("flex items-center gap-2 text-sm"), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("span", { className: "text-muted-foreground", children: [
           labels?.itemsPerPage || t("itemsPerPage"),
           ":"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "w-20", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("div", { className: "w-20", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           Combobox,
           {
             options: pageSizeOptionsStrings,
@@ -4534,8 +4604,8 @@ var SimplePagination = ({
   pageSize = 10
 }) => {
   if (totalPages <= 1) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: cn("flex flex-col gap-2", className), children: [
-    showInfo && totalItems && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "text-sm text-muted-foreground text-center", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: cn("flex flex-col gap-2", className), children: [
+    showInfo && totalItems && /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "text-sm text-muted-foreground text-center", children: [
       "Page ",
       page,
       " of ",
@@ -4544,20 +4614,20 @@ var SimplePagination = ({
       totalItems,
       " total items)"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(Button_default, { variant, size, icon: import_lucide_react13.ChevronLeft, onClick: () => onChange(Math.max(1, page - 1)), disabled: disabled || page === 1, children: "Previous" }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "Page" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "font-medium text-foreground", children: page }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { children: "of" }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "font-medium text-foreground", children: totalPages })
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(Button_default, { variant, size, icon: import_lucide_react12.ChevronLeft, onClick: () => onChange(Math.max(1, page - 1)), disabled: disabled || page === 1, children: "Previous" }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "Page" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium text-foreground", children: page }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { children: "of" }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "font-medium text-foreground", children: totalPages })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
         Button_default,
         {
           variant,
           size,
-          iconRight: import_lucide_react13.ChevronRight,
+          iconRight: import_lucide_react12.ChevronRight,
           onClick: () => onChange(Math.min(totalPages, page + 1)),
           disabled: disabled || page === totalPages,
           children: "Next"
@@ -4575,52 +4645,52 @@ var CompactPagination = ({
   disabled = false
 }) => {
   if (totalPages <= 1) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("nav", { className: cn("flex items-center gap-1", className), "aria-label": "Compact Pagination", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("nav", { className: cn("flex items-center gap-1", className), "aria-label": "Compact Pagination", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Button_default,
       {
         variant,
         size: "icon",
-        icon: import_lucide_react13.ChevronsLeft,
+        icon: import_lucide_react12.ChevronsLeft,
         onClick: () => onChange(1),
         disabled: disabled || page === 1,
         title: "First page",
         "aria-label": "First page"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Button_default,
       {
         variant,
         size: "icon",
-        icon: import_lucide_react13.ChevronLeft,
+        icon: import_lucide_react12.ChevronLeft,
         onClick: () => onChange(Math.max(1, page - 1)),
         disabled: disabled || page === 1,
         title: "Previous page"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "px-2 py-1 text-sm text-muted-foreground min-w-[4rem] text-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "px-2 py-1 text-sm text-muted-foreground min-w-[4rem] text-center", children: [
       page,
       " / ",
       totalPages
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Button_default,
       {
         variant,
         size: "icon",
-        icon: import_lucide_react13.ChevronRight,
+        icon: import_lucide_react12.ChevronRight,
         onClick: () => onChange(Math.min(totalPages, page + 1)),
         disabled: disabled || page === totalPages,
         title: "Next page"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
       Button_default,
       {
         variant,
         size: "icon",
-        icon: import_lucide_react13.ChevronsRight,
+        icon: import_lucide_react12.ChevronsRight,
         onClick: () => onChange(totalPages),
         disabled: disabled || page === totalPages,
         title: "Last page"
@@ -4631,7 +4701,7 @@ var CompactPagination = ({
 
 // ../../components/ui/Section.tsx
 var import_react12 = __toESM(require("react"), 1);
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime25 = require("react/jsx-runtime");
 var Section = import_react12.default.forwardRef(
   ({
     children,
@@ -4654,7 +4724,7 @@ var Section = import_react12.default.forwardRef(
       lg: "py-12",
       xl: "py-16"
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
       "section",
       {
         ref,
@@ -4676,9 +4746,9 @@ var Section_default = Section;
 
 // ../../components/ui/ScrollArea.tsx
 var import_react13 = require("react");
-var import_jsx_runtime27 = require("react/jsx-runtime");
+var import_jsx_runtime26 = require("react/jsx-runtime");
 var ScrollArea = (0, import_react13.forwardRef)(({ className, children, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { ref, className: cn("relative overflow-hidden bg-background", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("h-full w-full overflow-y-auto scroll-area-viewport"), children }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { ref, className: cn("relative overflow-hidden bg-background", className), ...props, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: cn("h-full w-full overflow-y-auto scroll-area-viewport"), children }) });
 });
 ScrollArea.displayName = "ScrollArea";
 
@@ -4686,7 +4756,7 @@ ScrollArea.displayName = "ScrollArea";
 var React21 = __toESM(require("react"), 1);
 var import_react14 = require("react");
 var import_react_dom7 = require("react-dom");
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_next_intl5 = require("next-intl");
 
 // ../../lib/utils/date.ts
@@ -4869,7 +4939,7 @@ function formatDateWithDay(date) {
 }
 
 // ../../components/ui/DatePicker.tsx
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_jsx_runtime27 = require("react/jsx-runtime");
 var DatePicker = ({
   id,
   value,
@@ -4980,7 +5050,7 @@ var DatePicker = ({
     const firstDayOfMonth = getFirstDayOfMonth(viewDate);
     const days = [];
     for (let i = 0; i < firstDayOfMonth; i++) {
-      days.push(/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-8 h-8" }, `empty-${i}`));
+      days.push(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-8 h-8" }, `empty-${i}`));
     }
     for (let day = 1; day <= daysInMonth; day++) {
       const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), day);
@@ -4989,7 +5059,7 @@ var DatePicker = ({
       const totalDaysFromStart = firstDayOfMonth + day - 1;
       const rowIndex = Math.floor(totalDaysFromStart / 7);
       days.push(
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             onClick: () => handleDateSelect(date),
@@ -5011,7 +5081,7 @@ var DatePicker = ({
     }
     return days;
   };
-  const datePickerContent = isOpen && dropdownPosition ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  const datePickerContent = isOpen && dropdownPosition ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       "data-datepicker": true,
@@ -5029,7 +5099,7 @@ var DatePicker = ({
         "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "div",
         {
           ref: dropdownRef,
@@ -5040,14 +5110,14 @@ var DatePicker = ({
           ),
           style: { pointerEvents: "auto" },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: () => navigateMonth("prev"), className: "p-1 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ChevronLeft, { className: "h-4 w-4" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm font-semibold", children: viewDate.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: () => navigateMonth("next"), className: "p-1 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" }) })
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: () => navigateMonth("prev"), className: "p-1 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.ChevronLeft, { className: "h-4 w-4" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-semibold", children: viewDate.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(Button_default, { variant: "ghost", size: "sm", onClick: () => navigateMonth("next"), className: "p-1 h-auto", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.ChevronRight, { className: "h-4 w-4" }) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("grid grid-cols-7 gap-1", size === "sm" ? "mb-1" : "mb-2"), children: (weekdayLabels || ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]).map((day) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("text-muted-foreground text-center font-medium", size === "sm" ? "text-[10px] py-0.5" : "text-xs py-1"), children: day }, day)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid grid-cols-7 gap-1", children: renderCalendar() }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-end mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("grid grid-cols-7 gap-1", size === "sm" ? "mb-1" : "mb-2"), children: (weekdayLabels || ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"]).map((day) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: cn("text-muted-foreground text-center font-medium", size === "sm" ? "text-[10px] py-0.5" : "text-xs py-1"), children: day }, day)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "grid grid-cols-7 gap-1", children: renderCalendar() }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-end mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
               Button_default,
               {
                 variant: "outline",
@@ -5071,8 +5141,8 @@ var DatePicker = ({
   const labelSize = size === "sm" ? "text-xs" : "text-sm";
   const radiusClass = size === "sm" ? "rounded-md" : "rounded-lg";
   const verticalGap = size === "sm" ? "space-y-1.5" : "space-y-2";
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("w-full group", verticalGap), children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: cn("w-full group", verticalGap), children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "label",
       {
         id: labelId,
@@ -5084,11 +5154,11 @@ var DatePicker = ({
         ),
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: "text-destructive ml-1", children: "*" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -5116,8 +5186,8 @@ var DatePicker = ({
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: cn("truncate", !value && "text-muted-foreground"), children: value ? formatDateDisplay(value) : placeholder || t("placeholder") }),
-          value && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: cn("truncate", !value && "text-muted-foreground"), children: value ? formatDateDisplay(value) : placeholder || t("placeholder") }),
+          value && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
             "span",
             {
               role: "button",
@@ -5139,10 +5209,10 @@ var DatePicker = ({
               },
               className: "absolute right-8 inline-flex items-center justify-center rounded-sm text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors cursor-pointer",
               style: { width: 20, height: 20 },
-              children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.X, { className: "h-3.5 w-3.5" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.X, { className: "h-3.5 w-3.5" })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Calendar, { className: "h-4 w-4 text-muted-foreground ml-2" })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Calendar, { className: "h-4 w-4 text-muted-foreground ml-2" })
         ]
       }
     ),
@@ -5227,7 +5297,7 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
     const nodes = [];
     const daysInMonth = getDaysInMonth(viewDate);
     const firstDay = getFirstDayOfMonth(viewDate);
-    for (let i = 0; i < firstDay; i++) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-8 h-8" }, `e-${i}`));
+    for (let i = 0; i < firstDay; i++) nodes.push(/* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "w-8 h-8" }, `e-${i}`));
     for (let d = 1; d <= daysInMonth; d++) {
       const date = new Date(viewDate.getFullYear(), viewDate.getMonth(), d);
       const isSelectedStart = isSameDay2(date, tempStart);
@@ -5252,7 +5322,7 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
         }
       }
       nodes.push(
-        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
           "button",
           {
             onClick: () => handleSelect(date),
@@ -5282,7 +5352,7 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
     }
     return nodes;
   };
-  const panel = isOpen && dropdownPosition ? /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  const panel = isOpen && dropdownPosition ? /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
     "div",
     {
       style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width || 256, zIndex: 9999 },
@@ -5292,37 +5362,37 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
         "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
         "div",
         {
           ref: panelRef,
           className: cn("rounded-md border bg-popover text-popover-foreground shadow-md", "backdrop-blur-sm bg-popover/95 border-border/60 p-4 w-64"),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 Button_default,
                 {
                   variant: "ghost",
                   size: "sm",
                   onClick: () => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() - 1, 1)),
                   className: "p-1 h-auto",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ChevronLeft, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.ChevronLeft, { className: "h-4 w-4" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-sm font-semibold", children: viewDate.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-sm font-semibold", children: viewDate.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
                 Button_default,
                 {
                   variant: "ghost",
                   size: "sm",
                   onClick: () => setViewDate(new Date(viewDate.getFullYear(), viewDate.getMonth() + 1, 1)),
                   className: "p-1 h-auto",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.ChevronRight, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.ChevronRight, { className: "h-4 w-4" })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((d) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs text-muted-foreground text-center py-1 font-medium", children: d }, d)) }),
-            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid grid-cols-7", children: renderGrid() })
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "grid grid-cols-7 gap-1 mb-2", children: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"].map((d) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "text-xs text-muted-foreground text-center py-1 font-medium", children: d }, d)) }),
+            /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "grid grid-cols-7", children: renderGrid() })
           ]
         }
       )
@@ -5330,8 +5400,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
   ) : null;
   const displayFormat = (date) => formatDateShort(date);
   const label = tempStart && tempEnd ? `${displayFormat(tempStart)} - ${displayFormat(tempEnd)}` : tempStart ? `${displayFormat(tempStart)} - ...` : placeholder;
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(import_jsx_runtime27.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -5350,8 +5420,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
           className
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: cn("truncate", !tempStart && !tempEnd && "text-muted-foreground"), children: label }),
-          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Calendar, { className: "h-4 w-4 text-muted-foreground ml-2" })
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { className: cn("truncate", !tempStart && !tempEnd && "text-muted-foreground"), children: label }),
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react13.Calendar, { className: "h-4 w-4 text-muted-foreground ml-2" })
         ]
       }
     ),
@@ -5361,8 +5431,8 @@ var DateRangePicker = ({ startDate, endDate, onChange, placeholder = "Select dat
 
 // ../../components/ui/TimePicker.tsx
 var React22 = __toESM(require("react"), 1);
-var import_lucide_react15 = require("lucide-react");
-var import_jsx_runtime29 = require("react/jsx-runtime");
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 var pad = (n) => n.toString().padStart(2, "0");
 function parseTime(input, fmt = "24", includeSeconds) {
   if (!input) return null;
@@ -5605,7 +5675,7 @@ function TimePicker({
   const sz = sizeClasses2[size];
   const radiusClass = size === "sm" ? "rounded-md" : "rounded-lg";
   const display = formatTime2(parts, format, includeSeconds);
-  const trigger = variant === "inline" ? null : /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  const trigger = variant === "inline" ? null : /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
     "button",
     {
       type: "button",
@@ -5629,17 +5699,17 @@ function TimePicker({
         className
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Clock, { className: cn(sz.icon, error ? "text-destructive" : success ? "text-green-500" : "text-muted-foreground") }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: cn("truncate", !value && !defaultValue && "text-muted-foreground"), children: value || defaultValue ? display : placeholder })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Clock, { className: cn(sz.icon, error ? "text-destructive" : success ? "text-green-500" : "text-muted-foreground") }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: cn("truncate", !value && !defaultValue && "text-muted-foreground"), children: value || defaultValue ? display : placeholder })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: cn("ml-2 transition-transform duration-200", open && "rotate-180"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("svg", { className: sz.icon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: cn("ml-2 transition-transform duration-200", open && "rotate-180"), children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("svg", { className: sz.icon, fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) }) })
       ]
     }
   );
   const contentWidth = variant === "compact" ? 240 : variant === "inline" ? 320 : includeSeconds ? 340 : 300;
-  const timePickerContent = /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "space-y-3", children: [
-    allowManualInput && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+  const timePickerContent = /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "space-y-3", children: [
+    allowManualInput && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Input_default,
       {
         placeholder: format === "12" ? "02:30 PM" : "14:30",
@@ -5649,7 +5719,7 @@ function TimePicker({
         variant: "outlined"
       }
     ) }),
-    showPresets && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "grid grid-cols-2 gap-2", children: Object.keys(PRESETS).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    showPresets && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid grid-cols-2 gap-2", children: Object.keys(PRESETS).map((preset) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "button",
       {
         type: "button",
@@ -5663,7 +5733,7 @@ function TimePicker({
       },
       preset
     )) }),
-    customPresets && customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "grid grid-cols-2 gap-2", children: customPresets.map((preset, idx) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    customPresets && customPresets.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "grid grid-cols-2 gap-2", children: customPresets.map((preset, idx) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       "button",
       {
         type: "button",
@@ -5677,10 +5747,10 @@ function TimePicker({
       },
       idx
     )) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex gap-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 min-w-[70px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Hour" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 min-w-[70px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Hour" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "div",
           {
             ref: hourScrollRef,
@@ -5692,7 +5762,7 @@ function TimePicker({
             onFocus: () => setFocusedColumn("hour"),
             children: hours.map((h) => {
               const isSelected = format === "24" && parts.h === h || format === "12" && (parts.h % 12 || 12) === (h % 12 || 12);
-              return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "button",
                 {
                   type: "button",
@@ -5719,10 +5789,10 @@ function TimePicker({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-px bg-border/50 self-stretch my-8" }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 min-w-[70px]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Min" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-px bg-border/50 self-stretch my-8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 min-w-[70px]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Min" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "div",
           {
             ref: minuteScrollRef,
@@ -5734,7 +5804,7 @@ function TimePicker({
             onFocus: () => setFocusedColumn("minute"),
             children: minutes.map((m) => {
               const isSelected = parts.m === m;
-              return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "button",
                 {
                   type: "button",
@@ -5760,11 +5830,11 @@ function TimePicker({
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-px bg-border/50 self-stretch my-8" }),
-      includeSeconds && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex-1 min-w-[70px]", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Sec" }),
-          /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-px bg-border/50 self-stretch my-8" }),
+      includeSeconds && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 min-w-[70px]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Sec" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
             "div",
             {
               ref: secondScrollRef,
@@ -5776,7 +5846,7 @@ function TimePicker({
               onFocus: () => setFocusedColumn("second"),
               children: seconds.map((s) => {
                 const isSelected = parts.s === s;
-                return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   "button",
                   {
                     type: "button",
@@ -5802,11 +5872,11 @@ function TimePicker({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "w-px bg-border/50 self-stretch my-8" })
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "w-px bg-border/50 self-stretch my-8" })
       ] }),
-      format === "12" && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "w-20", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Period" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+      format === "12" && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-20", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "text-xs font-semibold text-muted-foreground mb-2 text-center", children: "Period" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
           "div",
           {
             className: "flex flex-col gap-2",
@@ -5817,7 +5887,7 @@ function TimePicker({
             onFocus: () => setFocusedColumn("period"),
             children: ["AM", "PM"].map((p) => {
               const isSelected = parts.p === p;
-              return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                 "button",
                 {
                   type: "button",
@@ -5848,8 +5918,8 @@ function TimePicker({
         )
       ] })
     ] }),
-    (showNow || clearable) && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between gap-2 pt-3 border-t border-border", children: [
-      showNow && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+    (showNow || clearable) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between gap-2 pt-3 border-t border-border", children: [
+      showNow && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           type: "button",
@@ -5863,13 +5933,13 @@ function TimePicker({
           },
           "aria-label": "Set current time",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Clock, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Clock, { className: "w-3.5 h-3.5" }),
             "Now"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex-1" }),
-      clearable && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex-1" }),
+      clearable && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
         "button",
         {
           type: "button",
@@ -5884,7 +5954,7 @@ function TimePicker({
           },
           "aria-label": "Clear selected time",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.X, { className: "w-3.5 h-3.5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.X, { className: "w-3.5 h-3.5" }),
             "Clear"
           ]
         }
@@ -5892,27 +5962,27 @@ function TimePicker({
     ] })
   ] });
   if (variant === "inline") {
-    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "w-full", ...rest, children: [
-      label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-center justify-between mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("label", { className: cn(sz.label, "font-medium", disabled ? "text-muted-foreground" : "text-foreground"), children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full", ...rest, children: [
+      label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-between mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("label", { className: cn(sz.label, "font-medium", disabled ? "text-muted-foreground" : "text-foreground"), children: [
         label,
-        required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+        required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-destructive ml-1", children: "*" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("p-3 rounded-lg border border-border bg-card shadow-sm", className), children: timePickerContent })
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: cn("p-3 rounded-lg border border-border bg-card shadow-sm", className), children: timePickerContent })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "w-full", ...rest, children: [
-    label && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-center justify-between mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full", ...rest, children: [
+    label && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "flex items-center justify-between mb-1.5", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
       "label",
       {
         className: cn(sz.label, "font-medium", disabled ? "text-muted-foreground" : "text-foreground", "cursor-pointer"),
         onClick: () => !disabled && handleOpenChange(true),
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-destructive ml-1", children: "*" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
       Popover,
       {
         trigger,
@@ -5931,24 +6001,24 @@ function TimePicker({
         children: timePickerContent
       }
     ),
-    (error || success || helperText) && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cn("mt-1.5 flex items-start gap-1.5", sz.label), children: [
-      error && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-1.5 text-destructive", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.X, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: error })
+    (error || success || helperText) && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: cn("mt-1.5 flex items-start gap-1.5", sz.label), children: [
+      error && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-1.5 text-destructive", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.X, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: error })
       ] }),
-      success && !error && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center gap-1.5 text-green-600", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.Check, { className: "w-3.5 h-3.5 flex-shrink-0" }),
-        /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { children: "Valid time selected" })
+      success && !error && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center gap-1.5 text-green-600", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react14.Check, { className: "w-3.5 h-3.5 flex-shrink-0" }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: "Valid time selected" })
       ] }),
-      helperText && !error && !success && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "text-muted-foreground", children: helperText })
+      helperText && !error && !success && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "text-muted-foreground", children: helperText })
     ] })
   ] });
 }
 
 // ../../components/ui/Calendar.tsx
 var React23 = __toESM(require("react"), 1);
-var import_lucide_react16 = require("lucide-react");
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function startOfMonth(d) {
   return new Date(d.getFullYear(), d.getMonth(), 1);
 }
@@ -6129,17 +6199,17 @@ function Calendar2({
   const renderMonth = (monthDate) => {
     const monthDays = getMonthGrid(monthDate, weekStartsOn);
     const monthLabel = labels?.month ? labels.month(monthDate) : monthDate.toLocaleDateString("en-US", { month: "long", year: "numeric" });
-    return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { children: [
-      months > 1 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex items-center justify-center mb-2 text-sm font-semibold", children: monthLabel }),
-      showWeekdays && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid grid-cols-7", sz.grid, "mb-1 text-center text-muted-foreground font-medium"), children: weekdays.map((w) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn(sz.head), children: w }, `${monthLabel}-${w}`)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid grid-cols-7", sz.grid), children: monthDays.map((d, idx) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { children: [
+      months > 1 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "flex items-center justify-center mb-2 text-sm font-semibold", children: monthLabel }),
+      showWeekdays && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("grid grid-cols-7", sz.grid, "mb-1 text-center text-muted-foreground font-medium"), children: weekdays.map((w) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn(sz.head), children: w }, `${monthLabel}-${w}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("grid grid-cols-7", sz.grid), children: monthDays.map((d, idx) => {
         const inMonth = d.getMonth() === monthDate.getMonth();
         const isToday2 = isSameDay(d, today);
         const selectedDay = isSelected(d);
         const k = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
         const dayEvents = byDay.get(k) || [];
         const disabled = isDateDisabled(d);
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "button",
           {
             onClick: () => handleClickDay(d),
@@ -6156,7 +6226,7 @@ function Calendar2({
             title: d.toDateString(),
             children: [
               d.getDate(),
-              dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, i)) })
+              dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, i)) })
             ]
           },
           `${monthLabel}-${idx}`
@@ -6186,22 +6256,22 @@ function Calendar2({
     const nextStart = startOfMonth(addMonths(view, 1));
     return nextStart > maxBound;
   }, [display, view, weekStartsOn, maxBound]);
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("w-full", className), ...rest, children: [
-    showHeader && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { onClick: () => goByView(-1), disabled: prevDisabled, className: cn("p-1 rounded-md hover:bg-accent", prevDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent"), "aria-label": labels?.prev || (display === "week" ? "Previous week" : "Previous month"), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.ChevronLeft, { className: "h-4 w-4" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "text-sm font-semibold", children: display === "week" ? `${labels?.month ? labels.month(weekDays[0]) : weekDays[0].toLocaleDateString("en-US", { month: "short" })} ${weekDays[0].getDate()} \u2013 ${labels?.month ? labels.month(weekDays[6]) : weekDays[6].toLocaleDateString("en-US", { month: "short" })} ${weekDays[6].getDate()}` : labels?.month ? labels.month(view) : view.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { onClick: () => goByView(1), disabled: nextDisabled, className: cn("p-1 rounded-md hover:bg-accent", nextDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent"), "aria-label": labels?.next || (display === "week" ? "Next week" : "Next month"), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.ChevronRight, { className: "h-4 w-4" }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: cn("w-full", className), ...rest, children: [
+    showHeader && /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)("div", { className: "flex items-center justify-between mb-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: () => goByView(-1), disabled: prevDisabled, className: cn("p-1 rounded-md hover:bg-accent", prevDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent"), "aria-label": labels?.prev || (display === "week" ? "Previous week" : "Previous month"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.ChevronLeft, { className: "h-4 w-4" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "text-sm font-semibold", children: display === "week" ? `${labels?.month ? labels.month(weekDays[0]) : weekDays[0].toLocaleDateString("en-US", { month: "short" })} ${weekDays[0].getDate()} \u2013 ${labels?.month ? labels.month(weekDays[6]) : weekDays[6].toLocaleDateString("en-US", { month: "short" })} ${weekDays[6].getDate()}` : labels?.month ? labels.month(view) : view.toLocaleDateString("en-US", { month: "long", year: "numeric" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("button", { onClick: () => goByView(1), disabled: nextDisabled, className: cn("p-1 rounded-md hover:bg-accent", nextDisabled && "opacity-40 cursor-not-allowed hover:bg-transparent"), "aria-label": labels?.next || (display === "week" ? "Next week" : "Next month"), children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react15.ChevronRight, { className: "h-4 w-4" }) })
     ] }),
-    display === "week" ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
-      showWeekdays && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid grid-cols-7", sz.grid, "mb-1 text-center text-muted-foreground font-medium"), children: weekdays.map((w) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn(sz.head), children: w }, `w-${w}`)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid grid-cols-7", sz.grid), children: weekDays.map((d, idx) => {
+    display === "week" ? /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(import_jsx_runtime29.Fragment, { children: [
+      showWeekdays && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("grid grid-cols-7", sz.grid, "mb-1 text-center text-muted-foreground font-medium"), children: weekdays.map((w) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn(sz.head), children: w }, `w-${w}`)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn("grid grid-cols-7", sz.grid), children: weekDays.map((d, idx) => {
         const inMonth = true;
         const isToday2 = isSameDay(d, today);
         const selectedDay = isSelected(d);
         const k = `${d.getFullYear()}-${d.getMonth()}-${d.getDate()}`;
         const dayEvents = byDay.get(k) || [];
         const disabled = isDateDisabled(d);
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(
           "button",
           {
             onClick: () => handleClickDay(d),
@@ -6217,13 +6287,13 @@ function Calendar2({
             title: d.toDateString(),
             children: [
               d.getDate(),
-              dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, i)) })
+              dayEvents.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "absolute -bottom-1 inline-flex gap-0.5", children: dayEvents.slice(0, 3).map((e, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("span", { className: "h-1.5 w-1.5 rounded-full", style: { backgroundColor: e.color || "hsl(var(--primary))" } }, i)) })
             ]
           },
           `wd-${idx}`
         );
       }) })
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(React23.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) })
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: cn(months > 1 ? "grid md:grid-cols-2 lg:grid-cols-3 gap-4" : ""), children: Array.from({ length: Math.max(1, months) }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(React23.Fragment, { children: renderMonth(addMonths(view, i)) }, `cal-month-${view.getFullYear()}-${view.getMonth()}-${i}`)) })
   ] });
 }
 
@@ -6231,8 +6301,8 @@ function Calendar2({
 var React24 = __toESM(require("react"), 1);
 var import_react15 = require("react");
 var import_react_dom8 = require("react-dom");
-var import_lucide_react17 = require("lucide-react");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 var MultiCombobox = ({
   id,
   options,
@@ -6377,8 +6447,8 @@ var MultiCombobox = ({
   const resolvedId = id ? String(id) : `multicombobox-${autoId}`;
   const labelId = label ? `${resolvedId}-label` : void 0;
   const labelSize = size === "sm" ? "text-xs" : size === "lg" ? "text-base" : "text-sm";
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("w-full space-y-2 group", className), children: [
-    title && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: cn("w-full space-y-2 group", className), children: [
+    title && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "label",
       {
         className: cn(
@@ -6388,11 +6458,11 @@ var MultiCombobox = ({
         ),
         children: [
           title,
-          required && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-destructive ml-1", children: "*" })
         ]
       }
     ) }),
-    label && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    label && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "label",
       {
         id: labelId,
@@ -6404,12 +6474,12 @@ var MultiCombobox = ({
         ),
         children: [
           label,
-          required && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+          required && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-destructive ml-1", children: "*" })
         ]
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "relative w-full" }),
-    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "relative w-full" }),
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       "button",
       {
         ref: triggerRef,
@@ -6432,11 +6502,11 @@ var MultiCombobox = ({
           "disabled:cursor-not-allowed disabled:opacity-50"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center gap-1 flex-wrap min-h-[1.5rem] flex-1", children: value.length > 0 ? showTags ? value.map((itemValue) => {
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex items-center gap-1 flex-wrap min-h-[1.5rem] flex-1", children: value.length > 0 ? showTags ? value.map((itemValue) => {
             const option = normalizedOptions.find((o) => o.value === itemValue);
-            return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "inline-flex items-center gap-1 bg-accent text-accent-foreground rounded px-2 py-1 text-xs", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "truncate max-w-[120px]", children: option ? displayFormat(option) : itemValue }),
-              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "inline-flex items-center gap-1 bg-accent text-accent-foreground rounded px-2 py-1 text-xs", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "truncate max-w-[120px]", children: option ? displayFormat(option) : itemValue }),
+              /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                 "span",
                 {
                   role: "button",
@@ -6459,12 +6529,12 @@ var MultiCombobox = ({
                 }
               )
             ] }, itemValue);
-          }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("span", { className: "truncate text-sm", children: [
+          }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("span", { className: "truncate text-sm", children: [
             value.length,
             " selected"
-          ] }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-muted-foreground", children: placeholder || "Select..." }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-            import_lucide_react17.ChevronDown,
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-muted-foreground", children: placeholder || "Select..." }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+            import_lucide_react16.ChevronDown,
             {
               className: cn("opacity-50 transition-all duration-200", sizeStyles8[size].icon, open && "rotate-180 scale-110 text-primary opacity-100")
             }
@@ -6473,30 +6543,27 @@ var MultiCombobox = ({
       }
     ),
     open && dropdownPosition && typeof window !== "undefined" ? (0, import_react_dom8.createPortal)(
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
           ref: dropdownRef,
-          "data-dropdown": "multicombobox",
+          "data-combobox-dropdown": true,
           style: {
             position: "absolute",
             top: dropdownPosition?.top || 0,
             left: dropdownPosition?.left || 0,
             width: dropdownPosition?.width || 200,
-            zIndex: 9999
+            zIndex: 9999,
+            transformOrigin: "top center"
           },
           "data-state": open ? "open" : "closed",
-          className: cn(
-            "z-[9999]",
-            "data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
-            "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95"
-          ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+          className: "z-9999",
+          children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
             "div",
             {
               className: cn("rounded-md border bg-popover text-popover-foreground shadow-md", "backdrop-blur-sm bg-popover/95 border-border/60"),
               children: [
-                showClear && value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "px-3 py-2 border-b border-border/60 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                showClear && value.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "px-3 py-2 border-b border-border/60 flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   "button",
                   {
                     type: "button",
@@ -6509,9 +6576,9 @@ var MultiCombobox = ({
                     children: "Clear all"
                   }
                 ) }),
-                enableSearch && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "relative border-b border-border/60", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.Search, { className: cn("absolute left-2 top-2.5 text-muted-foreground", sizeStyles8[size].icon) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                enableSearch && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "relative border-b border-border/60", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.Search, { className: cn("absolute left-2 top-2.5 text-muted-foreground", sizeStyles8[size].icon) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                     "input",
                     {
                       ref: inputRef,
@@ -6526,13 +6593,13 @@ var MultiCombobox = ({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("ul", { className: cn("max-h-60 overflow-y-auto p-1", size === "lg" ? "text-base" : size === "sm" ? "text-xs" : "text-sm"), children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("li", { className: "px-3 py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.Loader2, { className: "h-6 w-6 animate-spin text-primary" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: "text-muted-foreground", children: loadingText })
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("ul", { className: cn("max-h-60 overflow-y-auto p-1", size === "lg" ? "text-base" : size === "sm" ? "text-xs" : "text-sm"), children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("li", { className: "px-3 py-8 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.Loader2, { className: "h-6 w-6 animate-spin text-primary" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "text-muted-foreground", children: loadingText })
                 ] }) }) : filtered.length ? filtered.map((item, index) => {
                   const isSelected = value.includes(item.value);
                   const isDisabled = disabledOptions.includes(item.value);
-                  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
                     "li",
                     {
                       ref: (node) => {
@@ -6545,7 +6612,7 @@ var MultiCombobox = ({
                         inputRef.current?.focus();
                       },
                       style: {
-                        animationDelay: open ? `${index * 25}ms` : "0ms"
+                        animationDelay: open ? `${Math.min(index * 20, 200)}ms` : "0ms"
                       },
                       className: cn(
                         "dropdown-item flex cursor-pointer items-center justify-between rounded-sm transition-colors",
@@ -6556,22 +6623,22 @@ var MultiCombobox = ({
                       ),
                       children: [
                         item.label,
-                        isSelected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.Check, { className: sizeStyles8[size].icon })
+                        isSelected && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.Check, { className: sizeStyles8[size].icon })
                       ]
                     },
                     item.value
                   );
-                }) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                }) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
                   "li",
                   {
                     className: cn(
                       "px-3 py-8 text-center text-muted-foreground",
                       size === "lg" ? "text-base" : size === "sm" ? "text-xs" : "text-sm"
                     ),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react17.SearchX, { className: "h-8 w-8 opacity-40 text-muted-foreground" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: emptyText }),
-                      query && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("button", { type: "button", onClick: () => setQuery(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex flex-col items-center gap-2 animate-in fade-in-0 zoom-in-95 duration-300", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react16.SearchX, { className: "h-8 w-8 opacity-40 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: emptyText }),
+                      query && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("button", { type: "button", onClick: () => setQuery(""), className: "text-xs text-primary hover:underline", children: "Clear search" })
                     ] })
                   }
                 ) })
@@ -6587,7 +6654,7 @@ var MultiCombobox = ({
 
 // ../../components/ui/RadioGroup.tsx
 var React25 = __toESM(require("react"), 1);
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var RadioGroupContext = React25.createContext(void 0);
 var useRadioGroup = () => {
   const context = React25.useContext(RadioGroupContext);
@@ -6625,7 +6692,7 @@ var RadioGroup = React25.forwardRef(
     };
     const uniqueId = React25.useId();
     const radioName = name || `radio-group-${uniqueId}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
       RadioGroupContext.Provider,
       {
         value: {
@@ -6636,8 +6703,8 @@ var RadioGroup = React25.forwardRef(
           size,
           variant
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "div",
             {
               ref,
@@ -6654,7 +6721,7 @@ var RadioGroup = React25.forwardRef(
               children
             }
           ),
-          error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-sm text-destructive mt-1", children: errorMessage })
+          error && errorMessage && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-sm text-destructive mt-1", children: errorMessage })
         ] })
       }
     );
@@ -6696,7 +6763,7 @@ var RadioGroupItem = React25.forwardRef(
     const Icon = icon;
     const radioId = id || `radio-${value}`;
     if (variant === "card") {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
         "div",
         {
           className: cn(
@@ -6708,8 +6775,8 @@ var RadioGroupItem = React25.forwardRef(
             className
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-start gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-start gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                 "button",
                 {
                   ref,
@@ -6728,22 +6795,22 @@ var RadioGroupItem = React25.forwardRef(
                     sizeStyles7[size].radio
                   ),
                   onClick: () => onValueChange?.(value),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     "span",
                     {
                       className: cn(
                         "flex items-center justify-center w-full h-full rounded-full transition-all duration-200",
                         isSelected && "bg-primary"
                       ),
-                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: cn("bg-primary-foreground rounded-full", sizeStyles7[size].dot) })
+                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: cn("bg-primary-foreground rounded-full", sizeStyles7[size].dot) })
                     }
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "h-4 w-4 text-foreground" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  Icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { className: "h-4 w-4 text-foreground" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
                     "label",
                     {
                       htmlFor: radioId,
@@ -6755,10 +6822,10 @@ var RadioGroupItem = React25.forwardRef(
                     }
                   )
                 ] }),
-                description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-muted-foreground mt-1 text-xs", children: description })
+                description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-muted-foreground mt-1 text-xs", children: description })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "input",
               {
                 type: "radio",
@@ -6776,7 +6843,7 @@ var RadioGroupItem = React25.forwardRef(
       );
     }
     if (variant === "button") {
-      return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
         "button",
         {
           ref,
@@ -6798,9 +6865,9 @@ var RadioGroupItem = React25.forwardRef(
           ),
           onClick: () => onValueChange?.(value),
           children: [
-            Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "h-4 w-4" }),
+            Icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { className: "h-4 w-4" }),
             label || children,
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               "input",
               {
                 type: "radio",
@@ -6817,8 +6884,8 @@ var RadioGroupItem = React25.forwardRef(
         }
       );
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("flex items-center gap-2", className), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: cn("flex items-center gap-2", className), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "button",
         {
           ref,
@@ -6837,19 +6904,19 @@ var RadioGroupItem = React25.forwardRef(
             sizeStyles7[size].radio
           ),
           onClick: () => onValueChange?.(value),
-          children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
             "span",
             {
               className: cn(
                 "flex items-center justify-center w-full h-full rounded-full transition-all duration-200",
                 isSelected && "bg-primary"
               ),
-              children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: cn("bg-primary-foreground rounded-full", sizeStyles7[size].dot) })
+              children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { className: cn("bg-primary-foreground rounded-full", sizeStyles7[size].dot) })
             }
           )
         }
       ),
-      (label || children) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+      (label || children) && /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
         "label",
         {
           htmlFor: radioId,
@@ -6860,15 +6927,15 @@ var RadioGroupItem = React25.forwardRef(
             isDisabled && "cursor-not-allowed opacity-50"
           ),
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center gap-2", children: [
-              Icon && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Icon, { className: "h-4 w-4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: label || children })
+            /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2", children: [
+              Icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(Icon, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("span", { children: label || children })
             ] }),
-            description && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("p", { className: "text-muted-foreground mt-0.5 text-xs", children: description })
+            description && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("p", { className: "text-muted-foreground mt-0.5 text-xs", children: description })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         "input",
         {
           type: "radio",
@@ -6888,7 +6955,7 @@ RadioGroupItem.displayName = "RadioGroupItem";
 
 // ../../components/ui/Slider.tsx
 var React26 = __toESM(require("react"), 1);
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var SIZE_STYLES = {
   sm: {
     track: "h-1",
@@ -6948,20 +7015,20 @@ var Slider = React26.forwardRef(
     const displayValue = formatValue ? formatValue(currentValue) : currentValue.toString();
     if (orientation === "vertical") {
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("w-full space-y-2", containerClassName), children: [
-      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center justify-between", children: [
-        label && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("label", { className: cn("text-sm font-medium text-foreground", labelClassName), children: label }),
-        showValue && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("span", { className: cn("text-xs font-mono text-muted-foreground min-w-[2rem] text-right", valueClassName), children: displayValue })
+    return /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("w-full space-y-2", containerClassName), children: [
+      (label || showValue) && /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: "flex items-center justify-between", children: [
+        label && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("label", { className: cn("text-sm font-medium text-foreground", labelClassName), children: label }),
+        showValue && /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { className: cn("text-xs font-mono text-muted-foreground min-w-[2rem] text-right", valueClassName), children: displayValue })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: cn("relative flex items-center", sizeStyles8.container), children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: cn("w-full rounded-full bg-secondary relative overflow-hidden", sizeStyles8.track, trackClassName), children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)("div", { className: cn("relative flex items-center", sizeStyles8.container), children: [
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("w-full rounded-full bg-secondary relative overflow-hidden", sizeStyles8.track, trackClassName), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "div",
           {
             className: "absolute left-0 top-0 h-full bg-primary rounded-full transition-all duration-150 ease-out",
             style: { width: `${percentage}%` }
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           "input",
           {
             ref,
@@ -7025,9 +7092,9 @@ var Slider = React26.forwardRef(
 Slider.displayName = "Slider";
 
 // ../../components/ui/OverlayControls.tsx
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_react16 = __toESM(require("react"), 1);
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime33 = require("react/jsx-runtime");
 function OverlayControls({
   mode,
   value,
@@ -7250,41 +7317,41 @@ function OverlayControls({
   const handleSliderMouseLeave = () => {
     setPreviewData(null);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
-    keyboardFeedback && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_jsx_runtime33.Fragment, { children: [
+    keyboardFeedback && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         className: cn(
           "absolute inset-0 flex items-center pointer-events-none z-50",
           keyboardFeedback.type === "seek" && (keyboardFeedback.value ?? 0) > 0 ? "justify-end pr-32" : keyboardFeedback.type === "seek" && (keyboardFeedback.value ?? 0) < 0 ? "justify-start pl-32" : "justify-center"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "bg-black/50 backdrop-blur-sm rounded-xl px-6 py-4 shadow-xl border border-white/10 animate-in fade-in zoom-in duration-200", children: [
-          keyboardFeedback.type === "play" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Play, { className: "w-16 h-16 text-white", fill: "white" }),
-          keyboardFeedback.type === "pause" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Pause, { className: "w-16 h-16 text-white", fill: "white" }),
-          keyboardFeedback.type === "seek" && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-3", children: [
-            (keyboardFeedback.value ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.RotateCw, { className: "w-12 h-12 text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.RotateCcw, { className: "w-12 h-12 text-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-3xl font-bold text-white", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "bg-black/50 backdrop-blur-sm rounded-xl px-6 py-4 shadow-xl border border-white/10 animate-in fade-in zoom-in duration-200", children: [
+          keyboardFeedback.type === "play" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Play, { className: "w-16 h-16 text-white", fill: "white" }),
+          keyboardFeedback.type === "pause" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Pause, { className: "w-16 h-16 text-white", fill: "white" }),
+          keyboardFeedback.type === "seek" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-3", children: [
+            (keyboardFeedback.value ?? 0) > 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.RotateCw, { className: "w-12 h-12 text-white" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.RotateCcw, { className: "w-12 h-12 text-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-3xl font-bold text-white", children: [
               keyboardFeedback.value && keyboardFeedback.value > 0 ? "+" : "",
               keyboardFeedback.value,
               "s"
             ] })
           ] }),
-          keyboardFeedback.type === "volume" && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Volume2, { className: "w-12 h-12 text-white" }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "text-2xl font-bold text-white", children: [
+          keyboardFeedback.type === "volume" && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Volume2, { className: "w-12 h-12 text-white" }),
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "text-2xl font-bold text-white", children: [
                 keyboardFeedback.value,
                 "%"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-32 h-1.5 bg-white/30 rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "h-full bg-white rounded-full transition-all", style: { width: `${keyboardFeedback.value}%` } }) })
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-32 h-1.5 bg-white/30 rounded-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "h-full bg-white rounded-full transition-all", style: { width: `${keyboardFeedback.value}%` } }) })
             ] })
           ] }),
-          keyboardFeedback.type === "mute" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.VolumeX, { className: "w-16 h-16 text-white" }),
-          keyboardFeedback.type === "unmute" && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Volume2, { className: "w-16 h-16 text-white" })
+          keyboardFeedback.type === "mute" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.VolumeX, { className: "w-16 h-16 text-white" }),
+          keyboardFeedback.type === "unmute" && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Volume2, { className: "w-16 h-16 text-white" })
         ] })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
       "div",
       {
         className: cn(
@@ -7293,9 +7360,9 @@ function OverlayControls({
           autoHide && !controlsVisible && "opacity-0 pointer-events-none",
           className
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "px-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { ref: sliderRef, onMouseMove: handleSliderMouseMove, onMouseLeave: handleSliderMouseLeave, className: "relative", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "px-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { ref: sliderRef, onMouseMove: handleSliderMouseMove, onMouseLeave: handleSliderMouseLeave, className: "relative", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
               Slider,
               {
                 min: 0,
@@ -7320,14 +7387,14 @@ function OverlayControls({
                 noFocus: true
               }
             ),
-            previewData && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute bottom-full mb-2 transform -translate-x-1/2 pointer-events-none z-30", style: { left: `${previewData.x}px` }, children: previewData.url ? /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "bg-background/95 backdrop-blur rounded-md border border-border shadow-lg overflow-hidden", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("img", { src: previewData.url, alt: "Preview", className: "w-40 h-24 object-cover" }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-2 py-1 text-xs font-mono text-center bg-background/80", children: formatTime3(previewData.time) })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-3 py-1.5 rounded-md bg-background/90 backdrop-blur border border-border shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "text-xs font-mono text-center", children: formatTime3(previewData.time) }) }) })
+            previewData && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute bottom-full mb-2 transform -translate-x-1/2 pointer-events-none z-30", style: { left: `${previewData.x}px` }, children: previewData.url ? /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "bg-background/95 backdrop-blur rounded-md border border-border shadow-lg overflow-hidden", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("img", { src: previewData.url, alt: "Preview", className: "w-40 h-24 object-cover" }),
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "px-2 py-1 text-xs font-mono text-center bg-background/80", children: formatTime3(previewData.time) })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "px-3 py-1.5 rounded-md bg-background/90 backdrop-blur border border-border shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "text-xs font-mono text-center", children: formatTime3(previewData.time) }) }) })
           ] }),
-          showControlsBar && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mt-2 flex items-center justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+          showControlsBar && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "mt-2 flex items-center justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -7335,10 +7402,10 @@ function OverlayControls({
                   onClick: onTogglePlay,
                   title: playing ? "T\u1EA1m d\u1EEBng" : "Ph\xE1t",
                   className: "bg-background/60 hover:bg-background/80 border-transparent shadow-sm outline-none focus:outline-none focus:ring-0",
-                  children: playing ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Pause, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Play, { className: "w-4 h-4" })
+                  children: playing ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Pause, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Play, { className: "w-4 h-4" })
                 }
               ),
-              onSkip && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              onSkip && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -7346,10 +7413,10 @@ function OverlayControls({
                   onClick: () => onSkip(-skipSeconds),
                   title: `L\xF9i ${skipSeconds}s`,
                   className: "bg-background/60 hover:bg-background/80 border-transparent shadow-sm outline-none focus:outline-none focus:ring-0",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.RotateCcw, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.RotateCcw, { className: "w-4 h-4" })
                 }
               ),
-              onSkip && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              onSkip && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -7357,16 +7424,16 @@ function OverlayControls({
                   onClick: () => onSkip(skipSeconds),
                   title: `Tua ${skipSeconds}s`,
                   className: "bg-background/60 hover:bg-background/80 border-transparent shadow-sm outline-none focus:outline-none focus:ring-0",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.RotateCw, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.RotateCw, { className: "w-4 h-4" })
                 }
               ),
-              (showTime ?? true) && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("span", { className: "px-3 py-1 rounded-full text-xs font-mono bg-background/60 text-foreground shadow-sm border border-border whitespace-nowrap", children: [
+              (showTime ?? true) && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("span", { className: "px-3 py-1 rounded-full text-xs font-mono bg-background/60 text-foreground shadow-sm border border-border whitespace-nowrap", children: [
                 formatTime3(dragValue),
                 " / ",
                 formatTime3(max)
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   Button_default,
                   {
                     variant: "ghost",
@@ -7374,10 +7441,10 @@ function OverlayControls({
                     onClick: onToggleMute,
                     title: muted ? "B\u1EADt ti\u1EBFng" : "T\u1EAFt ti\u1EBFng",
                     className: "bg-background/60 hover:bg-background/80 border-transparent shadow-sm outline-none focus:outline-none focus:ring-0",
-                    children: muted || (volume ?? 1) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.VolumeX, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Volume2, { className: "w-4 h-4" })
+                    children: muted || (volume ?? 1) === 0 ? /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.VolumeX, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Volume2, { className: "w-4 h-4" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "w-24", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-24", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                   Slider,
                   {
                     min: 0,
@@ -7392,8 +7459,8 @@ function OverlayControls({
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "flex items-center gap-2 relative", children: [
-              onGoLive && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2 relative", children: [
+              onGoLive && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -7402,13 +7469,13 @@ function OverlayControls({
                   title: "Tr\u1EF1c ti\u1EBFp (v\u1EC1 Live)",
                   className: "bg-background/60 hover:bg-background/80 border-transparent shadow-sm outline-none focus:outline-none focus:ring-0",
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Dot, { className: "w-10 h-10 text-destructive" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Dot, { className: "w-10 h-10 text-destructive" }),
                     "Tr\u1EF1c ti\u1EBFp"
                   ]
                 }
               ),
-              onChangeRate && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", ref: rateWrapRef, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+              onChangeRate && /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "relative", ref: rateWrapRef, children: [
+                /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                   Button_default,
                   {
                     variant: "ghost",
@@ -7422,7 +7489,7 @@ function OverlayControls({
                     ]
                   }
                 ),
-                rateOpen && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "absolute bottom-9 right-0 bg-background/90 backdrop-blur rounded-md border border-border shadow-lg p-1 z-30", children: [0.5, 0.75, 1, 1.25, 1.5].map((r) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+                rateOpen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "absolute bottom-9 right-0 bg-background/90 backdrop-blur rounded-md border border-border shadow-lg p-1 z-30", children: [0.5, 0.75, 1, 1.25, 1.5].map((r) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
                   "button",
                   {
                     onClick: () => {
@@ -7438,7 +7505,7 @@ function OverlayControls({
                   r
                 )) })
               ] }),
-              onToggleFullscreen && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+              onToggleFullscreen && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -7446,7 +7513,7 @@ function OverlayControls({
                   onClick: onToggleFullscreen,
                   title: "To\xE0n m\xE0n h\xECnh",
                   className: "px-3 bg-background/60 hover:bg-background/80 border-transparent shadow-sm outline-none focus:outline-none focus:ring-0",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Maximize2, { className: "w-4 h-4" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_lucide_react17.Maximize2, { className: "w-4 h-4" })
                 }
               )
             ] })
@@ -7459,8 +7526,8 @@ function OverlayControls({
 
 // ../../components/ui/CategoryTreeSelect.tsx
 var import_react17 = require("react");
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime35 = require("react/jsx-runtime");
+var import_lucide_react18 = require("lucide-react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 function CategoryTreeSelect({ categories, value, onChange, placeholder = "Ch\u1ECDn danh m\u1EE5c", disabled }) {
   const [isOpen, setIsOpen] = (0, import_react17.useState)(false);
   const [expandedNodes, setExpandedNodes] = (0, import_react17.useState)(/* @__PURE__ */ new Set());
@@ -7502,8 +7569,8 @@ function CategoryTreeSelect({ categories, value, onChange, placeholder = "Ch\u1E
     const hasChildren = children.length > 0;
     const isExpanded = expandedNodes.has(category.id);
     const isSelected = value.includes(category.id);
-    return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
         "div",
         {
           className: cn(
@@ -7514,14 +7581,14 @@ function CategoryTreeSelect({ categories, value, onChange, placeholder = "Ch\u1E
           ),
           style: { paddingLeft: `${level * 1.5 + 0.75}rem` },
           children: [
-            isSelected && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            isSelected && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "span",
               {
                 "aria-hidden": true,
                 className: "absolute left-0 top-0 bottom-0 w-1 bg-primary"
               }
             ),
-            hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            hasChildren ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
               "button",
               {
                 type: "button",
@@ -7530,39 +7597,39 @@ function CategoryTreeSelect({ categories, value, onChange, placeholder = "Ch\u1E
                   toggleExpand(category.id);
                 },
                 className: "p-0.5 hover:bg-accent rounded",
-                children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.ChevronDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.ChevronRight, { className: "w-4 h-4" })
+                children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ChevronDown, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ChevronRight, { className: "w-4 h-4" })
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "w-5" }),
-            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+            ) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: "w-5" }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
               "div",
               {
                 onClick: () => handleSelect(category.id, category),
                 className: "flex items-center gap-2 flex-1",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
                     "div",
                     {
                       className: cn(
                         "w-4 h-4 border-2 rounded flex items-center justify-center transition-colors",
                         isSelected ? "bg-primary border-primary" : "border-muted-foreground/30"
                       ),
-                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.Check, { className: "w-3 h-3 text-primary-foreground" })
+                      children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.Check, { className: "w-3 h-3 text-primary-foreground" })
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn("text-sm", isSelected && "font-medium text-primary"), children: category.name })
+                  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: cn("text-sm", isSelected && "font-medium text-primary"), children: category.name })
                 ]
               }
             )
           ]
         }
       ),
-      hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { children: children.map((child) => renderCategory(child, level + 1)) })
+      hasChildren && isExpanded && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { children: children.map((child) => renderCategory(child, level + 1)) })
     ] }, category.id);
   };
   const selectedCount = value.length;
   const displayText = selectedCount > 0 ? `\u0110\xE3 ch\u1ECDn ${selectedCount} danh m\u1EE5c` : placeholder;
-  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "relative", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
       "button",
       {
         type: "button",
@@ -7578,14 +7645,14 @@ function CategoryTreeSelect({ categories, value, onChange, placeholder = "Ch\u1E
           isOpen && "border-primary"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: cn("text-sm", selectedCount === 0 && "text-muted-foreground"), children: displayText }),
-          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.ChevronDown, { className: cn("w-4 h-4 transition-transform", isOpen && "transform rotate-180") })
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: cn("text-sm", selectedCount === 0 && "text-muted-foreground"), children: displayText }),
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_lucide_react18.ChevronDown, { className: cn("w-4 h-4 transition-transform", isOpen && "transform rotate-180") })
         ]
       }
     ),
-    isOpen && !disabled && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(import_jsx_runtime35.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "fixed inset-0 z-10", onClick: () => setIsOpen(false) }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+    isOpen && !disabled && /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_jsx_runtime34.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "fixed inset-0 z-10", onClick: () => setIsOpen(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
         "div",
         {
           className: cn(
@@ -7593,7 +7660,7 @@ function CategoryTreeSelect({ categories, value, onChange, placeholder = "Ch\u1E
             "rounded-md border bg-popover text-popover-foreground shadow-md",
             "backdrop-blur-sm bg-popover/95 border-border/60"
           ),
-          children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "p-1", children: parentCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: "Kh\xF4ng c\xF3 danh m\u1EE5c n\xE0o" }) : parentCategories.map((cat) => renderCategory(cat)) })
+          children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "p-1", children: parentCategories.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "px-3 py-2 text-sm text-muted-foreground", children: "Kh\xF4ng c\xF3 danh m\u1EE5c n\xE0o" }) : parentCategories.map((cat) => renderCategory(cat)) })
         }
       )
     ] })
@@ -7602,9 +7669,9 @@ function CategoryTreeSelect({ categories, value, onChange, placeholder = "Ch\u1E
 
 // ../../components/ui/ImageUpload.tsx
 var import_react18 = require("react");
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 var import_next_intl6 = require("next-intl");
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 function ImageUpload({
   onUpload,
   onRemove,
@@ -7631,94 +7698,106 @@ function ImageUpload({
     md: "w-24 h-24",
     lg: "w-32 h-32"
   };
-  const handleDragOver = (0, import_react18.useCallback)((e) => {
-    e.preventDefault();
-    if (!disabled) {
-      setIsDragging(true);
-    }
-  }, [disabled]);
+  const handleDragOver = (0, import_react18.useCallback)(
+    (e) => {
+      e.preventDefault();
+      if (!disabled) {
+        setIsDragging(true);
+      }
+    },
+    [disabled]
+  );
   const handleDragLeave = (0, import_react18.useCallback)((e) => {
     e.preventDefault();
     setIsDragging(false);
   }, []);
-  const handleFiles = (0, import_react18.useCallback)(async (files) => {
-    if (files.length === 0) return;
-    const validFiles = files.filter((file) => {
-      if (file.size > maxSize * 1024 * 1024) {
-        addToast({
-          type: "error",
-          message: `File "${file.name}" is too large. Max size: ${maxSize}MB`
-        });
-        return false;
-      }
-      if (!file.type.startsWith("image/")) {
+  const handleFiles = (0, import_react18.useCallback)(
+    async (files) => {
+      if (files.length === 0) return;
+      const validFiles = files.filter((file) => {
+        if (file.size > maxSize * 1024 * 1024) {
+          addToast({
+            type: "error",
+            message: `File "${file.name}" is too large. Max size: ${maxSize}MB`
+          });
+          return false;
+        }
+        if (!file.type.startsWith("image/")) {
+          addToast({
+            type: "error",
+            message: `File "${file.name}" is not a valid image`
+          });
+          return false;
+        }
+        return true;
+      });
+      if (validFiles.length === 0) return;
+      setUploading(true);
+      try {
+        for (const file of validFiles) {
+          const formData = new FormData();
+          formData.append("file", file);
+          const response = {
+            id: Date.now(),
+            path: "",
+            url: URL.createObjectURL(file),
+            originalName: file.name,
+            size: file.size,
+            mimeType: file.type,
+            width: 0,
+            height: 0,
+            formattedSize: `${(file.size / 1024).toFixed(1)} KB`
+          };
+          const newImage = {
+            id: response.id,
+            path: response.path,
+            url: response.url,
+            originalName: response.originalName,
+            size: response.size,
+            mimeType: response.mimeType,
+            width: response.width,
+            height: response.height,
+            formattedSize: response.formattedSize
+          };
+          setUploadedImages((prev) => [...prev, newImage]);
+          onUpload?.(newImage);
+          addToast({
+            type: "success",
+            message: `"${file.name}" uploaded successfully`
+          });
+        }
+      } catch (error) {
+        console.error("Upload error:", error);
         addToast({
           type: "error",
-          message: `File "${file.name}" is not a valid image`
+          message: error.message || "Upload failed"
         });
-        return false;
+      } finally {
+        setUploading(false);
       }
-      return true;
-    });
-    if (validFiles.length === 0) return;
-    setUploading(true);
-    try {
-      for (const file of validFiles) {
-        const formData = new FormData();
-        formData.append("file", file);
-        const response = {
-          id: Date.now(),
-          path: "",
-          url: URL.createObjectURL(file),
-          originalName: file.name,
-          size: file.size,
-          mimeType: file.type,
-          width: 0,
-          height: 0,
-          formattedSize: `${(file.size / 1024).toFixed(1)} KB`
-        };
-        const newImage = {
-          id: response.id,
-          path: response.path,
-          url: response.url,
-          originalName: response.originalName,
-          size: response.size,
-          mimeType: response.mimeType,
-          width: response.width,
-          height: response.height,
-          formattedSize: response.formattedSize
-        };
-        setUploadedImages((prev) => [...prev, newImage]);
-        onUpload?.(newImage);
-        addToast({
-          type: "success",
-          message: `"${file.name}" uploaded successfully`
-        });
+    },
+    [maxSize, addToast, onUpload]
+  );
+  const handleDrop = (0, import_react18.useCallback)(
+    (e) => {
+      e.preventDefault();
+      setIsDragging(false);
+      if (disabled) return;
+      const files = Array.from(e.dataTransfer.files);
+      handleFiles(files);
+    },
+    [disabled, handleFiles]
+  );
+  const handleFileSelect = (0, import_react18.useCallback)(
+    (e) => {
+      const files = Array.from(e.target.files || []);
+      handleFiles(files);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
       }
-    } catch (error) {
-      console.error("Upload error:", error);
-      addToast({
-        type: "error",
-        message: error.message || "Upload failed"
-      });
-    } finally {
-      setUploading(false);
-    }
-  }, [maxSize, addToast, onUpload]);
-  const handleDrop = (0, import_react18.useCallback)((e) => {
-    e.preventDefault();
-    setIsDragging(false);
-    if (disabled) return;
-    const files = Array.from(e.dataTransfer.files);
-    handleFiles(files);
-  }, [disabled, handleFiles]);
-  const handleFileSelect = (0, import_react18.useCallback)((e) => {
-    const files = Array.from(e.target.files || []);
-    handleFiles(files);
-    if (fileInputRef.current) {
-      fileInputRef.current.value = "";
-    }
-  }, [handleFiles]);
+    },
+    [handleFiles]
+  );
   const handleRemoveImage = (imageId) => {
     setUploadedImages((prev) => prev.filter((img) => img.id !== Number(imageId)));
     onRemove?.(String(imageId));
@@ -7726,8 +7805,8 @@ function ImageUpload({
   const handleBrowseClick = () => {
     fileInputRef.current?.click();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("space-y-4", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("space-y-4", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
       "div",
       {
         className: cn(
@@ -7740,29 +7819,19 @@ function ImageUpload({
         onDragLeave: handleDragLeave,
         onDrop: handleDrop,
         children: [
-          uploading && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute inset-0 bg-background/80 flex items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.Loader2, { className: "w-6 h-6 animate-spin text-primary" }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("span", { className: "text-sm font-medium", children: "Uploading..." })
+          uploading && /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute inset-0 bg-background/80 flex items-center justify-center rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.Loader2, { className: "w-6 h-6 animate-spin text-primary" }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("span", { className: "text-sm font-medium", children: "Uploading..." })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "mx-auto w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.Upload, { className: "w-6 h-6 text-primary" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-muted-foreground", children: dragDropText || t("dragDropText") }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-                Button_default,
-                {
-                  type: "button",
-                  variant: "outline",
-                  size: "sm",
-                  onClick: handleBrowseClick,
-                  disabled: disabled || uploading,
-                  children: browseText || t("browseFiles")
-                }
-              )
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "mx-auto w-12 h-12 bg-primary/10 rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.Upload, { className: "w-6 h-6 text-primary" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-muted-foreground", children: dragDropText || t("dragDropText") }),
+              /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(Button_default, { type: "button", variant: "outline", size: "sm", onClick: handleBrowseClick, disabled: disabled || uploading, children: browseText || t("browseFiles") })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-muted-foreground", children: supportedFormatsText || t("supportedFormats") })
+            /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground", children: supportedFormatsText || t("supportedFormats") })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
             "input",
             {
               ref: fileInputRef,
@@ -7777,61 +7846,54 @@ function ImageUpload({
         ]
       }
     ),
-    showPreview && uploadedImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-3", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("h4", { className: "text-sm font-medium", children: "Uploaded Images" }),
-      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: uploadedImages.map((image) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
-        "div",
-        {
-          className: "relative group bg-card border border-border rounded-lg p-3",
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-              Button_default,
-              {
-                variant: "danger",
-                size: "icon",
-                className: "absolute -top-2 -right-2 w-6 h-6 opacity-0 group-hover:opacity-100 transition-opacity z-10",
-                onClick: () => handleRemoveImage(image.id),
-                children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.X, { className: "w-3 h-3" })
+    showPreview && uploadedImages.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-3", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("h4", { className: "text-sm font-medium", children: "Uploaded Images" }),
+      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "grid grid-cols-2 sm:grid-cols-3 md:grid-cols-4 gap-4", children: uploadedImages.map((image) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "relative group bg-card border border-border rounded-lg p-3", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+          Button_default,
+          {
+            variant: "danger",
+            size: "icon",
+            className: "absolute -top-2 -right-2 w-6 h-6 opacity-0 group-hover:opacity-100 transition-opacity z-10",
+            onClick: () => handleRemoveImage(image.id),
+            children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.X, { className: "w-3 h-3" })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: cn("mx-auto mb-2 overflow-hidden rounded-md", previewSizes[previewSize]), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+            "img",
+            {
+              src: image.url,
+              alt: image.originalName,
+              className: "w-full h-full object-cover",
+              onError: (e) => {
+                const target = e.target;
+                target.style.display = "none";
+                target.nextElementSibling?.classList.remove("hidden");
               }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: cn("mx-auto mb-2 overflow-hidden rounded-md", previewSizes[previewSize]), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
-                "img",
-                {
-                  src: image.url,
-                  alt: image.originalName,
-                  className: "w-full h-full object-cover",
-                  onError: (e) => {
-                    const target = e.target;
-                    target.style.display = "none";
-                    target.nextElementSibling?.classList.remove("hidden");
-                  }
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "hidden w-full h-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.Image, { className: "w-8 h-8 text-muted-foreground" }) })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "space-y-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs font-medium truncate", title: image.originalName, children: image.originalName }),
-              /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("p", { className: "text-xs text-muted-foreground", children: image.formattedSize }),
-              image.width && image.height && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
-                image.width,
-                " \xD7 ",
-                image.height
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute top-1 left-1 w-5 h-5 bg-success rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(import_lucide_react20.Check, { className: "w-3 h-3 text-success-foreground" }) })
-          ]
-        },
-        image.id
-      )) })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "hidden w-full h-full bg-muted flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.Image, { className: "w-8 h-8 text-muted-foreground" }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("div", { className: "space-y-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs font-medium truncate", title: image.originalName, children: image.originalName }),
+          /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("p", { className: "text-xs text-muted-foreground", children: image.formattedSize }),
+          image.width && image.height && /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+            image.width,
+            " \xD7 ",
+            image.height
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className: "absolute top-1 left-1 w-5 h-5 bg-success rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(import_lucide_react19.Check, { className: "w-3 h-3 text-success-foreground" }) })
+      ] }, image.id)) })
     ] })
   ] });
 }
 
 // ../../components/ui/Carousel.tsx
 var React29 = __toESM(require("react"), 1);
-var import_lucide_react21 = require("lucide-react");
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 function Carousel({
   children,
   autoScroll = true,
@@ -7989,7 +8051,7 @@ function Carousel({
     };
   };
   const slideWidth = 100 / slidesToShow;
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
     "div",
     {
       ref: carouselRef,
@@ -8001,8 +8063,8 @@ function Carousel({
       "aria-roledescription": "carousel",
       tabIndex: 0,
       children: [
-        showProgress && autoScroll && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "absolute top-0 left-0 right-0 h-1 bg-muted z-20", children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { ref: progressElRef, className: "h-full bg-primary", style: { width: "0%" } }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        showProgress && autoScroll && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { className: "absolute top-0 left-0 right-0 h-1 bg-muted z-20", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("div", { ref: progressElRef, className: "h-full bg-primary", style: { width: "0%" } }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "div",
           {
             className: cn("flex", isHorizontal ? "flex-row" : "flex-col", containerClassName),
@@ -8017,7 +8079,7 @@ function Carousel({
             role: "group",
             "aria-atomic": "false",
             "aria-live": autoScroll ? "off" : "polite",
-            children: React29.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            children: React29.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "div",
               {
                 className: cn(
@@ -8040,14 +8102,14 @@ function Carousel({
             ))
           }
         ),
-        showArrows && totalSlides > slidesToShow && /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_jsx_runtime37.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        showArrows && totalSlides > slidesToShow && /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(import_jsx_runtime36.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             Button_default,
             {
               onClick: scrollPrev,
               variant: "ghost",
               size: "icon",
-              icon: import_lucide_react21.ChevronLeft,
+              icon: import_lucide_react20.ChevronLeft,
               noHoverOverlay: true,
               disabled: !loop && currentIndex === 0,
               className: cn(
@@ -8057,13 +8119,13 @@ function Carousel({
               "aria-label": "Previous slide"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
             Button_default,
             {
               onClick: scrollNext,
               variant: "ghost",
               size: "icon",
-              icon: import_lucide_react21.ChevronRight,
+              icon: import_lucide_react20.ChevronRight,
               noHoverOverlay: true,
               disabled: !loop && currentIndex >= maxIndex,
               className: cn(
@@ -8074,7 +8136,7 @@ function Carousel({
             }
           )
         ] }),
-        showDots && totalSlides > slidesToShow && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        showDots && totalSlides > slidesToShow && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "div",
           {
             className: cn(
@@ -8083,7 +8145,7 @@ function Carousel({
             ),
             role: "tablist",
             "aria-label": "Carousel pagination",
-            children: Array.from({ length: maxIndex + 1 }, (_, idx) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            children: Array.from({ length: maxIndex + 1 }, (_, idx) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -8100,14 +8162,14 @@ function Carousel({
             ))
           }
         ),
-        showThumbnails && totalSlides > slidesToShow && /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+        showThumbnails && totalSlides > slidesToShow && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
           "div",
           {
             className: cn(
               "absolute bottom-0 left-0 right-0 flex gap-2 p-4 bg-gradient-to-t from-black/50 to-transparent overflow-x-auto",
               isHorizontal ? "flex-row" : "flex-col"
             ),
-            children: React29.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+            children: React29.Children.map(children, (child, idx) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
               "button",
               {
                 onClick: () => scrollTo(idx),
@@ -8129,7 +8191,7 @@ function Carousel({
 
 // ../../components/ui/FallingIcons.tsx
 var import_react19 = __toESM(require("react"), 1);
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_jsx_runtime37 = require("react/jsx-runtime");
 var DEFAULT_COUNT = 24;
 var DEFAULT_SPEED_RANGE = [6, 14];
 var DEFAULT_SIZE_RANGE = [14, 28];
@@ -8224,8 +8286,8 @@ function FallingIcons({
       filter: `drop-shadow(0 0 ${4 * intensity}px ${glowColor}) drop-shadow(0 0 ${8 * intensity}px ${glowColor})`
     };
   }, [glow, glowColor, glowIntensity]);
-  const FallbackIcon = import_react19.default.useMemo(() => (props) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("circle", { cx: "12", cy: "12", r: "10" }) }), []);
-  const TheIcon = imageUrl ? ({ className: imgClassName }) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  const FallbackIcon = import_react19.default.useMemo(() => (props) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { viewBox: "0 0 24 24", fill: "currentColor", "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("circle", { cx: "12", cy: "12", r: "10" }) }), []);
+  const TheIcon = imageUrl ? ({ className: imgClassName }) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
     "img",
     {
       src: imageUrl,
@@ -8234,7 +8296,7 @@ function FallingIcons({
       draggable: false
     }
   ) : Icon || FallbackIcon;
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(
     "div",
     {
       ref: containerRef,
@@ -8244,7 +8306,7 @@ function FallingIcons({
       ),
       style: { zIndex },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("style", { children: `
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("style", { children: `
         @keyframes ${FallName} {
           0% { transform: translate3d(0, -10vh, 0); opacity: 0; }
           10% { opacity: 1; }
@@ -8277,7 +8339,7 @@ function FallingIcons({
           }
         }
       ` }),
-        /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
           "div",
           {
             className: cn(
@@ -8298,12 +8360,12 @@ function FallingIcons({
                 });
               };
               const trailParticles = trail ? Array.from({ length: Math.min(5, Math.max(1, trailLength)) }) : [];
-              return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_react19.default.Fragment, { children: [
+              return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(import_react19.default.Fragment, { children: [
                 trail && trailParticles.map((_, trailIndex) => {
                   const trailDelay = p.delay - (trailIndex + 1) * 0.15;
                   const trailOpacity = 1 - (trailIndex + 1) * (1 / (trailParticles.length + 1));
                   const trailScale = 1 - (trailIndex + 1) * 0.15;
-                  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                     "span",
                     {
                       className: cn("absolute top-0 will-change-transform pointer-events-none uv-falling-particle", colorClassName),
@@ -8317,7 +8379,7 @@ function FallingIcons({
                         opacity: trailOpacity * 0.4,
                         ["--fall"]: `${fallDist ?? (typeof window !== "undefined" ? window.innerHeight + 200 : 1200)}px`
                       },
-                      children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                         "span",
                         {
                           className: "inline-block uv-sway",
@@ -8329,7 +8391,7 @@ function FallingIcons({
                             animationIterationCount: "infinite",
                             ["--amp"]: `${Math.round(p.driftAmp)}px`
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                             "span",
                             {
                               className: "block",
@@ -8338,7 +8400,7 @@ function FallingIcons({
                                 height: p.size,
                                 ...glowStyles
                               },
-                              children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
+                              children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
                             }
                           )
                         }
@@ -8347,7 +8409,7 @@ function FallingIcons({
                     `${p.key}-trail-${trailIndex}`
                   );
                 }),
-                /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                   "span",
                   {
                     className: cn("absolute top-0 will-change-transform pointer-events-auto uv-falling-particle", colorClassName),
@@ -8373,7 +8435,7 @@ function FallingIcons({
                         return next;
                       });
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                       "span",
                       {
                         className: "inline-block uv-sway",
@@ -8385,7 +8447,7 @@ function FallingIcons({
                           animationIterationCount: "infinite",
                           ["--amp"]: `${Math.round(p.driftAmp)}px`
                         },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
                           "span",
                           {
                             className: cn(
@@ -8401,7 +8463,7 @@ function FallingIcons({
                               ["--popName"]: PopName,
                               ...glowStyles
                             },
-                            children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(TheIcon, { className: cn("w-full h-full text-primary/70", colorClassName) })
                           }
                         )
                       }
@@ -8419,8 +8481,8 @@ function FallingIcons({
 
 // ../../components/ui/List.tsx
 var React31 = __toESM(require("react"), 1);
-var import_lucide_react22 = require("lucide-react");
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var SIZE_STYLES2 = {
   xs: { itemPad: "px-2 py-1.5", densePad: "px-2 py-1", label: "text-xs", desc: "text-[11px]", icon: "h-3.5 w-3.5", avatar: "h-6 w-6" },
   sm: { itemPad: "px-3 py-2", densePad: "px-3 py-1.5", label: "text-[13px]", desc: "text-[12px]", icon: "h-4 w-4", avatar: "h-8 w-8" },
@@ -8436,11 +8498,11 @@ var BADGE_VARIANTS = {
 };
 var ListItemSkeleton = ({ size }) => {
   const sz = SIZE_STYLES2[size];
-  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("flex items-center gap-3 animate-pulse", sz.itemPad), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("rounded-full bg-muted shrink-0", sz.avatar) }),
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex-1 space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-4 bg-muted rounded w-3/4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "h-3 bg-muted rounded w-1/2" })
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: cn("flex items-center gap-3 animate-pulse", sz.itemPad), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("rounded-full bg-muted shrink-0", sz.avatar) }),
+    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex-1 space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-4 bg-muted rounded w-3/4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "h-3 bg-muted rounded w-1/2" })
     ] })
   ] });
 };
@@ -8474,12 +8536,12 @@ var ListRoot = React31.forwardRef(
       striped: "rounded-lg border border-border overflow-hidden"
     };
     if (loading2) {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Comp, { ref, className: cn("group/list", variantClasses[variant], inset && "p-1.5 md:p-2", divided && "divide-y divide-border/60", className), ...rest, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(ListItemSkeleton, { size }, i)) });
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, { ref, className: cn("group/list", variantClasses[variant], inset && "p-1.5 md:p-2", divided && "divide-y divide-border/60", className), ...rest, children: Array.from({ length: loadingCount }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(ListItemSkeleton, { size }, i)) });
     }
     if (!hasChildren && emptyText) {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Comp, { ref, className: cn("group/list", variantClasses[variant], inset && "p-1.5 md:p-2", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "text-center py-8 text-muted-foreground text-sm", children: emptyText }) });
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, { ref, className: cn("group/list", variantClasses[variant], inset && "p-1.5 md:p-2", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "text-center py-8 text-muted-foreground text-sm", children: emptyText }) });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
       Comp,
       {
         ref,
@@ -8562,25 +8624,25 @@ var ListItem = React31.forwardRef(
         }
       }
     } : {};
-    const inner = /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
+    const inner = /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(import_jsx_runtime38.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
         "div",
         {
           className: cn("flex items-center gap-3", padding, "group/item relative"),
           ...headerProps,
           children: [
-            avatar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("shrink-0", sz.avatar), children: typeof avatar === "string" ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("img", { src: avatar, alt: "", className: cn("rounded-full object-cover", sz.avatar) }) : avatar }),
-            Left && !avatar && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Left, { className: cn(sz.icon) }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "min-w-0 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2", children: [
-                label && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(sz.label, "text-foreground font-medium truncate"), children: label }),
-                badge && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn("px-2 py-0.5 rounded-full text-[11px] font-medium shrink-0", BADGE_VARIANTS[badgeVariant]), children: badge })
+            avatar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("shrink-0", sz.avatar), children: typeof avatar === "string" ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("img", { src: avatar, alt: "", className: cn("rounded-full object-cover", sz.avatar) }) : avatar }),
+            Left && !avatar && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Left, { className: cn(sz.icon) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "min-w-0 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
+                label && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn(sz.label, "text-foreground font-medium truncate"), children: label }),
+                badge && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: cn("px-2 py-0.5 rounded-full text-[11px] font-medium shrink-0", BADGE_VARIANTS[badgeVariant]), children: badge })
               ] }),
-              description && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn(sz.desc, "text-muted-foreground truncate mt-0.5"), children: description }),
-              children && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "mt-1", children })
+              description && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn(sz.desc, "text-muted-foreground truncate mt-0.5"), children: description }),
+              children && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "mt-1", children })
             ] }),
-            action && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "opacity-0 group-hover/item:opacity-100 transition-opacity shrink-0", children: action }),
-            collapsible ? /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+            action && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: "opacity-0 group-hover/item:opacity-100 transition-opacity shrink-0", children: action }),
+            collapsible ? /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
               "span",
               {
                 className: cn(
@@ -8588,13 +8650,13 @@ var ListItem = React31.forwardRef(
                   sz.icon,
                   isExpanded && "rotate-90"
                 ),
-                children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_lucide_react22.ChevronRight, { className: cn(sz.icon) })
+                children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react21.ChevronRight, { className: cn(sz.icon) })
               }
-            ) : Right && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Right, { className: cn(sz.icon) }) })
+            ) : Right && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("span", { className: cn("text-muted-foreground shrink-0", sz.icon), children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Right, { className: cn(sz.icon) }) })
           ]
         }
       ),
-      collapsible && isExpanded && expandContent && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: cn("border-t border-border/50 bg-muted/20", padding, "pt-3"), children: expandContent })
+      collapsible && isExpanded && expandContent && /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { className: cn("border-t border-border/50 bg-muted/20", padding, "pt-3"), children: expandContent })
     ] });
     const baseCls = cn(
       "relative w-full",
@@ -8604,10 +8666,10 @@ var ListItem = React31.forwardRef(
     );
     if (href) {
       const A = as === "a" ? "a" : "a";
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(A, { ref, href, className: cn(baseCls, "block"), ...rest, children: inner });
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(A, { ref, href, className: cn(baseCls, "block"), ...rest, children: inner });
     }
     if (as === "button" && !collapsible) {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "button",
         {
           ref,
@@ -8619,7 +8681,7 @@ var ListItem = React31.forwardRef(
       );
     }
     if (collapsible) {
-      return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
         "div",
         {
           ref,
@@ -8630,7 +8692,7 @@ var ListItem = React31.forwardRef(
       );
     }
     const Comp = as;
-    return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Comp, { ref, className: baseCls, ...rest, children: inner });
+    return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(Comp, { ref, className: baseCls, ...rest, children: inner });
   }
 );
 ListItem.displayName = "List.Item";
@@ -8640,7 +8702,7 @@ var List_default = List;
 // ../../components/ui/Watermark.tsx
 var React32 = __toESM(require("react"), 1);
 var import_react_dom9 = require("react-dom");
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 var PRESETS2 = {
   confidential: { text: "CONFIDENTIAL", color: "rgba(220, 38, 38, 0.15)", rotate: -22, fontSize: 16, fontWeight: "bold" },
   draft: { text: "DRAFT", color: "rgba(59, 130, 246, 0.15)", rotate: -22, fontSize: 18, fontWeight: "bold" },
@@ -8895,7 +8957,7 @@ var Watermark = ({
   if (dataURL) overlayStyle.backgroundImage = `url(${dataURL})`;
   const animationClass = animate ? getAnimationClass(animationVariant, visible) : "";
   const blurClass = blur ? `backdrop-blur-[${blurAmount}px]` : "";
-  const overlay = /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+  const overlay = /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
     "div",
     {
       role: interactive ? "button" : void 0,
@@ -8919,12 +8981,12 @@ var Watermark = ({
     }
   );
   if (fullPage) {
-    return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
       children,
       typeof window !== "undefined" ? (0, import_react_dom9.createPortal)(overlay, document.body) : null
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("relative", className), style, ...rest, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: cn("relative", className), style, ...rest, children: [
     children,
     overlay
   ] });
@@ -8933,8 +8995,8 @@ var Watermark_default = Watermark;
 
 // ../../components/ui/Timeline.tsx
 var React33 = __toESM(require("react"), 1);
-var import_lucide_react23 = require("lucide-react");
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_lucide_react22 = require("lucide-react");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 var SIZE_STYLE = {
   sm: { dot: "h-2.5 w-2.5", iconDot: "h-6 w-6", padY: "py-3", densePadY: "py-2", title: "text-sm", desc: "text-xs", time: "text-[11px]", icon: "h-3.5 w-3.5" },
   md: { dot: "h-3 w-3", iconDot: "h-8 w-8", padY: "py-4", densePadY: "py-2.5", title: "text-base", desc: "text-sm", time: "text-xs", icon: "h-4 w-4" },
@@ -8959,22 +9021,22 @@ var Marker = ({ index, last, size, color, status = "default", lineColor, lineSty
   const sz = SIZE_STYLE[size];
   const dotColor = color ? `background:${color}` : void 0;
   const cls = color ? void 0 : STATUS_COLOR[status];
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col items-center", children: [
-    dot ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-center", children: dot }) : Icon ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex flex-col items-center", children: [
+    dot ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex items-center justify-center", children: dot }) : Icon ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
       {
         className: cn("rounded-full ring-2 ring-background flex items-center justify-center", sz.iconDot, cls, active && "ring-primary/40 ring-4"),
         style: dotColor ? { background: color } : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Icon, { className: cn("text-white", sz.icon) })
+        children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon, { className: cn("text-white", sz.icon) })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
       {
         className: cn("rounded-full ring-2 ring-background", sz.dot, cls, active && "ring-primary/40 ring-4 scale-125"),
         style: dotColor ? { background: color } : void 0
       }
     ),
-    !last && showLine && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    !last && showLine && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
       {
         className: cn("flex-1 border-l-2", LINE_STYLE_MAP[lineStyle]),
@@ -9000,8 +9062,8 @@ var TimelineRoot = React33.forwardRef(
     children,
     ...rest
   }, ref) => {
-    const content = items ? items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TimelineItem, { ...it, className: cn(itemClassName, it.className), "data-index": i, "data-last": i === (items?.length ?? 0) - 1 }, i)) : children;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(TimelineContext.Provider, { value: { align, variant, size, mode, lineColor, lineStyle, itemClassName, animate, dense, showLine }, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+    const content = items ? items.map((it, i) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TimelineItem, { ...it, className: cn(itemClassName, it.className), "data-index": i, "data-last": i === (items?.length ?? 0) - 1 }, i)) : children;
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(TimelineContext.Provider, { value: { align, variant, size, mode, lineColor, lineStyle, itemClassName, animate, dense, showLine }, children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
       "div",
       {
         ref,
@@ -9012,7 +9074,7 @@ var TimelineRoot = React33.forwardRef(
           className
         ),
         ...rest,
-        children: mode === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "space-y-0", children: content }) : content
+        children: mode === "vertical" ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "space-y-0", children: content }) : content
       }
     ) });
   }
@@ -9060,39 +9122,39 @@ var TimelineItem = React33.forwardRef(
       modern: "rounded-lg bg-gradient-to-r from-card to-muted/20 border border-border/50 px-5 py-4 backdrop-blur-sm",
       gradient: "rounded-xl bg-gradient-to-br from-primary/10 via-card to-accent/10 border border-primary/20 px-5 py-4 shadow-lg"
     };
-    const contentBox = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("min-w-0 flex-1", variantClasses[ctx.variant]), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex-1 min-w-0", children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("font-semibold text-foreground", sz.title), children: title }),
-            badge && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "px-2 py-0.5 rounded-full text-[10px] font-medium bg-primary/10 text-primary", children: badge })
+    const contentBox = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("min-w-0 flex-1", variantClasses[ctx.variant]), children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex-1 min-w-0", children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("font-semibold text-foreground", sz.title), children: title }),
+            badge && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-0.5 rounded-full text-[10px] font-medium bg-primary/10 text-primary", children: badge })
           ] }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("text-muted-foreground mt-1", sz.desc), children: description }),
-          children && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mt-2", children })
+          description && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("text-muted-foreground mt-1", sz.desc), children: description }),
+          children && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mt-2", children })
         ] }),
-        collapsible && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+        collapsible && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           "button",
           {
             type: "button",
             onClick: toggleExpanded,
             className: cn("text-muted-foreground hover:text-foreground transition-transform p-1", isExpanded && "rotate-180"),
-            children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.ChevronDown, { className: "h-4 w-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_lucide_react22.ChevronDown, { className: "h-4 w-4" })
           }
         )
       ] }),
-      time && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("mt-2 text-muted-foreground flex items-center gap-1", sz.time), children: time }),
-      collapsible && isExpanded && expandContent && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "mt-3 pt-3 border-t border-border/50 text-sm", children: expandContent })
+      time && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("mt-2 text-muted-foreground flex items-center gap-1", sz.time), children: time }),
+      collapsible && isExpanded && expandContent && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "mt-3 pt-3 border-t border-border/50 text-sm", children: expandContent })
     ] });
     const markerWidth = Icon || dot ? "w-auto" : "w-6";
-    const leftSide = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex items-stretch gap-4", padding, ctx.animate && "animate-in slide-in-from-left duration-500"), style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("flex-shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Marker, { index: idx ?? 0, last: isLast, size: ctx.size, color, status, lineColor: ctx.lineColor, lineStyle: ctx.lineStyle, active, dot, icon: Icon, showLine: ctx.showLine }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex-1", children: contentBox })
+    const leftSide = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("flex items-stretch gap-4", padding, ctx.animate && "animate-in slide-in-from-left duration-500"), style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("flex-shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Marker, { index: idx ?? 0, last: isLast, size: ctx.size, color, status, lineColor: ctx.lineColor, lineStyle: ctx.lineStyle, active, dot, icon: Icon, showLine: ctx.showLine }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1", children: contentBox })
     ] });
-    const rightSide = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: cn("flex items-stretch gap-4", padding, ctx.animate && "animate-in slide-in-from-right duration-500"), style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex-1 flex justify-end", children: contentBox }),
-      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("flex-shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Marker, { index: idx ?? 0, last: isLast, size: ctx.size, color, status, lineColor: ctx.lineColor, lineStyle: ctx.lineStyle, active, dot, icon: Icon, showLine: ctx.showLine }) })
+    const rightSide = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: cn("flex items-stretch gap-4", padding, ctx.animate && "animate-in slide-in-from-right duration-500"), style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 flex justify-end", children: contentBox }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("flex-shrink-0 flex items-stretch", markerWidth), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Marker, { index: idx ?? 0, last: isLast, size: ctx.size, color, status, lineColor: ctx.lineColor, lineStyle: ctx.lineStyle, active, dot, icon: Icon, showLine: ctx.showLine }) })
     ] });
-    const horizontalItem = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
+    const horizontalItem = /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
       "div",
       {
         className: cn(
@@ -9101,19 +9163,19 @@ var TimelineItem = React33.forwardRef(
         ),
         style: { animationDelay: ctx.animate ? `${(idx ?? 0) * 100}ms` : void 0 },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Marker, { index: idx ?? 0, last: isLast, size: ctx.size, color, status, lineColor: ctx.lineColor, lineStyle: ctx.lineStyle, active, dot, icon: Icon, showLine: false }),
-          !isLast && ctx.showLine && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("h-px w-full border-t-2", LINE_STYLE_MAP[ctx.lineStyle]), style: { borderColor: ctx.lineColor || "hsl(var(--border))" } }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Marker, { index: idx ?? 0, last: isLast, size: ctx.size, color, status, lineColor: ctx.lineColor, lineStyle: ctx.lineStyle, active, dot, icon: Icon, showLine: false }),
+          !isLast && ctx.showLine && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("h-px w-full border-t-2", LINE_STYLE_MAP[ctx.lineStyle]), style: { borderColor: ctx.lineColor || "hsl(var(--border))" } }),
           contentBox
         ]
       }
     );
     if (ctx.mode === "horizontal") {
-      return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref, className: cn("relative", className), ...rest, children: horizontalItem });
+      return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, className: cn("relative", className), ...rest, children: horizontalItem });
     }
     let row = leftSide;
     if (ctx.align === "right") row = rightSide;
     if (ctx.align === "alternate") row = (idx ?? 0) % 2 === 0 ? leftSide : rightSide;
-    return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { ref, className: cn("relative", className), ...rest, children: row });
+    return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { ref, className: cn("relative", className), ...rest, children: row });
   }
 );
 TimelineItem.displayName = "Timeline.Item";
@@ -9122,8 +9184,8 @@ var Timeline_default = Timeline;
 
 // ../../components/ui/ColorPicker.tsx
 var React34 = __toESM(require("react"), 1);
-var import_lucide_react24 = require("lucide-react");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_lucide_react23 = require("lucide-react");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 var clamp = (n, min, max) => Math.max(min, Math.min(max, n));
 function hexToRgb(hex) {
   const str = hex.replace(/^#/, "").trim();
@@ -9282,7 +9344,7 @@ var Swatch = ({
     md: "h-6 w-6",
     lg: "h-8 w-8"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     "button",
     {
       type: "button",
@@ -9406,7 +9468,7 @@ function ColorPicker({
     lg: "h-12 text-base"
   };
   const swatchSize = size === "sm" ? "sm" : size === "lg" ? "lg" : "md";
-  const trigger = /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+  const trigger = /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
     "button",
     {
       type: "button",
@@ -9420,8 +9482,8 @@ function ColorPicker({
       ),
       "aria-label": "Open color picker",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "span",
             {
               className: cn(
@@ -9431,9 +9493,9 @@ function ColorPicker({
               style: { backgroundColor: withAlpha ? `rgba(${rgba.r}, ${rgba.g}, ${rgba.b}, ${rgba.a})` : hexForInput }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "font-mono text-muted-foreground", children: text })
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "font-mono text-muted-foreground", children: text })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.Pipette, { className: cn(size === "sm" ? "w-3.5 h-3.5" : size === "lg" ? "w-5 h-5" : "w-4 h-4", "text-muted-foreground") })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Pipette, { className: cn(size === "sm" ? "w-3.5 h-3.5" : size === "lg" ? "w-5 h-5" : "w-4 h-4", "text-muted-foreground") })
       ]
     }
   );
@@ -9443,7 +9505,7 @@ function ColorPicker({
     default: 320,
     full: 360
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: cn("inline-block w-full", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: cn("inline-block w-full", className), ...rest, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
     Popover,
     {
       trigger,
@@ -9453,22 +9515,22 @@ function ColorPicker({
       matchTriggerWidth: variant === "minimal",
       contentWidth: contentWidthByVariant[variant],
       contentClassName: cn("p-3 rounded-lg border border-border bg-card shadow-lg", contentClassName),
-      children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-3", children: [
-        variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("input", { type: "color", value: hexForInput, onChange: handleNativeChange, className: "h-9 w-9 rounded-md cursor-pointer border border-border" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "space-y-3", children: [
+        variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("input", { type: "color", value: hexForInput, onChange: handleNativeChange, className: "h-9 w-9 rounded-md cursor-pointer border border-border" }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "button",
             {
               type: "button",
               onClick: tryEyedropper,
               className: cn("h-9 px-3 rounded-md border border-border text-xs hover:bg-accent/10 transition-colors flex items-center gap-1.5"),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.Pipette, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Pipette, { className: "w-3.5 h-3.5" }),
                 variant === "full" && "Pick"
               ]
             }
           ),
-          copyable && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          copyable && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "button",
             {
               type: "button",
@@ -9478,26 +9540,26 @@ function ColorPicker({
                 copied && "bg-green-500/10 border-green-500/30"
               ),
               children: [
-                copied ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.Check, { className: "w-3.5 h-3.5 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.Copy, { className: "w-3.5 h-3.5" }),
+                copied ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Check, { className: "w-3.5 h-3.5 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Copy, { className: "w-3.5 h-3.5" }),
                 variant === "full" && (copied ? "Copied!" : "Copy")
               ]
             }
           ),
-          clearable && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+          clearable && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(
             "button",
             {
               type: "button",
               onClick: clear,
               className: "ml-auto h-9 px-2 rounded-md border border-border text-xs hover:bg-destructive/10 transition-colors flex items-center gap-1",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.X, { className: "w-3.5 h-3.5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.X, { className: "w-3.5 h-3.5" }),
                 variant === "full" && "Clear"
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             Input_default,
             {
               value: text,
@@ -9508,7 +9570,7 @@ function ColorPicker({
               className: "flex-1"
             }
           ),
-          variant === "minimal" && copyable && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          variant === "minimal" && copyable && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             "button",
             {
               type: "button",
@@ -9517,17 +9579,17 @@ function ColorPicker({
                 "h-9 w-9 rounded-md border border-border hover:bg-accent/10 transition-colors flex items-center justify-center",
                 copied && "bg-green-500/10 border-green-500/30"
               ),
-              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.Check, { className: "w-3.5 h-3.5 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.Copy, { className: "w-3.5 h-3.5" })
+              children: copied ? /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Check, { className: "w-3.5 h-3.5 text-green-600" }) : /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Copy, { className: "w-3.5 h-3.5" })
             }
           )
         ] }),
-        withAlpha && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Slider, { min: 0, max: 100, step: 1, value: alphaPct, onChange: (v) => setAlpha(v), label: "Alpha", showValue: true, formatValue: (v) => `${v}%`, size: "sm" }) }),
-        variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.Palette, { className: "w-3.5 h-3.5" }),
+        withAlpha && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "pt-1", children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Slider, { min: 0, max: 100, step: 1, value: alphaPct, onChange: (v) => setAlpha(v), label: "Alpha", showValue: true, formatValue: (v) => `${v}%`, size: "sm" }) }),
+        variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.Palette, { className: "w-3.5 h-3.5" }),
             " Presets"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "grid grid-cols-8 gap-2", children: swatches.map((c) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "grid grid-cols-8 gap-2", children: swatches.map((c) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             Swatch,
             {
               color: c,
@@ -9543,12 +9605,12 @@ function ColorPicker({
             c
           )) })
         ] }),
-        showRecent && recentColors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react24.History, { className: "w-3.5 h-3.5" }),
+        showRecent && recentColors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2 flex items-center gap-1.5", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_lucide_react23.History, { className: "w-3.5 h-3.5" }),
             " Recent"
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex gap-2 flex-wrap", children: recentColors.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex gap-2 flex-wrap", children: recentColors.map((c, i) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
             Swatch,
             {
               color: c,
@@ -9564,12 +9626,12 @@ function ColorPicker({
             `${c}-${i}`
           )) })
         ] }),
-        showHarmony && harmony && variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Harmony" }),
-          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs text-muted-foreground w-24", children: "Complementary" }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        showHarmony && harmony && variant !== "minimal" && /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: "Harmony" }),
+          /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "space-y-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-muted-foreground w-24", children: "Complementary" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 Swatch,
                 {
                   color: harmony.complementary,
@@ -9583,11 +9645,11 @@ function ColorPicker({
                   }
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs font-mono text-muted-foreground", children: harmony.complementary })
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs font-mono text-muted-foreground", children: harmony.complementary })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs text-muted-foreground w-24", children: "Triadic" }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex gap-2", children: harmony.triadic.map((c) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-muted-foreground w-24", children: "Triadic" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex gap-2", children: harmony.triadic.map((c) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 Swatch,
                 {
                   color: c,
@@ -9603,9 +9665,9 @@ function ColorPicker({
                 c
               )) })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-xs text-muted-foreground w-24", children: "Analogous" }),
-              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "flex gap-2", children: harmony.analogous.map((c) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { className: "text-xs text-muted-foreground w-24", children: "Analogous" }),
+              /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex gap-2", children: harmony.analogous.map((c) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
                 Swatch,
                 {
                   color: c,
@@ -9630,7 +9692,7 @@ function ColorPicker({
 
 // ../../components/ui/Grid.tsx
 var import_react20 = __toESM(require("react"), 1);
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 var BP_MIN = {
   sm: 640,
   md: 768,
@@ -9737,7 +9799,7 @@ var GridRoot = import_react20.default.forwardRef(
         css += `}}`;
       });
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
       "div",
       {
         ref,
@@ -9750,7 +9812,7 @@ var GridRoot = import_react20.default.forwardRef(
         style,
         ...rest,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("style", { dangerouslySetInnerHTML: { __html: css } }),
+          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("style", { dangerouslySetInnerHTML: { __html: css } }),
           children
         ]
       }
@@ -9792,8 +9854,8 @@ var GridItem = import_react20.default.forwardRef(
       st.opacity = 0;
       st.animation = `uvGridItemFadeIn 0.5s ease-out forwards`;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_jsx_runtime43.Fragment, { children: [
-      animationDelay != null && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(import_jsx_runtime42.Fragment, { children: [
+      animationDelay != null && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "style",
         {
           dangerouslySetInnerHTML: {
@@ -9801,7 +9863,7 @@ var GridItem = import_react20.default.forwardRef(
           }
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
         "div",
         {
           ref,
@@ -9822,21 +9884,21 @@ var Grid_default = Grid;
 
 // ../../components/ui/ClientOnly.tsx
 var import_react21 = require("react");
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 function ClientOnly({ children, fallback = null }) {
   const [hasMounted, setHasMounted] = (0, import_react21.useState)(false);
   (0, import_react21.useEffect)(() => {
     setHasMounted(true);
   }, []);
   if (!hasMounted) {
-    return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children: fallback });
+    return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children: fallback });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_jsx_runtime44.Fragment, { children });
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_jsx_runtime43.Fragment, { children });
 }
 
 // ../../components/ui/Loading.tsx
-var import_lucide_react25 = require("lucide-react");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_lucide_react24 = require("lucide-react");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var LoadingSpinner = ({
   size = "md",
   className,
@@ -9852,8 +9914,8 @@ var LoadingSpinner = ({
     foreground: "text-foreground",
     muted: "text-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-    import_lucide_react25.Activity,
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    import_lucide_react24.Activity,
     {
       className: cn(
         "animate-spin",
@@ -9873,7 +9935,7 @@ var LoadingDots = ({
     foreground: "bg-foreground",
     muted: "bg-muted-foreground"
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: cn("flex items-center space-x-1", className), children: [0, 1, 2].map((i) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       className: cn(
@@ -9895,7 +9957,7 @@ var LoadingBar = ({
   label
 }) => {
   const pct = progress ? Math.min(Math.max(progress, 0), 100) : void 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
     "div",
     {
       className: cn("w-full bg-muted rounded-full h-2", className),
@@ -9904,7 +9966,7 @@ var LoadingBar = ({
       "aria-valuemax": pct === void 0 ? void 0 : 100,
       "aria-valuenow": pct === void 0 ? void 0 : Math.round(pct),
       "aria-label": label || "Loading",
-      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
         "div",
         {
           className: cn(
@@ -9922,9 +9984,9 @@ var LoadingBar = ({
 
 // ../../components/ui/Table.tsx
 var import_react22 = __toESM(require("react"), 1);
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var Table = import_react22.default.forwardRef(
-  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  ({ className, containerClassName, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
     "div",
     {
       className: cn(
@@ -9934,7 +9996,7 @@ var Table = import_react22.default.forwardRef(
         "backdrop-blur-sm transition-all duration-300",
         containerClassName
       ),
-      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
         "table",
         {
           ref,
@@ -9947,7 +10009,7 @@ var Table = import_react22.default.forwardRef(
 );
 Table.displayName = "Table";
 var TableHeader = import_react22.default.forwardRef(
-  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+  ({ className, children, filterRow, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
     "thead",
     {
       ref,
@@ -9965,7 +10027,7 @@ var TableHeader = import_react22.default.forwardRef(
   )
 );
 TableHeader.displayName = "TableHeader";
-var TableBody = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableBody = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "tbody",
   {
     ref,
@@ -9974,7 +10036,7 @@ var TableBody = import_react22.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableFooter = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "tfoot",
   {
     ref,
@@ -9986,7 +10048,7 @@ var TableFooter = import_react22.default.forwardRef(({ className, ...props }, re
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableRow = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "tr",
   {
     ref,
@@ -10000,7 +10062,7 @@ var TableRow = import_react22.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableHead = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "th",
   {
     ref,
@@ -10012,7 +10074,7 @@ var TableHead = import_react22.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableCell = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "td",
   {
     ref,
@@ -10021,7 +10083,7 @@ var TableCell = import_react22.default.forwardRef(({ className, ...props }, ref)
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var TableCaption = import_react22.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
   "caption",
   {
     ref,
@@ -10032,10 +10094,10 @@ var TableCaption = import_react22.default.forwardRef(({ className, ...props }, r
 TableCaption.displayName = "TableCaption";
 
 // ../../components/ui/DataTable.tsx
-var import_lucide_react26 = require("lucide-react");
+var import_lucide_react25 = require("lucide-react");
 var import_react23 = __toESM(require("react"), 1);
 var import_next_intl7 = require("next-intl");
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("react/jsx-runtime");
 function useDebounced(value, delay = 300) {
   const [debounced, setDebounced] = import_react23.default.useState(value);
   import_react23.default.useEffect(() => {
@@ -10099,7 +10161,7 @@ function DataTable({
       className: "h-8 w-full text-sm"
     };
     if (col.filter.type === "text") {
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Input_default,
         {
           ...commonProps,
@@ -10114,7 +10176,7 @@ function DataTable({
     }
     if (col.filter.type === "select") {
       const options = col.filter.options || [];
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         Combobox,
         {
           options: ["", ...options],
@@ -10130,7 +10192,7 @@ function DataTable({
       );
     }
     if (col.filter.type === "date") {
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
         DatePicker,
         {
           placeholder: col.filter.placeholder || `Select ${String(col.title)}`,
@@ -10144,7 +10206,7 @@ function DataTable({
     }
     return null;
   };
-  const renderHeader = /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableRow, { children: visibleColumns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  const renderHeader = /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { children: visibleColumns.map((col, colIdx) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
     TableHead,
     {
       style: { width: col.width },
@@ -10157,9 +10219,9 @@ function DataTable({
       children: (() => {
         const isRightAlign = col.align === "right" || !col.align && headerAlign === "right";
         const isCenterAlign = col.align === "center" || !col.align && headerAlign === "center";
-        const titleContent = /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1 min-w-0 flex-shrink", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "truncate font-medium text-sm", children: col.title }),
-          col.sortable && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        const titleContent = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-1 min-w-0 flex-shrink", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate font-medium text-sm", children: col.title }),
+          col.sortable && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
             "button",
             {
               className: cn(
@@ -10176,8 +10238,8 @@ function DataTable({
               },
               "aria-label": "Sort",
               title: `Sort by ${String(col.title)}`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 20 20", fill: "none", className: "inline-block", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   "path",
                   {
                     d: "M7 8l3-3 3 3",
@@ -10188,7 +10250,7 @@ function DataTable({
                     opacity: sort?.key === col.key && sort.order === "asc" ? 1 : 0.4
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                   "path",
                   {
                     d: "M7 12l3 3 3-3",
@@ -10203,11 +10265,11 @@ function DataTable({
             }
           )
         ] });
-        const filterContent = col.filter && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        const filterContent = col.filter && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           Popover,
           {
             placement: isRightAlign ? "bottom-end" : "bottom-start",
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
               "button",
               {
                 className: cn(
@@ -10217,16 +10279,16 @@ function DataTable({
                 ),
                 "aria-label": "Filter",
                 title: "Filter",
-                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react26.Filter, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react25.Filter, { className: "h-4 w-4" })
               }
             ),
-            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "w-48 p-2 space-y-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
+            children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "w-48 p-2 space-y-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "text-xs font-medium text-muted-foreground mb-2", children: [
                 "Filter ",
                 col.title
               ] }),
               renderFilterControl(col),
-              filters[col.key] && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              filters[col.key] && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "button",
                 {
                   onClick: () => {
@@ -10244,7 +10306,7 @@ function DataTable({
             ] })
           }
         );
-        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           "div",
           {
             className: cn(
@@ -10253,10 +10315,10 @@ function DataTable({
               isCenterAlign && "justify-center",
               !isRightAlign && !isCenterAlign && "justify-between"
             ),
-            children: isRightAlign ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+            children: isRightAlign ? /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
               filterContent,
               titleContent
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(import_jsx_runtime46.Fragment, { children: [
               titleContent,
               filterContent
             ] })
@@ -10305,15 +10367,15 @@ function DataTable({
     }
     return processedData.slice(start, start + curPageSize);
   }, [processedData, curPage, curPageSize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: cn("space-y-2", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "text-sm text-muted-foreground", children: caption }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-        enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: cn("space-y-2", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-between gap-4 mb-1", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "text-sm text-muted-foreground", children: caption }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2", children: [
+        enableDensityToggle && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 10h16M4 14h16M4 18h16" }) }),
               labels?.density || t("density")
             ] }),
             items: [
@@ -10323,11 +10385,11 @@ function DataTable({
             ]
           }
         ),
-        enableColumnVisibilityToggle && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        enableColumnVisibilityToggle && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -10338,26 +10400,26 @@ function DataTable({
               ) }),
               labels?.columns || t("columns")
             ] }),
-            children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+            children: columns.map((c) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
               DropdownMenuItem,
               {
                 onClick: () => {
                   setVisibleCols((prev) => prev.includes(c.key) ? prev.filter((k) => k !== c.key) : [...prev, c.key]);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "truncate", children: c.title })
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("input", { type: "checkbox", className: "mr-2 rounded border-border", readOnly: true, checked: visibleCols.includes(c.key) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "truncate", children: c.title })
                 ]
               },
               c.key
             ))
           }
         ),
-        enableHeaderAlignToggle && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        enableHeaderAlignToggle && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
           DropdownMenu_default,
           {
-            trigger: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
+            trigger: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Button_default, { variant: "ghost", size: "sm", className: "h-8 px-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("svg", { className: "w-4 h-4 mr-1", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M4 6h16M4 12h10M4 18h16" }) }),
               labels?.headerAlign || t("headerAlign")
             ] }),
             items: [
@@ -10370,17 +10432,17 @@ function DataTable({
         toolbar
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("relative rounded-md border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: cn("relative rounded-md border border-border/50 overflow-hidden", loading2 && "opacity-60 pointer-events-none"), children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
       Table,
       {
         containerClassName: "border-0 md:border-0 rounded-none md:rounded-none shadow-none bg-transparent",
         className: "[&_thead]:sticky [&_thead]:top-0 [&_thead]:z-[5] [&_thead]:bg-background [&_thead]:backdrop-blur-sm",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableHeader, { children: renderHeader }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableHeader, { children: renderHeader }),
+          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableBody, { children: loading2 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-8", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center justify-center gap-2 text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("svg", { className: "animate-spin h-4 w-4", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 "path",
                 {
                   className: "opacity-75",
@@ -10389,12 +10451,12 @@ function DataTable({
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-sm", children: "Loading..." })
-          ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : displayedData.map((row, idx) => {
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm", children: "Loading..." })
+          ] }) }) }) : !displayedData || displayedData.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableCell, { colSpan: visibleColumns.length, className: "text-center py-6 text-muted-foreground", children: "No data" }) }) : displayedData.map((row, idx) => {
             const isLastRow = idx === displayedData.length - 1;
-            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col, colIdx) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(TableRow, { className: cn(densityRowClass, striped && idx % 2 === 0 && "bg-muted/30"), children: visibleColumns.map((col, colIdx) => {
               const value = col.dataIndex ? row[col.dataIndex] : void 0;
-              return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
                 TableCell,
                 {
                   className: cn(
@@ -10414,7 +10476,7 @@ function DataTable({
         ]
       }
     ) }),
-    totalItems > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "border-t bg-muted/30 p-4 rounded-b-md", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    totalItems > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "border-t bg-muted/30 p-4 rounded-b-md", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       Pagination,
       {
         page: curPage,
@@ -12204,7 +12266,7 @@ function useForm(props = {}) {
 
 // ../../components/ui/Form.tsx
 var import_next_intl8 = require("next-intl");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var FormConfigContext = React39.createContext({ size: "md" });
 var FormWrapper = ({
   children,
@@ -12224,14 +12286,14 @@ var FormWrapper = ({
     }
   }, [JSON.stringify(initialValues)]);
   const { validationSchema: _, ...formProps } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormProvider, { ...methods, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormConfigContext.Provider, { value: { size }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("form", { onSubmit: methods.handleSubmit(onSubmit), className, ...formProps, children }) }) });
 };
 var Form = FormWrapper;
 var FormFieldContext = React39.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React39.useContext(FormFieldContext);
@@ -12259,14 +12321,14 @@ var useFormField = () => {
 var FormItemContext = React39.createContext({});
 var FormItem = React39.forwardRef(({ className, ...props }, ref) => {
   const id = React39.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React39.forwardRef(({ className, children, required, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   const config = React39.useContext(FormConfigContext);
   const sizeClass = config.size === "sm" ? "text-xs" : config.size === "lg" ? "text-base" : "text-sm";
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     Label,
     {
       ref,
@@ -12275,7 +12337,7 @@ var FormLabel = React39.forwardRef(({ className, children, required, ...props },
       ...props,
       children: [
         children,
-        required && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-destructive ml-1", children: "*" })
+        required && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-destructive ml-1", children: "*" })
       ]
     }
   );
@@ -12283,7 +12345,7 @@ var FormLabel = React39.forwardRef(({ className, children, required, ...props },
 FormLabel.displayName = "FormLabel";
 var FormControl = React39.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "div",
     {
       ref,
@@ -12297,7 +12359,7 @@ var FormControl = React39.forwardRef(({ ...props }, ref) => {
 FormControl.displayName = "FormControl";
 var FormDescription = React39.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { ref, id: formDescriptionId, className: cn("text-sm text-muted-foreground", className), ...props });
 });
 FormDescription.displayName = "FormDescription";
 var FormMessage = React39.forwardRef(({ className, children, ...props }, ref) => {
@@ -12306,26 +12368,26 @@ var FormMessage = React39.forwardRef(({ className, children, ...props }, ref) =>
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { ref, id: formMessageId, className: cn("text-sm font-medium text-destructive", className), ...props, children: body });
 });
 FormMessage.displayName = "FormMessage";
-var FormInput = React39.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var FormInput = React39.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(FormItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Input_default, { size: props.size ?? size, ...field, ...props }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormMessage, {})
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(FormItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Input_default, { size: props.size ?? size, ...field, ...props }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormMessage, {})
     ] })
   }
 ) }));
 FormInput.displayName = "FormInput";
-var FormCheckbox = React39.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var FormCheckbox = React39.forwardRef(({ name, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
   FormField,
   {
     name,
-    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(FormItem, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(FormItem, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         Checkbox,
         {
           ref,
@@ -12339,20 +12401,20 @@ var FormCheckbox = React39.forwardRef(({ name, ...props }, ref) => /* @__PURE__
           ...props
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormMessage, {})
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormMessage, {})
     ] })
   }
 ) }));
 FormCheckbox.displayName = "FormCheckbox";
-var FormActions = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
+var FormActions = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref, className: cn("flex gap-2 justify-end", className), ...props }));
 FormActions.displayName = "FormActions";
-var FormSubmitButton = React39.forwardRef(({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) }));
+var FormSubmitButton = React39.forwardRef(({ children, loading: loading2, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(FormConfigContext.Consumer, { children: ({ size }) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button_default, { ref, type: "submit", size: props.size ?? size, disabled: loading2, ...props, children }) }));
 FormSubmitButton.displayName = "FormSubmitButton";
 
 // ../../components/ui/NotificationModal.tsx
-var import_lucide_react27 = require("lucide-react");
+var import_lucide_react26 = require("lucide-react");
 var import_next_intl9 = require("next-intl");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 function NotificationModal({ isOpen, onClose, notification, titleText, openLinkText, closeText }) {
   const t = (0, import_next_intl9.useTranslations)("Common");
   if (!notification) return null;
@@ -12373,26 +12435,26 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
       onClose();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
     Modal_default,
     {
       isOpen,
       onClose,
       title: titleText || t("notifications"),
       size: "md",
-      children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn(
+      children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 pb-2 border-b border-border", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn(
             "w-2 h-2 rounded-full",
             !notification.is_read ? "bg-primary" : "bg-border"
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-muted-foreground", children: !notification.is_read ? t("newNotification") : t("readStatus") })
         ] }),
-        notification.title && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
-        notification.body && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime3(notification.created_at) }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
-          hasLink && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+        notification.title && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "text-lg font-semibold text-foreground", children: notification.title }),
+        notification.body && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-muted-foreground whitespace-pre-wrap leading-relaxed", children: notification.body }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-xs text-muted-foreground border-t border-border pt-2", children: formatTime3(notification.created_at) }),
+        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex gap-2 justify-end pt-2", children: [
+          hasLink && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
             Button_default,
             {
               variant: "primary",
@@ -12400,12 +12462,12 @@ function NotificationModal({ isOpen, onClose, notification, titleText, openLinkT
               onClick: handleLinkClick,
               className: "gap-2",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react27.ExternalLink, { className: "w-4 h-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react26.ExternalLink, { className: "w-4 h-4" }),
                 openLinkText || t("openLink")
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             Button_default,
             {
               variant: "ghost",
@@ -12424,160 +12486,10 @@ var NotificationModal_default = NotificationModal;
 // ../../components/ui/FloatingContacts.tsx
 var import_link2 = __toESM(require("next/link"), 1);
 var import_navigation = require("next/navigation");
-var import_lucide_react28 = require("lucide-react");
-
-// ../../node_modules/react-icons/lib/iconBase.mjs
-var import_react26 = __toESM(require("react"), 1);
-
-// ../../node_modules/react-icons/lib/iconContext.mjs
-var import_react25 = __toESM(require("react"), 1);
-var DefaultContext = {
-  color: void 0,
-  size: void 0,
-  className: void 0,
-  style: void 0,
-  attr: void 0
-};
-var IconContext = import_react25.default.createContext && /* @__PURE__ */ import_react25.default.createContext(DefaultContext);
-
-// ../../node_modules/react-icons/lib/iconBase.mjs
-var _excluded = ["attr", "size", "title"];
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function(target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-function _toPropertyKey(t) {
-  var i = _toPrimitive(t, "string");
-  return "symbol" == typeof i ? i : i + "";
-}
-function _toPrimitive(t, r) {
-  if ("object" != typeof t || !t) return t;
-  var e = t[Symbol.toPrimitive];
-  if (void 0 !== e) {
-    var i = e.call(t, r || "default");
-    if ("object" != typeof i) return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return ("string" === r ? String : Number)(t);
-}
-function Tree2Element(tree) {
-  return tree && tree.map((node, i) => /* @__PURE__ */ import_react26.default.createElement(node.tag, _objectSpread({
-    key: i
-  }, node.attr), Tree2Element(node.child)));
-}
-function GenIcon(data) {
-  return (props) => /* @__PURE__ */ import_react26.default.createElement(IconBase, _extends({
-    attr: _objectSpread({}, data.attr)
-  }, props), Tree2Element(data.child));
-}
-function IconBase(props) {
-  var elem = (conf) => {
-    var {
-      attr,
-      size,
-      title
-    } = props, svgProps = _objectWithoutProperties(props, _excluded);
-    var computedSize = size || conf.size || "1em";
-    var className;
-    if (conf.className) className = conf.className;
-    if (props.className) className = (className ? className + " " : "") + props.className;
-    return /* @__PURE__ */ import_react26.default.createElement("svg", _extends({
-      stroke: "currentColor",
-      fill: "currentColor",
-      strokeWidth: "0"
-    }, conf.attr, attr, svgProps, {
-      className,
-      style: _objectSpread(_objectSpread({
-        color: props.color || conf.color
-      }, conf.style), props.style),
-      height: computedSize,
-      width: computedSize,
-      xmlns: "http://www.w3.org/2000/svg"
-    }), title && /* @__PURE__ */ import_react26.default.createElement("title", null, title), props.children);
-  };
-  return IconContext !== void 0 ? /* @__PURE__ */ import_react26.default.createElement(IconContext.Consumer, null, (conf) => elem(conf)) : elem(DefaultContext);
-}
-
-// ../../node_modules/react-icons/fa/index.mjs
-function FaInstagram(props) {
-  return GenIcon({ "tag": "svg", "attr": { "viewBox": "0 0 448 512" }, "child": [{ "tag": "path", "attr": { "d": "M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z" }, "child": [] }] })(props);
-}
-
-// ../../node_modules/react-icons/si/index.mjs
-function SiZalo(props) {
-  return GenIcon({ "tag": "svg", "attr": { "role": "img", "viewBox": "0 0 24 24" }, "child": [{ "tag": "path", "attr": { "d": "M12.49 10.2722v-.4496h1.3467v6.3218h-.7704a.576.576 0 01-.5763-.5729l-.0006.0005a3.273 3.273 0 01-1.9372.6321c-1.8138 0-3.2844-1.4697-3.2844-3.2823 0-1.8125 1.4706-3.2822 3.2844-3.2822a3.273 3.273 0 011.9372.6321l.0006.0005zM6.9188 7.7896v.205c0 .3823-.051.6944-.2995 1.0605l-.03.0343c-.0542.0615-.1815.206-.2421.2843L2.024 14.8h4.8948v.7682a.5764.5764 0 01-.5767.5761H0v-.3622c0-.4436.1102-.6414.2495-.8476L4.8582 9.23H.1922V7.7896h6.7266zm8.5513 8.3548a.4805.4805 0 01-.4803-.4798v-7.875h1.4416v8.3548H15.47zM20.6934 9.6C22.52 9.6 24 11.0807 24 12.9044c0 1.8252-1.4801 3.306-3.3066 3.306-1.8264 0-3.3066-1.4808-3.3066-3.306 0-1.8237 1.4802-3.3044 3.3066-3.3044zm-10.1412 5.253c1.0675 0 1.9324-.8645 1.9324-1.9312 0-1.065-.865-1.9295-1.9324-1.9295s-1.9324.8644-1.9324 1.9295c0 1.0667.865 1.9312 1.9324 1.9312zm10.1412-.0033c1.0737 0 1.945-.8707 1.945-1.9453 0-1.073-.8713-1.9436-1.945-1.9436-1.0753 0-1.945.8706-1.945 1.9436 0 1.0746.8697 1.9453 1.945 1.9453z" }, "child": [] }] })(props);
-}
-
-// ../../components/ui/FloatingContacts.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_lucide_react27 = require("lucide-react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 function MessengerIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { viewBox: "0 0 24 24", width: 24, height: 24, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
     "path",
     {
       d: "M12 2C6.477 2 2 6.145 2 11.235c0 2.93 1.35 5.542 3.464 7.25v3.515l3.344-1.836c.894.247 1.843.375 2.192.375 5.523 0 10-4.145 10-9.235S17.523 2 12 2zm.994 12.444l-2.563-2.73-5.004 2.73 5.507-5.84 2.626 2.729 4.942-2.729-5.508 5.84z",
@@ -12586,10 +12498,16 @@ function MessengerIcon(props) {
   ) });
 }
 function ZaloIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SiZalo, { size: 20, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { viewBox: "0 0 48 48", width: 20, height: 20, "aria-hidden": "true", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+    "path",
+    {
+      fill: "white",
+      d: "M24 4C12.954 4 4 12.954 4 24s8.954 20 20 20 20-8.954 20-20S35.046 4 24 4zm6.164 27.602h-4.239c-.405 0-.732-.328-.732-.732v-7.596l-2.646 7.933c-.096.288-.366.482-.67.482h-1.773c-.304 0-.574-.194-.67-.482l-2.647-7.933v7.596c0 .405-.327.732-.732.732h-2.873c-.405 0-.732-.328-.732-.732V17.134c0-.405.327-.732.732-.732h3.91c.32 0 .602.208.698.514l2.68 8.042 2.68-8.042c.096-.306.378-.514.698-.514h3.91c.405 0 .732.327.732.732v14.466c0 .404-.327.732-.732.732z"
+    }
+  ) });
 }
 function InstagramIcon(props) {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(FaInstagram, { size: 20, ...props });
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("svg", { viewBox: "0 0 24 24", width: 20, height: 20, "aria-hidden": "true", fill: "white", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("path", { d: "M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259 0-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838c-3.403 0-6.162 2.759-6.162 6.162s2.759 6.163 6.162 6.163 6.162-2.759 6.162-6.163c0-3.403-2.759-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.79-4-4 0-2.209 1.791-4 4-4s4 1.791 4 4c0 2.21-1.791 4-4 4zm6.406-11.845c-.796 0-1.441.645-1.441 1.44s.645 1.44 1.441 1.44c.795 0 1.439-.645 1.439-1.44s-.644-1.44-1.439-1.44z" }) });
 }
 function FloatingContacts({ className }) {
   const pathname = (0, import_navigation.usePathname)();
@@ -12624,8 +12542,8 @@ function FloatingContacts({ className }) {
       external: true
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: cn("fixed bottom-6 right-4 z-[100000]", "flex flex-col items-end gap-3", className), "aria-label": "Quick contacts", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       import_link2.default,
       {
         href: `tel:${hotline.replace(/\D/g, "")}`,
@@ -12636,10 +12554,10 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           "bg-[#22c55e]"
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react28.Phone, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react27.Phone, { className: "w-6 h-6" })
       }
     ),
-    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    moreItems.map(({ key, href, label, bg, Icon, external }) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       import_link2.default,
       {
         href,
@@ -12651,7 +12569,7 @@ function FloatingContacts({ className }) {
           "hover:scale-105 active:scale-95 transition-transform",
           bg
         ),
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Icon, { className: "w-6 h-6" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Icon, { className: "w-6 h-6" })
       },
       key
     ))
@@ -12659,17 +12577,17 @@ function FloatingContacts({ className }) {
 }
 
 // ../../components/ui/AccessDenied.tsx
-var import_lucide_react29 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_lucide_react28 = require("lucide-react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var VARIANT_STYLES = {
   destructive: { bg: "bg-destructive/5", border: "border-destructive/20", text: "text-destructive" },
   warning: { bg: "bg-warning/5", border: "border-warning/20", text: "text-warning" },
   info: { bg: "bg-info/5", border: "border-info/20", text: "text-info" }
 };
 var DEFAULT_ICONS = {
-  destructive: import_lucide_react29.ShieldAlert,
-  warning: import_lucide_react29.Ban,
-  info: import_lucide_react29.Lock
+  destructive: import_lucide_react28.ShieldAlert,
+  warning: import_lucide_react28.Ban,
+  info: import_lucide_react28.Lock
 };
 function AccessDenied({
   title = "Access Restricted",
@@ -12681,36 +12599,36 @@ function AccessDenied({
 }) {
   const styles = VARIANT_STYLES[variant];
   const UsedIcon = Icon || DEFAULT_ICONS[variant];
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card_default, { className: cn("p-8 text-center shadow-sm", styles.bg, styles.border, className), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col items-center gap-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: cn("p-3 rounded-lg", styles.bg.replace("/5", "/10")), children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(UsedIcon, { className: cn("w-8 h-8", styles.text) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: cn("font-semibold mb-2", styles.text), children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: cn(styles.text.replace("text-", "text-") + "/80", "text-sm"), children: description })
     ] }),
-    children && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
+    children && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "mt-2 flex flex-wrap gap-2 justify-center", children })
   ] }) });
 }
 
 // ../../components/ui/ThemeToggleHeadless.tsx
-var import_lucide_react30 = require("lucide-react");
-var import_react27 = require("react");
+var import_lucide_react29 = require("lucide-react");
+var import_react25 = require("react");
 var import_react_dom10 = require("react-dom");
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function ThemeToggleHeadless({
   theme,
   onChange,
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react27.useState)(false);
-  const [mounted, setMounted] = (0, import_react27.useState)(false);
-  const triggerRef = (0, import_react27.useRef)(null);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react27.useState)(null);
-  (0, import_react27.useEffect)(() => setMounted(true), []);
+  const [isOpen, setIsOpen] = (0, import_react25.useState)(false);
+  const [mounted, setMounted] = (0, import_react25.useState)(false);
+  const triggerRef = (0, import_react25.useRef)(null);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react25.useState)(null);
+  (0, import_react25.useEffect)(() => setMounted(true), []);
   const themes = [
-    { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react30.Sun },
-    { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react30.Moon },
-    { value: "system", label: labels?.system ?? "System", icon: import_lucide_react30.Monitor }
+    { value: "light", label: labels?.light ?? "Light", icon: import_lucide_react29.Sun },
+    { value: "dark", label: labels?.dark ?? "Dark", icon: import_lucide_react29.Moon },
+    { value: "system", label: labels?.system ?? "System", icon: import_lucide_react29.Monitor }
   ];
   const current = mounted ? themes.find((t) => t.value === theme) || themes[2] : themes[2];
   const CurrentIcon = current.icon;
@@ -12724,8 +12642,8 @@ function ThemeToggleHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       Button_default,
       {
         variant: "ghost",
@@ -12743,25 +12661,25 @@ function ThemeToggleHeadless({
         "aria-haspopup": "menu",
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Theme",
-        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(CurrentIcon, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CurrentIcon, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
-      typeof window !== "undefined" && (0, import_react_dom10.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(import_jsx_runtime51.Fragment, { children: [
+      typeof window !== "undefined" && (0, import_react_dom10.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && (0, import_react_dom10.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
           "div",
           {
             className: "z-[9999] bg-card border border-border rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "p-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Theme" }),
+            children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Theme" }),
               themes.map((opt) => {
                 const Icon = opt.icon;
                 const active = theme === opt.value;
-                return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
                   Button_default,
                   {
                     variant: "ghost",
@@ -12777,9 +12695,9 @@ function ThemeToggleHeadless({
                     role: "menuitemradio",
                     "aria-checked": active,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon, { className: "h-4 w-4" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex-1 text-left", children: opt.label }),
-                      active && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { className: "h-4 w-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "flex-1 text-left", children: opt.label }),
+                      active && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
                     ]
                   },
                   opt.value
@@ -12795,10 +12713,10 @@ function ThemeToggleHeadless({
 }
 
 // ../../components/ui/LanguageSwitcherHeadless.tsx
-var import_react28 = require("react");
+var import_react26 = require("react");
 var import_react_dom11 = require("react-dom");
-var import_lucide_react31 = require("lucide-react");
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_lucide_react30 = require("lucide-react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function LanguageSwitcherHeadless({
   locales,
   currentLocale,
@@ -12806,9 +12724,9 @@ function LanguageSwitcherHeadless({
   labels,
   className
 }) {
-  const [isOpen, setIsOpen] = (0, import_react28.useState)(false);
-  const [dropdownPosition, setDropdownPosition] = (0, import_react28.useState)(null);
-  const triggerButtonRef = (0, import_react28.useRef)(null);
+  const [isOpen, setIsOpen] = (0, import_react26.useState)(false);
+  const [dropdownPosition, setDropdownPosition] = (0, import_react26.useState)(null);
+  const triggerButtonRef = (0, import_react26.useRef)(null);
   const currentLanguage = locales.find((l) => l.code === currentLocale) || locales[0];
   const calculatePosition = () => {
     const rect = triggerButtonRef.current?.getBoundingClientRect();
@@ -12820,8 +12738,8 @@ function LanguageSwitcherHeadless({
     const top = rect.bottom + scrollTop + 8;
     return { top, left, width };
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: cn("relative", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: cn("relative", className), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       Button_default,
       {
         variant: "ghost",
@@ -12840,22 +12758,22 @@ function LanguageSwitcherHeadless({
         "aria-expanded": isOpen,
         "aria-label": labels?.heading ?? "Language",
         title: labels?.heading ?? "Language",
-        children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react31.Globe, { className: "h-5 w-5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_lucide_react30.Globe, { className: "h-5 w-5" })
       }
     ),
-    isOpen && /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_jsx_runtime53.Fragment, { children: [
-      typeof window !== "undefined" && (0, import_react_dom11.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(import_jsx_runtime52.Fragment, { children: [
+      typeof window !== "undefined" && (0, import_react_dom11.createPortal)(/* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "fixed inset-0 z-[9998]", onClick: () => setIsOpen(false) }), document.body),
       typeof window !== "undefined" && dropdownPosition && (0, import_react_dom11.createPortal)(
-        /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
           "div",
           {
             className: "z-[9999] bg-card border border-border rounded-lg shadow-lg overflow-hidden",
             style: { position: "absolute", top: dropdownPosition.top, left: dropdownPosition.left, width: dropdownPosition.width },
             onMouseDown: (e) => e.stopPropagation(),
             role: "menu",
-            children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "p-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Language" }),
-              locales.map((language) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)("div", { className: "p-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "px-3 py-2 text-sm font-medium text-muted-foreground border-b border-border mb-2", children: labels?.heading ?? "Language" }),
+              locales.map((language) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
                 Button_default,
                 {
                   variant: "ghost",
@@ -12868,9 +12786,9 @@ function LanguageSwitcherHeadless({
                   role: "menuitemradio",
                   "aria-checked": currentLocale === language.code,
                   children: [
-                    language.flag && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "text-lg", children: language.flag }),
-                    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { className: "flex-1 text-left", children: language.name }),
-                    currentLocale === language.code && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
+                    language.flag && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-lg", children: language.flag }),
+                    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "flex-1 text-left", children: language.name }),
+                    currentLocale === language.code && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "w-2 h-2 rounded-full bg-primary" })
                   ]
                 },
                 language.code