@elqnt/react 1.0.2 → 1.0.4

package/dist/index.mjs

@@ -1,17 +1,21 @@
-import {
-  Icon,
-  cn,
-  getBadgeVariant
-} from "./chunk-FLTEIMWJ.mjs";
-import {
-  uploadFile,
-  uploadToS3
-} from "./chunk-UXJQ7CBV.mjs";
+"use client";
 
 // components/ui/button.tsx
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
+
+// lib/utils.ts
+import { clsx } from "clsx";
+import { twMerge } from "tailwind-merge";
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function getBadgeVariant(status) {
+  return status === "open" ? "default" : "secondary";
+}
+
+// components/ui/button.tsx
 import { jsx } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
@@ -592,35 +596,55 @@ function BackButton() {
   }, children: "Back" });
 }
 
+// components/form-controls/icon.tsx
+import { icons } from "lucide-react";
+import { memo } from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Icon2 = memo(({ name, className, strokeWidth, size }) => {
+  const IconComponent = icons[name];
+  if (!IconComponent) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx9(
+    IconComponent,
+    {
+      className: cn(className),
+      strokeWidth: strokeWidth || 2.5,
+      size
+    }
+  );
+});
+Icon2.displayName = "Icon";
+
 // components/form-controls/action-bar/action-bar-button.tsx
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 function ActionBarButton({
   label,
   onClick,
   icon
 }) {
   return /* @__PURE__ */ jsxs4(Button2, { onClick, className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx9(Icon, { name: icon, size: 20, strokeWidth: 1 }),
+    /* @__PURE__ */ jsx10(Icon2, { name: icon, size: 20, strokeWidth: 1 }),
     label
   ] });
 }
 
 // components/form-controls/action-bar/action-bar.tsx
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
 var ActionBar = ({ actions }) => {
   function backHandler() {
     window.history.back();
   }
   return /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-center gap-4 bg-primary text-primary-foreground shadow rounded-md text-sm font-medium w-fit divide-solid divide-x", children: [
-    /* @__PURE__ */ jsx10("div", { className: "cursor-pointer pl-4 py-2", onClick: backHandler, children: /* @__PURE__ */ jsx10(Icon, { name: "ArrowBigLeft" }) }),
+    /* @__PURE__ */ jsx11("div", { className: "cursor-pointer pl-4 py-2", onClick: backHandler, children: /* @__PURE__ */ jsx11(Icon2, { name: "ArrowBigLeft" }) }),
     actions.map((item) => /* @__PURE__ */ jsxs5(
       "div",
       {
         className: "flex items-center justify-center gap-2 cursor-pointer py-2 px-4",
         onClick: item.onClick,
         children: [
-          /* @__PURE__ */ jsx10(Icon, { name: item.icon }),
-          /* @__PURE__ */ jsx10("p", { children: item.label })
+          /* @__PURE__ */ jsx11(Icon2, { name: item.icon }),
+          /* @__PURE__ */ jsx11("p", { children: item.label })
         ]
       },
       item.label
@@ -631,7 +655,7 @@ var ActionBar = ({ actions }) => {
 // components/ui/alert.tsx
 import * as React6 from "react";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 var alertVariants = cva3(
   "relative w-full rounded-lg border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-foreground [&>svg~*]:pl-7",
   {
@@ -646,7 +670,7 @@ var alertVariants = cva3(
     }
   }
 );
-var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx11(
+var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx12(
   "div",
   {
     ref,
@@ -656,7 +680,7 @@ var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__P
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "h5",
   {
     ref,
@@ -665,7 +689,7 @@ var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
+var AlertDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
   "div",
   {
     ref,
@@ -677,20 +701,20 @@ AlertDescription.displayName = "AlertDescription";
 
 // components/form-controls/alert.tsx
 import { RocketIcon } from "@radix-ui/react-icons";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var Alert2 = ({ title, description }) => {
   return /* @__PURE__ */ jsxs6(Alert, { children: [
-    /* @__PURE__ */ jsx12(RocketIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx12(AlertTitle, { children: title }),
-    /* @__PURE__ */ jsx12(AlertDescription, { children: description })
+    /* @__PURE__ */ jsx13(RocketIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx13(AlertTitle, { children: title }),
+    /* @__PURE__ */ jsx13(AlertDescription, { children: description })
   ] });
 };
 
 // components/ui/avatar.tsx
 import * as React7 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   AvatarPrimitive.Root,
   {
     ref,
@@ -702,7 +726,7 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   AvatarPrimitive.Image,
   {
     ref,
@@ -711,7 +735,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
+var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -725,11 +749,11 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // components/form-controls/avatar.tsx
-import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
 var Avatar2 = ({ image, fallback }) => {
   return /* @__PURE__ */ jsxs7(Avatar, { className: "w-fit", children: [
-    /* @__PURE__ */ jsx14(AvatarImage, { src: image }),
-    /* @__PURE__ */ jsx14(AvatarFallback, { children: fallback })
+    /* @__PURE__ */ jsx15(AvatarImage, { src: image }),
+    /* @__PURE__ */ jsx15(AvatarFallback, { children: fallback })
   ] });
 };
 
@@ -740,10 +764,10 @@ import { Fragment as Fragment2 } from "react";
 import * as React8 from "react";
 import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
-var Breadcrumb = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx15("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
+var Breadcrumb = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx16("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "ol",
   {
     ref,
@@ -755,7 +779,7 @@ var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "li",
   {
     ref,
@@ -766,7 +790,7 @@ var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__P
 BreadcrumbItem.displayName = "BreadcrumbItem";
 var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? Slot2 : "a";
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     Comp,
     {
       ref,
@@ -776,7 +800,7 @@ var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) =
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
+var BreadcrumbPage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   "span",
   {
     ref,
@@ -792,14 +816,14 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx15(
+}) => /* @__PURE__ */ jsx16(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:size-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx15(ChevronRightIcon, {})
+    children: children ?? /* @__PURE__ */ jsx16(ChevronRightIcon, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
@@ -814,26 +838,26 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx15(DotsHorizontalIcon, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx15("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx16(DotsHorizontalIcon, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // components/form-controls/breadcrumb.tsx
-import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 var Breadcrumb2 = ({ breadcrumb }) => {
-  return /* @__PURE__ */ jsx16(Breadcrumb, { className: "p-4", children: /* @__PURE__ */ jsx16(BreadcrumbList, { children: breadcrumb.map(({ href, label }, index) => /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    /* @__PURE__ */ jsx16(BreadcrumbItem, { children: index !== breadcrumb.length - 1 ? /* @__PURE__ */ jsx16(BreadcrumbLink, { className: "cursor-pointer", href, children: label.replace(/-/g, " ") }) : /* @__PURE__ */ jsx16(BreadcrumbPage, { children: label.replace(/-/g, " ") }) }),
-    index < breadcrumb.length - 1 && /* @__PURE__ */ jsx16(BreadcrumbSeparator, {})
+  return /* @__PURE__ */ jsx17(Breadcrumb, { className: "p-4", children: /* @__PURE__ */ jsx17(BreadcrumbList, { children: breadcrumb.map(({ href, label }, index) => /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    /* @__PURE__ */ jsx17(BreadcrumbItem, { children: index !== breadcrumb.length - 1 ? /* @__PURE__ */ jsx17(BreadcrumbLink, { className: "cursor-pointer", href, children: label.replace(/-/g, " ") }) : /* @__PURE__ */ jsx17(BreadcrumbPage, { children: label.replace(/-/g, " ") }) }),
+    index < breadcrumb.length - 1 && /* @__PURE__ */ jsx17(BreadcrumbSeparator, {})
   ] }, index)) }) });
 };
 
 // components/ui/card.tsx
 import * as React9 from "react";
-import { jsx as jsx17 } from "react/jsx-runtime";
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+import { jsx as jsx18 } from "react/jsx-runtime";
+var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   "div",
   {
     ref,
@@ -845,7 +869,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   "div",
   {
     ref,
@@ -854,7 +878,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   "h3",
   {
     ref,
@@ -863,7 +887,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   "p",
   {
     ref,
@@ -872,9 +896,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx17(
+var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
   "div",
   {
     ref,
@@ -885,15 +909,15 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 CardFooter.displayName = "CardFooter";
 
 // components/form-controls/card.tsx
-import { jsx as jsx18, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
 var Card2 = ({ title, description, content, footer }) => {
   return /* @__PURE__ */ jsxs10(Card, { children: [
     /* @__PURE__ */ jsxs10(CardHeader, { children: [
-      /* @__PURE__ */ jsx18(CardTitle, { children: title }),
-      description && /* @__PURE__ */ jsx18(CardDescription, { children: description })
+      /* @__PURE__ */ jsx19(CardTitle, { children: title }),
+      description && /* @__PURE__ */ jsx19(CardDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx18(CardContent, { children: /* @__PURE__ */ jsx18("p", { children: content }) }),
-    footer && /* @__PURE__ */ jsx18(CardFooter, { children: /* @__PURE__ */ jsx18("p", { children: footer }) })
+    /* @__PURE__ */ jsx19(CardContent, { children: /* @__PURE__ */ jsx19("p", { children: content }) }),
+    footer && /* @__PURE__ */ jsx19(CardFooter, { children: /* @__PURE__ */ jsx19("p", { children: footer }) })
   ] });
 };
 
@@ -904,8 +928,8 @@ import * as React13 from "react";
 import * as React10 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
 import { CheckIcon as CheckIcon2 } from "@radix-ui/react-icons";
-import { jsx as jsx19 } from "react/jsx-runtime";
-var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+import { jsx as jsx20 } from "react/jsx-runtime";
+var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -914,11 +938,11 @@ var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx19(
+    children: /* @__PURE__ */ jsx20(
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx19(CheckIcon2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "h-4 w-4" })
       }
     )
   }
@@ -938,11 +962,11 @@ import {
 import * as React11 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
 import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var labelVariants = cva4(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
   LabelPrimitive.Root,
   {
     ref,
@@ -953,7 +977,7 @@ var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Label2.displayName = LabelPrimitive.Root.displayName;
 
 // components/ui/form.tsx
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var Form = FormProvider;
 var FormFieldContext = React12.createContext(
   {}
@@ -961,7 +985,7 @@ var FormFieldContext = React12.createContext(
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx21(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx21(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx22(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx22(Controller, { ...props }) });
 };
 var useFormField = () => {
   const fieldContext = React12.useContext(FormFieldContext);
@@ -986,12 +1010,12 @@ var FormItemContext = React12.createContext(
 );
 var FormItem = React12.forwardRef(({ className, ...props }, ref) => {
   const id = React12.useId();
-  return /* @__PURE__ */ jsx21(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx21("div", { ref, className: cn("space-y-2", className), ...props }) });
+  return /* @__PURE__ */ jsx22(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx22("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
 var FormLabel = React12.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Label2,
     {
       ref,
@@ -1004,7 +1028,7 @@ var FormLabel = React12.forwardRef(({ className, ...props }, ref) => {
 FormLabel.displayName = "FormLabel";
 var FormControl = React12.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     Slot3,
     {
       ref,
@@ -1018,7 +1042,7 @@ var FormControl = React12.forwardRef(({ ...props }, ref) => {
 FormControl.displayName = "FormControl";
 var FormDescription = React12.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "p",
     {
       ref,
@@ -1035,7 +1059,7 @@ var FormMessage = React12.forwardRef(({ className, children, ...props }, ref) =>
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx22(
     "p",
     {
       ref,
@@ -1049,16 +1073,16 @@ var FormMessage = React12.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // components/form-controls/checkbox.tsx
-import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
 var Checkbox2 = React13.forwardRef(
-  ({ className, title, name, control, isFormField, ...props }, ref) => isFormField ? /* @__PURE__ */ jsx22(
+  ({ className, title, name, control, isFormField, ...props }, ref) => isFormField ? /* @__PURE__ */ jsx23(
     FormField,
     {
       control,
       name,
       render: ({ field }) => /* @__PURE__ */ jsxs11(FormItem, { children: [
-        /* @__PURE__ */ jsx22(FormLabel, { children: title }),
-        /* @__PURE__ */ jsx22(FormControl, { children: /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx23(FormLabel, { children: title }),
+        /* @__PURE__ */ jsx23(FormControl, { children: /* @__PURE__ */ jsx23(
           Checkbox,
           {
             className,
@@ -1066,10 +1090,10 @@ var Checkbox2 = React13.forwardRef(
             onCheckedChange: field.onChange
           }
         ) }),
-        /* @__PURE__ */ jsx22(FormMessage, {})
+        /* @__PURE__ */ jsx23(FormMessage, {})
       ] })
     }
-  ) : /* @__PURE__ */ jsx22(Checkbox, { ref, className, ...props })
+  ) : /* @__PURE__ */ jsx23(Checkbox, { ref, className, ...props })
 );
 Checkbox2.displayName = "Checkbox";
 
@@ -1081,8 +1105,8 @@ import { useEffect as useEffect2, useState as useState2 } from "react";
 import * as React14 from "react";
 import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
-var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
+var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   CommandPrimitive,
   {
     ref,
@@ -1095,8 +1119,8 @@ var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 ));
 Command.displayName = CommandPrimitive.displayName;
 var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx23(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx23(
+  /* @__PURE__ */ jsx24(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx24(
     CommandPrimitive.Input,
     {
       ref,
@@ -1109,7 +1133,7 @@ var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   CommandPrimitive.List,
   {
     ref,
@@ -1118,7 +1142,7 @@ var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx23(
+var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx24(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1127,7 +1151,7 @@ var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx23(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   CommandPrimitive.Group,
   {
     ref,
@@ -1139,7 +1163,7 @@ var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1148,7 +1172,7 @@ var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx23(
+var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
   CommandPrimitive.Item,
   {
     ref,
@@ -1164,7 +1188,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     "span",
     {
       className: cn(
@@ -1180,10 +1204,10 @@ CommandShortcut.displayName = "CommandShortcut";
 // components/ui/popover.tsx
 import * as React15 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx24(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx25(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1199,7 +1223,7 @@ var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // components/form-controls/combobox.tsx
-import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
 function Combobox({
   label,
   options,
@@ -1216,7 +1240,7 @@ function Combobox({
   }, [defaultValue]);
   if (!isFormField) {
     return /* @__PURE__ */ jsxs13(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx25(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
         Button,
         {
           variant: "outline",
@@ -1225,14 +1249,14 @@ function Combobox({
           className: "w-full justify-between capitalize",
           children: [
             value ? options.find((option) => option.value === value)?.label || label : label,
-            /* @__PURE__ */ jsx25(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ jsx26(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx25(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs13(Command, { children: [
-        /* @__PURE__ */ jsx25(CommandInput, { placeholder: "Search..." }),
-        /* @__PURE__ */ jsx25(CommandEmpty, { children: "No item found." }),
-        /* @__PURE__ */ jsx25(CommandList, { children: /* @__PURE__ */ jsx25(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx26(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs13(Command, { children: [
+        /* @__PURE__ */ jsx26(CommandInput, { placeholder: "Search..." }),
+        /* @__PURE__ */ jsx26(CommandEmpty, { children: "No item found." }),
+        /* @__PURE__ */ jsx26(CommandList, { children: /* @__PURE__ */ jsx26(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs13(
           CommandItem,
           {
             value: option.value,
@@ -1242,7 +1266,7 @@ function Combobox({
               setOpen(false);
             },
             children: [
-              /* @__PURE__ */ jsx25(
+              /* @__PURE__ */ jsx26(
                 Check,
                 {
                   className: cn(
@@ -1259,15 +1283,15 @@ function Combobox({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx26(
     FormField,
     {
       control,
       name,
       render: ({ field }) => /* @__PURE__ */ jsxs13(FormItem, { children: [
-        /* @__PURE__ */ jsx25(FormLabel, { children: label }),
-        /* @__PURE__ */ jsx25(FormControl, { children: /* @__PURE__ */ jsxs13(Popover, { open, onOpenChange: setOpen, children: [
-          /* @__PURE__ */ jsx25(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+        /* @__PURE__ */ jsx26(FormLabel, { children: label }),
+        /* @__PURE__ */ jsx26(FormControl, { children: /* @__PURE__ */ jsxs13(Popover, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
             Button,
             {
               variant: "outline",
@@ -1276,14 +1300,14 @@ function Combobox({
               className: "w-full justify-between capitalize",
               children: [
                 field.value ? options.find((option) => option.value === field.value)?.label || label : label,
-                /* @__PURE__ */ jsx25(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+                /* @__PURE__ */ jsx26(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx25(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs13(Command, { children: [
-            /* @__PURE__ */ jsx25(CommandInput, { placeholder: "Search..." }),
-            /* @__PURE__ */ jsx25(CommandEmpty, { children: "No item found." }),
-            /* @__PURE__ */ jsx25(CommandList, { children: /* @__PURE__ */ jsx25(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx26(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs13(Command, { children: [
+            /* @__PURE__ */ jsx26(CommandInput, { placeholder: "Search..." }),
+            /* @__PURE__ */ jsx26(CommandEmpty, { children: "No item found." }),
+            /* @__PURE__ */ jsx26(CommandList, { children: /* @__PURE__ */ jsx26(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs13(
               CommandItem,
               {
                 value: option.value,
@@ -1294,7 +1318,7 @@ function Combobox({
                   setOpen(false);
                 },
                 children: [
-                  /* @__PURE__ */ jsx25(
+                  /* @__PURE__ */ jsx26(
                     Check,
                     {
                       className: cn(
@@ -1310,7 +1334,7 @@ function Combobox({
             )) }) })
           ] }) })
         ] }) }),
-        /* @__PURE__ */ jsx25(FormMessage, {})
+        /* @__PURE__ */ jsx26(FormMessage, {})
       ] })
     }
   );
@@ -1318,14 +1342,14 @@ function Combobox({
 
 // components/form-controls/command.tsx
 import * as React16 from "react";
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
 var Command2 = React16.forwardRef(({ className, placeholder, commandGroup, ...props }, ref) => /* @__PURE__ */ jsxs14(Command, { ...props, ref, className, children: [
-  /* @__PURE__ */ jsx26(CommandInput, { placeholder }),
+  /* @__PURE__ */ jsx27(CommandInput, { placeholder }),
   /* @__PURE__ */ jsxs14(CommandList, { children: [
-    /* @__PURE__ */ jsx26(CommandEmpty, { children: "No results found." }),
+    /* @__PURE__ */ jsx27(CommandEmpty, { children: "No results found." }),
     commandGroup.map((group, index) => /* @__PURE__ */ jsxs14(React16.Fragment, { children: [
-      /* @__PURE__ */ jsx26(CommandGroup, { heading: group.header, children: group.items.map((item, itemIndex) => /* @__PURE__ */ jsx26(CommandItem, { children: item }, itemIndex)) }, index),
-      commandGroup.length - 1 !== index && /* @__PURE__ */ jsx26(CommandSeparator, {})
+      /* @__PURE__ */ jsx27(CommandGroup, { heading: group.header, children: group.items.map((item, itemIndex) => /* @__PURE__ */ jsx27(CommandItem, { children: item }, itemIndex)) }, index),
+      commandGroup.length - 1 !== index && /* @__PURE__ */ jsx27(CommandSeparator, {})
     ] }, index))
   ] })
 ] }));
@@ -1358,7 +1382,7 @@ import {
   ChevronRightIcon as ChevronRightIcon2,
   DotFilledIcon
 } from "@radix-ui/react-icons";
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
 var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
@@ -1373,12 +1397,12 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx27(ChevronRightIcon2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx28(ChevronRightIcon2, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1390,7 +1414,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx27(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx27(
+var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx28(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1404,7 +1428,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx28(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1428,7 +1452,7 @@ var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(CheckIcon3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(CheckIcon3, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
@@ -1444,13 +1468,13 @@ var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx27("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx27(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx27(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx28(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1463,7 +1487,7 @@ var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1476,7 +1500,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx28(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -1488,8 +1512,8 @@ DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
 // components/ui/table.tsx
 import * as React18 from "react";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx28(
+import { jsx as jsx29 } from "react/jsx-runtime";
+var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx29(
   "table",
   {
     ref,
@@ -1498,9 +1522,9 @@ var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "tbody",
   {
     ref,
@@ -1509,7 +1533,7 @@ var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "tfoot",
   {
     ref,
@@ -1521,7 +1545,7 @@ var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "tr",
   {
     ref,
@@ -1533,7 +1557,7 @@ var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "th",
   {
     ref,
@@ -1545,7 +1569,7 @@ var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "td",
   {
     ref,
@@ -1557,7 +1581,7 @@ var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
+var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
   "caption",
   {
     ref,
@@ -1568,7 +1592,7 @@ var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // components/form-controls/data-table.tsx
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 function DataTable({
   data,
   columns,
@@ -1601,9 +1625,9 @@ function DataTable({
     }
   });
   return /* @__PURE__ */ jsxs16("div", { className: "w-full mt-4 relative", children: [
-    isLoading && /* @__PURE__ */ jsx29(Loader2, { className: "h-4 w-4 animate-spin absolute top-2 right-32" }),
+    isLoading && /* @__PURE__ */ jsx30(Loader2, { className: "h-4 w-4 animate-spin absolute top-2 right-32" }),
     filterField && /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(
         Input,
         {
           placeholder: `Filter by ${filterField}...`,
@@ -1613,14 +1637,14 @@ function DataTable({
         }
       ),
       /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-4", children: [
-        refresh && /* @__PURE__ */ jsx29(Button, { variant: "outline", onClick: refresh, children: /* @__PURE__ */ jsx29(Icon, { name: "RotateCcw", strokeWidth: 2, size: 20 }) }),
+        refresh && /* @__PURE__ */ jsx30(Button, { variant: "outline", onClick: refresh, children: /* @__PURE__ */ jsx30(Icon2, { name: "RotateCcw", strokeWidth: 2, size: 20 }) }),
         /* @__PURE__ */ jsxs16(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx29(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(Button, { variant: "outline", children: [
+          /* @__PURE__ */ jsx30(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(Button, { variant: "outline", children: [
             "Columns ",
-            /* @__PURE__ */ jsx29(ChevronDownIcon2, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ jsx30(ChevronDownIcon2, { className: "ml-2 h-4 w-4" })
           ] }) }),
-          /* @__PURE__ */ jsx29(DropdownMenuContent, { align: "end", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
-            return /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx30(DropdownMenuContent, { align: "end", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
+            return /* @__PURE__ */ jsx30(
               DropdownMenuCheckboxItem,
               {
                 className: "capitalize",
@@ -1634,24 +1658,24 @@ function DataTable({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx29("div", { className: "rounded-md border mt-4", children: /* @__PURE__ */ jsxs16(Table, { children: [
-      /* @__PURE__ */ jsx29(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx29(TableRow, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ jsx29(TableHead, { children: header.isPlaceholder ? null : flexRender(
+    /* @__PURE__ */ jsx30("div", { className: "rounded-md border mt-4", children: /* @__PURE__ */ jsxs16(Table, { children: [
+      /* @__PURE__ */ jsx30(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx30(TableRow, { children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ jsx30(TableHead, { children: header.isPlaceholder ? null : flexRender(
           header.column.columnDef.header,
           header.getContext()
         ) }, header.id);
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx29(TableBody, { children: table.getRowModel().rows?.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx29(
+      /* @__PURE__ */ jsx30(TableBody, { children: table.getRowModel().rows?.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx30(
         TableRow,
         {
           "data-state": row.getIsSelected() && "selected",
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx29(TableCell, { children: flexRender(
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx30(TableCell, { children: flexRender(
             cell.column.columnDef.cell,
             cell.getContext()
           ) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ jsx29(TableRow, { children: /* @__PURE__ */ jsx29(
+      )) : /* @__PURE__ */ jsx30(TableRow, { children: /* @__PURE__ */ jsx30(
         TableCell,
         {
           colSpan: columns.length,
@@ -1669,7 +1693,7 @@ function DataTable({
       ] }),
       /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
         /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx29("p", { className: "text-sm font-medium", children: "Rows per page" }),
+          /* @__PURE__ */ jsx30("p", { className: "text-sm font-medium", children: "Rows per page" }),
           /* @__PURE__ */ jsxs16(
             Select,
             {
@@ -1678,13 +1702,13 @@ function DataTable({
                 table.setPageSize(Number(value));
               },
               children: [
-                /* @__PURE__ */ jsx29(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx30(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx30(
                   SelectValue,
                   {
                     placeholder: table.getState().pagination.pageSize
                   }
                 ) }),
-                /* @__PURE__ */ jsx29(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ jsx29(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+                /* @__PURE__ */ jsx30(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ jsx30(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
               ]
             }
           )
@@ -1705,8 +1729,8 @@ function DataTable({
               onClick: () => table.setPageIndex(0),
               disabled: !table.getCanPreviousPage(),
               children: [
-                /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Go to first page" }),
-                /* @__PURE__ */ jsx29(DoubleArrowLeftIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to first page" }),
+                /* @__PURE__ */ jsx30(DoubleArrowLeftIcon, { className: "h-4 w-4" })
               ]
             }
           ),
@@ -1718,8 +1742,8 @@ function DataTable({
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
               children: [
-                /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Go to previous page" }),
-                /* @__PURE__ */ jsx29(ChevronLeftIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to previous page" }),
+                /* @__PURE__ */ jsx30(ChevronLeftIcon, { className: "h-4 w-4" })
               ]
             }
           ),
@@ -1731,8 +1755,8 @@ function DataTable({
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
               children: [
-                /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Go to next page" }),
-                /* @__PURE__ */ jsx29(ChevronRightIcon3, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to next page" }),
+                /* @__PURE__ */ jsx30(ChevronRightIcon3, { className: "h-4 w-4" })
               ]
             }
           ),
@@ -1744,8 +1768,8 @@ function DataTable({
               onClick: () => table.setPageIndex(table.getPageCount() - 1),
               disabled: !table.getCanNextPage(),
               children: [
-                /* @__PURE__ */ jsx29("span", { className: "sr-only", children: "Go to last page" }),
-                /* @__PURE__ */ jsx29(DoubleArrowRightIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to last page" }),
+                /* @__PURE__ */ jsx30(DoubleArrowRightIcon, { className: "h-4 w-4" })
               ]
             }
           )
@@ -3329,14 +3353,14 @@ function cleanEscapedString(input) {
 
 // components/ui/calendar.tsx
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx31(
     DayPicker,
     {
       showOutsideDays,
@@ -3386,10 +3410,10 @@ function Calendar({
 Calendar.displayName = "Calendar";
 
 // components/form-controls/date-filter.tsx
-import { Fragment as Fragment4, jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
 function DateFilter({ className, date, setDate }) {
-  return /* @__PURE__ */ jsx31("div", { className: cn("grid gap-2", className), children: /* @__PURE__ */ jsxs17(Popover, { children: [
-    /* @__PURE__ */ jsx31(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx32("div", { className: cn("grid gap-2", className), children: /* @__PURE__ */ jsxs17(Popover, { children: [
+    /* @__PURE__ */ jsx32(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
       Button,
       {
         id: "date",
@@ -3399,17 +3423,17 @@ function DateFilter({ className, date, setDate }) {
           !date && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx31(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx32(CalendarIcon, { className: "mr-2 h-4 w-4" }),
           date?.from ? date.to ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
             format(date.from, "LLL dd, y"),
             " -",
             " ",
             format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx31("span", { children: "Pick a date" })
+          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx32("span", { children: "Pick a date" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx31(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx32(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx32(
       Calendar,
       {
         initialFocus: true,
@@ -3424,8 +3448,8 @@ function DateFilter({ className, date, setDate }) {
 }
 
 // components/form-controls/dialog.tsx
-import { icons } from "lucide-react";
-import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
+import { icons as icons2 } from "lucide-react";
+import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
 var Dialog2 = ({
   title,
   description,
@@ -3438,14 +3462,14 @@ var Dialog2 = ({
   iconClassName,
   actions
 }) => {
-  const IconComponent = icon ? icons[icon] : null;
+  const IconComponent = icon ? icons2[icon] : null;
   return /* @__PURE__ */ jsxs18(Dialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx32(DialogTrigger, { children: trigger }),
+    /* @__PURE__ */ jsx33(DialogTrigger, { children: trigger }),
     /* @__PURE__ */ jsxs18(DialogContent, { className, children: [
       /* @__PURE__ */ jsxs18(DialogHeader, { children: [
         /* @__PURE__ */ jsxs18(DialogTitle, { className: "capitalize flex items-center gap-2 justify-between pr-8", children: [
           /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-            IconComponent && /* @__PURE__ */ jsx32(
+            IconComponent && /* @__PURE__ */ jsx33(
               IconComponent,
               {
                 size: 20,
@@ -3455,7 +3479,7 @@ var Dialog2 = ({
             ),
             title
           ] }),
-          actions && /* @__PURE__ */ jsx32("div", { className: "flex items-center gap-2", children: actions.map((action) => /* @__PURE__ */ jsxs18(
+          actions && /* @__PURE__ */ jsx33("div", { className: "flex items-center gap-2", children: actions.map((action) => /* @__PURE__ */ jsxs18(
             Button2,
             {
               variant: action.type,
@@ -3464,8 +3488,8 @@ var Dialog2 = ({
               disabled: action.disabled,
               children: [
                 action.label,
-                action.icon && /* @__PURE__ */ jsx32(
-                  Icon,
+                action.icon && /* @__PURE__ */ jsx33(
+                  Icon2,
                   {
                     name: action.icon,
                     className: cn(action.iconClassName),
@@ -3478,7 +3502,7 @@ var Dialog2 = ({
             action.label
           )) })
         ] }),
-        /* @__PURE__ */ jsx32(DialogDescription, { children: description })
+        /* @__PURE__ */ jsx33(DialogDescription, { children: description })
       ] }),
       children
     ] })
@@ -3488,11 +3512,11 @@ var Dialog2 = ({
 // components/ui/drawer.tsx
 import * as React20 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ jsx33(
+}) => /* @__PURE__ */ jsx34(
   DrawerPrimitive.Root,
   {
     shouldScaleBackground,
@@ -3503,7 +3527,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -3513,7 +3537,7 @@ var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__P
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
 var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx33(DrawerOverlay, {}),
+  /* @__PURE__ */ jsx34(DrawerOverlay, {}),
   /* @__PURE__ */ jsxs19(
     DrawerPrimitive.Content,
     {
@@ -3524,7 +3548,7 @@ var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx33("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx34("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
@@ -3534,7 +3558,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx33(
+}) => /* @__PURE__ */ jsx34(
   "div",
   {
     className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
@@ -3545,7 +3569,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx33(
+}) => /* @__PURE__ */ jsx34(
   "div",
   {
     className: cn("mt-auto flex flex-col gap-2 p-4", className),
@@ -3553,7 +3577,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   DrawerPrimitive.Title,
   {
     ref,
@@ -3565,7 +3589,7 @@ var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx33(
+var DrawerDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
   DrawerPrimitive.Description,
   {
     ref,
@@ -3578,7 +3602,7 @@ DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 // components/ui/scroll-area.tsx
 import * as React21 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
 var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
   ScrollAreaPrimitive.Root,
   {
@@ -3586,14 +3610,14 @@ var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) =>
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx34(ScrollBar, {}),
-      /* @__PURE__ */ jsx34(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx35(ScrollBar, {}),
+      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx34(
+var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx35(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3605,13 +3629,13 @@ var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx34(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx35(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // components/form-controls/drawer.tsx
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 var Drawer2 = ({
   title,
   trigger,
@@ -3629,11 +3653,11 @@ var Drawer2 = ({
       onOpenChange: setOpenDrawer,
       ...props,
       children: [
-        trigger && /* @__PURE__ */ jsx35(DrawerTrigger, { children: trigger }),
-        /* @__PURE__ */ jsx35(DrawerContent, { className: "h-screen top-0 right-0 left-auto mt-0 w-[500px] rounded-none", children: /* @__PURE__ */ jsx35(ScrollArea, { className: "h-screen", children: /* @__PURE__ */ jsxs21("div", { className: "mx-auto w-full p-5", children: [
+        trigger && /* @__PURE__ */ jsx36(DrawerTrigger, { children: trigger }),
+        /* @__PURE__ */ jsx36(DrawerContent, { className: "h-screen top-0 right-0 left-auto mt-0 w-[500px] rounded-none", children: /* @__PURE__ */ jsx36(ScrollArea, { className: "h-screen", children: /* @__PURE__ */ jsxs21("div", { className: "mx-auto w-full p-5", children: [
           /* @__PURE__ */ jsxs21(DrawerHeader, { children: [
-            /* @__PURE__ */ jsx35(DrawerTitle, { children: title }),
-            /* @__PURE__ */ jsx35(DrawerDescription, { children: description })
+            /* @__PURE__ */ jsx36(DrawerTitle, { children: title }),
+            /* @__PURE__ */ jsx36(DrawerDescription, { children: description })
           ] }),
           children
         ] }) }) })
@@ -3643,7 +3667,7 @@ var Drawer2 = ({
 };
 
 // components/form-controls/dropdown-menu.tsx
-import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 var DropdownMenu2 = ({
   trigger,
   items,
@@ -3651,8 +3675,8 @@ var DropdownMenu2 = ({
   onClick
 }) => {
   return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx36(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx36("div", { className, children: trigger }) }),
-    /* @__PURE__ */ jsx36(DropdownMenuContent, { className: "cursor-pointer", children: items.map((item, index) => /* @__PURE__ */ jsx36(
+    /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className, children: trigger }) }),
+    /* @__PURE__ */ jsx37(DropdownMenuContent, { className: "cursor-pointer", children: items.map((item, index) => /* @__PURE__ */ jsx37(
       DropdownMenuItem,
       {
         className: "cursor-pointer!",
@@ -3666,7 +3690,7 @@ var DropdownMenu2 = ({
 
 // components/form-controls/duration-input.tsx
 import { useEffect as useEffect3, useState as useState4 } from "react";
-import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 var unitOptions = [
   { label: "Seconds", value: "s", ns: 1e9 },
   { label: "Minutes", value: "m", ns: 6e10 },
@@ -3750,7 +3774,7 @@ function DurationInput({ value, onChange }) {
     }
   };
   return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx37(
+    /* @__PURE__ */ jsx38(
       Input,
       {
         type: "number",
@@ -3761,8 +3785,8 @@ function DurationInput({ value, onChange }) {
       }
     ),
     /* @__PURE__ */ jsxs23(Select, { value: unit, onValueChange: handleUnitChange, children: [
-      /* @__PURE__ */ jsx37(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ jsx37(SelectValue, {}) }),
-      /* @__PURE__ */ jsx37(SelectContent, { children: unitOptions.map((opt) => /* @__PURE__ */ jsx37(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+      /* @__PURE__ */ jsx38(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ jsx38(SelectValue, {}) }),
+      /* @__PURE__ */ jsx38(SelectContent, { children: unitOptions.map((opt) => /* @__PURE__ */ jsx38(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
     ] })
   ] });
 }
@@ -3774,9 +3798,9 @@ import { CheckIcon as CheckIcon4 } from "@radix-ui/react-icons";
 // components/ui/separator.tsx
 import * as React22 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Separator3 = React22.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx38(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx39(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -3794,7 +3818,7 @@ var Separator3 = React22.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // components/form-controls/filter-combobox.tsx
-import { Fragment as Fragment5, jsx as jsx39, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 function FilterCombobox({ title, options, clearLabel }) {
   const [selectedValues, setSelectedValues] = useState5([]);
   const handleValueSelect = (value) => {
@@ -3805,12 +3829,12 @@ function FilterCombobox({ title, options, clearLabel }) {
     }
   };
   return /* @__PURE__ */ jsxs24(Popover, { children: [
-    /* @__PURE__ */ jsx39(PopoverTrigger, { asChild: true, className: "w-fit", children: /* @__PURE__ */ jsxs24(Button, { variant: "outline", size: "sm", className: "h-8 border-dashed", children: [
-      /* @__PURE__ */ jsx39(Icon, { name: "CirclePlus", className: "h-4 w-4 mr-2" }),
+    /* @__PURE__ */ jsx40(PopoverTrigger, { asChild: true, className: "w-fit", children: /* @__PURE__ */ jsxs24(Button, { variant: "outline", size: "sm", className: "h-8 border-dashed", children: [
+      /* @__PURE__ */ jsx40(Icon2, { name: "CirclePlus", className: "h-4 w-4 mr-2" }),
       title,
       selectedValues?.length > 0 && /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 ml-2", children: [
-        /* @__PURE__ */ jsx39(Separator3, { orientation: "vertical", className: "h-4" }),
-        /* @__PURE__ */ jsx39(Fragment5, { children: selectedValues.length > 2 ? /* @__PURE__ */ jsxs24(
+        /* @__PURE__ */ jsx40(Separator3, { orientation: "vertical", className: "h-4" }),
+        /* @__PURE__ */ jsx40(Fragment5, { children: selectedValues.length > 2 ? /* @__PURE__ */ jsxs24(
           Badge,
           {
             variant: "secondary",
@@ -3822,7 +3846,7 @@ function FilterCombobox({ title, options, clearLabel }) {
           }
         ) : options.filter(
           (option) => selectedValues.some((item) => item.value === option.value)
-        ).map((option) => /* @__PURE__ */ jsx39(
+        ).map((option) => /* @__PURE__ */ jsx40(
           Badge,
           {
             variant: "secondary",
@@ -3833,11 +3857,11 @@ function FilterCombobox({ title, options, clearLabel }) {
         )) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx39(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxs24(Command, { children: [
-      /* @__PURE__ */ jsx39(CommandInput, { placeholder: title }),
+    /* @__PURE__ */ jsx40(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxs24(Command, { children: [
+      /* @__PURE__ */ jsx40(CommandInput, { placeholder: title }),
       /* @__PURE__ */ jsxs24(CommandList, { children: [
-        /* @__PURE__ */ jsx39(CommandEmpty, { children: "No results found." }),
-        /* @__PURE__ */ jsx39(CommandGroup, { children: options.map((option) => {
+        /* @__PURE__ */ jsx40(CommandEmpty, { children: "No results found." }),
+        /* @__PURE__ */ jsx40(CommandGroup, { children: options.map((option) => {
           const isSelected = selectedValues.some(
             (item) => item.value === option.value
           );
@@ -3847,26 +3871,26 @@ function FilterCombobox({ title, options, clearLabel }) {
               onSelect: () => handleValueSelect(option),
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsx39(
+                /* @__PURE__ */ jsx40(
                   "div",
                   {
                     className: cn(
                       "mr-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
                       isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
                     ),
-                    children: /* @__PURE__ */ jsx39(CheckIcon4, { className: cn("h-4 w-4") })
+                    children: /* @__PURE__ */ jsx40(CheckIcon4, { className: cn("h-4 w-4") })
                   }
                 ),
-                option?.icon && /* @__PURE__ */ jsx39(Icon, { name: option?.icon, className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx39("span", { children: option.label })
+                option?.icon && /* @__PURE__ */ jsx40(Icon2, { name: option?.icon, className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx40("span", { children: option.label })
               ]
             },
             option.value
           );
         }) }),
         selectedValues.length > 0 && /* @__PURE__ */ jsxs24(Fragment5, { children: [
-          /* @__PURE__ */ jsx39(CommandSeparator, {}),
-          /* @__PURE__ */ jsx39(CommandGroup, { children: /* @__PURE__ */ jsx39(
+          /* @__PURE__ */ jsx40(CommandSeparator, {}),
+          /* @__PURE__ */ jsx40(CommandGroup, { children: /* @__PURE__ */ jsx40(
             CommandItem,
             {
               onSelect: () => setSelectedValues([]),
@@ -3881,7 +3905,7 @@ function FilterCombobox({ title, options, clearLabel }) {
 }
 
 // components/form-controls/form-combobox.tsx
-import { jsx as jsx40, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
 function FormCombobox({
   title,
   name,
@@ -3890,15 +3914,15 @@ function FormCombobox({
   data,
   label
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     FormField,
     {
       control,
       name,
       rules,
       render: ({ field }) => /* @__PURE__ */ jsxs25(FormItem, { children: [
-        title && /* @__PURE__ */ jsx40(FormLabel, { children: title }),
-        /* @__PURE__ */ jsx40(FormControl, { children: /* @__PURE__ */ jsx40(
+        title && /* @__PURE__ */ jsx41(FormLabel, { children: title }),
+        /* @__PURE__ */ jsx41(FormControl, { children: /* @__PURE__ */ jsx41(
           Combobox,
           {
             label,
@@ -3907,7 +3931,7 @@ function FormCombobox({
             onChange: (value) => field.onChange(value)
           }
         ) }),
-        /* @__PURE__ */ jsx40(FormMessage, {})
+        /* @__PURE__ */ jsx41(FormMessage, {})
       ] })
     }
   );
@@ -3915,7 +3939,7 @@ function FormCombobox({
 
 // components/form-controls/form-layout.tsx
 import { FormProvider as FormProvider2 } from "react-hook-form";
-import { jsx as jsx41, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 function FormLayout({
   children,
   formTitle,
@@ -3927,34 +3951,34 @@ function FormLayout({
   PrimaryActionText,
   CancelText
 }) {
-  return /* @__PURE__ */ jsx41(FormProvider2, { ...form, children: /* @__PURE__ */ jsxs26("form", { onSubmit: onSave, className: `flex flex-col gap-6 ${className}`, children: [
+  return /* @__PURE__ */ jsx42(FormProvider2, { ...form, children: /* @__PURE__ */ jsxs26("form", { onSubmit: onSave, className: `flex flex-col gap-6 ${className}`, children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between w-full border-b pb-6 border-border", children: [
       /* @__PURE__ */ jsxs26("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx41("p", { className: "font-semibold text-lg", children: formTitle }),
-        /* @__PURE__ */ jsx41("p", { className: "text-gray-500", children: formDescription })
+        /* @__PURE__ */ jsx42("p", { className: "font-semibold text-lg", children: formTitle }),
+        /* @__PURE__ */ jsx42("p", { className: "text-gray-500", children: formDescription })
       ] }),
       /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx41(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
-        /* @__PURE__ */ jsx41(Button2, { type: "submit", children: PrimaryActionText })
+        /* @__PURE__ */ jsx42(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
+        /* @__PURE__ */ jsx42(Button2, { type: "submit", children: PrimaryActionText })
       ] })
     ] }),
     children,
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 justify-end", children: [
-      /* @__PURE__ */ jsx41(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
-      /* @__PURE__ */ jsx41(Button2, { type: "submit", children: PrimaryActionText })
+      /* @__PURE__ */ jsx42(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
+      /* @__PURE__ */ jsx42(Button2, { type: "submit", children: PrimaryActionText })
     ] })
   ] }) });
 }
 
 // components/form-controls/form-row.tsx
-import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
 function FormRow({ children, title, description }) {
   return /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-3 w-full border-b pb-6 border-border", children: [
     /* @__PURE__ */ jsxs27("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx42("p", { className: "font-medium", children: title }),
-      /* @__PURE__ */ jsx42("p", { className: "text-gray-500 text-sm", children: description })
+      /* @__PURE__ */ jsx43("p", { className: "font-medium", children: title }),
+      /* @__PURE__ */ jsx43("p", { className: "text-gray-500 text-sm", children: description })
     ] }),
-    /* @__PURE__ */ jsx42("div", { className: "col-span-2 w-[80%]", children })
+    /* @__PURE__ */ jsx43("div", { className: "col-span-2 w-[80%]", children })
   ] });
 }
 
@@ -3962,9 +3986,9 @@ function FormRow({ children, title, description }) {
 import * as React23 from "react";
 import { CheckIcon as CheckIcon5 } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -3975,7 +3999,7 @@ var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => {
 });
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx44(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -3984,7 +4008,7 @@ var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx43(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx43(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx44(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx44(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
     }
   );
 });
@@ -3995,11 +4019,11 @@ import * as React24 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon as Cross2Icon2 } from "@radix-ui/react-icons";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx44, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs28 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -4028,7 +4052,7 @@ var sheetVariants = cva5(
   }
 );
 var SheetContent = React24.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs28(SheetPortal, { children: [
-  /* @__PURE__ */ jsx44(SheetOverlay, {}),
+  /* @__PURE__ */ jsx45(SheetOverlay, {}),
   /* @__PURE__ */ jsxs28(
     SheetPrimitive.Content,
     {
@@ -4037,8 +4061,8 @@ var SheetContent = React24.forwardRef(({ side = "right", className, children, ..
       ...props,
       children: [
         /* @__PURE__ */ jsxs28(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx44(Cross2Icon2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Close" })
+          /* @__PURE__ */ jsx45(Cross2Icon2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -4049,7 +4073,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx44(
+}) => /* @__PURE__ */ jsx45(
   "div",
   {
     className: cn(
@@ -4063,7 +4087,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx44(
+}) => /* @__PURE__ */ jsx45(
   "div",
   {
     className: cn(
@@ -4074,7 +4098,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   SheetPrimitive.Title,
   {
     ref,
@@ -4083,7 +4107,7 @@ var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
+var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
   SheetPrimitive.Description,
   {
     ref,
@@ -4095,10 +4119,10 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // components/ui/textarea.tsx
 import * as React25 from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var Textarea = React25.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx45(
+    return /* @__PURE__ */ jsx46(
       "textarea",
       {
         className: cn(
@@ -4116,11 +4140,11 @@ Textarea.displayName = "Textarea";
 // components/ui/tooltip.tsx
 import * as React26 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx46(
+var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx47(
   TooltipPrimitive.Content,
   {
     ref,
@@ -4137,7 +4161,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // components/ui/chart.tsx
 import * as React27 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment6, jsx as jsx47, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React27.createContext(null);
 function useChart() {
@@ -4150,7 +4174,7 @@ function useChart() {
 var ChartContainer = React27.forwardRef(({ id, className, children, config, ...props }, ref) => {
   const uniqueId = React27.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
-  return /* @__PURE__ */ jsx47(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsx48(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs29(
     "div",
     {
       "data-chart": chartId,
@@ -4161,8 +4185,8 @@ var ChartContainer = React27.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx47(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx47(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx48(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx48(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -4175,7 +4199,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx48(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -4219,12 +4243,12 @@ var ChartTooltipContent = React27.forwardRef(
       const itemConfig = getPayloadConfigFromPayload(config, item, key);
       const value = !labelKey && typeof label === "string" ? config[label]?.label || label : itemConfig?.label;
       if (labelFormatter) {
-        return /* @__PURE__ */ jsx47("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ jsx48("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ jsx47("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ jsx48("div", { className: cn("font-medium", labelClassName), children: value });
     }, [
       label,
       labelFormatter,
@@ -4248,11 +4272,11 @@ var ChartTooltipContent = React27.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ jsx47("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ jsx48("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
             const key = `${nameKey || item.name || item.dataKey || "value"}`;
             const itemConfig = getPayloadConfigFromPayload(config, item, key);
             const indicatorColor = color || item.payload.fill || item.color;
-            return /* @__PURE__ */ jsx47(
+            return /* @__PURE__ */ jsx48(
               "div",
               {
                 className: cn(
@@ -4260,7 +4284,7 @@ var ChartTooltipContent = React27.forwardRef(
                   indicator === "dot" && "items-center"
                 ),
                 children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs29(Fragment6, { children: [
-                  itemConfig?.icon ? /* @__PURE__ */ jsx47(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx47(
+                  itemConfig?.icon ? /* @__PURE__ */ jsx48(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx48(
                     "div",
                     {
                       className: cn(
@@ -4288,9 +4312,9 @@ var ChartTooltipContent = React27.forwardRef(
                       children: [
                         /* @__PURE__ */ jsxs29("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                          /* @__PURE__ */ jsx48("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ jsx47("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ jsx48("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -4311,7 +4335,7 @@ var ChartLegendContent = React27.forwardRef(
     if (!payload?.length) {
       return null;
     }
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx48(
       "div",
       {
         ref,
@@ -4330,7 +4354,7 @@ var ChartLegendContent = React27.forwardRef(
                 "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
               ),
               children: [
-                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx47(itemConfig.icon, {}) : /* @__PURE__ */ jsx47(
+                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx48(itemConfig.icon, {}) : /* @__PURE__ */ jsx48(
                   "div",
                   {
                     className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -4367,7 +4391,7 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // components/ui/slider.tsx
 import * as React28 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx48, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
 var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs30(
   SliderPrimitive.Root,
   {
@@ -4378,15 +4402,15 @@ var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx48(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx48(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ jsx48(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ jsx49(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx49(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx49(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // components/form-controls/form-with-action-buttons.tsx
-import { jsx as jsx49, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
 var FormWithActionButtons = ({
   children,
   form,
@@ -4397,10 +4421,10 @@ var FormWithActionButtons = ({
   secondaryButtonAction,
   showSecondaryButton = false
 }) => {
-  return /* @__PURE__ */ jsx49(Form, { ...form, children: /* @__PURE__ */ jsxs31("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
+  return /* @__PURE__ */ jsx50(Form, { ...form, children: /* @__PURE__ */ jsxs31("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
     children,
     /* @__PURE__ */ jsxs31("div", { className: "flex justify-end gap-2", children: [
-      showSecondaryButton && /* @__PURE__ */ jsx49(
+      showSecondaryButton && /* @__PURE__ */ jsx50(
         Button,
         {
           variant: "link",
@@ -4409,29 +4433,29 @@ var FormWithActionButtons = ({
           children: secondaryButtonText
         }
       ),
-      /* @__PURE__ */ jsx49(Button, { variant: "default", type: "submit", children: primaryButtonText })
+      /* @__PURE__ */ jsx50(Button, { variant: "default", type: "submit", children: primaryButtonText })
     ] })
   ] }) });
 };
 
 // components/form-controls/helpers.tsx
 import { File, FileSpreadsheet, FileText } from "lucide-react";
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var getFileIcon = (fileName) => {
   const extensionMatch = fileName.match(/\.([^.]+)$/);
   const extension = extensionMatch ? extensionMatch[1].toLowerCase() : null;
-  if (!extension) return /* @__PURE__ */ jsx50(File, { className: "w-8 h-8 text-gray-500" });
+  if (!extension) return /* @__PURE__ */ jsx51(File, { className: "w-8 h-8 text-gray-500" });
   switch (extension) {
     case "pdf":
-      return /* @__PURE__ */ jsx50(File, { className: "w-8 h-8 text-red-500" });
+      return /* @__PURE__ */ jsx51(File, { className: "w-8 h-8 text-red-500" });
     case "doc":
     case "docx":
-      return /* @__PURE__ */ jsx50(FileText, { className: "w-8 h-8 text-blue-500" });
+      return /* @__PURE__ */ jsx51(FileText, { className: "w-8 h-8 text-blue-500" });
     case "xls":
     case "xlsx":
-      return /* @__PURE__ */ jsx50(FileSpreadsheet, { className: "w-8 h-8 text-green-500" });
+      return /* @__PURE__ */ jsx51(FileSpreadsheet, { className: "w-8 h-8 text-green-500" });
     default:
-      return /* @__PURE__ */ jsx50(File, { className: "w-8 h-8 text-gray-500" });
+      return /* @__PURE__ */ jsx51(File, { className: "w-8 h-8 text-gray-500" });
   }
 };
 var getFileName = (url) => {
@@ -4441,7 +4465,7 @@ var getFileName = (url) => {
 };
 
 // components/form-controls/icon-button.tsx
-import { jsx as jsx51, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
 var IconButton = ({
   item,
   variant,
@@ -4457,8 +4481,8 @@ var IconButton = ({
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsx51("span", { className: "w-4 flex items-center justify-center", children: /* @__PURE__ */ jsx51(Icon, { name: item.icon, size: 20, strokeWidth: 1 }) }),
-        /* @__PURE__ */ jsx51("span", { className: "text-sm", children: item.title })
+        /* @__PURE__ */ jsx52("span", { className: "w-4 flex items-center justify-center", children: /* @__PURE__ */ jsx52(Icon2, { name: item.icon, size: 20, strokeWidth: 1 }) }),
+        /* @__PURE__ */ jsx52("span", { className: "text-sm", children: item.title })
       ]
     }
   );
@@ -4466,7 +4490,7 @@ var IconButton = ({
 
 // components/form-controls/input.tsx
 import * as React29 from "react";
-import { jsx as jsx52, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
 var Input2 = React29.forwardRef(
   ({
     variant = "default",
@@ -4478,19 +4502,19 @@ var Input2 = React29.forwardRef(
     rules,
     ...props
   }, ref) => {
-    return isFormField ? /* @__PURE__ */ jsx52(
+    return isFormField ? /* @__PURE__ */ jsx53(
       FormField,
       {
         control,
         name,
         rules,
         render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem, { children: [
-          title && /* @__PURE__ */ jsx52(FormLabel, { children: title }),
-          /* @__PURE__ */ jsx52(FormControl, { children: /* @__PURE__ */ jsx52(Input, { className, ...props, ...field }) }),
-          /* @__PURE__ */ jsx52(FormMessage, {})
+          title && /* @__PURE__ */ jsx53(FormLabel, { children: title }),
+          /* @__PURE__ */ jsx53(FormControl, { children: /* @__PURE__ */ jsx53(Input, { className, ...props, ...field }) }),
+          /* @__PURE__ */ jsx53(FormMessage, {})
         ] })
       }
-    ) : /* @__PURE__ */ jsx52(Input, { className, ref, ...props });
+    ) : /* @__PURE__ */ jsx53(Input, { className, ref, ...props });
   }
 );
 Input2.displayName = "Input";
@@ -4498,7 +4522,7 @@ Input2.displayName = "Input";
 // components/form-controls/knowledge-graph-word-cloud.tsx
 import { useKnowledgeGraphContext } from "@elqnt/kg";
 import { Loader2 as Loader22 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs34 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 function KnowledgeGraphWordCloud() {
   const { labels } = useKnowledgeGraphContext();
   if (!labels || !(labels instanceof Array)) {
@@ -4508,15 +4532,15 @@ function KnowledgeGraphWordCloud() {
     return { text: item?.label, value: item?.count };
   });
   return /* @__PURE__ */ jsxs34("div", { className: "rounded-xl border bg-card h-full shadow relative p-5", children: [
-    /* @__PURE__ */ jsx53("p", { className: "capitalize mb-10 font-semibold text-xl", children: "Graph Distribution" }),
-    !data ? /* @__PURE__ */ jsx53("div", { className: "absolute w-full flex justify-end", children: /* @__PURE__ */ jsx53(Loader22, { className: "animate-spin" }) }) : /* @__PURE__ */ jsx53(Fragment7, {})
+    /* @__PURE__ */ jsx54("p", { className: "capitalize mb-10 font-semibold text-xl", children: "Graph Distribution" }),
+    !data ? /* @__PURE__ */ jsx54("div", { className: "absolute w-full flex justify-end", children: /* @__PURE__ */ jsx54(Loader22, { className: "animate-spin" }) }) : /* @__PURE__ */ jsx54(Fragment7, {})
   ] });
 }
 
 // components/form-controls/layout/org-selector.tsx
 import { useUserContext } from "@elqnt/auth";
 import { useEffect as useEffect4, useState as useState6 } from "react";
-import { jsx as jsx54 } from "react/jsx-runtime";
+import { jsx as jsx55 } from "react/jsx-runtime";
 function OrgSelector() {
   const { user, selectedOrgId, setSelectedOrgId } = useUserContext();
   const [orgAccess, setOrgAccess] = useState6([]);
@@ -4535,7 +4559,7 @@ function OrgSelector() {
   if (!user) {
     return null;
   }
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx55(
     Combobox,
     {
       defaultValue: selectedOrgId,
@@ -4550,7 +4574,7 @@ function OrgSelector() {
 import { ChevronLeft } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs35 } from "react/jsx-runtime";
 function PageHeader({
   title,
   description,
@@ -4597,24 +4621,24 @@ function PageHeader({
       ),
       children: [
         /* @__PURE__ */ jsxs35("div", { children: [
-          /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
-            goBackLink && /* @__PURE__ */ jsx55(Link, { href: goBackLink, children: /* @__PURE__ */ jsx55(ChevronLeft, { className: "h-4 w-4" }) }),
-            showBack && !goBackLink && /* @__PURE__ */ jsx55(
+          /* @__PURE__ */ jsx56("div", { children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
+            goBackLink && /* @__PURE__ */ jsx56(Link, { href: goBackLink, children: /* @__PURE__ */ jsx56(ChevronLeft, { className: "h-4 w-4" }) }),
+            showBack && !goBackLink && /* @__PURE__ */ jsx56(
               "button",
               {
                 onClick: handleBack,
                 className: "h-8 w-8 p-0 flex items-center justify-center rounded-md border border-gray-200 hover:bg-gray-50 transition-colors",
-                children: /* @__PURE__ */ jsx55(ChevronLeft, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx56(ChevronLeft, { className: "h-4 w-4" })
               }
             ),
-            titleComponent ?? (title && /* @__PURE__ */ jsx55("h2", { className: "font-semibold text-lg text-primary p-0 m-0", children: title }))
+            titleComponent ?? (title && /* @__PURE__ */ jsx56("h2", { className: "font-semibold text-lg text-primary p-0 m-0", children: title }))
           ] }) }),
-          description && /* @__PURE__ */ jsx55("p", { className: "text-sm text-gray-500", children: description })
+          description && /* @__PURE__ */ jsx56("p", { className: "text-sm text-gray-500", children: description })
         ] }),
         /* @__PURE__ */ jsxs35("div", { className: "flex gap-2 items-center", children: [
           rightSideComponent,
           actions?.map(
-            (action, index) => action.href ? /* @__PURE__ */ jsx55(Link, { href: action.href, children: /* @__PURE__ */ jsx55(Button2, { variant: action.type, children: action.label }) }, index) : /* @__PURE__ */ jsx55(Button2, { variant: action.type, onClick: action.onAction, children: action.label }, index)
+            (action, index) => action.href ? /* @__PURE__ */ jsx56(Link, { href: action.href, children: /* @__PURE__ */ jsx56(Button2, { variant: action.type, children: action.label }) }, index) : /* @__PURE__ */ jsx56(Button2, { variant: action.type, onClick: action.onAction, children: action.label }, index)
           )
         ] })
       ]
@@ -4632,7 +4656,7 @@ import { useEffect as useEffect5, useState as useState7 } from "react";
 import { signOut } from "next-auth/react";
 import Link2 from "next/link";
 import { useRouter as useRouter2 } from "next/navigation";
-import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs36 } from "react/jsx-runtime";
 function ProfileMenu({ children, pathName }) {
   const router = useRouter2();
   const handleSignOut = async () => {
@@ -4655,8 +4679,8 @@ function ProfileMenu({ children, pathName }) {
     }
   ];
   return /* @__PURE__ */ jsxs36(Popover, { children: [
-    /* @__PURE__ */ jsx56(PopoverTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx56(PopoverContent, { className: "p-0! flex flex-col", children: links.map((link) => /* @__PURE__ */ jsxs36(
+    /* @__PURE__ */ jsx57(PopoverTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx57(PopoverContent, { className: "p-0! flex flex-col", children: links.map((link) => /* @__PURE__ */ jsxs36(
       Link2,
       {
         href: link?.href,
@@ -4664,7 +4688,7 @@ function ProfileMenu({ children, pathName }) {
         className: `cursor-pointer w-full hover:bg-primary/10 hover:text-primary p-4 flex items-center gap-4 text-gray-500 
     ${pathName.includes(link?.href) && "bg-primary/10 text-primary"}`,
         children: [
-          /* @__PURE__ */ jsx56(Icon, { name: link?.icon, size: 20 }),
+          /* @__PURE__ */ jsx57(Icon2, { name: link?.icon, size: 20 }),
           link?.title
         ]
       },
@@ -4674,7 +4698,7 @@ function ProfileMenu({ children, pathName }) {
 }
 
 // components/form-controls/layout/left-nav.tsx
-import { Fragment as Fragment8, jsx as jsx57, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
 var articles = [
   { key: "getting-started", title: "Getting Started", href: "#" },
   { key: "helpdesk", title: "Helpdesk", href: "#" }
@@ -4712,26 +4736,26 @@ function LeftNav({
   useEffect5(() => {
     localStorage.setItem("isExpanded", isExpanded.toString());
   }, [isExpanded]);
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx58(
     "div",
     {
       style: { height: "calc(100vh - 32px)" },
       className: `relative pt-4 ${isExpanded ? "min-w-72" : "min-w-16"} transition-width duration-300 rounded-lg text-gray-500 sticky top-4 bg-white`,
-      children: /* @__PURE__ */ jsx57(TooltipProvider, { children: /* @__PURE__ */ jsxs37("div", { className: "absolute top-0 flex flex-col gap-8 justify-between h-full w-full duration-300 ease-in-out sc-card bg-white! p-3 overflow-y-scroll hide-scrollbar", children: [
+      children: /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs37("div", { className: "absolute top-0 flex flex-col gap-8 justify-between h-full w-full duration-300 ease-in-out sc-card bg-white! p-3 overflow-y-scroll hide-scrollbar", children: [
         /* @__PURE__ */ jsxs37(
           "div",
           {
             className: `flex flex-col gap-1 ${!isExpanded && "items-center"}`,
             children: [
               /* @__PURE__ */ jsxs37("div", { className: "cursor-pointer flex items-center justify-between mb-4 w-full", children: [
-                /* @__PURE__ */ jsx57(
+                /* @__PURE__ */ jsx58(
                   "div",
                   {
                     onClick: () => isExpanded ? router.push("/") : setIsExpanded(true),
-                    children: isExpanded ? /* @__PURE__ */ jsx57(ExpandedLogo, {}) : /* @__PURE__ */ jsx57(Logo, {})
+                    children: isExpanded ? /* @__PURE__ */ jsx58(ExpandedLogo, {}) : /* @__PURE__ */ jsx58(Logo, {})
                   }
                 ),
-                isExpanded && /* @__PURE__ */ jsx57("span", { onClick: () => setIsExpanded(false), children: /* @__PURE__ */ jsx57(Icon, { name: "ChevronsLeftRight" }) })
+                isExpanded && /* @__PURE__ */ jsx58("span", { onClick: () => setIsExpanded(false), children: /* @__PURE__ */ jsx58(Icon2, { name: "ChevronsLeftRight" }) })
               ] }),
               items ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
                 /* @__PURE__ */ jsxs37(
@@ -4740,12 +4764,12 @@ function LeftNav({
                     onClick: () => setItems(void 0),
                     className: "flex items-center px-1 gap-2 cursor-pointer mb-4 text-lg",
                     children: [
-                      /* @__PURE__ */ jsx57(Icon, { name: "ArrowLeft", size: 19 }),
-                      isExpanded && /* @__PURE__ */ jsx57("span", { children: pageTitle })
+                      /* @__PURE__ */ jsx58(Icon2, { name: "ArrowLeft", size: 19 }),
+                      isExpanded && /* @__PURE__ */ jsx58("span", { children: pageTitle })
                     ]
                   }
                 ),
-                menuItems?.map((item) => /* @__PURE__ */ jsx57(
+                menuItems?.map((item) => /* @__PURE__ */ jsx58(
                   Link3,
                   {
                     href: item.href,
@@ -4753,19 +4777,19 @@ function LeftNav({
                   ${item.href && (item.href?.split("/").length > 2 ? pathName?.includes(item.href) ?? "" : pathName === item.href) && isExpanded ? "bg-primary/10 text-primary" : ""}
                   `,
                     children: isExpanded ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
-                      /* @__PURE__ */ jsx57(Icon, { name: item.icon, size: 19 }),
-                      /* @__PURE__ */ jsx57("span", { children: item.title })
+                      /* @__PURE__ */ jsx58(Icon2, { name: item.icon, size: 19 }),
+                      /* @__PURE__ */ jsx58("span", { children: item.title })
                     ] }) : /* @__PURE__ */ jsxs37(Tooltip, { delayDuration: 0, children: [
-                      /* @__PURE__ */ jsx57(TooltipTrigger, { children: /* @__PURE__ */ jsx57(Icon, { name: item.icon }) }),
-                      /* @__PURE__ */ jsx57(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx57("p", { children: item.title }) })
+                      /* @__PURE__ */ jsx58(TooltipTrigger, { children: /* @__PURE__ */ jsx58(Icon2, { name: item.icon }) }),
+                      /* @__PURE__ */ jsx58(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx58("p", { children: item.title }) })
                     ] })
                   },
                   item.title
                 ))
               ] }) : isExpanded ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
                 /* @__PURE__ */ jsxs37("div", { id: "menu-row", children: [
-                  /* @__PURE__ */ jsx57("h2", { className: "text-xl font-semibold", children: "Apps" }),
-                  /* @__PURE__ */ jsx57("div", { className: "grid grid-cols-2 gap-2 mt-6", children: apps.filter((item) => item.key !== "home").map((item) => /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx58("h2", { className: "text-xl font-semibold", children: "Apps" }),
+                  /* @__PURE__ */ jsx58("div", { className: "grid grid-cols-2 gap-2 mt-6", children: apps.filter((item) => item.key !== "home").map((item) => /* @__PURE__ */ jsx58(
                     IconButton,
                     {
                       item,
@@ -4779,9 +4803,9 @@ function LeftNav({
                   )) })
                 ] }),
                 /* @__PURE__ */ jsxs37("div", { id: "help-row", className: "mt-12 ml-2", children: [
-                  /* @__PURE__ */ jsx57("h2", { className: "text-xl font-semibold", children: "Help" }),
-                  /* @__PURE__ */ jsx57("div", { className: "mt-6", children: /* @__PURE__ */ jsx57(Input, { placeholder: "Search help content" }) }),
-                  /* @__PURE__ */ jsx57("ul", { className: "mt-6 ml-4 list-disc", children: articles.map((item) => /* @__PURE__ */ jsx57("li", { children: /* @__PURE__ */ jsx57(
+                  /* @__PURE__ */ jsx58("h2", { className: "text-xl font-semibold", children: "Help" }),
+                  /* @__PURE__ */ jsx58("div", { className: "mt-6", children: /* @__PURE__ */ jsx58(Input, { placeholder: "Search help content" }) }),
+                  /* @__PURE__ */ jsx58("ul", { className: "mt-6 ml-4 list-disc", children: articles.map((item) => /* @__PURE__ */ jsx58("li", { children: /* @__PURE__ */ jsx58(
                     Link3,
                     {
                       href: item.href,
@@ -4791,24 +4815,24 @@ function LeftNav({
                     }
                   ) }, item.key)) })
                 ] })
-              ] }) : /* @__PURE__ */ jsx57("div", { className: "flex flex-col gap-6 mt-2", children: apps?.map((item) => /* @__PURE__ */ jsxs37(Tooltip, { delayDuration: 0, children: [
-                /* @__PURE__ */ jsx57(TooltipTrigger, { children: /* @__PURE__ */ jsx57(
+              ] }) : /* @__PURE__ */ jsx58("div", { className: "flex flex-col gap-6 mt-2", children: apps?.map((item) => /* @__PURE__ */ jsxs37(Tooltip, { delayDuration: 0, children: [
+                /* @__PURE__ */ jsx58(TooltipTrigger, { children: /* @__PURE__ */ jsx58(
                   "div",
                   {
                     onClick: () => {
                       router.push(item.href);
                       setItems(menuItems);
                     },
-                    children: /* @__PURE__ */ jsx57(Icon, { name: item.icon })
+                    children: /* @__PURE__ */ jsx58(Icon2, { name: item.icon })
                   }
                 ) }),
-                /* @__PURE__ */ jsx57(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx57("p", { children: item.title }) })
+                /* @__PURE__ */ jsx58(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx58("p", { children: item.title }) })
               ] }, item.key)) })
             ]
           }
         ),
         /* @__PURE__ */ jsxs37("div", { children: [
-          isExpanded && /* @__PURE__ */ jsx57("div", { className: "mb-2", children: /* @__PURE__ */ jsx57(OrgSelector, {}) }),
+          isExpanded && /* @__PURE__ */ jsx58("div", { className: "mb-2", children: /* @__PURE__ */ jsx58(OrgSelector, {}) }),
           /* @__PURE__ */ jsxs37(
             Link3,
             {
@@ -4817,8 +4841,8 @@ function LeftNav({
               ${pathName?.includes("/settings") && isExpanded ? "bg-primary/10 text-primary" : ""}
               `,
               children: [
-                /* @__PURE__ */ jsx57(Icon, { name: "Settings" }),
-                isExpanded && /* @__PURE__ */ jsx57("span", { children: "Settings" })
+                /* @__PURE__ */ jsx58(Icon2, { name: "Settings" }),
+                isExpanded && /* @__PURE__ */ jsx58("span", { children: "Settings" })
               ]
             }
           ),
@@ -4830,18 +4854,18 @@ function LeftNav({
               ${pathName?.includes("/help") && isExpanded ? "bg-primary/10 text-primary" : ""}
               `,
               children: [
-                /* @__PURE__ */ jsx57(Icon, { name: "HeartHandshake" }),
-                isExpanded && /* @__PURE__ */ jsx57("span", { children: "Help" })
+                /* @__PURE__ */ jsx58(Icon2, { name: "HeartHandshake" }),
+                isExpanded && /* @__PURE__ */ jsx58("span", { children: "Help" })
               ]
             }
           ),
-          /* @__PURE__ */ jsx57(ProfileMenu, { pathName: pathName ?? "", children: /* @__PURE__ */ jsxs37(
+          /* @__PURE__ */ jsx58(ProfileMenu, { pathName: pathName ?? "", children: /* @__PURE__ */ jsxs37(
             "div",
             {
               className: `flex items-center gap-4 cursor-pointer w-full rounded-lg py-2 ${isExpanded ? "pl-2 hover:bg-primary/10 hover:text-primary" : "pl-0"}`,
               children: [
-                /* @__PURE__ */ jsx57(Icon, { name: "User" }),
-                isExpanded && /* @__PURE__ */ jsx57("span", { children: user?.firstName })
+                /* @__PURE__ */ jsx58(Icon2, { name: "User" }),
+                isExpanded && /* @__PURE__ */ jsx58("span", { children: user?.firstName })
               ]
             }
           ) })
@@ -4854,7 +4878,7 @@ function LeftNav({
 // components/form-controls/multi-select.tsx
 import { Check as Check2, X as X2 } from "lucide-react";
 import { useState as useState8 } from "react";
-import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
 var MultiSelect = ({
   defaultValue = [],
   placeholder,
@@ -4881,7 +4905,7 @@ var MultiSelect = ({
     onValueChange(updatedValues);
   };
   return /* @__PURE__ */ jsxs38(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx58(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx59(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
       Button,
       {
         variant: "outline",
@@ -4898,7 +4922,7 @@ var MultiSelect = ({
               onClick: (e) => handleClear(value, e),
               children: [
                 options.find((opt) => opt.value === value)?.label,
-                /* @__PURE__ */ jsx58(X2, { className: "ml-1 h-3 w-3" })
+                /* @__PURE__ */ jsx59(X2, { className: "ml-1 h-3 w-3" })
               ]
             },
             value
@@ -4906,12 +4930,12 @@ var MultiSelect = ({
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx58(PopoverContent, { className: "p-0", children: /* @__PURE__ */ jsx58(Command, { children: /* @__PURE__ */ jsx58(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs38(
+    /* @__PURE__ */ jsx59(PopoverContent, { className: "p-0", children: /* @__PURE__ */ jsx59(Command, { children: /* @__PURE__ */ jsx59(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs38(
       CommandItem,
       {
         onSelect: () => handleSelect(option.value),
         children: [
-          /* @__PURE__ */ jsx58(
+          /* @__PURE__ */ jsx59(
             Check2,
             {
               className: cn(
@@ -4931,7 +4955,7 @@ var MultiSelect = ({
 // components/form-controls/multi-step-process.tsx
 import { Check as Check3, Loader2 as Loader23 } from "lucide-react";
 import { useEffect as useEffect6, useState as useState9 } from "react";
-import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
 var MultiStepProcess = ({
   initialSteps,
   onFinish,
@@ -4980,7 +5004,7 @@ var MultiStepProcess = ({
   };
   const renderStepComponent = (step, index) => {
     const StepComponent = step.component;
-    return /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60(
       StepComponent,
       {
         step,
@@ -4991,22 +5015,22 @@ var MultiStepProcess = ({
   const isLastStep = currentStepIndex === steps.length - 1;
   const currentStepData = steps[currentStepIndex];
   return /* @__PURE__ */ jsxs39(Card, { className: "p-6", children: [
-    /* @__PURE__ */ jsx59("div", { className: "mb-8", children: /* @__PURE__ */ jsx59("div", { className: "flex justify-between items-start", children: steps.map((step, i) => /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60("div", { className: "mb-8", children: /* @__PURE__ */ jsx60("div", { className: "flex justify-between items-start", children: steps.map((step, i) => /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx60(
         "div",
         {
           className: `
                   w-10 h-10 rounded-full flex items-center justify-center mb-2
                   ${i < currentStepIndex ? "bg-green-500 text-white" : i === currentStepIndex ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-500"}
                 `,
-          children: i < currentStepIndex ? /* @__PURE__ */ jsx59(Check3, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx59("span", { children: step.id })
+          children: i < currentStepIndex ? /* @__PURE__ */ jsx60(Check3, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx60("span", { children: step.id })
         }
       ),
-      /* @__PURE__ */ jsx59("span", { className: "text-sm text-center max-w-[100px]", children: step.title })
+      /* @__PURE__ */ jsx60("span", { className: "text-sm text-center max-w-[100px]", children: step.title })
     ] }, i)) }) }),
-    /* @__PURE__ */ jsx59("div", { className: "mb-3", children: renderStepComponent(currentStepData, currentStepIndex) }),
+    /* @__PURE__ */ jsx60("div", { className: "mb-3", children: renderStepComponent(currentStepData, currentStepIndex) }),
     /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60(
         Button,
         {
           onClick: goToPreviousStep,
@@ -5015,12 +5039,12 @@ var MultiStepProcess = ({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ jsx59(
+      /* @__PURE__ */ jsx60(
         Button,
         {
           onClick: goToNextStep,
           disabled: !currentStepData.isValid || currentStepData.isLoading,
-          children: currentStepData.isLoading ? /* @__PURE__ */ jsx59(Loader23, { className: "h-6 w-6 animate-spin" }) : isLastStep ? finishButtonText ?? "Finish" : "Next"
+          children: currentStepData.isLoading ? /* @__PURE__ */ jsx60(Loader23, { className: "h-6 w-6 animate-spin" }) : isLastStep ? finishButtonText ?? "Finish" : "Next"
         }
       )
     ] })
@@ -5028,7 +5052,7 @@ var MultiStepProcess = ({
 };
 
 // components/form-controls/popover.tsx
-import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
 var Popover2 = ({
   trigger,
   children,
@@ -5037,8 +5061,8 @@ var Popover2 = ({
   sideOffset = 4
 }) => {
   return /* @__PURE__ */ jsxs40(Popover, { children: [
-    /* @__PURE__ */ jsx60(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx60("div", { className, children: trigger }) }),
-    /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx61(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx61("div", { className, children: trigger }) }),
+    /* @__PURE__ */ jsx61(
       PopoverContent,
       {
         align,
@@ -5052,34 +5076,34 @@ var Popover2 = ({
 
 // components/form-controls/radio-group.tsx
 import * as React31 from "react";
-import { jsx as jsx61, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
 var RadioGroup3 = React31.forwardRef(({ className, options, defaultValue, title, name, control, isFormField, ...props }, ref) => {
   if (!isFormField) {
-    return /* @__PURE__ */ jsx61(RadioGroup2, { defaultValue, ...props, ref, children: options?.map((option) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
-      /* @__PURE__ */ jsx61(RadioGroupItem, { value: option.value, id: option.value }),
-      /* @__PURE__ */ jsx61("label", { htmlFor: option.value, children: option.label })
+    return /* @__PURE__ */ jsx62(RadioGroup2, { defaultValue, ...props, ref, children: options?.map((option) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
+      /* @__PURE__ */ jsx62(RadioGroupItem, { value: option.value, id: option.value }),
+      /* @__PURE__ */ jsx62("label", { htmlFor: option.value, children: option.label })
     ] }, option.value)) });
   }
-  return /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsx62(
     FormField,
     {
       control,
       name,
       render: ({ field }) => /* @__PURE__ */ jsxs41(FormItem, { children: [
-        title && /* @__PURE__ */ jsx61(FormLabel, { children: title }),
-        /* @__PURE__ */ jsx61(FormControl, { children: /* @__PURE__ */ jsx61(
+        title && /* @__PURE__ */ jsx62(FormLabel, { children: title }),
+        /* @__PURE__ */ jsx62(FormControl, { children: /* @__PURE__ */ jsx62(
           RadioGroup2,
           {
             onValueChange: field.onChange,
             defaultValue: field.value,
             ...props,
             children: options?.map((option) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
-              /* @__PURE__ */ jsx61(RadioGroupItem, { value: option.value, id: option.value }),
-              /* @__PURE__ */ jsx61("label", { htmlFor: option.value, children: option.label })
+              /* @__PURE__ */ jsx62(RadioGroupItem, { value: option.value, id: option.value }),
+              /* @__PURE__ */ jsx62("label", { htmlFor: option.value, children: option.label })
             ] }, option.value))
           }
         ) }),
-        /* @__PURE__ */ jsx61(FormMessage, {})
+        /* @__PURE__ */ jsx62(FormMessage, {})
       ] })
     }
   );
@@ -5095,7 +5119,7 @@ import {
   ScrollAreaThumb as ShadcnScrollAreaThumb,
   ScrollAreaCorner as ShadcnScrollAreaCorner
 } from "@radix-ui/react-scroll-area";
-import { jsx as jsx62, jsxs as jsxs42 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs42 } from "react/jsx-runtime";
 var ScrollArea2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
   ShadcnScrollArea,
   {
@@ -5103,14 +5127,14 @@ var ScrollArea2 = React32.forwardRef(({ className, children, ...props }, ref) =>
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx62(ShadcnScrollAreaViewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx62(ScrollBar2, {}),
-      /* @__PURE__ */ jsx62(ShadcnScrollAreaCorner, {})
+      /* @__PURE__ */ jsx63(ShadcnScrollAreaViewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx63(ScrollBar2, {}),
+      /* @__PURE__ */ jsx63(ShadcnScrollAreaCorner, {})
     ]
   }
 ));
 ScrollArea2.displayName = ShadcnScrollArea.displayName;
-var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx62(
+var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx63(
   ShadcnScrollAreaScrollbar,
   {
     ref,
@@ -5122,13 +5146,13 @@ var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...p
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx62(ShadcnScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx63(ShadcnScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar2.displayName = ShadcnScrollAreaScrollbar.displayName;
 
 // components/form-controls/select.tsx
-import { jsx as jsx63, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs43 } from "react/jsx-runtime";
 var Select2 = ({
   defaultValue,
   placeholder,
@@ -5137,8 +5161,8 @@ var Select2 = ({
   onValueChange
 }) => {
   return /* @__PURE__ */ jsxs43(Select, { value: defaultValue, onValueChange, children: [
-    /* @__PURE__ */ jsx63(SelectTrigger, { className, children: /* @__PURE__ */ jsx63(SelectValue, { placeholder }) }),
-    /* @__PURE__ */ jsx63(SelectContent, { children: options?.map((option, i) => /* @__PURE__ */ jsx63(SelectItem, { value: option.value, children: option.label }, i)) })
+    /* @__PURE__ */ jsx64(SelectTrigger, { className, children: /* @__PURE__ */ jsx64(SelectValue, { placeholder }) }),
+    /* @__PURE__ */ jsx64(SelectContent, { children: options?.map((option, i) => /* @__PURE__ */ jsx64(SelectItem, { value: option.value, children: option.label }, i)) })
   ] });
 };
 
@@ -5150,8 +5174,8 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // components/ui/progress.tsx
 import * as React33 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx64 } from "react/jsx-runtime";
-var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx64(
+import { jsx as jsx65 } from "react/jsx-runtime";
+var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx65(
   ProgressPrimitive.Root,
   {
     ref,
@@ -5160,7 +5184,7 @@ var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx64(
+    children: /* @__PURE__ */ jsx65(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -5174,7 +5198,7 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 // components/form-controls/setup-guide.tsx
 import { Check as Check4 } from "lucide-react";
 import { useId as useId3, useState as useState10 } from "react";
-import { jsx as jsx65, jsxs as jsxs44 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs44 } from "react/jsx-runtime";
 var SetupGuide = ({
   onDismiss,
   onStepComplete,
@@ -5187,12 +5211,12 @@ var SetupGuide = ({
   const accessId = useId3();
   const completedItemsLength = items.filter((item) => item.complete).length;
   return /* @__PURE__ */ jsxs44("div", { className: "p-0", children: [
-    /* @__PURE__ */ jsx65("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx65("div", { className: "space-y-4", children: /* @__PURE__ */ jsx65("div", { className: "mt-2", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx66("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx66("div", { className: "space-y-4", children: /* @__PURE__ */ jsx66("div", { className: "mt-2", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
       completedItemsLength === items.length ? /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx65(Check4, { className: "h-4 w-4 text-gray-400" }),
-        /* @__PURE__ */ jsx65("span", { className: "text-sm text-gray-400", children: "Done" })
-      ] }) : /* @__PURE__ */ jsx65("span", { className: "text-sm", children: `${completedItemsLength} / ${items.length} completed` }),
-      completedItemsLength !== items.length && /* @__PURE__ */ jsx65("div", { className: "w-24", children: /* @__PURE__ */ jsx65(
+        /* @__PURE__ */ jsx66(Check4, { className: "h-4 w-4 text-gray-400" }),
+        /* @__PURE__ */ jsx66("span", { className: "text-sm text-gray-400", children: "Done" })
+      ] }) : /* @__PURE__ */ jsx66("span", { className: "text-sm", children: `${completedItemsLength} / ${items.length} completed` }),
+      completedItemsLength !== items.length && /* @__PURE__ */ jsx66("div", { className: "w-24", children: /* @__PURE__ */ jsx66(
         Progress,
         {
           value: completedItemsLength / items.length * 100,
@@ -5200,7 +5224,7 @@ var SetupGuide = ({
         }
       ) })
     ] }) }) }) }),
-    /* @__PURE__ */ jsx65(Collapsible, { open: isGuideOpen, id: accessId, children: /* @__PURE__ */ jsx65(CollapsibleContent2, { className: "p-2", children: /* @__PURE__ */ jsx65("div", { className: "space-y-1", children: items.map((item) => /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx66(Collapsible, { open: isGuideOpen, id: accessId, children: /* @__PURE__ */ jsx66(CollapsibleContent2, { className: "p-2", children: /* @__PURE__ */ jsx66("div", { className: "space-y-1", children: items.map((item) => /* @__PURE__ */ jsx66(
       SetupItem,
       {
         expanded: expanded === item.id,
@@ -5210,7 +5234,7 @@ var SetupGuide = ({
       },
       item.id
     )) }) }) }),
-    completedItemsLength === items.length && /* @__PURE__ */ jsx65("div", { className: "border-t border-gray-200 bg-gray-50 p-3", children: /* @__PURE__ */ jsx65("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx65(Button, { onClick: onDismiss, children: "Dismiss Guide" }) }) })
+    completedItemsLength === items.length && /* @__PURE__ */ jsx66("div", { className: "border-t border-gray-200 bg-gray-50 p-3", children: /* @__PURE__ */ jsx66("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx66(Button, { onClick: onDismiss, children: "Dismiss Guide" }) }) })
   ] });
 };
 var SetupItem = ({
@@ -5231,38 +5255,38 @@ var SetupItem = ({
     await onComplete(id);
     setLoading(false);
   };
-  return /* @__PURE__ */ jsx65("div", { className: `rounded ${expanded ? "bg-gray-100" : ""}`, children: /* @__PURE__ */ jsx65("div", { className: `p-2 ${expanded ? "" : "hover:bg-gray-50"}`, children: /* @__PURE__ */ jsxs44("div", { className: "flex gap-2 items-start", children: [
-    /* @__PURE__ */ jsx65(TooltipProvider, { children: /* @__PURE__ */ jsxs44(Tooltip, { children: [
-      /* @__PURE__ */ jsx65(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx65(
+  return /* @__PURE__ */ jsx66("div", { className: `rounded ${expanded ? "bg-gray-100" : ""}`, children: /* @__PURE__ */ jsx66("div", { className: `p-2 ${expanded ? "" : "hover:bg-gray-50"}`, children: /* @__PURE__ */ jsxs44("div", { className: "flex gap-2 items-start", children: [
+    /* @__PURE__ */ jsx66(TooltipProvider, { children: /* @__PURE__ */ jsxs44(Tooltip, { children: [
+      /* @__PURE__ */ jsx66(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx66(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "mt-0.5",
           onClick: completeItem,
-          children: loading ? /* @__PURE__ */ jsx65("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : complete ? /* @__PURE__ */ jsx65("div", { className: "h-5 w-5 rounded-full bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ jsx65(Check4, { className: "h-3 w-3 text-white" }) }) : /* @__PURE__ */ jsx65("div", { className: "h-5 w-5 rounded-full border-2 border-gray-300" })
+          children: loading ? /* @__PURE__ */ jsx66("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : complete ? /* @__PURE__ */ jsx66("div", { className: "h-5 w-5 rounded-full bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ jsx66(Check4, { className: "h-3 w-3 text-white" }) }) : /* @__PURE__ */ jsx66("div", { className: "h-5 w-5 rounded-full border-2 border-gray-300" })
         }
       ) }),
-      /* @__PURE__ */ jsx65(TooltipContent, { children: complete ? "Mark as not done" : "Mark as done" })
+      /* @__PURE__ */ jsx66(TooltipContent, { children: complete ? "Mark as not done" : "Mark as done" })
     ] }) }),
-    /* @__PURE__ */ jsx65(
+    /* @__PURE__ */ jsx66(
       "div",
       {
         className: `grow ${expanded ? "" : "cursor-pointer"}`,
         onClick: expanded ? void 0 : setExpanded,
         children: /* @__PURE__ */ jsxs44("div", { className: "space-y-3", id: id.toString(), children: [
-          /* @__PURE__ */ jsx65("h4", { className: expanded ? "text-sm font-semibold" : "text-sm", children: title }),
-          /* @__PURE__ */ jsx65(Collapsible, { open: expanded, children: /* @__PURE__ */ jsx65(CollapsibleContent2, { className: "pb-2 pr-2", children: /* @__PURE__ */ jsxs44("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx65("p", { className: "text-sm text-gray-600", children: description }),
+          /* @__PURE__ */ jsx66("h4", { className: expanded ? "text-sm font-semibold" : "text-sm", children: title }),
+          /* @__PURE__ */ jsx66(Collapsible, { open: expanded, children: /* @__PURE__ */ jsx66(CollapsibleContent2, { className: "pb-2 pr-2", children: /* @__PURE__ */ jsxs44("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx66("p", { className: "text-sm text-gray-600", children: description }),
             (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs44("div", { className: "space-x-3", children: [
-              primaryButton && /* @__PURE__ */ jsx65(Button, { ...primaryButton.props, children: primaryButton.content }),
-              secondaryButton && /* @__PURE__ */ jsx65(Button, { variant: "outline", ...secondaryButton.props, children: secondaryButton.content })
+              primaryButton && /* @__PURE__ */ jsx66(Button, { ...primaryButton.props, children: primaryButton.content }),
+              secondaryButton && /* @__PURE__ */ jsx66(Button, { variant: "outline", ...secondaryButton.props, children: secondaryButton.content })
             ] })
           ] }) }) })
         ] })
       }
     ),
-    image && expanded && /* @__PURE__ */ jsx65(
+    image && expanded && /* @__PURE__ */ jsx66(
       "img",
       {
         src: image.url,
@@ -5274,7 +5298,7 @@ var SetupItem = ({
 };
 
 // components/form-controls/sheet.tsx
-import { jsx as jsx66, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs45 } from "react/jsx-runtime";
 var Sheet2 = ({
   title,
   trigger,
@@ -5283,10 +5307,10 @@ var Sheet2 = ({
   ...props
 }) => {
   return /* @__PURE__ */ jsxs45(Sheet, { ...props, children: [
-    trigger && /* @__PURE__ */ jsx66(SheetTrigger, { children: trigger }),
-    /* @__PURE__ */ jsx66(SheetContent, { children: /* @__PURE__ */ jsxs45(SheetHeader, { children: [
-      /* @__PURE__ */ jsx66(SheetTitle, { children: title }),
-      /* @__PURE__ */ jsx66(SheetDescription, { children: description }),
+    trigger && /* @__PURE__ */ jsx67(SheetTrigger, { children: trigger }),
+    /* @__PURE__ */ jsx67(SheetContent, { children: /* @__PURE__ */ jsxs45(SheetHeader, { children: [
+      /* @__PURE__ */ jsx67(SheetTitle, { children: title }),
+      /* @__PURE__ */ jsx67(SheetDescription, { children: description }),
       children
     ] }) })
   ] });
@@ -5295,7 +5319,7 @@ var Sheet2 = ({
 // components/form-controls/tags-input.tsx
 import { X as X3 } from "lucide-react";
 import * as React35 from "react";
-import { jsx as jsx67, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs46 } from "react/jsx-runtime";
 var TagsInput = React35.forwardRef(
   ({ variant = "default", className, value, onChange, ...props }, ref) => {
     const [inputValue, setInputValue] = React35.useState("");
@@ -5321,7 +5345,7 @@ var TagsInput = React35.forwardRef(
           className: "bg-gray-200 px-2 py-1 rounded flex items-center",
           children: [
             tag,
-            /* @__PURE__ */ jsx67(
+            /* @__PURE__ */ jsx68(
               X3,
               {
                 className: "ml-1 w-4 h-4 cursor-pointer",
@@ -5332,7 +5356,7 @@ var TagsInput = React35.forwardRef(
         },
         index
       )),
-      /* @__PURE__ */ jsx67(
+      /* @__PURE__ */ jsx68(
         "input",
         {
           className: "grow border-none focus:ring-0",
@@ -5350,7 +5374,7 @@ TagsInput.displayName = "TagsInput";
 
 // components/form-controls/textarea.tsx
 import * as React36 from "react";
-import { jsx as jsx68, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx69, jsxs as jsxs47 } from "react/jsx-runtime";
 var Textarea2 = React36.forwardRef(
   ({
     variant = "default",
@@ -5362,15 +5386,15 @@ var Textarea2 = React36.forwardRef(
     rules,
     ...props
   }, ref) => {
-    return isFormField ? /* @__PURE__ */ jsx68(
+    return isFormField ? /* @__PURE__ */ jsx69(
       FormField,
       {
         control,
         name,
         rules,
         render: ({ field }) => /* @__PURE__ */ jsxs47(FormItem, { children: [
-          title && /* @__PURE__ */ jsx68(FormLabel, { children: title }),
-          /* @__PURE__ */ jsx68(FormControl, { children: /* @__PURE__ */ jsx68(
+          title && /* @__PURE__ */ jsx69(FormLabel, { children: title }),
+          /* @__PURE__ */ jsx69(FormControl, { children: /* @__PURE__ */ jsx69(
             Textarea,
             {
               className: `${className} resize-none`,
@@ -5378,10 +5402,10 @@ var Textarea2 = React36.forwardRef(
               ...props
             }
           ) }),
-          /* @__PURE__ */ jsx68(FormMessage, {})
+          /* @__PURE__ */ jsx69(FormMessage, {})
         ] })
       }
-    ) : /* @__PURE__ */ jsx68(
+    ) : /* @__PURE__ */ jsx69(
       Textarea,
       {
         className: `${className} resize-none`,
@@ -5396,7 +5420,7 @@ Textarea2.displayName = "Textarea";
 // components/form-controls/time-picker.tsx
 import { Clock } from "lucide-react";
 import { useState as useState12 } from "react";
-import { jsx as jsx69, jsxs as jsxs48 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs48 } from "react/jsx-runtime";
 var TimePicker = ({
   value,
   onValueChange,
@@ -5421,20 +5445,20 @@ var TimePicker = ({
     onValueChange(`${hour}:${newMinute}`);
   };
   return /* @__PURE__ */ jsxs48(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx69(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs48(
+    /* @__PURE__ */ jsx70(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs48(
       Button,
       {
         variant: "outline",
         className: `w-full justify-start text-left font-normal ${className}`,
         disabled,
         children: [
-          /* @__PURE__ */ jsx69(Clock, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx70(Clock, { className: "mr-2 h-4 w-4" }),
           value || placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx69(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx69(
+    /* @__PURE__ */ jsx70(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx70(
         Select2,
         {
           defaultValue: hour,
@@ -5444,8 +5468,8 @@ var TimePicker = ({
           className: "w-[80px]"
         }
       ),
-      /* @__PURE__ */ jsx69("span", { className: "text-lg", children: ":" }),
-      /* @__PURE__ */ jsx69(
+      /* @__PURE__ */ jsx70("span", { className: "text-lg", children: ":" }),
+      /* @__PURE__ */ jsx70(
         Select2,
         {
           defaultValue: minute,
@@ -5460,11 +5484,11 @@ var TimePicker = ({
 };
 
 // components/form-controls/tooltip.tsx
-import { jsx as jsx70, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
 var Tooltip3 = ({ children, tipContent }) => {
-  return /* @__PURE__ */ jsx70(TooltipProvider, { children: /* @__PURE__ */ jsxs49(Tooltip, { delayDuration: 0, children: [
-    /* @__PURE__ */ jsx70(TooltipTrigger, { children }),
-    /* @__PURE__ */ jsx70(TooltipContent, { children: /* @__PURE__ */ jsx70("p", { children: tipContent }) })
+  return /* @__PURE__ */ jsx71(TooltipProvider, { children: /* @__PURE__ */ jsxs49(Tooltip, { delayDuration: 0, children: [
+    /* @__PURE__ */ jsx71(TooltipTrigger, { children }),
+    /* @__PURE__ */ jsx71(TooltipContent, { children: /* @__PURE__ */ jsx71("p", { children: tipContent }) })
   ] }) });
 };
 
@@ -5472,7 +5496,7 @@ var Tooltip3 = ({ children, tipContent }) => {
 import { Loader2 as Loader24, Upload } from "lucide-react";
 import { useDropzone } from "react-dropzone";
 import { toast } from "sonner";
-import { jsx as jsx71, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
 function UploadWidget({
   accept,
   maxSize,
@@ -5510,11 +5534,11 @@ function UploadWidget({
       ...getRootProps(),
       className: "relative border-2 border-dashed border-gray-300 rounded-lg p-6 text-center cursor-pointer min-h-[160px]",
       children: [
-        isUploading && /* @__PURE__ */ jsx71("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx71(Loader24, { className: "animate-spin h-6 w-6 text-primary" }) }),
-        /* @__PURE__ */ jsx71("input", { ...getInputProps() }),
-        isDragActive ? /* @__PURE__ */ jsx71("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs50("div", { children: [
-          /* @__PURE__ */ jsx71(Upload, { className: "mx-auto h-12 w-12 text-gray-400" }),
-          /* @__PURE__ */ jsx71("p", { children: "Drag n drop some files here, or click to select files" }),
+        isUploading && /* @__PURE__ */ jsx72("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx72(Loader24, { className: "animate-spin h-6 w-6 text-primary" }) }),
+        /* @__PURE__ */ jsx72("input", { ...getInputProps() }),
+        isDragActive ? /* @__PURE__ */ jsx72("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs50("div", { children: [
+          /* @__PURE__ */ jsx72(Upload, { className: "mx-auto h-12 w-12 text-gray-400" }),
+          /* @__PURE__ */ jsx72("p", { children: "Drag n drop some files here, or click to select files" }),
           /* @__PURE__ */ jsxs50("p", { className: "text-sm text-gray-500", children: [
             "Only ",
             acceptedTypes,
@@ -5523,11 +5547,11 @@ function UploadWidget({
             "MB are accepted"
           ] })
         ] }),
-        fileUrls.length > 0 && /* @__PURE__ */ jsx71("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx71("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
+        fileUrls.length > 0 && /* @__PURE__ */ jsx72("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx72("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
           const fileName = getFileName(url);
           return /* @__PURE__ */ jsxs50("li", { className: "flex items-center space-x-2 text-sm", children: [
-            /* @__PURE__ */ jsx71("div", { children: getFileIcon(fileName) }),
-            /* @__PURE__ */ jsx71("span", { children: fileName })
+            /* @__PURE__ */ jsx72("div", { children: getFileIcon(fileName) }),
+            /* @__PURE__ */ jsx72("span", { children: fileName })
           ] }, i);
         }) }) })
       ]
@@ -5538,15 +5562,15 @@ function UploadWidget({
 // components/general/markdown-renderer.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { jsx as jsx72 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 function MarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx72(
+  return /* @__PURE__ */ jsx73(
     ReactMarkdown,
     {
       remarkPlugins: [remarkGfm],
       className: "text-primary-900",
       components: {
-        a: ({ node, ...props }) => /* @__PURE__ */ jsx72(
+        a: ({ node, ...props }) => /* @__PURE__ */ jsx73(
           "a",
           {
             target: "_blank",
@@ -5555,20 +5579,20 @@ function MarkdownRenderer({ content }) {
             ...props
           }
         ),
-        h1: ({ node, ...props }) => /* @__PURE__ */ jsx72("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
-        h2: ({ node, ...props }) => /* @__PURE__ */ jsx72("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
-        h3: ({ node, ...props }) => /* @__PURE__ */ jsx72("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
-        code: ({ node, ...props }) => /* @__PURE__ */ jsx72(
+        h1: ({ node, ...props }) => /* @__PURE__ */ jsx73("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
+        h2: ({ node, ...props }) => /* @__PURE__ */ jsx73("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
+        h3: ({ node, ...props }) => /* @__PURE__ */ jsx73("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
+        code: ({ node, ...props }) => /* @__PURE__ */ jsx73(
           "code",
           {
             className: "block bg-stone-100 p-3 rounded font-mono",
             ...props
           }
         ),
-        ul: ({ node, ...props }) => /* @__PURE__ */ jsx72("ul", { className: "list-disc pl-6 my-4", ...props }),
-        ol: ({ node, ...props }) => /* @__PURE__ */ jsx72("ol", { className: "list-decimal pl-6 my-4", ...props }),
-        p: ({ node, ...props }) => /* @__PURE__ */ jsx72("p", { className: "my-4", ...props }),
-        blockquote: ({ node, ...props }) => /* @__PURE__ */ jsx72(
+        ul: ({ node, ...props }) => /* @__PURE__ */ jsx73("ul", { className: "list-disc pl-6 my-4", ...props }),
+        ol: ({ node, ...props }) => /* @__PURE__ */ jsx73("ol", { className: "list-decimal pl-6 my-4", ...props }),
+        p: ({ node, ...props }) => /* @__PURE__ */ jsx73("p", { className: "my-4", ...props }),
+        blockquote: ({ node, ...props }) => /* @__PURE__ */ jsx73(
           "blockquote",
           {
             className: "border-l-4 border-stone-200 pl-4 my-4 italic",
@@ -5582,7 +5606,7 @@ function MarkdownRenderer({ content }) {
 }
 
 // components/general/chat-loading.tsx
-import { jsx as jsx73, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx74, jsxs as jsxs51 } from "react/jsx-runtime";
 function ChatLoading() {
   return /* @__PURE__ */ jsxs51(
     "svg",
@@ -5592,7 +5616,7 @@ function ChatLoading() {
       width: "60",
       height: "15",
       children: [
-        /* @__PURE__ */ jsx73("circle", { cx: "7.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74("circle", { cx: "7.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx74(
           "animate",
           {
             attributeName: "cy",
@@ -5605,7 +5629,7 @@ function ChatLoading() {
             values: "7.5;3.5;7.5"
           }
         ) }),
-        /* @__PURE__ */ jsx73("circle", { cx: "30", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74("circle", { cx: "30", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx74(
           "animate",
           {
             attributeName: "cy",
@@ -5618,7 +5642,7 @@ function ChatLoading() {
             values: "7.5;3.5;7.5"
           }
         ) }),
-        /* @__PURE__ */ jsx73("circle", { cx: "52.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx73(
+        /* @__PURE__ */ jsx74("circle", { cx: "52.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx74(
           "animate",
           {
             attributeName: "cy",
@@ -5637,10 +5661,10 @@ function ChatLoading() {
 }
 
 // components/layout/action-bar.tsx
-import { ArrowLeft, icons as icons2, Loader2 as Loader25 } from "lucide-react";
+import { ArrowLeft, icons as icons3, Loader2 as Loader25 } from "lucide-react";
 import { useRouter as useRouter4 } from "next/navigation";
 import React37 from "react";
-import { Fragment as Fragment9, jsx as jsx74, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx75, jsxs as jsxs52 } from "react/jsx-runtime";
 var colorStyles = {
   red: "bg-red-50 hover:bg-red-100 text-red-600",
   blue: "bg-blue-50 hover:bg-blue-100 text-blue-600",
@@ -5655,7 +5679,7 @@ function EloquentActionBar({
   title
 }) {
   const router = useRouter4();
-  const LucideIcons = icons2;
+  const LucideIcons = icons3;
   return /* @__PURE__ */ jsxs52("div", { className: "flex bg-white border-gray-200 border-b border-x rounded-t-lg items-center", children: [
     showBack && /* @__PURE__ */ jsxs52(Fragment9, { children: [
       /* @__PURE__ */ jsxs52(
@@ -5664,14 +5688,14 @@ function EloquentActionBar({
           onClick: () => router.back(),
           className: "flex items-center px-3 py-2 hover:bg-gray-100 transition-colors",
           children: [
-            /* @__PURE__ */ jsx74(ArrowLeft, { className: "w-5 h-5 mr-2 text-gray-600" }),
-            /* @__PURE__ */ jsx74("span", { className: "text-gray-600 font-medium", children: "Back" })
+            /* @__PURE__ */ jsx75(ArrowLeft, { className: "w-5 h-5 mr-2 text-gray-600" }),
+            /* @__PURE__ */ jsx75("span", { className: "text-gray-600 font-medium", children: "Back" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx74(Separator3, { orientation: "vertical", className: "h-full" })
+      /* @__PURE__ */ jsx75(Separator3, { orientation: "vertical", className: "h-full" })
     ] }),
-    /* @__PURE__ */ jsx74("div", { className: "flex items-center", children: buttons.map((button, index) => {
+    /* @__PURE__ */ jsx75("div", { className: "flex items-center", children: buttons.map((button, index) => {
       const Icon3 = LucideIcons[button.icon];
       return /* @__PURE__ */ jsxs52(React37.Fragment, { children: [
         /* @__PURE__ */ jsxs52(
@@ -5681,23 +5705,23 @@ function EloquentActionBar({
             disabled: button.isLoading,
             className: `flex items-center px-4 py-2 transition-colors ${colorStyles[button.color]} ${button.isLoading ? "opacity-70 cursor-not-allowed" : ""}`,
             children: [
-              button.isLoading ? /* @__PURE__ */ jsx74(Loader25, { className: "w-5 h-5 mr-2 animate-spin" }) : /* @__PURE__ */ jsx74(Icon3, { className: "w-5 h-5 mr-2" }),
-              /* @__PURE__ */ jsx74("span", { className: "font-medium", children: button.label })
+              button.isLoading ? /* @__PURE__ */ jsx75(Loader25, { className: "w-5 h-5 mr-2 animate-spin" }) : /* @__PURE__ */ jsx75(Icon3, { className: "w-5 h-5 mr-2" }),
+              /* @__PURE__ */ jsx75("span", { className: "font-medium", children: button.label })
             ]
           }
         ),
-        index < buttons.length - 1 && /* @__PURE__ */ jsx74(Separator3, { orientation: "vertical", className: "h-full" })
+        index < buttons.length - 1 && /* @__PURE__ */ jsx75(Separator3, { orientation: "vertical", className: "h-full" })
       ] }, button.label);
     }) }),
-    title && /* @__PURE__ */ jsx74("span", { className: "text-lg", children: title })
+    title && /* @__PURE__ */ jsx75("span", { className: "text-lg", children: title })
   ] });
 }
 
 // components/schema-fields/dropdown-field.tsx
-import { jsx as jsx75, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs53 } from "react/jsx-runtime";
 function ColorDot({ color }) {
   if (!color) return null;
-  return /* @__PURE__ */ jsx75(
+  return /* @__PURE__ */ jsx76(
     "div",
     {
       className: "w-3 h-3 rounded-full mr-2 inline-block",
@@ -5715,7 +5739,7 @@ function DropdownField({ schema, value, onChange }) {
     const selectedOption = options?.find((opt) => opt.value === value);
     if (!selectedOption) return null;
     return /* @__PURE__ */ jsxs53("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsx75(ColorDot, { color: selectedOption.color }),
+      /* @__PURE__ */ jsx76(ColorDot, { color: selectedOption.color }),
       selectedOption.label
     ] });
   };
@@ -5725,14 +5749,14 @@ function DropdownField({ schema, value, onChange }) {
       value: value ?? "",
       onValueChange: onChange,
       children: [
-        /* @__PURE__ */ jsx75(SelectTrigger, { children: /* @__PURE__ */ jsx75(SelectValue, { children: renderSelectedValue() }) }),
-        /* @__PURE__ */ jsx75(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsxs53(
+        /* @__PURE__ */ jsx76(SelectTrigger, { children: /* @__PURE__ */ jsx76(SelectValue, { children: renderSelectedValue() }) }),
+        /* @__PURE__ */ jsx76(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsxs53(
           SelectItem,
           {
             value: option.value,
             className: "flex items-center",
             children: [
-              /* @__PURE__ */ jsx75(ColorDot, { color: option.color }),
+              /* @__PURE__ */ jsx76(ColorDot, { color: option.color }),
               option.label
             ]
           },
@@ -5744,7 +5768,7 @@ function DropdownField({ schema, value, onChange }) {
 }
 
 // components/schema-fields/string-field.tsx
-import { jsx as jsx76 } from "react/jsx-runtime";
+import { jsx as jsx77 } from "react/jsx-runtime";
 function StringField({
   name,
   schema,
@@ -5776,7 +5800,7 @@ function StringField({
         return "text";
     }
   };
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx77(
     Input,
     {
       value: value || "",
@@ -5795,14 +5819,14 @@ function StringField({
 }
 
 // components/schema-fields/string-multi-line-field.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx78 } from "react/jsx-runtime";
 function StringMultiLineField({
   name,
   schema,
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx78(
     Textarea,
     {
       value: value || "",
@@ -5817,9 +5841,9 @@ function StringMultiLineField({
 // components/schema-fields/text-field.tsx
 import { RiCheckLine } from "@remixicon/react";
 import { useState as useState13 } from "react";
-import { jsx as jsx78, jsxs as jsxs54 } from "react/jsx-runtime";
+import { jsx as jsx79, jsxs as jsxs54 } from "react/jsx-runtime";
 function TextField({ schema, value, onChange }) {
-  return /* @__PURE__ */ jsx78(TooltipProvider, { children: /* @__PURE__ */ jsx78("div", { className: "rounded-lg border bg-background flex flex-col", children: /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx79(TooltipProvider, { children: /* @__PURE__ */ jsx79("div", { className: "rounded-lg border bg-background flex flex-col", children: /* @__PURE__ */ jsx79(
     Input,
     {
       value,
@@ -5830,7 +5854,7 @@ function TextField({ schema, value, onChange }) {
 }
 
 // components/schema-fields/schema-field.tsx
-import { jsx as jsx79, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx80, jsxs as jsxs55 } from "react/jsx-runtime";
 function getFieldType(schema) {
   if (schema.enum) return "dropdown";
   if (schema.format === "richtext") return "text";
@@ -5852,13 +5876,13 @@ function SchemaField(props) {
       case "email":
       case "phone":
       case "url":
-        return /* @__PURE__ */ jsx79(StringField, { ...props });
+        return /* @__PURE__ */ jsx80(StringField, { ...props });
       case "stringMultiline":
-        return /* @__PURE__ */ jsx79(StringMultiLineField, { ...props });
+        return /* @__PURE__ */ jsx80(StringMultiLineField, { ...props });
       case "text":
-        return /* @__PURE__ */ jsx79(TextField, { ...props });
+        return /* @__PURE__ */ jsx80(TextField, { ...props });
       case "dropdown":
-        return /* @__PURE__ */ jsx79(DropdownField, { ...props });
+        return /* @__PURE__ */ jsx80(DropdownField, { ...props });
       default:
         return /* @__PURE__ */ jsxs55("div", { className: "text-red-500", children: [
           "Unsupported field type: ",
@@ -5869,10 +5893,10 @@ function SchemaField(props) {
   return /* @__PURE__ */ jsxs55("div", { className: cn("space-y-2", getColspanBySchema(schema)), children: [
     /* @__PURE__ */ jsxs55(Label2, { children: [
       label ?? schema.title ?? name,
-      schema.required && /* @__PURE__ */ jsx79("span", { className: "text-red-500", children: "*" })
+      schema.required && /* @__PURE__ */ jsx80("span", { className: "text-red-500", children: "*" })
     ] }),
     renderField(),
-    schema.description && /* @__PURE__ */ jsx79("p", { className: "text-sm text-gray-500", children: schema.description })
+    schema.description && /* @__PURE__ */ jsx80("p", { className: "text-sm text-gray-500", children: schema.description })
   ] });
 }
 
@@ -5882,7 +5906,126 @@ import { Loader2 as Loader26, UploadCloud } from "lucide-react";
 import { useState as useState14 } from "react";
 import { useDropzone as useDropzone2 } from "react-dropzone";
 import { toast as toast2 } from "sonner";
-import { jsx as jsx80, jsxs as jsxs56 } from "react/jsx-runtime";
+
+// components/upload/upload-actions.ts
+import { BlobServiceClient } from "@azure/storage-blob";
+import { PutObjectCommand, S3Client } from "@aws-sdk/client-s3";
+async function uploadFile(formData) {
+  try {
+    const file = formData.get("file");
+    if (!file) {
+      throw new Error("No file provided");
+    }
+    const STORAGE_CONNECTION_STRING = process.env.AZURE_STORAGE_CONNECTION_STRING;
+    const STORAGE_CONTAINER_NAME = process.env.AZURE_STORAGE_CONTAINER_NAME;
+    if (!STORAGE_CONNECTION_STRING || !STORAGE_CONTAINER_NAME) {
+      throw new Error(
+        "STORAGE_CONNECTION_STRING or STORAGE_CONTAINER_NAME not set"
+      );
+    }
+    const fileExtension = file.name.split(".").pop()?.toLowerCase();
+    const fileName = `${Date.now()}-${Math.random().toString(36).substring(2)}.${fileExtension}`;
+    const contentType = getContentType(fileExtension);
+    const buffer = Buffer.from(await file.arrayBuffer());
+    const blobServiceClient = BlobServiceClient.fromConnectionString(
+      STORAGE_CONNECTION_STRING
+    );
+    const containerClient = blobServiceClient.getContainerClient(
+      STORAGE_CONTAINER_NAME
+    );
+    await containerClient.createIfNotExists();
+    const blockBlobClient = containerClient.getBlockBlobClient(fileName);
+    await blockBlobClient.upload(buffer, buffer.length, {
+      blobHTTPHeaders: {
+        blobContentType: contentType
+      }
+    });
+    const fileUrl = blockBlobClient.url;
+    return { success: true, fileUrl };
+  } catch (error) {
+    console.error("Upload error:", error);
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : "Failed to upload file"
+    };
+  }
+}
+function getContentType(fileExtension) {
+  if (!fileExtension) return "application/octet-stream";
+  const mimeTypes = {
+    // Images
+    png: "image/png",
+    jpg: "image/jpeg",
+    jpeg: "image/jpeg",
+    gif: "image/gif",
+    webp: "image/webp",
+    svg: "image/svg+xml",
+    // Documents
+    pdf: "application/pdf",
+    doc: "application/msword",
+    docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+    // Others
+    txt: "text/plain",
+    csv: "text/csv",
+    json: "application/json"
+  };
+  return mimeTypes[fileExtension] || "application/octet-stream";
+}
+async function uploadToS3(formData) {
+  try {
+    const file = formData.get("file");
+    if (!file) {
+      throw new Error("No file provided");
+    }
+    const AWS_ACCESS_KEY_ID = process.env.LINODE_ACCESS_KEY;
+    const AWS_SECRET_ACCESS_KEY = process.env.LINODE_SECRET_KEY;
+    const S3_BUCKET_NAME = process.env.LINODE_BUCKET_NAME;
+    let S3_ENDPOINT = process.env.LINODE_OBJECT_STORAGE_ENDPOINT;
+    if (!AWS_ACCESS_KEY_ID || !AWS_SECRET_ACCESS_KEY || !S3_BUCKET_NAME || !S3_ENDPOINT) {
+      throw new Error("S3 credentials or configuration not set");
+    }
+    const fileExtension = file.name.split(".").pop()?.toLowerCase();
+    const fileName = `${Date.now()}-${Math.random().toString(36).substring(2)}.${fileExtension}`;
+    const contentType = getContentType(fileExtension);
+    const buffer = Buffer.from(await file.arrayBuffer());
+    const s3Client = new S3Client({
+      endpoint: S3_ENDPOINT,
+      region: "us-east-1",
+      // Linode requires a region but it's not used with custom endpoint
+      credentials: {
+        accessKeyId: AWS_ACCESS_KEY_ID,
+        secretAccessKey: AWS_SECRET_ACCESS_KEY
+      },
+      forcePathStyle: true,
+      // Required for Linode Object Storage
+      maxAttempts: 3,
+      requestHandler: {
+        timeout: 1e4
+        // 10 seconds timeout
+      }
+    });
+    const command = new PutObjectCommand({
+      Bucket: S3_BUCKET_NAME,
+      Key: fileName,
+      Body: buffer,
+      ContentType: contentType,
+      ACL: "public-read"
+      // Make the object publicly readable
+    });
+    await s3Client.send(command);
+    const fileUrl = `${S3_ENDPOINT}/${S3_BUCKET_NAME}/${fileName}`;
+    return { success: true, fileUrl };
+  } catch (error) {
+    console.error("Upload error:", JSON.stringify(error, null, 2));
+    return {
+      success: false,
+      error: error instanceof Error ? error.message : "Failed to upload file"
+    };
+  }
+}
+
+// components/upload/upload-widget-v2.tsx
+import { jsx as jsx81, jsxs as jsxs56 } from "react/jsx-runtime";
 function UploadWidgetV2({
   accept,
   maxSize,
@@ -5949,11 +6092,11 @@ function UploadWidgetV2({
         className
       ),
       children: [
-        isUploading && /* @__PURE__ */ jsx80("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx80(Loader26, { className: "animate-spin h-6 w-6 text-primary" }) }),
-        /* @__PURE__ */ jsx80("input", { ...getInputProps() }),
-        isDragActive ? /* @__PURE__ */ jsx80("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs56("div", { children: [
-          /* @__PURE__ */ jsx80(UploadCloud, { className: "mx-auto h-12 w-12 text-gray-400" }),
-          /* @__PURE__ */ jsx80("p", { children: "Drag n drop some files here, or click to select files" }),
+        isUploading && /* @__PURE__ */ jsx81("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx81(Loader26, { className: "animate-spin h-6 w-6 text-primary" }) }),
+        /* @__PURE__ */ jsx81("input", { ...getInputProps() }),
+        isDragActive ? /* @__PURE__ */ jsx81("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs56("div", { children: [
+          /* @__PURE__ */ jsx81(UploadCloud, { className: "mx-auto h-12 w-12 text-gray-400" }),
+          /* @__PURE__ */ jsx81("p", { children: "Drag n drop some files here, or click to select files" }),
           /* @__PURE__ */ jsxs56("p", { className: "text-sm text-gray-500", children: [
             "Only ",
             acceptedTypes,
@@ -5962,11 +6105,11 @@ function UploadWidgetV2({
             "MB are accepted"
           ] })
         ] }),
-        !hideUploadedFiles && fileUrls.length > 0 && /* @__PURE__ */ jsx80("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx80("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
+        !hideUploadedFiles && fileUrls.length > 0 && /* @__PURE__ */ jsx81("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx81("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
           const fileName = getFileName2(url);
           return /* @__PURE__ */ jsxs56("li", { className: "flex items-center space-x-2 text-sm", children: [
-            /* @__PURE__ */ jsx80("div", { children: getFileIcon2(fileName) }),
-            /* @__PURE__ */ jsx80("span", { children: fileName })
+            /* @__PURE__ */ jsx81("div", { children: getFileIcon2(fileName) }),
+            /* @__PURE__ */ jsx81("span", { children: fileName })
           ] }, i);
         }) }) })
       ]
@@ -6093,7 +6236,7 @@ export {
   FormMessage,
   FormRow,
   FormWithActionButtons,
-  Icon,
+  Icon2 as Icon,
   IconButton,
   Input2 as Input,
   KnowledgeGraphWordCloud,