@elqnt/react 1.0.11 → 2.0.0

package/dist/index.js

@@ -53,7 +53,6 @@ __export(index_exports, {
   DurationInput: () => DurationInput,
   EloquentActionBar: () => EloquentActionBar,
   FilterCombobox: () => FilterCombobox,
-  FilterDialog: () => FilterDialog,
   Form: () => Form,
   FormCombobox: () => FormCombobox,
   FormControl: () => FormControl,
@@ -65,15 +64,12 @@ __export(index_exports, {
   FormMessage: () => FormMessage,
   FormRow: () => FormRow,
   FormWithActionButtons: () => FormWithActionButtons,
-  Icon: () => Icon2,
+  Icon: () => Icon,
   IconButton: () => IconButton,
   Input: () => Input2,
-  KnowledgeGraphWordCloud: () => KnowledgeGraphWordCloud,
-  LeftNav: () => LeftNav,
   MarkdownRenderer: () => MarkdownRenderer,
   MultiSelect: () => MultiSelect,
   MultiStepProcess: () => MultiStepProcess,
-  OrgSelector: () => OrgSelector,
   PageHeader: () => PageHeader,
   Popover: () => Popover2,
   ProfileMenu: () => ProfileMenu,
@@ -99,11 +95,13 @@ __export(index_exports, {
   getFieldType: () => getFieldType,
   getFileIcon: () => getFileIcon,
   getFileName: () => getFileName,
-  useFileUpload: () => useFileUpload,
   useFormField: () => useFormField
 });
 module.exports = __toCommonJS(index_exports);
 
+// components/form-controls/button.tsx
+var React2 = __toESM(require("react"));
+
 // components/ui/button.tsx
 var React = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
@@ -161,516 +159,12 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/ui/dialog.tsx
-var React2 = __toESM(require("react"));
-var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
-var import_react_icons = require("@radix-ui/react-icons");
-var import_jsx_runtime2 = require("react/jsx-runtime");
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React2.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
-        className
-      ),
-      ...props,
-      children: [
-        children,
-        /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(DialogPrimitive.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-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(import_react_icons.Cross2Icon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// components/ui/input.tsx
-var React3 = __toESM(require("react"));
-var import_jsx_runtime3 = require("react/jsx-runtime");
-var Input = React3.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// components/ui/select.tsx
-var React4 = __toESM(require("react"));
-var import_react_icons2 = require("@radix-ui/react-icons");
-var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-var import_jsx_runtime4 = require("react/jsx-runtime");
-var Select = SelectPrimitive.Root;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-  SelectPrimitive.Trigger,
-  {
-    ref,
-    className: cn(
-      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
-      className
-    ),
-    ...props,
-    children: [
-      children,
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.ChevronUpIcon, {})
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.ChevronDownIcon, {})
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React4.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-  SelectPrimitive.Content,
-  {
-    ref,
-    className: cn(
-      "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-      className
-    ),
-    position,
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectScrollUpButton, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  SelectPrimitive.Label,
-  {
-    ref,
-    className: cn("px-2 py-1.5 text-sm font-semibold", className),
-    ...props
-  }
-));
-SelectLabel.displayName = SelectPrimitive.Label.displayName;
-var SelectItem = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
-  SelectPrimitive.Item,
-  {
-    ref,
-    className: cn(
-      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_react_icons2.CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-  SelectPrimitive.Separator,
-  {
-    ref,
-    className: cn("-mx-1 my-1 h-px bg-muted", className),
-    ...props
-  }
-));
-SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
-
-// components/entities/filter-dialog.tsx
-var import_entity = require("@elqnt/entity");
-
-// components/ui/badge.tsx
-var import_class_variance_authority2 = require("class-variance-authority");
-var import_jsx_runtime5 = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority2.cva)(
-  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
-        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
-        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
-        outline: "text-foreground"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge({ className, variant, ...props }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
-// components/entities/filter-dialog.tsx
-var import_lucide_react = require("lucide-react");
-var import_react = require("react");
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var OPERATORS = {
-  string: ["eq", "ne", "contains", "startsWith", "endsWith"],
-  text: ["contains", "startsWith", "endsWith"],
-  int: ["eq", "ne", "gt", "gte", "lt", "lte", "between"],
-  float: ["eq", "ne", "gt", "gte", "lt", "lte", "between"],
-  date: ["eq", "ne", "gt", "gte", "lt", "lte", "between"],
-  datetime: ["eq", "ne", "gt", "gte", "lt", "lte", "between"],
-  dropdown: ["eq", "ne", "in", "nin"],
-  multiselect: ["in", "nin", "contains"],
-  boolean: ["eq", "ne"]
-};
-var OPERATOR_LABELS = {
-  eq: "Equals",
-  ne: "Not equals",
-  gt: "Greater than",
-  gte: "Greater than or equal",
-  lt: "Less than",
-  lte: "Less than or equal",
-  in: "In",
-  nin: "Not in",
-  contains: "Contains",
-  startsWith: "Starts with",
-  endsWith: "Ends with",
-  between: "Between"
-};
-var DEFAULT_CONDITION = {
-  field: "",
-  operator: "",
-  value: ""
-};
-function FilterDialog({ open, onOpenChange }) {
-  const { selectedDefinition } = (0, import_entity.useEntityDefinitionContext)();
-  const { updateParams, params } = (0, import_entity.useEntityRecordContext)();
-  const [conditions, setConditions] = (0, import_react.useState)([
-    DEFAULT_CONDITION
-  ]);
-  const [hasActiveFilters, setHasActiveFilters] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    const hasFilters = params.filters && Object.keys(params.filters).length > 0;
-    setHasActiveFilters(hasFilters);
-  }, [params.filters]);
-  const fields = [];
-  const getOperatorsForField = (fieldType) => {
-    return OPERATORS[fieldType] || OPERATORS.string;
-  };
-  const handleAddCondition = () => {
-    setConditions([...conditions, { ...DEFAULT_CONDITION }]);
-  };
-  const handleRemoveCondition = (index) => {
-    setConditions(conditions.filter((_, i) => i !== index));
-  };
-  const handleFieldChange = (index, fieldName) => {
-    const newConditions = [...conditions];
-    newConditions[index] = {
-      ...newConditions[index],
-      field: fieldName,
-      operator: "",
-      value: ""
-    };
-    setConditions(newConditions);
-  };
-  const handleOperatorChange = (index, operator) => {
-    const newConditions = [...conditions];
-    newConditions[index] = {
-      ...newConditions[index],
-      operator
-    };
-    setConditions(newConditions);
-  };
-  const handleValueChange = (index, value) => {
-    const newConditions = [...conditions];
-    newConditions[index] = {
-      ...newConditions[index],
-      value
-    };
-    setConditions(newConditions);
-  };
-  const handleClearFilters = () => {
-    setConditions([{ ...DEFAULT_CONDITION }]);
-    updateParams({ filters: {} });
-    setHasActiveFilters(false);
-  };
-  const handleApplyFilters = () => {
-    const validConditions = conditions.filter(
-      (c) => c.field && c.operator && c.value
-    );
-    if (validConditions.length === 0) {
-      updateParams({ filters: {} });
-      setHasActiveFilters(false);
-      onOpenChange(false);
-      return;
-    }
-    const filters = {};
-    validConditions.forEach(({ field, operator, value }) => {
-      const fieldPath = `fields.${field}.valueString`;
-      switch (operator) {
-        case "contains":
-          filters[fieldPath] = { $regex: value, $options: "i" };
-          break;
-        case "startsWith":
-          filters[fieldPath] = { $regex: `^${value}`, $options: "i" };
-          break;
-        case "endsWith":
-          filters[fieldPath] = { $regex: `${value}$`, $options: "i" };
-          break;
-        default:
-          filters[fieldPath] = { [`$${operator}`]: value };
-      }
-    });
-    const query = {
-      filters: validConditions.length > 1 ? { $and: Object.entries(filters).map(([k, v]) => ({ [k]: v })) } : filters
-    };
-    updateParams(query);
-    setHasActiveFilters(true);
-    onOpenChange(false);
-  };
-  const getFieldByName = (fieldName) => {
-    return fields.find((f) => f.name === fieldName);
-  };
-  const activeFilterCount = conditions.filter(
-    (c) => c.field && c.operator && c.value
-  ).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-        Button,
-        {
-          onClick: () => onOpenChange(true),
-          variant: hasActiveFilters ? "secondary" : "outline",
-          className: cn("relative group", hasActiveFilters && "rounded-r-none"),
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Filter, { className: "w-4 h-4 mr-2" }),
-            "Filter",
-            activeFilterCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              Badge,
-              {
-                variant: "secondary",
-                className: "ml-2 bg-primary text-primary-foreground",
-                children: activeFilterCount
-              }
-            )
-          ]
-        }
-      ),
-      hasActiveFilters && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-        Button,
-        {
-          variant: "secondary",
-          size: "icon",
-          onClick: handleClearFilters,
-          className: "text-muted-foreground -ml-2 rounded-l-none",
-          title: "Clear filters",
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Paintbrush, { className: "h-4 w-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dialog, { open, onOpenChange, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogContent, { className: "max-w-3xl", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogTitle, { children: [
-          "Filter ",
-          selectedDefinition?.displayName
-        ] }),
-        hasActiveFilters && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: handleClearFilters,
-            className: "text-muted-foreground hover:text-primary",
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.XCircle, { className: "w-4 h-4 mr-2" }),
-              "Clear Filters"
-            ]
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "space-y-4", children: [
-        conditions.map((condition, index) => {
-          const selectedField = getFieldByName(condition.field);
-          const operators = selectedField ? getOperatorsForField(selectedField.type) : [];
-          return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-              Select,
-              {
-                value: condition.field,
-                onValueChange: (value) => handleFieldChange(index, value),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectTrigger, { className: "w-[200px]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectValue, { placeholder: "Select field" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectContent, { children: fields.map((field) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItem, { value: field.name, children: field.displayName }, field.name)) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-              Select,
-              {
-                value: condition.operator,
-                onValueChange: (value) => handleOperatorChange(index, value),
-                disabled: !condition.field,
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectTrigger, { className: "w-[200px]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectValue, { placeholder: "Select operator" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectContent, { children: operators.map((op) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(SelectItem, { value: op, children: OPERATOR_LABELS[op] }, op)) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              Input,
-              {
-                placeholder: "Value",
-                value: condition.value,
-                onChange: (e) => handleValueChange(index, e.target.value),
-                disabled: !condition.operator,
-                className: "flex-1"
-              }
-            ),
-            conditions.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: () => handleRemoveCondition(index),
-                className: "text-muted-foreground hover:text-destructive",
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.X, { className: "h-4 w-4" })
-              }
-            )
-          ] }, index);
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "w-full",
-            onClick: handleAddCondition,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Plus, { className: "h-4 w-4 mr-2" }),
-              "Add Condition"
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(DialogFooter, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Button, { onClick: handleApplyFilters, children: "Apply Filters" })
-      ] })
-    ] }) })
-  ] });
-}
-
 // components/form-controls/button.tsx
-var React5 = __toESM(require("react"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Button2 = React5.forwardRef(
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var Button2 = React2.forwardRef(
   ({ children, variant = "default", className = "", type, ...props }, ref) => {
     const buttonClass = `${variant === "secondary" ? "button-secondary" : ""} ${className}`;
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
       Button,
       {
         className: buttonClass,
@@ -686,22 +180,22 @@ var Button2 = React5.forwardRef(
 Button2.displayName = "Button";
 
 // components/form-controls/action-bar/back-button.tsx
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime3 = require("react/jsx-runtime");
 function BackButton() {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(Button2, { onClick: () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(Button2, { onClick: () => {
   }, children: "Back" });
 }
 
 // components/form-controls/icon.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_react2 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
-var Icon2 = (0, import_react2.memo)(({ name, className, strokeWidth, size }) => {
-  const IconComponent = import_lucide_react2.icons[name];
+var import_lucide_react = require("lucide-react");
+var import_react = require("react");
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Icon = (0, import_react.memo)(({ name, className, strokeWidth, size }) => {
+  const IconComponent = import_lucide_react.icons[name];
   if (!IconComponent) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     IconComponent,
     {
       className: cn(className),
@@ -710,37 +204,37 @@ var Icon2 = (0, import_react2.memo)(({ name, className, strokeWidth, size }) =>
     }
   );
 });
-Icon2.displayName = "Icon";
+Icon.displayName = "Icon";
 
 // components/form-controls/action-bar/action-bar-button.tsx
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime5 = require("react/jsx-runtime");
 function ActionBarButton({
   label,
   onClick,
   icon
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Button2, { onClick, className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Icon2, { name: icon, size: 20, strokeWidth: 1 }),
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(Button2, { onClick, className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Icon, { name: icon, size: 20, strokeWidth: 1 }),
     label
   ] });
 }
 
 // components/form-controls/action-bar/action-bar.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var ActionBar = ({ actions }) => {
   function backHandler() {
     window.history.back();
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("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__ */ (0, import_jsx_runtime11.jsx)("div", { className: "cursor-pointer pl-4 py-2", onClick: backHandler, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon2, { name: "ArrowBigLeft" }) }),
-    actions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("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__ */ (0, import_jsx_runtime6.jsx)("div", { className: "cursor-pointer pl-4 py-2", onClick: backHandler, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: "ArrowBigLeft" }) }),
+    actions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
       "div",
       {
         className: "flex items-center justify-center gap-2 cursor-pointer py-2 px-4",
         onClick: item.onClick,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(Icon2, { name: item.icon }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { children: item.label })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Icon, { name: item.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { children: item.label })
         ]
       },
       item.label
@@ -749,10 +243,10 @@ var ActionBar = ({ actions }) => {
 };
 
 // components/ui/alert.tsx
-var React6 = __toESM(require("react"));
-var import_class_variance_authority3 = require("class-variance-authority");
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var alertVariants = (0, import_class_variance_authority3.cva)(
+var React3 = __toESM(require("react"));
+var import_class_variance_authority2 = require("class-variance-authority");
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var alertVariants = (0, import_class_variance_authority2.cva)(
   "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",
   {
     variants: {
@@ -766,7 +260,7 @@ var alertVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var Alert = React3.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   "div",
   {
     ref,
@@ -776,7 +270,7 @@ var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__P
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var AlertTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   "h5",
   {
     ref,
@@ -785,7 +279,7 @@ var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+var AlertDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   "div",
   {
     ref,
@@ -796,21 +290,21 @@ var AlertDescription = React6.forwardRef(({ className, ...props }, ref) => /* @_
 AlertDescription.displayName = "AlertDescription";
 
 // components/form-controls/alert.tsx
-var import_react_icons3 = require("@radix-ui/react-icons");
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_react_icons = require("@radix-ui/react-icons");
+var import_jsx_runtime8 = require("react/jsx-runtime");
 var Alert2 = ({ title, description }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Alert, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react_icons3.RocketIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AlertTitle, { children: title }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(AlertDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(Alert, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react_icons.RocketIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertTitle, { children: title }),
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(AlertDescription, { children: description })
   ] });
 };
 
 // components/ui/avatar.tsx
-var React7 = __toESM(require("react"));
+var React4 = __toESM(require("react"));
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"));
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var import_jsx_runtime9 = require("react/jsx-runtime");
+var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -822,7 +316,7 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var AvatarImage = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   AvatarPrimitive.Image,
   {
     ref,
@@ -831,7 +325,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -845,25 +339,25 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // components/form-controls/avatar.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Avatar2 = ({ image, fallback }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Avatar, { className: "w-fit", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarImage, { src: image }),
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(AvatarFallback, { children: fallback })
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(Avatar, { className: "w-fit", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AvatarImage, { src: image }),
+    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(AvatarFallback, { children: fallback })
   ] });
 };
 
 // components/form-controls/breadcrumb.tsx
-var import_react3 = require("react");
+var import_react2 = require("react");
 
 // components/ui/breadcrumb.tsx
-var React8 = __toESM(require("react"));
-var import_react_icons4 = require("@radix-ui/react-icons");
+var React5 = __toESM(require("react"));
+var import_react_icons2 = require("@radix-ui/react-icons");
 var import_react_slot2 = require("@radix-ui/react-slot");
-var import_jsx_runtime16 = require("react/jsx-runtime");
-var Breadcrumb = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_jsx_runtime11 = require("react/jsx-runtime");
+var Breadcrumb = React5.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var BreadcrumbList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "ol",
   {
     ref,
@@ -875,7 +369,7 @@ var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var BreadcrumbItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "li",
   {
     ref,
@@ -884,9 +378,9 @@ var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React5.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot2.Slot : "a";
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
     Comp,
     {
       ref,
@@ -896,7 +390,7 @@ var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) =
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+var BreadcrumbPage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "span",
   {
     ref,
@@ -912,21 +406,21 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:size-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons4.ChevronRightIcon, {})
+    children: children ?? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_icons2.ChevronRightIcon, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
   "span",
   {
     role: "presentation",
@@ -934,26 +428,26 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_react_icons4.DotsHorizontalIcon, { className: "h-4 w-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react_icons2.DotsHorizontalIcon, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // components/form-controls/breadcrumb.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var Breadcrumb2 = ({ breadcrumb }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Breadcrumb, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbList, { children: breadcrumb.map(({ href, label }, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react3.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbItem, { children: index !== breadcrumb.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbLink, { className: "cursor-pointer", href, children: label.replace(/-/g, " ") }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbPage, { children: label.replace(/-/g, " ") }) }),
-    index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(BreadcrumbSeparator, {})
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Breadcrumb, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BreadcrumbList, { children: breadcrumb.map(({ href, label }, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react2.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BreadcrumbItem, { children: index !== breadcrumb.length - 1 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BreadcrumbLink, { className: "cursor-pointer", href, children: label.replace(/-/g, " ") }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BreadcrumbPage, { children: label.replace(/-/g, " ") }) }),
+    index < breadcrumb.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(BreadcrumbSeparator, {})
   ] }, index)) }) });
 };
 
 // components/ui/card.tsx
-var React9 = __toESM(require("react"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var React6 = __toESM(require("react"));
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "div",
   {
     ref,
@@ -965,7 +459,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "div",
   {
     ref,
@@ -974,7 +468,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "h3",
   {
     ref,
@@ -983,7 +477,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "p",
   {
     ref,
@@ -992,9 +486,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
   "div",
   {
     ref,
@@ -1005,27 +499,27 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 CardFooter.displayName = "CardFooter";
 
 // components/form-controls/card.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var Card2 = ({ title, description, content, footer }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Card, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardTitle, { children: title }),
-      description && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardDescription, { children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Card, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardTitle, { children: title }),
+      description && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardDescription, { children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: content }) }),
-    footer && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("p", { children: footer }) })
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardContent, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: content }) }),
+    footer && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CardFooter, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { children: footer }) })
   ] });
 };
 
 // components/form-controls/checkbox.tsx
-var React13 = __toESM(require("react"));
+var React10 = __toESM(require("react"));
 
 // components/ui/checkbox.tsx
-var React10 = __toESM(require("react"));
+var React7 = __toESM(require("react"));
 var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
-var import_react_icons5 = require("@radix-ui/react-icons");
-var import_jsx_runtime20 = require("react/jsx-runtime");
-var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var import_react_icons3 = require("@radix-ui/react-icons");
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -1034,11 +528,11 @@ var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons5.CheckIcon, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(import_react_icons3.CheckIcon, { className: "h-4 w-4" })
       }
     )
   }
@@ -1046,19 +540,19 @@ var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // components/ui/form.tsx
-var React12 = __toESM(require("react"));
+var React9 = __toESM(require("react"));
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 
 // components/ui/label.tsx
-var React11 = __toESM(require("react"));
+var React8 = __toESM(require("react"));
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
-var import_class_variance_authority4 = require("class-variance-authority");
-var import_jsx_runtime21 = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority4.cva)(
+var import_class_variance_authority3 = require("class-variance-authority");
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var labelVariants = (0, import_class_variance_authority3.cva)(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
   LabelPrimitive.Root,
   {
     ref,
@@ -1066,22 +560,22 @@ var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ...props
   }
 ));
-Label2.displayName = LabelPrimitive.Root.displayName;
+Label.displayName = LabelPrimitive.Root.displayName;
 
 // components/ui/form.tsx
-var import_jsx_runtime22 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React12.createContext(
+var FormFieldContext = React9.createContext(
   {}
 );
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_react_hook_form.Controller, { ...props }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React12.useContext(FormFieldContext);
-  const itemContext = React12.useContext(FormItemContext);
+  const fieldContext = React9.useContext(FormFieldContext);
+  const itemContext = React9.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -1097,18 +591,18 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React12.createContext(
+var FormItemContext = React9.createContext(
   {}
 );
-var FormItem = React12.forwardRef(({ className, ...props }, ref) => {
-  const id = React12.useId();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
+var FormItem = React9.forwardRef(({ className, ...props }, ref) => {
+  const id = React9.useId();
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React12.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React9.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-    Label2,
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    Label,
     {
       ref,
       className: cn(error && "text-destructive", className),
@@ -1118,9 +612,9 @@ var FormLabel = React12.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React12.forwardRef(({ ...props }, ref) => {
+var FormControl = React9.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     import_react_slot3.Slot,
     {
       ref,
@@ -1132,9 +626,9 @@ var FormControl = React12.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React12.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React9.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "p",
     {
       ref,
@@ -1145,13 +639,13 @@ var FormDescription = React12.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React12.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React9.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message) : children;
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "p",
     {
       ref,
@@ -1165,16 +659,16 @@ var FormMessage = React12.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // components/form-controls/checkbox.tsx
-var import_jsx_runtime23 = require("react/jsx-runtime");
-var Checkbox2 = React13.forwardRef(
-  ({ className, title, name, control, isFormField, ...props }, ref) => isFormField ? /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+var import_jsx_runtime18 = require("react/jsx-runtime");
+var Checkbox2 = React10.forwardRef(
+  ({ className, title, name, control, isFormField, ...props }, ref) => isFormField ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     FormField,
     {
       control,
       name,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(FormItem, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FormLabel, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(FormItem, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FormLabel, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Checkbox,
           {
             className,
@@ -1182,23 +676,117 @@ var Checkbox2 = React13.forwardRef(
             onCheckedChange: field.onChange
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(FormMessage, {})
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(FormMessage, {})
       ] })
     }
-  ) : /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(Checkbox, { ref, className, ...props })
+  ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Checkbox, { ref, className, ...props })
 );
 Checkbox2.displayName = "Checkbox";
 
 // components/form-controls/combobox.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_react4 = require("react");
+var import_lucide_react2 = require("lucide-react");
+var import_react3 = require("react");
 
 // components/ui/command.tsx
-var React14 = __toESM(require("react"));
-var import_react_icons6 = require("@radix-ui/react-icons");
+var React12 = __toESM(require("react"));
+var import_react_icons5 = require("@radix-ui/react-icons");
 var import_cmdk = require("cmdk");
-var import_jsx_runtime24 = require("react/jsx-runtime");
-var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+
+// components/ui/dialog.tsx
+var React11 = __toESM(require("react"));
+var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
+var import_react_icons4 = require("@radix-ui/react-icons");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DialogPrimitive.Overlay,
+  {
+    ref,
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props
+  }
+));
+DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
+var DialogContent = React11.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+    DialogPrimitive.Content,
+    {
+      ref,
+      className: cn(
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        className
+      ),
+      ...props,
+      children: [
+        children,
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(DialogPrimitive.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-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_react_icons4.Cross2Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-1.5 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+DialogHeader.displayName = "DialogHeader";
+var DialogFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+DialogFooter.displayName = "DialogFooter";
+var DialogTitle = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DialogPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold leading-none tracking-tight",
+      className
+    ),
+    ...props
+  }
+));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+var DialogDescription = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// components/ui/command.tsx
+var import_jsx_runtime20 = require("react/jsx-runtime");
+var Command = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -1210,9 +798,9 @@ var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = import_cmdk.Command.displayName;
-var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons6.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_react_icons5.MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     import_cmdk.Command.Input,
     {
       ref,
@@ -1225,7 +813,7 @@ var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -1234,7 +822,7 @@ var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -1243,7 +831,7 @@ var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -1255,7 +843,7 @@ var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -1264,7 +852,7 @@ var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -1280,7 +868,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "span",
     {
       className: cn(
@@ -1294,12 +882,12 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // components/ui/popover.tsx
-var React15 = __toESM(require("react"));
+var React13 = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime25 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+var PopoverContent = React13.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1315,7 +903,7 @@ var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // components/form-controls/combobox.tsx
-var import_jsx_runtime26 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 function Combobox({
   label,
   options,
@@ -1325,14 +913,14 @@ function Combobox({
   control,
   name
 }) {
-  const [open, setOpen] = (0, import_react4.useState)(false);
-  const [value, setValue] = (0, import_react4.useState)(defaultValue);
-  (0, import_react4.useEffect)(() => {
+  const [open, setOpen] = (0, import_react3.useState)(false);
+  const [value, setValue] = (0, import_react3.useState)(defaultValue);
+  (0, import_react3.useEffect)(() => {
     setValue(defaultValue);
   }, [defaultValue]);
   if (!isFormField) {
-    return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
         Button,
         {
           variant: "outline",
@@ -1341,14 +929,14 @@ function Combobox({
           className: "w-full justify-between capitalize",
           children: [
             value ? options.find((option) => option.value === value)?.label || label : label,
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react3.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react2.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Command, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandInput, { placeholder: "Search..." }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandEmpty, { children: "No item found." }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandList, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Command, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandInput, { placeholder: "Search..." }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandEmpty, { children: "No item found." }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandList, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           CommandItem,
           {
             value: option.value,
@@ -1358,8 +946,8 @@ function Combobox({
               setOpen(false);
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                import_lucide_react3.Check,
+              /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                import_lucide_react2.Check,
                 {
                   className: cn(
                     "mr-2 h-4 w-4",
@@ -1375,15 +963,15 @@ function Combobox({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
     FormField,
     {
       control,
       name,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(FormItem, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FormLabel, { children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(FormItem, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormLabel, { children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
             Button,
             {
               variant: "outline",
@@ -1392,14 +980,14 @@ function Combobox({
               className: "w-full justify-between capitalize",
               children: [
                 field.value ? options.find((option) => option.value === field.value)?.label || label : label,
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_lucide_react3.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react2.ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Command, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandInput, { placeholder: "Search..." }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandEmpty, { children: "No item found." }),
-            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandList, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(Command, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandInput, { placeholder: "Search..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandEmpty, { children: "No item found." }),
+            /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandList, { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
               CommandItem,
               {
                 value: option.value,
@@ -1410,8 +998,8 @@ function Combobox({
                   setOpen(false);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                    import_lucide_react3.Check,
+                  /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+                    import_lucide_react2.Check,
                     {
                       className: cn(
                         "mr-2 h-4 w-4",
@@ -1426,22 +1014,22 @@ function Combobox({
             )) }) })
           ] }) })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(FormMessage, {})
+        /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(FormMessage, {})
       ] })
     }
   );
 }
 
 // components/form-controls/command.tsx
-var React16 = __toESM(require("react"));
-var import_jsx_runtime27 = require("react/jsx-runtime");
-var Command2 = React16.forwardRef(({ className, placeholder, commandGroup, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Command, { ...props, ref, className, children: [
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommandInput, { placeholder }),
-  /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(CommandList, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommandEmpty, { children: "No results found." }),
-    commandGroup.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(React16.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommandGroup, { heading: group.header, children: group.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommandItem, { children: item }, itemIndex)) }, index),
-      commandGroup.length - 1 !== index && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(CommandSeparator, {})
+var React14 = __toESM(require("react"));
+var import_jsx_runtime23 = require("react/jsx-runtime");
+var Command2 = React14.forwardRef(({ className, placeholder, commandGroup, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(Command, { ...props, ref, className, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommandInput, { placeholder }),
+  /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(CommandList, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommandEmpty, { children: "No results found." }),
+    commandGroup.map((group, index) => /* @__PURE__ */ (0, import_jsx_runtime23.jsxs)(React14.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommandGroup, { heading: group.header, children: group.items.map((item, itemIndex) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommandItem, { children: item }, itemIndex)) }, index),
+      commandGroup.length - 1 !== index && /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(CommandSeparator, {})
     ] }, index))
   ] })
 ] }));
@@ -1450,17 +1038,17 @@ Command2.displayName = "Command";
 // components/form-controls/data-table.tsx
 var import_react_icons8 = require("@radix-ui/react-icons");
 var import_react_table = require("@tanstack/react-table");
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
 var React19 = __toESM(require("react"));
 
 // components/ui/dropdown-menu.tsx
-var React17 = __toESM(require("react"));
+var React15 = __toESM(require("react"));
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"));
-var import_react_icons7 = require("@radix-ui/react-icons");
-var import_jsx_runtime28 = require("react/jsx-runtime");
+var import_react_icons6 = require("@radix-ui/react-icons");
+var import_jsx_runtime24 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var DropdownMenuSubTrigger = React15.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1472,12 +1060,12 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons7.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons6.ChevronRightIcon, { className: "ml-auto h-4 w-4" })
     ]
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DropdownMenuSubContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -1489,7 +1077,7 @@ var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DropdownMenuContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -1503,7 +1091,7 @@ var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DropdownMenuItem = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -1516,7 +1104,7 @@ var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var DropdownMenuCheckboxItem = React15.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -1527,13 +1115,13 @@ var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checke
     checked,
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons7.CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons6.CheckIcon, { className: "h-4 w-4" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+var DropdownMenuRadioItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -1543,13 +1131,13 @@ var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons7.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react_icons6.DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
       children
     ]
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DropdownMenuLabel = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -1562,7 +1150,7 @@ var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+var DropdownMenuSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -1575,7 +1163,7 @@ var DropdownMenuShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "span",
     {
       className: cn("ml-auto text-xs tracking-widest opacity-60", className),
@@ -1585,10 +1173,143 @@ var DropdownMenuShortcut = ({
 };
 DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
 
+// components/ui/input.tsx
+var React16 = __toESM(require("react"));
+var import_jsx_runtime25 = require("react/jsx-runtime");
+var Input = React16.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// components/ui/select.tsx
+var React17 = __toESM(require("react"));
+var import_react_icons7 = require("@radix-ui/react-icons");
+var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
+var import_jsx_runtime26 = require("react/jsx-runtime");
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-9 w-full items-center justify-between whitespace-nowrap rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-1 focus:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons7.CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
+    ]
+  }
+));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  SelectPrimitive.ScrollUpButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons7.ChevronUpIcon, {})
+  }
+));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  SelectPrimitive.ScrollDownButton,
+  {
+    ref,
+    className: cn(
+      "flex cursor-default items-center justify-center py-1",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons7.ChevronDownIcon, {})
+  }
+));
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React17.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-32 overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectScrollUpButton, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectScrollDownButton, {})
+    ]
+  }
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    ...props
+  }
+));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-2 pr-8 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react_icons7.CheckIcon, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
 // components/ui/table.tsx
 var React18 = __toESM(require("react"));
-var import_jsx_runtime29 = require("react/jsx-runtime");
-var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var import_jsx_runtime27 = require("react/jsx-runtime");
+var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "table",
   {
     ref,
@@ -1597,9 +1318,9 @@ var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "tbody",
   {
     ref,
@@ -1608,7 +1329,7 @@ var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "tfoot",
   {
     ref,
@@ -1620,7 +1341,7 @@ var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "tr",
   {
     ref,
@@ -1632,7 +1353,7 @@ var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "th",
   {
     ref,
@@ -1644,7 +1365,7 @@ var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "td",
   {
     ref,
@@ -1656,7 +1377,7 @@ var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
   "caption",
   {
     ref,
@@ -1667,7 +1388,7 @@ var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // components/form-controls/data-table.tsx
-var import_jsx_runtime30 = require("react/jsx-runtime");
+var import_jsx_runtime28 = require("react/jsx-runtime");
 function DataTable({
   data,
   columns,
@@ -1699,10 +1420,10 @@ function DataTable({
       rowSelection
     }
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "w-full mt-4 relative", children: [
-    isLoading && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react4.Loader2, { className: "h-4 w-4 animate-spin absolute top-2 right-32" }),
-    filterField && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "w-full mt-4 relative", children: [
+    isLoading && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react3.Loader2, { className: "h-4 w-4 animate-spin absolute top-2 right-32" }),
+    filterField && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         Input,
         {
           placeholder: `Filter by ${filterField}...`,
@@ -1711,15 +1432,15 @@ function DataTable({
           className: "max-w-sm"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center space-x-4", children: [
-        refresh && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "outline", onClick: refresh, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Icon2, { name: "RotateCcw", strokeWidth: 2, size: 20 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DropdownMenu, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Button, { variant: "outline", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center space-x-4", children: [
+        refresh && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Button, { variant: "outline", onClick: refresh, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(Icon, { name: "RotateCcw", strokeWidth: 2, size: 20 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DropdownMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Button, { variant: "outline", children: [
             "Columns ",
-            /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons8.ChevronDownIcon, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons8.ChevronDownIcon, { className: "ml-2 h-4 w-4" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuContent, { align: "end", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
-            return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuContent, { align: "end", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
+            return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
               DropdownMenuCheckboxItem,
               {
                 className: "capitalize",
@@ -1733,24 +1454,24 @@ function DataTable({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "rounded-md border mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Table, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("div", { className: "rounded-md border mt-4", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Table, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table.flexRender)(
           header.column.columnDef.header,
           header.getContext()
         ) }, header.id);
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableBody, { children: table.getRowModel().rows?.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableBody, { children: table.getRowModel().rows?.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         TableRow,
         {
           "data-state": row.getIsSelected() && "selected",
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableCell, { children: (0, import_react_table.flexRender)(
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableCell, { children: (0, import_react_table.flexRender)(
             cell.column.columnDef.cell,
             cell.getContext()
           ) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+      )) : /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
         TableCell,
         {
           colSpan: columns.length,
@@ -1758,18 +1479,18 @@ function DataTable({
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
-      table.getAllColumns().some((col) => col.id === "select") && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
+      table.getAllColumns().some((col) => col.id === "select") && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex-1 text-sm text-muted-foreground", children: [
         table.getFilteredSelectedRowModel().rows.length,
         " of",
         " ",
         table.getFilteredRowModel().rows.length,
         " row(s) selected."
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("p", { className: "text-sm font-medium", children: "Rows per page" }),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("p", { className: "text-sm font-medium", children: "Rows per page" }),
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             Select,
             {
               value: `${table.getState().pagination.pageSize}`,
@@ -1777,26 +1498,26 @@ function DataTable({
                 table.setPageSize(Number(value));
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
                   SelectValue,
                   {
                     placeholder: table.getState().pagination.pageSize
                   }
                 ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
           "Page ",
           table.getState().pagination.pageIndex + 1,
           " of",
           " ",
           table.getPageCount()
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             Button,
             {
               variant: "outline",
@@ -1804,12 +1525,12 @@ function DataTable({
               onClick: () => table.setPageIndex(0),
               disabled: !table.getCanPreviousPage(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Go to first page" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons8.DoubleArrowLeftIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Go to first page" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons8.DoubleArrowLeftIcon, { className: "h-4 w-4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             Button,
             {
               variant: "outline",
@@ -1817,12 +1538,12 @@ function DataTable({
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Go to previous page" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons8.ChevronLeftIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Go to previous page" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons8.ChevronLeftIcon, { className: "h-4 w-4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             Button,
             {
               variant: "outline",
@@ -1830,12 +1551,12 @@ function DataTable({
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Go to next page" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons8.ChevronRightIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Go to next page" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons8.ChevronRightIcon, { className: "h-4 w-4" })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
             Button,
             {
               variant: "outline",
@@ -1843,8 +1564,8 @@ function DataTable({
               onClick: () => table.setPageIndex(table.getPageCount() - 1),
               disabled: !table.getCanNextPage(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "sr-only", children: "Go to last page" }),
-                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons8.DoubleArrowRightIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { className: "sr-only", children: "Go to last page" }),
+                /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_react_icons8.DoubleArrowRightIcon, { className: "h-4 w-4" })
               ]
             }
           )
@@ -3428,14 +3149,14 @@ function cleanEscapedString(input) {
 
 // components/ui/calendar.tsx
 var import_react_day_picker = require("react-day-picker");
-var import_jsx_runtime31 = require("react/jsx-runtime");
+var import_jsx_runtime29 = require("react/jsx-runtime");
 function Calendar({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
     import_react_day_picker.DayPicker,
     {
       showOutsideDays,
@@ -3485,10 +3206,10 @@ function Calendar({
 Calendar.displayName = "Calendar";
 
 // components/form-controls/date-filter.tsx
-var import_jsx_runtime32 = require("react/jsx-runtime");
+var import_jsx_runtime30 = require("react/jsx-runtime");
 function DateFilter({ className, date, setDate }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: cn("grid gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: cn("grid gap-2", className), children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
       Button,
       {
         id: "date",
@@ -3498,17 +3219,17 @@ function DateFilter({ className, date, setDate }) {
           !date && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react_icons9.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-          date?.from ? date.to ? /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(import_jsx_runtime32.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_react_icons9.CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          date?.from ? date.to ? /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
             format(date.from, "LLL dd, y"),
             " -",
             " ",
             format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: "Pick a date" })
+          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: "Pick a date" })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
       Calendar,
       {
         initialFocus: true,
@@ -3523,8 +3244,8 @@ function DateFilter({ className, date, setDate }) {
 }
 
 // components/form-controls/dialog.tsx
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime33 = require("react/jsx-runtime");
+var import_lucide_react4 = require("lucide-react");
+var import_jsx_runtime31 = require("react/jsx-runtime");
 var Dialog2 = ({
   title,
   description,
@@ -3537,14 +3258,14 @@ var Dialog2 = ({
   iconClassName,
   actions
 }) => {
-  const IconComponent = icon ? import_lucide_react5.icons[icon] : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Dialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DialogTrigger, { children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogContent, { className, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(DialogTitle, { className: "capitalize flex items-center gap-2 justify-between pr-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center gap-2", children: [
-            IconComponent && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
+  const IconComponent = icon ? import_lucide_react4.icons[icon] : null;
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DialogTrigger, { children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DialogContent, { className, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(DialogTitle, { className: "capitalize flex items-center gap-2 justify-between pr-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center gap-2", children: [
+            IconComponent && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
               IconComponent,
               {
                 size: 20,
@@ -3554,7 +3275,7 @@ var Dialog2 = ({
             ),
             title
           ] }),
-          actions && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "flex items-center gap-2", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+          actions && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "flex items-center gap-2", children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(
             Button2,
             {
               variant: action.type,
@@ -3563,8 +3284,8 @@ var Dialog2 = ({
               disabled: action.disabled,
               children: [
                 action.label,
-                action.icon && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
-                  Icon2,
+                action.icon && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+                  Icon,
                   {
                     name: action.icon,
                     className: cn(action.iconClassName),
@@ -3577,7 +3298,7 @@ var Dialog2 = ({
             action.label
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(DialogDescription, { children: description })
+        /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DialogDescription, { children: description })
       ] }),
       children
     ] })
@@ -3587,11 +3308,11 @@ var Dialog2 = ({
 // components/ui/drawer.tsx
 var React20 = __toESM(require("react"));
 var import_vaul = require("vaul");
-var import_jsx_runtime34 = require("react/jsx-runtime");
+var import_jsx_runtime32 = require("react/jsx-runtime");
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   import_vaul.Drawer.Root,
   {
     shouldScaleBackground,
@@ -3602,7 +3323,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   import_vaul.Drawer.Overlay,
   {
     ref,
@@ -3611,9 +3332,9 @@ var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DrawerPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DrawerOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
+var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(DrawerPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(DrawerOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime32.jsxs)(
     import_vaul.Drawer.Content,
     {
       ref,
@@ -3623,7 +3344,7 @@ var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
@@ -3633,7 +3354,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "div",
   {
     className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
@@ -3644,7 +3365,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   "div",
   {
     className: cn("mt-auto flex flex-col gap-2 p-4", className),
@@ -3652,7 +3373,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   import_vaul.Drawer.Title,
   {
     ref,
@@ -3664,7 +3385,7 @@ var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var DrawerDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
   import_vaul.Drawer.Description,
   {
     ref,
@@ -3677,22 +3398,22 @@ DrawerDescription.displayName = import_vaul.Drawer.Description.displayName;
 // components/ui/scroll-area.tsx
 var React21 = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-var import_jsx_runtime35 = require("react/jsx-runtime");
-var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollBar, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ScrollBar, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
+var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3704,13 +3425,13 @@ var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // components/form-controls/drawer.tsx
-var import_jsx_runtime36 = require("react/jsx-runtime");
+var import_jsx_runtime34 = require("react/jsx-runtime");
 var Drawer2 = ({
   title,
   trigger,
@@ -3720,7 +3441,7 @@ var Drawer2 = ({
   setOpenDrawer,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(
     Drawer,
     {
       direction: "right",
@@ -3728,11 +3449,11 @@ var Drawer2 = ({
       onOpenChange: setOpenDrawer,
       ...props,
       children: [
-        trigger && /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DrawerTrigger, { children: trigger }),
-        /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DrawerContent, { className: "h-screen top-0 right-0 left-auto mt-0 w-[500px] rounded-none", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(ScrollArea, { className: "h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "mx-auto w-full p-5", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(DrawerHeader, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DrawerTitle, { children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(DrawerDescription, { children: description })
+        trigger && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DrawerTrigger, { children: trigger }),
+        /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DrawerContent, { className: "h-screen top-0 right-0 left-auto mt-0 w-[500px] rounded-none", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(ScrollArea, { className: "h-screen", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "mx-auto w-full p-5", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(DrawerHeader, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DrawerTitle, { children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(DrawerDescription, { children: description })
           ] }),
           children
         ] }) }) })
@@ -3742,16 +3463,16 @@ var Drawer2 = ({
 };
 
 // components/form-controls/dropdown-menu.tsx
-var import_jsx_runtime37 = require("react/jsx-runtime");
+var import_jsx_runtime35 = require("react/jsx-runtime");
 var DropdownMenu2 = ({
   trigger,
   items,
   className = "",
   onClick
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime37.jsxs)(DropdownMenu, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className, children: trigger }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(DropdownMenuContent, { className: "cursor-pointer", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("div", { className, children: trigger }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(DropdownMenuContent, { className: "cursor-pointer", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime35.jsx)(
       DropdownMenuItem,
       {
         className: "cursor-pointer!",
@@ -3764,8 +3485,8 @@ var DropdownMenu2 = ({
 };
 
 // components/form-controls/duration-input.tsx
-var import_react5 = require("react");
-var import_jsx_runtime38 = require("react/jsx-runtime");
+var import_react4 = require("react");
+var import_jsx_runtime36 = require("react/jsx-runtime");
 var unitOptions = [
   { label: "Seconds", value: "s", ns: 1e9 },
   { label: "Minutes", value: "m", ns: 6e10 },
@@ -3796,10 +3517,10 @@ function toGoCompatibleDuration(amount, unit) {
   }
 }
 function DurationInput({ value, onChange }) {
-  const [amount, setAmount] = (0, import_react5.useState)("");
-  const [unit, setUnit] = (0, import_react5.useState)("h");
-  const [userInteracted, setUserInteracted] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [amount, setAmount] = (0, import_react4.useState)("");
+  const [unit, setUnit] = (0, import_react4.useState)("h");
+  const [userInteracted, setUserInteracted] = (0, import_react4.useState)(false);
+  (0, import_react4.useEffect)(() => {
     if (userInteracted) return;
     if (value === void 0 || value === null || value === "") {
       setAmount("");
@@ -3848,8 +3569,8 @@ function DurationInput({ value, onChange }) {
       onChange("");
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
       Input,
       {
         type: "number",
@@ -3859,23 +3580,46 @@ function DurationInput({ value, onChange }) {
         className: "w-20"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(Select, { value: unit, onValueChange: handleUnitChange, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectValue, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectContent, { children: unitOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+    /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(Select, { value: unit, onValueChange: handleUnitChange, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectValue, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectContent, { children: unitOptions.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
     ] })
   ] });
 }
 
 // components/form-controls/filter-combobox.tsx
-var import_react6 = require("react");
+var import_react5 = require("react");
 var import_react_icons10 = require("@radix-ui/react-icons");
 
+// components/ui/badge.tsx
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var badgeVariants = (0, import_class_variance_authority4.cva)(
+  "inline-flex items-center rounded-md border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-primary text-primary-foreground shadow hover:bg-primary/80",
+        secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
+        destructive: "border-transparent bg-destructive text-destructive-foreground shadow hover:bg-destructive/80",
+        outline: "text-foreground"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function Badge({ className, variant, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
 // components/ui/separator.tsx
 var React22 = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-var import_jsx_runtime39 = require("react/jsx-runtime");
+var import_jsx_runtime38 = require("react/jsx-runtime");
 var Separator3 = React22.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -3893,9 +3637,9 @@ var Separator3 = React22.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // components/form-controls/filter-combobox.tsx
-var import_jsx_runtime40 = require("react/jsx-runtime");
+var import_jsx_runtime39 = require("react/jsx-runtime");
 function FilterCombobox({ title, options, clearLabel }) {
-  const [selectedValues, setSelectedValues] = (0, import_react6.useState)([]);
+  const [selectedValues, setSelectedValues] = (0, import_react5.useState)([]);
   const handleValueSelect = (value) => {
     if (selectedValues.some((v) => v.value === value.value)) {
       setSelectedValues(selectedValues.filter((v) => v.value !== value.value));
@@ -3903,13 +3647,13 @@ function FilterCombobox({ title, options, clearLabel }) {
       setSelectedValues([...selectedValues, value]);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverTrigger, { asChild: true, className: "w-fit", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Button, { variant: "outline", size: "sm", className: "h-8 border-dashed", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon2, { name: "CirclePlus", className: "h-4 w-4 mr-2" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverTrigger, { asChild: true, className: "w-fit", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Button, { variant: "outline", size: "sm", className: "h-8 border-dashed", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: "CirclePlus", className: "h-4 w-4 mr-2" }),
       title,
-      selectedValues?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-2 ml-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Separator3, { orientation: "vertical", className: "h-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_jsx_runtime40.Fragment, { children: selectedValues.length > 2 ? /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+      selectedValues?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)("div", { className: "flex items-center gap-2 ml-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Separator3, { orientation: "vertical", className: "h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_jsx_runtime39.Fragment, { children: selectedValues.length > 2 ? /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
           Badge,
           {
             variant: "secondary",
@@ -3921,7 +3665,7 @@ function FilterCombobox({ title, options, clearLabel }) {
           }
         ) : options.filter(
           (option) => selectedValues.some((item) => item.value === option.value)
-        ).map((option) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        ).map((option) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
           Badge,
           {
             variant: "secondary",
@@ -3932,40 +3676,40 @@ function FilterCombobox({ title, options, clearLabel }) {
         )) })
       ] })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(Command, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CommandInput, { placeholder: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(CommandList, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CommandEmpty, { children: "No results found." }),
-        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CommandGroup, { children: options.map((option) => {
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Command, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CommandInput, { placeholder: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(CommandList, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CommandEmpty, { children: "No results found." }),
+        /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CommandGroup, { children: options.map((option) => {
           const isSelected = selectedValues.some(
             (item) => item.value === option.value
           );
-          return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(
             CommandItem,
             {
               onSelect: () => handleValueSelect(option),
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
                   "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__ */ (0, import_jsx_runtime40.jsx)(import_react_icons10.CheckIcon, { className: cn("h-4 w-4") })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react_icons10.CheckIcon, { className: cn("h-4 w-4") })
                   }
                 ),
-                option?.icon && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon2, { name: option?.icon, className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: option.label })
+                option?.icon && /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(Icon, { name: option?.icon, className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("span", { children: option.label })
               ]
             },
             option.value
           );
         }) }),
-        selectedValues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CommandSeparator, {}),
-          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(CommandGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        selectedValues.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(import_jsx_runtime39.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CommandSeparator, {}),
+          /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CommandGroup, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(
             CommandItem,
             {
               onSelect: () => setSelectedValues([]),
@@ -3980,7 +3724,7 @@ function FilterCombobox({ title, options, clearLabel }) {
 }
 
 // components/form-controls/form-combobox.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime40 = require("react/jsx-runtime");
 function FormCombobox({
   title,
   name,
@@ -3989,15 +3733,15 @@ function FormCombobox({
   data,
   label
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
     FormField,
     {
       control,
       name,
       rules,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)(FormItem, { children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FormLabel, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(FormItem, { children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FormLabel, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
           Combobox,
           {
             label,
@@ -4006,7 +3750,7 @@ function FormCombobox({
             onChange: (value) => field.onChange(value)
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(FormMessage, {})
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(FormMessage, {})
       ] })
     }
   );
@@ -4014,7 +3758,7 @@ function FormCombobox({
 
 // components/form-controls/form-layout.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_jsx_runtime42 = require("react/jsx-runtime");
+var import_jsx_runtime41 = require("react/jsx-runtime");
 function FormLayout({
   children,
   formTitle,
@@ -4026,34 +3770,34 @@ function FormLayout({
   PrimaryActionText,
   CancelText
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_react_hook_form2.FormProvider, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("form", { onSubmit: onSave, className: `flex flex-col gap-6 ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center justify-between w-full border-b pb-6 border-border", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "font-semibold text-lg", children: formTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-gray-500", children: formDescription })
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react_hook_form2.FormProvider, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("form", { onSubmit: onSave, className: `flex flex-col gap-6 ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center justify-between w-full border-b pb-6 border-border", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "font-semibold text-lg", children: formTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("p", { className: "text-gray-500", children: formDescription })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
-        /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button2, { type: "submit", children: PrimaryActionText })
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button2, { type: "submit", children: PrimaryActionText })
       ] })
     ] }),
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2 justify-end", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Button2, { type: "submit", children: PrimaryActionText })
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: "flex items-center gap-2 justify-end", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
+      /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(Button2, { type: "submit", children: PrimaryActionText })
     ] })
   ] }) });
 }
 
 // components/form-controls/form-row.tsx
-var import_jsx_runtime43 = require("react/jsx-runtime");
+var import_jsx_runtime42 = require("react/jsx-runtime");
 function FormRow({ children, title, description }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "grid grid-cols-3 w-full border-b pb-6 border-border", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "font-medium", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("p", { className: "text-gray-500 text-sm", children: description })
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "grid grid-cols-3 w-full border-b pb-6 border-border", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "font-medium", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-gray-500 text-sm", children: description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: "col-span-2 w-[80%]", children })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "col-span-2 w-[80%]", children })
   ] });
 }
 
@@ -4061,9 +3805,9 @@ function FormRow({ children, title, description }) {
 var React23 = __toESM(require("react"));
 var import_react_icons11 = require("@radix-ui/react-icons");
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
-var import_jsx_runtime44 = require("react/jsx-runtime");
+var import_jsx_runtime43 = require("react/jsx-runtime");
 var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -4074,7 +3818,7 @@ var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => {
 });
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -4083,7 +3827,7 @@ var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react_icons11.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react_icons11.CheckIcon, { className: "h-3.5 w-3.5 fill-primary" }) })
     }
   );
 });
@@ -4094,11 +3838,11 @@ var React24 = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_react_icons12 = require("@radix-ui/react-icons");
 var import_class_variance_authority5 = require("class-variance-authority");
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime44 = require("react/jsx-runtime");
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -4126,18 +3870,18 @@ var sheetVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var SheetContent = React24.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(SheetPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SheetOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+var SheetContent = React24.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(SheetPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SheetOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(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__ */ (0, import_jsx_runtime45.jsx)(import_react_icons12.Cross2Icon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)(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__ */ (0, import_jsx_runtime44.jsx)(import_react_icons12.Cross2Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -4148,7 +3892,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "div",
   {
     className: cn(
@@ -4162,7 +3906,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   "div",
   {
     className: cn(
@@ -4173,7 +3917,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -4182,7 +3926,7 @@ var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -4194,10 +3938,10 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // components/ui/textarea.tsx
 var React25 = __toESM(require("react"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime45 = require("react/jsx-runtime");
 var Textarea = React25.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
       "textarea",
       {
         className: cn(
@@ -4215,11 +3959,11 @@ Textarea.displayName = "Textarea";
 // components/ui/tooltip.tsx
 var React26 = __toESM(require("react"));
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"));
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime46 = require("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__ */ (0, import_jsx_runtime47.jsx)(
+var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -4236,7 +3980,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // components/ui/chart.tsx
 var React27 = __toESM(require("react"));
 var RechartsPrimitive = __toESM(require("recharts"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React27.createContext(null);
 function useChart() {
@@ -4249,7 +3993,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__ */ (0, import_jsx_runtime48.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
     "div",
     {
       "data-chart": chartId,
@@ -4260,8 +4004,8 @@ var ChartContainer = React27.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -4274,7 +4018,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -4318,12 +4062,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__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("font-medium", labelClassName), children: value });
     }, [
       label,
       labelFormatter,
@@ -4337,7 +4081,7 @@ var ChartTooltipContent = React27.forwardRef(
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
       "div",
       {
         ref,
@@ -4347,19 +4091,19 @@ var ChartTooltipContent = React27.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("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__ */ (0, import_jsx_runtime48.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               "div",
               {
                 className: cn(
                   "flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground",
                   indicator === "dot" && "items-center"
                 ),
-                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-                  itemConfig?.icon ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+                  itemConfig?.icon ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                     "div",
                     {
                       className: cn(
@@ -4377,7 +4121,7 @@ var ChartTooltipContent = React27.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
                     "div",
                     {
                       className: cn(
@@ -4385,11 +4129,11 @@ var ChartTooltipContent = React27.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -4410,7 +4154,7 @@ var ChartLegendContent = React27.forwardRef(
     if (!payload?.length) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
       "div",
       {
         ref,
@@ -4422,14 +4166,14 @@ var ChartLegendContent = React27.forwardRef(
         children: payload.map((item) => {
           const key = `${nameKey || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
             "div",
             {
               className: cn(
                 "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
               ),
               children: [
-                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(itemConfig.icon, {}) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
                   "div",
                   {
                     className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -4466,8 +4210,8 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // components/ui/slider.tsx
 var React28 = __toESM(require("react"));
 var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
-var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
   SliderPrimitive.Root,
   {
     ref,
@@ -4477,15 +4221,15 @@ var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(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__ */ (0, import_jsx_runtime48.jsx)(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(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
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var FormWithActionButtons = ({
   children,
   form,
@@ -4496,10 +4240,10 @@ var FormWithActionButtons = ({
   secondaryButtonAction,
   showSecondaryButton = false
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Form, { ...form, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
     children,
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex justify-end gap-2", children: [
-      showSecondaryButton && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-end gap-2", children: [
+      showSecondaryButton && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         Button,
         {
           variant: "link",
@@ -4508,29 +4252,29 @@ var FormWithActionButtons = ({
           children: secondaryButtonText
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Button, { variant: "default", type: "submit", children: primaryButtonText })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { variant: "default", type: "submit", children: primaryButtonText })
     ] })
   ] }) });
 };
 
 // components/form-controls/helpers.tsx
-var import_lucide_react6 = require("lucide-react");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var getFileIcon = (fileName) => {
   const extensionMatch = fileName.match(/\.([^.]+)$/);
   const extension = extensionMatch ? extensionMatch[1].toLowerCase() : null;
-  if (!extension) return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react6.File, { className: "w-8 h-8 text-gray-500" });
+  if (!extension) return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react5.File, { className: "w-8 h-8 text-gray-500" });
   switch (extension) {
     case "pdf":
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react6.File, { className: "w-8 h-8 text-red-500" });
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react5.File, { className: "w-8 h-8 text-red-500" });
     case "doc":
     case "docx":
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react6.FileText, { className: "w-8 h-8 text-blue-500" });
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react5.FileText, { className: "w-8 h-8 text-blue-500" });
     case "xls":
     case "xlsx":
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react6.FileSpreadsheet, { className: "w-8 h-8 text-green-500" });
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react5.FileSpreadsheet, { className: "w-8 h-8 text-green-500" });
     default:
-      return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react6.File, { className: "w-8 h-8 text-gray-500" });
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react5.File, { className: "w-8 h-8 text-gray-500" });
   }
 };
 var getFileName = (url) => {
@@ -4540,14 +4284,14 @@ var getFileName = (url) => {
 };
 
 // components/form-controls/icon-button.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var IconButton = ({
   item,
   variant,
   onClick,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(
     Button,
     {
       type: "button",
@@ -4556,8 +4300,8 @@ var IconButton = ({
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "w-4 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Icon2, { name: item.icon, size: 20, strokeWidth: 1 }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("span", { className: "text-sm", children: item.title })
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "w-4 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Icon, { name: item.icon, size: 20, strokeWidth: 1 }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("span", { className: "text-sm", children: item.title })
       ]
     }
   );
@@ -4565,7 +4309,7 @@ var IconButton = ({
 
 // components/form-controls/input.tsx
 var React29 = __toESM(require("react"));
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var Input2 = React29.forwardRef(
   ({
     variant = "default",
@@ -4577,79 +4321,28 @@ var Input2 = React29.forwardRef(
     rules,
     ...props
   }, ref) => {
-    return isFormField ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    return isFormField ? /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       FormField,
       {
         control,
         name,
         rules,
-        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(FormItem, { children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FormLabel, { children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, { className, ...props, ...field }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(FormMessage, {})
+        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(FormItem, { children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FormLabel, { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Input, { className, ...props, ...field }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(FormMessage, {})
         ] })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Input, { className, ref, ...props });
+    ) : /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(Input, { className, ref, ...props });
   }
 );
 Input2.displayName = "Input";
 
-// components/form-controls/knowledge-graph-word-cloud.tsx
-var import_kg = require("@elqnt/kg");
-var import_lucide_react7 = require("lucide-react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
-function KnowledgeGraphWordCloud() {
-  const { labels } = (0, import_kg.useKnowledgeGraphContext)();
-  if (!labels || !(labels instanceof Array)) {
-    return null;
-  }
-  const data = labels?.map((item) => {
-    return { text: item?.label, value: item?.count };
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "rounded-xl border bg-card h-full shadow relative p-5", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("p", { className: "capitalize mb-10 font-semibold text-xl", children: "Graph Distribution" }),
-    !data ? /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "absolute w-full flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_lucide_react7.Loader2, { className: "animate-spin" }) }) : /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_jsx_runtime54.Fragment, {})
-  ] });
-}
-
-// components/form-controls/layout/org-selector.tsx
-var import_auth = require("@elqnt/auth");
-var import_react7 = require("react");
-var import_jsx_runtime55 = require("react/jsx-runtime");
-function OrgSelector() {
-  const { user, selectedOrgId, setSelectedOrgId } = (0, import_auth.useUserContext)();
-  const [orgAccess, setOrgAccess] = (0, import_react7.useState)([]);
-  (0, import_react7.useEffect)(() => {
-    if (user?.orgAccess) {
-      const formattedOrgAccess = user.orgAccess.filter((org) => org.orgId && org.orgTitle).map((org) => ({
-        value: org.orgId,
-        label: org.orgTitle
-      }));
-      setOrgAccess(formattedOrgAccess);
-    }
-  }, [user]);
-  const handleOrgIdChange = (value) => {
-    setSelectedOrgId?.(value);
-  };
-  if (!user) {
-    return null;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
-    Combobox,
-    {
-      defaultValue: selectedOrgId,
-      options: orgAccess,
-      onChange: handleOrgIdChange,
-      label: "Select an Organization"
-    }
-  );
-}
-
 // components/form-controls/layout/page-header.tsx
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react6 = require("lucide-react");
 var import_link = __toESM(require("next/link"));
 var import_navigation = require("next/navigation");
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("react/jsx-runtime");
 function PageHeader({
   title,
   description,
@@ -4687,7 +4380,7 @@ function PageHeader({
         return "justify-between";
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(
     "div",
     {
       className: cn(
@@ -4695,25 +4388,25 @@ function PageHeader({
         getJustifyClass()
       ),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex items-center gap-2", children: [
-            goBackLink && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_link.default, { href: goBackLink, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" }) }),
-            showBack && !goBackLink && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center gap-2", children: [
+            goBackLink && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_link.default, { href: goBackLink, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react6.ChevronLeft, { className: "h-4 w-4" }) }),
+            showBack && !goBackLink && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
               "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__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react8.ChevronLeft, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_lucide_react6.ChevronLeft, { className: "h-4 w-4" })
               }
             ),
-            titleComponent ?? (title && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("h2", { className: "font-semibold text-lg text-primary p-0 m-0", children: title }))
+            titleComponent ?? (title && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("h2", { className: "font-semibold text-lg text-primary p-0 m-0", children: title }))
           ] }) }),
-          description && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-sm text-gray-500", children: description })
+          description && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("p", { className: "text-sm text-gray-500", children: description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex gap-2 items-center", children: [
           rightSideComponent,
           actions?.map(
-            (action, index) => action.href ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_link.default, { href: action.href, children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button2, { variant: action.type, children: action.label }) }, index) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(Button2, { variant: action.type, onClick: action.onAction, children: action.label }, index)
+            (action, index) => action.href ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_link.default, { href: action.href, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button2, { variant: action.type, children: action.label }) }, index) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Button2, { variant: action.type, onClick: action.onAction, children: action.label }, index)
           )
         ] })
       ]
@@ -4721,21 +4414,15 @@ function PageHeader({
   );
 }
 
-// components/form-controls/layout/left-nav.tsx
-var import_auth2 = require("@elqnt/auth");
-var import_link3 = __toESM(require("next/link"));
-var import_navigation3 = require("next/navigation");
-var import_react9 = require("react");
-
 // components/form-controls/layout/profile-menu.tsx
-var import_react8 = require("next-auth/react");
+var import_react6 = require("next-auth/react");
 var import_link2 = __toESM(require("next/link"));
 var import_navigation2 = require("next/navigation");
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 function ProfileMenu({ children, pathName }) {
   const router = (0, import_navigation2.useRouter)();
   const handleSignOut = async () => {
-    await (0, import_react8.signOut)({ redirect: false });
+    await (0, import_react6.signOut)({ redirect: false });
     router.push("/");
   };
   const links = [
@@ -4753,9 +4440,9 @@ function ProfileMenu({ children, pathName }) {
       onClick: handleSignOut
     }
   ];
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(PopoverTrigger, { asChild: true, children }),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(PopoverContent, { className: "p-0! flex flex-col", children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopoverTrigger, { asChild: true, children }),
+    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(PopoverContent, { className: "p-0! flex flex-col", children: links.map((link) => /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(
       import_link2.default,
       {
         href: link?.href,
@@ -4763,7 +4450,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__ */ (0, import_jsx_runtime57.jsx)(Icon2, { name: link?.icon, size: 20 }),
+          /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(Icon, { name: link?.icon, size: 20 }),
           link?.title
         ]
       },
@@ -4772,188 +4459,10 @@ function ProfileMenu({ children, pathName }) {
   ] });
 }
 
-// components/form-controls/layout/left-nav.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var articles = [
-  { key: "getting-started", title: "Getting Started", href: "#" },
-  { key: "helpdesk", title: "Helpdesk", href: "#" }
-];
-function LeftNav({
-  fullMenuItems,
-  menuItems,
-  pageTitle,
-  ExpandedLogo,
-  Logo
-}) {
-  const router = (0, import_navigation3.useRouter)();
-  const pathName = (0, import_navigation3.usePathname)();
-  const { user, selectedOrgId, selectedOrg } = (0, import_auth2.useUserContext)();
-  const [isExpanded, setIsExpanded] = (0, import_react9.useState)(() => {
-    const stored = localStorage.getItem("isExpanded");
-    return stored === null ? true : stored === "true";
-  });
-  const [apps, setApps] = (0, import_react9.useState)([]);
-  const [items, setItems] = (0, import_react9.useState)(menuItems);
-  (0, import_react9.useEffect)(() => {
-    setItems(menuItems);
-  }, [menuItems]);
-  (0, import_react9.useEffect)(() => {
-    if (!user || !selectedOrgId || !selectedOrg) return;
-    const orgAccess = user.orgAccess?.find(
-      (org) => org.orgId === selectedOrgId
-    );
-    if (!orgAccess) return;
-    const apps2 = fullMenuItems?.filter(
-      (item) => selectedOrg.apps?.includes(item.key)
-    );
-    setApps(apps2);
-  }, [user, selectedOrgId, selectedOrg]);
-  (0, import_react9.useEffect)(() => {
-    localStorage.setItem("isExpanded", isExpanded.toString());
-  }, [isExpanded]);
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-    "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__ */ (0, import_jsx_runtime58.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("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__ */ (0, import_jsx_runtime58.jsxs)(
-          "div",
-          {
-            className: `flex flex-col gap-1 ${!isExpanded && "items-center"}`,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "cursor-pointer flex items-center justify-between mb-4 w-full", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                  "div",
-                  {
-                    onClick: () => isExpanded ? router.push("/") : setIsExpanded(true),
-                    children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ExpandedLogo, {}) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Logo, {})
-                  }
-                ),
-                isExpanded && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { onClick: () => setIsExpanded(false), children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "ChevronsLeftRight" }) })
-              ] }),
-              items ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-                  "div",
-                  {
-                    onClick: () => setItems(void 0),
-                    className: "flex items-center px-1 gap-2 cursor-pointer mb-4 text-lg",
-                    children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "ArrowLeft", size: 19 }),
-                      isExpanded && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: pageTitle })
-                    ]
-                  }
-                ),
-                menuItems?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                  import_link3.default,
-                  {
-                    href: item.href,
-                    className: `flex items-center gap-2 cursor-pointer w-full text-sm rounded-lg py-3 ${isExpanded ? "pl-2 hover:bg-primary/10 hover:text-primary" : "pl-0 justify-center"}
-                  ${item.href && (item.href?.split("/").length > 2 ? pathName?.includes(item.href) ?? "" : pathName === item.href) && isExpanded ? "bg-primary/10 text-primary" : ""}
-                  `,
-                    children: isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: item.icon, size: 19 }),
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: item.title })
-                    ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Tooltip, { delayDuration: 0, children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: item.icon }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipContent, { side: "right", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { children: item.title }) })
-                    ] })
-                  },
-                  item.title
-                ))
-              ] }) : isExpanded ? /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { id: "menu-row", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h2", { className: "text-xl font-semibold", children: "Apps" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "grid grid-cols-2 gap-2 mt-6", children: apps.filter((item) => item.key !== "home").map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                    IconButton,
-                    {
-                      item,
-                      variant: "ghost",
-                      onClick: () => {
-                        router.push(item.href);
-                        setItems(menuItems);
-                      }
-                    },
-                    item.key
-                  )) })
-                ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { id: "help-row", className: "mt-12 ml-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h2", { className: "text-xl font-semibold", children: "Help" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mt-6", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Input, { placeholder: "Search help content" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("ul", { className: "mt-6 ml-4 list-disc", children: articles.map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("li", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                    import_link3.default,
-                    {
-                      href: item.href,
-                      className: "block mb-2 underline",
-                      onClick: () => setIsExpanded(false),
-                      children: item.title
-                    }
-                  ) }, item.key)) })
-                ] })
-              ] }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "flex flex-col gap-6 mt-2", children: apps?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(Tooltip, { delayDuration: 0, children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
-                  "div",
-                  {
-                    onClick: () => {
-                      router.push(item.href);
-                      setItems(menuItems);
-                    },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: item.icon })
-                  }
-                ) }),
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(TooltipContent, { side: "right", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("p", { children: item.title }) })
-              ] }, item.key)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { children: [
-          isExpanded && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "mb-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(OrgSelector, {}) }),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-            import_link3.default,
-            {
-              href: "/admin/settings",
-              className: `flex items-center gap-4 cursor-pointer w-full rounded-lg py-2 mb-1 ${isExpanded ? "pl-2 hover:bg-primary/10 hover:text-primary" : "pl-0"}
-              ${pathName?.includes("/settings") && isExpanded ? "bg-primary/10 text-primary" : ""}
-              `,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "Settings" }),
-                isExpanded && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Settings" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-            import_link3.default,
-            {
-              href: "/admin/help",
-              className: `flex items-center gap-4 cursor-pointer w-full rounded-lg py-2 mb-1 ${isExpanded ? "pl-2 hover:bg-primary/10 hover:text-primary" : "pl-0"}
-              ${pathName?.includes("/help") && isExpanded ? "bg-primary/10 text-primary" : ""}
-              `,
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "HeartHandshake" }),
-                isExpanded && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: "Help" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(ProfileMenu, { pathName: pathName ?? "", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(
-            "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__ */ (0, import_jsx_runtime58.jsx)(Icon2, { name: "User" }),
-                isExpanded && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { children: user?.firstName })
-              ]
-            }
-          ) })
-        ] })
-      ] }) })
-    }
-  );
-}
-
 // components/form-controls/multi-select.tsx
-var import_lucide_react9 = require("lucide-react");
-var import_react10 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_lucide_react7 = require("lucide-react");
+var import_react7 = require("react");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var MultiSelect = ({
   defaultValue = [],
   placeholder,
@@ -4961,8 +4470,8 @@ var MultiSelect = ({
   className = "",
   onValueChange
 }) => {
-  const [open, setOpen] = (0, import_react10.useState)(false);
-  const [selectedValues, setSelectedValues] = (0, import_react10.useState)(defaultValue);
+  const [open, setOpen] = (0, import_react7.useState)(false);
+  const [selectedValues, setSelectedValues] = (0, import_react7.useState)(defaultValue);
   const handleSelect = (value) => {
     let updatedValues;
     if (selectedValues.includes(value)) {
@@ -4979,17 +4488,17 @@ var MultiSelect = ({
     setSelectedValues(updatedValues);
     onValueChange(updatedValues);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       Button,
       {
         variant: "outline",
         role: "combobox",
         "aria-expanded": open,
         className: cn("min-h-10 h-auto w-full justify-between", className),
-        children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)("div", { className: "flex flex-wrap gap-1", children: [
           selectedValues.length === 0 && placeholder,
-          selectedValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+          selectedValues.map((value) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
             Badge,
             {
               variant: "secondary",
@@ -4997,7 +4506,7 @@ var MultiSelect = ({
               onClick: (e) => handleClear(value, e),
               children: [
                 options.find((opt) => opt.value === value)?.label,
-                /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_lucide_react9.X, { className: "ml-1 h-3 w-3" })
+                /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_lucide_react7.X, { className: "ml-1 h-3 w-3" })
               ]
             },
             value
@@ -5005,13 +4514,13 @@ var MultiSelect = ({
         ] })
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(PopoverContent, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Command, { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(PopoverContent, { className: "p-0", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(Command, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(CommandGroup, { children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(
       CommandItem,
       {
         onSelect: () => handleSelect(option.value),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
-            import_lucide_react9.Check,
+          /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+            import_lucide_react7.Check,
             {
               className: cn(
                 "mr-2 h-4 w-4",
@@ -5028,18 +4537,18 @@ var MultiSelect = ({
 };
 
 // components/form-controls/multi-step-process.tsx
-var import_lucide_react10 = require("lucide-react");
-var import_react11 = require("react");
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_lucide_react8 = require("lucide-react");
+var import_react8 = require("react");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var MultiStepProcess = ({
   initialSteps,
   onFinish,
   finishButtonText
 }) => {
-  const [steps, setSteps] = (0, import_react11.useState)(
+  const [steps, setSteps] = (0, import_react8.useState)(
     initialSteps.map((step) => ({ ...step, isValid: false, isComplete: false }))
   );
-  const [currentStepIndex, setCurrentStepIndex] = (0, import_react11.useState)(0);
+  const [currentStepIndex, setCurrentStepIndex] = (0, import_react8.useState)(0);
   const updateStep = (stepIndex, updates) => {
     setSteps(
       (prevSteps) => prevSteps.map(
@@ -5066,7 +4575,7 @@ var MultiStepProcess = ({
     }
     updateStep(currentStepIndex, { isLoading: false });
   };
-  (0, import_react11.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const currentStep = steps[currentStepIndex];
     if (currentStep.isComplete) {
       goToNextStep();
@@ -5079,7 +4588,7 @@ var MultiStepProcess = ({
   };
   const renderStepComponent = (step, index) => {
     const StepComponent = step.component;
-    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       StepComponent,
       {
         step,
@@ -5089,23 +4598,23 @@ var MultiStepProcess = ({
   };
   const isLastStep = currentStepIndex === steps.length - 1;
   const currentStepData = steps[currentStepIndex];
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Card, { className: "p-6", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "flex justify-between items-start", children: steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(Card, { className: "p-6", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "mb-8", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "flex justify-between items-start", children: steps.map((step, i) => /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         "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__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react10.Check, { className: "w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: step.id })
+          children: i < currentStepIndex ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react8.Check, { className: "w-6 h-6" }) : /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { children: step.id })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { className: "text-sm text-center max-w-[100px]", children: step.title })
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "text-sm text-center max-w-[100px]", children: step.title })
     ] }, i)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "mb-3", children: renderStepComponent(currentStepData, currentStepIndex) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "mb-3", children: renderStepComponent(currentStepData, currentStepIndex) }),
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Button,
         {
           onClick: goToPreviousStep,
@@ -5114,12 +4623,12 @@ var MultiStepProcess = ({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
         Button,
         {
           onClick: goToNextStep,
           disabled: !currentStepData.isValid || currentStepData.isLoading,
-          children: currentStepData.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_lucide_react10.Loader2, { className: "h-6 w-6 animate-spin" }) : isLastStep ? finishButtonText ?? "Finish" : "Next"
+          children: currentStepData.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_lucide_react8.Loader2, { className: "h-6 w-6 animate-spin" }) : isLastStep ? finishButtonText ?? "Finish" : "Next"
         }
       )
     ] })
@@ -5127,7 +4636,7 @@ var MultiStepProcess = ({
 };
 
 // components/form-controls/popover.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var Popover2 = ({
   trigger,
   children,
@@ -5135,9 +4644,9 @@ var Popover2 = ({
   align = "center",
   sideOffset = 4
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className, children: trigger }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(Popover, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className, children: trigger }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       PopoverContent,
       {
         align,
@@ -5151,34 +4660,34 @@ var Popover2 = ({
 
 // components/form-controls/radio-group.tsx
 var React31 = __toESM(require("react"));
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var RadioGroup3 = React31.forwardRef(({ className, options, defaultValue, title, name, control, isFormField, ...props }, ref) => {
   if (!isFormField) {
-    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RadioGroup2, { defaultValue, ...props, ref, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RadioGroupItem, { value: option.value, id: option.value }),
-      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { htmlFor: option.value, children: option.label })
+    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(RadioGroup2, { defaultValue, ...props, ref, children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(RadioGroupItem, { value: option.value, id: option.value }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { htmlFor: option.value, children: option.label })
     ] }, option.value)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     FormField,
     {
       control,
       name,
-      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(FormItem, { children: [
-        title && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormLabel, { children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(FormItem, { children: [
+        title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormLabel, { children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
           RadioGroup2,
           {
             onValueChange: field.onChange,
             defaultValue: field.value,
             ...props,
-            children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(RadioGroupItem, { value: option.value, id: option.value }),
-              /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("label", { htmlFor: option.value, children: option.label })
+            children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(RadioGroupItem, { value: option.value, id: option.value }),
+              /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("label", { htmlFor: option.value, children: option.label })
             ] }, option.value))
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(FormMessage, {})
+        /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(FormMessage, {})
       ] })
     }
   );
@@ -5188,22 +4697,22 @@ RadioGroup3.displayName = "RadioGroup";
 // components/form-controls/scroll-area.tsx
 var React32 = __toESM(require("react"));
 var import_react_scroll_area = require("@radix-ui/react-scroll-area");
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var ScrollArea2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var ScrollArea2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(
   import_react_scroll_area.ScrollArea,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_scroll_area.ScrollAreaViewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(ScrollBar2, {}),
-      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_scroll_area.ScrollAreaCorner, {})
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_scroll_area.ScrollAreaViewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(ScrollBar2, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_scroll_area.ScrollAreaCorner, {})
     ]
   }
 ));
 ScrollArea2.displayName = import_react_scroll_area.ScrollArea.displayName;
-var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   import_react_scroll_area.ScrollAreaScrollbar,
   {
     ref,
@@ -5215,13 +4724,13 @@ var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...p
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_react_scroll_area.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react_scroll_area.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar2.displayName = import_react_scroll_area.ScrollAreaScrollbar.displayName;
 
 // components/form-controls/select.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var Select2 = ({
   defaultValue,
   placeholder,
@@ -5229,9 +4738,9 @@ var Select2 = ({
   className = "",
   onValueChange
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(Select, { value: defaultValue, onValueChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectTrigger, { className, children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectValue, { placeholder }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectContent, { children: options?.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(SelectItem, { value: option.value, children: option.label }, i)) })
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(Select, { value: defaultValue, onValueChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectTrigger, { className, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectValue, { placeholder }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectContent, { children: options?.map((option, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(SelectItem, { value: option.value, children: option.label }, i)) })
   ] });
 };
 
@@ -5243,8 +4752,8 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // components/ui/progress.tsx
 var React33 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
   ProgressPrimitive.Root,
   {
     ref,
@@ -5253,7 +4762,7 @@ var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -5265,27 +4774,27 @@ var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // components/form-controls/setup-guide.tsx
-var import_lucide_react11 = require("lucide-react");
-var import_react12 = require("react");
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_lucide_react9 = require("lucide-react");
+var import_react9 = require("react");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 var SetupGuide = ({
   onDismiss,
   onStepComplete,
   items
 }) => {
-  const [expanded, setExpanded] = (0, import_react12.useState)(
+  const [expanded, setExpanded] = (0, import_react9.useState)(
     items.findIndex((item) => !item.complete)
   );
-  const [isGuideOpen, setIsGuideOpen] = (0, import_react12.useState)(true);
-  const accessId = (0, import_react12.useId)();
+  const [isGuideOpen, setIsGuideOpen] = (0, import_react9.useState)(true);
+  const accessId = (0, import_react9.useId)();
   const completedItemsLength = items.filter((item) => item.complete).length;
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "p-0", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-2", children: [
-      completedItemsLength === items.length ? /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react11.Check, { className: "h-4 w-4 text-gray-400" }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm text-gray-400", children: "Done" })
-      ] }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm", children: `${completedItemsLength} / ${items.length} completed` }),
-      completedItemsLength !== items.length && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "w-24", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "p-0", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "px-4 pb-4", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-2", children: [
+      completedItemsLength === items.length ? /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react9.Check, { className: "h-4 w-4 text-gray-400" }),
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm text-gray-400", children: "Done" })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("span", { className: "text-sm", children: `${completedItemsLength} / ${items.length} completed` }),
+      completedItemsLength !== items.length && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "w-24", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Progress,
         {
           value: completedItemsLength / items.length * 100,
@@ -5293,7 +4802,7 @@ var SetupGuide = ({
         }
       ) })
     ] }) }) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Collapsible, { open: isGuideOpen, id: accessId, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CollapsibleContent2, { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "space-y-1", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Collapsible, { open: isGuideOpen, id: accessId, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CollapsibleContent2, { className: "p-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "space-y-1", children: items.map((item) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       SetupItem,
       {
         expanded: expanded === item.id,
@@ -5303,7 +4812,7 @@ var SetupGuide = ({
       },
       item.id
     )) }) }) }),
-    completedItemsLength === items.length && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "border-t border-gray-200 bg-gray-50 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { onClick: onDismiss, children: "Dismiss Guide" }) }) })
+    completedItemsLength === items.length && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "border-t border-gray-200 bg-gray-50 p-3", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { onClick: onDismiss, children: "Dismiss Guide" }) }) })
   ] });
 };
 var SetupItem = ({
@@ -5318,44 +4827,44 @@ var SetupItem = ({
   secondaryButton,
   id
 }) => {
-  const [loading, setLoading] = (0, import_react12.useState)(false);
+  const [loading, setLoading] = (0, import_react9.useState)(false);
   const completeItem = async () => {
     setLoading(true);
     await onComplete(id);
     setLoading(false);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `rounded ${expanded ? "bg-gray-100" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: `p-2 ${expanded ? "" : "hover:bg-gray-50"}`, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex gap-2 items-start", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `rounded ${expanded ? "bg-gray-100" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `p-2 ${expanded ? "" : "hover:bg-gray-50"}`, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "flex gap-2 items-start", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "mt-0.5",
           onClick: completeItem,
-          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : complete ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "h-5 w-5 rounded-full bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react11.Check, { className: "h-3 w-3 text-white" }) }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "h-5 w-5 rounded-full border-2 border-gray-300" })
+          children: loading ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : complete ? /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "h-5 w-5 rounded-full bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(import_lucide_react9.Check, { className: "h-3 w-3 text-white" }) }) : /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "h-5 w-5 rounded-full border-2 border-gray-300" })
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(TooltipContent, { children: complete ? "Mark as not done" : "Mark as done" })
+      /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(TooltipContent, { children: complete ? "Mark as not done" : "Mark as done" })
     ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
         className: `grow ${expanded ? "" : "cursor-pointer"}`,
         onClick: expanded ? void 0 : setExpanded,
-        children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-3", id: id.toString(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("h4", { className: expanded ? "text-sm font-semibold" : "text-sm", children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Collapsible, { open: expanded, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CollapsibleContent2, { className: "pb-2 pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("p", { className: "text-sm text-gray-600", children: description }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-x-3", children: [
-              primaryButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { ...primaryButton.props, children: primaryButton.content }),
-              secondaryButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { variant: "outline", ...secondaryButton.props, children: secondaryButton.content })
+        children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-3", id: id.toString(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("h4", { className: expanded ? "text-sm font-semibold" : "text-sm", children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Collapsible, { open: expanded, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CollapsibleContent2, { className: "pb-2 pr-2", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("p", { className: "text-sm text-gray-600", children: description }),
+            (primaryButton || secondaryButton) && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("div", { className: "space-x-3", children: [
+              primaryButton && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { ...primaryButton.props, children: primaryButton.content }),
+              secondaryButton && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(Button, { variant: "outline", ...secondaryButton.props, children: secondaryButton.content })
             ] })
           ] }) }) })
         ] })
       }
     ),
-    image && expanded && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+    image && expanded && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "img",
       {
         src: image.url,
@@ -5367,7 +4876,7 @@ var SetupItem = ({
 };
 
 // components/form-controls/sheet.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var Sheet2 = ({
   title,
   trigger,
@@ -5375,20 +4884,20 @@ var Sheet2 = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Sheet, { ...props, children: [
-    trigger && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetTrigger, { children: trigger }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(SheetHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(SheetDescription, { children: description }),
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(Sheet, { ...props, children: [
+    trigger && /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SheetTrigger, { children: trigger }),
+    /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SheetContent, { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsxs)(SheetHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SheetTitle, { children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(SheetDescription, { children: description }),
       children
     ] }) })
   ] });
 };
 
 // components/form-controls/tags-input.tsx
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 var React35 = __toESM(require("react"));
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var TagsInput = React35.forwardRef(
   ({ variant = "default", className, value, onChange, ...props }, ref) => {
     const [inputValue, setInputValue] = React35.useState("");
@@ -5407,15 +4916,15 @@ var TagsInput = React35.forwardRef(
     const removeTag = (index) => {
       onChange(value.filter((_, i) => i !== index));
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-wrap gap-2 p-2 border rounded", children: [
-      value.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+    return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-wrap gap-2 p-2 border rounded", children: [
+      value.map((tag, index) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
         "span",
         {
           className: "bg-gray-200 px-2 py-1 rounded flex items-center",
           children: [
             tag,
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
-              import_lucide_react12.X,
+            /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+              import_lucide_react10.X,
               {
                 className: "ml-1 w-4 h-4 cursor-pointer",
                 onClick: () => removeTag(index)
@@ -5425,7 +4934,7 @@ var TagsInput = React35.forwardRef(
         },
         index
       )),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         "input",
         {
           className: "grow border-none focus:ring-0",
@@ -5443,7 +4952,7 @@ TagsInput.displayName = "TagsInput";
 
 // components/form-controls/textarea.tsx
 var React36 = __toESM(require("react"));
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var Textarea2 = React36.forwardRef(
   ({
     variant = "default",
@@ -5455,15 +4964,15 @@ var Textarea2 = React36.forwardRef(
     rules,
     ...props
   }, ref) => {
-    return isFormField ? /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return isFormField ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       FormField,
       {
         control,
         name,
         rules,
-        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(FormItem, { children: [
-          title && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormLabel, { children: title }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+        render: ({ field }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(FormItem, { children: [
+          title && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormLabel, { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormControl, { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
             Textarea,
             {
               className: `${className} resize-none`,
@@ -5471,10 +4980,10 @@ var Textarea2 = React36.forwardRef(
               ...props
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(FormMessage, {})
+          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(FormMessage, {})
         ] })
       }
-    ) : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    ) : /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
       Textarea,
       {
         className: `${className} resize-none`,
@@ -5487,9 +4996,9 @@ var Textarea2 = React36.forwardRef(
 Textarea2.displayName = "Textarea";
 
 // components/form-controls/time-picker.tsx
-var import_lucide_react13 = require("lucide-react");
-var import_react13 = require("react");
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_lucide_react11 = require("lucide-react");
+var import_react10 = require("react");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 var TimePicker = ({
   value,
   onValueChange,
@@ -5497,7 +5006,7 @@ var TimePicker = ({
   className = "",
   disabled = false
 }) => {
-  const [open, setOpen] = (0, import_react13.useState)(false);
+  const [open, setOpen] = (0, import_react10.useState)(false);
   const hours = Array.from({ length: 24 }, (_, i) => ({
     value: i.toString().padStart(2, "0"),
     label: i.toString().padStart(2, "0")
@@ -5513,21 +5022,21 @@ var TimePicker = ({
   const handleMinuteChange = (newMinute) => {
     onValueChange(`${hour}:${newMinute}`);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
       Button,
       {
         variant: "outline",
         className: `w-full justify-start text-left font-normal ${className}`,
         disabled,
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_lucide_react13.Clock, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react11.Clock, { className: "mr-2 h-4 w-4" }),
           value || placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Select2,
         {
           defaultValue: hour,
@@ -5537,8 +5046,8 @@ var TimePicker = ({
           className: "w-[80px]"
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("span", { className: "text-lg", children: ":" }),
-      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-lg", children: ":" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
         Select2,
         {
           defaultValue: minute,
@@ -5553,19 +5062,19 @@ var TimePicker = ({
 };
 
 // components/form-controls/tooltip.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var Tooltip3 = ({ children, tipContent }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Tooltip, { delayDuration: 0, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipTrigger, { children }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("p", { children: tipContent }) })
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Tooltip, { delayDuration: 0, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TooltipTrigger, { children }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(TooltipContent, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { children: tipContent }) })
   ] }) });
 };
 
 // components/form-controls/upload-widget.tsx
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_react_dropzone = require("react-dropzone");
 var import_sonner = require("sonner");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 function UploadWidget({
   accept,
   maxSize,
@@ -5597,18 +5106,18 @@ function UploadWidget({
     maxFiles
   };
   const { getRootProps, getInputProps, isDragActive } = (0, import_react_dropzone.useDropzone)(dropzoneOptions);
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
     "div",
     {
       ...getRootProps(),
       className: "relative border-2 border-dashed border-gray-300 rounded-lg p-6 text-center cursor-pointer min-h-[160px]",
       children: [
-        isUploading && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react14.Loader2, { className: "animate-spin h-6 w-6 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("input", { ...getInputProps() }),
-        isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react14.Upload, { className: "mx-auto h-12 w-12 text-gray-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { children: "Drag n drop some files here, or click to select files" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("p", { className: "text-sm text-gray-500", children: [
+        isUploading && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react12.Loader2, { className: "animate-spin h-6 w-6 text-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("input", { ...getInputProps() }),
+        isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react12.Upload, { className: "mx-auto h-12 w-12 text-gray-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { children: "Drag n drop some files here, or click to select files" }),
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "text-sm text-gray-500", children: [
             "Only ",
             acceptedTypes,
             " files up to ",
@@ -5616,11 +5125,11 @@ function UploadWidget({
             "MB are accepted"
           ] })
         ] }),
-        fileUrls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
+        fileUrls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
           const fileName = getFileName(url);
-          return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("li", { className: "flex items-center space-x-2 text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { children: getFileIcon(fileName) }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: fileName })
+          return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("li", { className: "flex items-center space-x-2 text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: getFileIcon(fileName) }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: fileName })
           ] }, i);
         }) }) })
       ]
@@ -5631,15 +5140,15 @@ function UploadWidget({
 // components/general/markdown-renderer.tsx
 var import_react_markdown = __toESM(require("react-markdown"));
 var import_remark_gfm = __toESM(require("remark-gfm"));
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 function MarkdownRenderer({ content }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     import_react_markdown.default,
     {
       remarkPlugins: [import_remark_gfm.default],
       className: "text-primary-900",
       components: {
-        a: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        a: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "a",
           {
             target: "_blank",
@@ -5648,20 +5157,20 @@ function MarkdownRenderer({ content }) {
             ...props
           }
         ),
-        h1: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
-        h2: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
-        h3: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
-        code: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        h1: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
+        h2: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
+        h3: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
+        code: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "code",
           {
             className: "block bg-stone-100 p-3 rounded font-mono",
             ...props
           }
         ),
-        ul: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ul", { className: "list-disc pl-6 my-4", ...props }),
-        ol: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("ol", { className: "list-decimal pl-6 my-4", ...props }),
-        p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "my-4", ...props }),
-        blockquote: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+        ul: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("ul", { className: "list-disc pl-6 my-4", ...props }),
+        ol: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("ol", { className: "list-decimal pl-6 my-4", ...props }),
+        p: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "my-4", ...props }),
+        blockquote: ({ node, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "blockquote",
           {
             className: "border-l-4 border-stone-200 pl-4 my-4 italic",
@@ -5675,9 +5184,9 @@ function MarkdownRenderer({ content }) {
 }
 
 // components/general/chat-loading.tsx
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function ChatLoading() {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5685,7 +5194,7 @@ function ChatLoading() {
       width: "60",
       height: "15",
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("circle", { cx: "7.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("circle", { cx: "7.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "animate",
           {
             attributeName: "cy",
@@ -5698,7 +5207,7 @@ function ChatLoading() {
             values: "7.5;3.5;7.5"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("circle", { cx: "30", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("circle", { cx: "30", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "animate",
           {
             attributeName: "cy",
@@ -5711,7 +5220,7 @@ function ChatLoading() {
             values: "7.5;3.5;7.5"
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("circle", { cx: "52.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("circle", { cx: "52.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
           "animate",
           {
             attributeName: "cy",
@@ -5730,10 +5239,10 @@ function ChatLoading() {
 }
 
 // components/layout/action-bar.tsx
-var import_lucide_react15 = require("lucide-react");
-var import_navigation4 = require("next/navigation");
-var import_react14 = __toESM(require("react"));
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_lucide_react13 = require("lucide-react");
+var import_navigation3 = require("next/navigation");
+var import_react11 = __toESM(require("react"));
+var import_jsx_runtime71 = require("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",
@@ -5747,50 +5256,50 @@ function EloquentActionBar({
   buttons,
   title
 }) {
-  const router = (0, import_navigation4.useRouter)();
-  const LucideIcons = import_lucide_react15.icons;
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex bg-white border-gray-200 border-b border-x rounded-t-lg items-center", children: [
-    showBack && /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_jsx_runtime75.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+  const router = (0, import_navigation3.useRouter)();
+  const LucideIcons = import_lucide_react13.icons;
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex bg-white border-gray-200 border-b border-x rounded-t-lg items-center", children: [
+    showBack && /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_jsx_runtime71.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
         "button",
         {
           onClick: () => router.back(),
           className: "flex items-center px-3 py-2 hover:bg-gray-100 transition-colors",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react15.ArrowLeft, { className: "w-5 h-5 mr-2 text-gray-600" }),
-            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-gray-600 font-medium", children: "Back" })
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react13.ArrowLeft, { className: "w-5 h-5 mr-2 text-gray-600" }),
+            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "text-gray-600 font-medium", children: "Back" })
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Separator3, { orientation: "vertical", className: "h-full" })
+      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Separator3, { orientation: "vertical", className: "h-full" })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex items-center", children: buttons.map((button, index) => {
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-center", children: buttons.map((button, index) => {
       const Icon3 = LucideIcons[button.icon];
-      return /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(import_react14.default.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_react11.default.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
           "button",
           {
             onClick: button.action,
             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__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react15.Loader2, { className: "w-5 h-5 mr-2 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Icon3, { className: "w-5 h-5 mr-2" }),
-              /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "font-medium", children: button.label })
+              button.isLoading ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react13.Loader2, { className: "w-5 h-5 mr-2 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon3, { className: "w-5 h-5 mr-2" }),
+              /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "font-medium", children: button.label })
             ]
           }
         ),
-        index < buttons.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(Separator3, { orientation: "vertical", className: "h-full" })
+        index < buttons.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Separator3, { orientation: "vertical", className: "h-full" })
       ] }, button.label);
     }) }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "text-lg", children: title })
+    title && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { className: "text-lg", children: title })
   ] });
 }
 
 // components/schema-fields/dropdown-field.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function ColorDot({ color }) {
   if (!color) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
     "div",
     {
       className: "w-3 h-3 rounded-full mr-2 inline-block",
@@ -5807,25 +5316,25 @@ function DropdownField({ schema, value, onChange }) {
   const renderSelectedValue = () => {
     const selectedOption = options?.find((opt) => opt.value === value);
     if (!selectedOption) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ColorDot, { color: selectedOption.color }),
+    return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ColorDot, { color: selectedOption.color }),
       selectedOption.label
     ] });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
     Select,
     {
       value: value ?? "",
       onValueChange: onChange,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectValue, { children: renderSelectedValue() }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(SelectContent, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SelectValue, { children: renderSelectedValue() }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(SelectContent, { children: options?.map((option) => /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
           SelectItem,
           {
             value: option.value,
             className: "flex items-center",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ColorDot, { color: option.color }),
+              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(ColorDot, { color: option.color }),
               option.label
             ]
           },
@@ -5837,7 +5346,7 @@ function DropdownField({ schema, value, onChange }) {
 }
 
 // components/schema-fields/string-field.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 function StringField({
   name,
   schema,
@@ -5869,7 +5378,7 @@ function StringField({
         return "text";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
     Input,
     {
       value: value || "",
@@ -5888,14 +5397,14 @@ function StringField({
 }
 
 // components/schema-fields/string-multi-line-field.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function StringMultiLineField({
   name,
   schema,
   value,
   onChange
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
     Textarea,
     {
       value: value || "",
@@ -5908,11 +5417,11 @@ function StringMultiLineField({
 }
 
 // components/schema-fields/text-field.tsx
-var import_react15 = require("@remixicon/react");
-var import_react16 = require("react");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_react12 = require("@remixicon/react");
+var import_react13 = require("react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function TextField({ schema, value, onChange }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "rounded-lg border bg-background flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "rounded-lg border bg-background flex flex-col", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
     Input,
     {
       value,
@@ -5923,7 +5432,7 @@ function TextField({ schema, value, onChange }) {
 }
 
 // components/schema-fields/schema-field.tsx
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function getFieldType(schema) {
   if (schema.enum) return "dropdown";
   if (schema.format === "richtext") return "text";
@@ -5945,38 +5454,63 @@ function SchemaField(props) {
       case "email":
       case "phone":
       case "url":
-        return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StringField, { ...props });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StringField, { ...props });
       case "stringMultiline":
-        return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(StringMultiLineField, { ...props });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(StringMultiLineField, { ...props });
       case "text":
-        return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(TextField, { ...props });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(TextField, { ...props });
       case "dropdown":
-        return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(DropdownField, { ...props });
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(DropdownField, { ...props });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "text-red-500", children: [
+        return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "text-red-500", children: [
           "Unsupported field type: ",
           fieldType
         ] });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: cn("space-y-2", getColspanBySchema(schema)), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(Label2, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: cn("space-y-2", getColspanBySchema(schema)), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Label, { children: [
       label ?? schema.title ?? name,
-      schema.required && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("span", { className: "text-red-500", children: "*" })
+      schema.required && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("span", { className: "text-red-500", children: "*" })
     ] }),
     renderField(),
-    schema.description && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("p", { className: "text-sm text-gray-500", children: schema.description })
+    schema.description && /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("p", { className: "text-sm text-gray-500", children: schema.description })
   ] });
 }
 
+// ../docs/dist/index.mjs
+var import_lucide_react14 = require("lucide-react");
+var import_jsx_runtime77 = require("react/jsx-runtime");
+var getFileIcon2 = (fileName) => {
+  const extensionMatch = fileName.match(/\.([^.]+)$/);
+  const extension = extensionMatch ? extensionMatch[1].toLowerCase() : null;
+  if (!extension) return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react14.File, { className: "w-8 h-8 text-gray-500" });
+  switch (extension) {
+    case "pdf":
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react14.File, { className: "w-8 h-8 text-red-500" });
+    case "doc":
+    case "docx":
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react14.FileText, { className: "w-8 h-8 text-blue-500" });
+    case "xls":
+    case "xlsx":
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react14.FileSpreadsheet, { className: "w-8 h-8 text-green-500" });
+    default:
+      return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react14.File, { className: "w-8 h-8 text-gray-500" });
+  }
+};
+var getFileName2 = (url) => {
+  const fileName = decodeURIComponent(url.split("/").pop() ?? "");
+  const cleanFileName = fileName.replace(/%28(\d+)%29/g, "($1)").replace(/[^\w\s().-]/g, "").replace(/\s+/g, "_").replace(/-\d+(?=\.pdf)/g, "");
+  return cleanFileName;
+};
+
 // components/upload/upload-widget-v2.tsx
-var import_docs = require("@elqnt/docs");
-var import_lucide_react16 = require("lucide-react");
-var import_react17 = require("react");
+var import_lucide_react15 = require("lucide-react");
+var import_react14 = require("react");
 var import_react_dropzone2 = require("react-dropzone");
 var import_sonner2 = require("sonner");
 var import_upload_actions = require("./upload/upload-actions");
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function UploadWidgetV2({
   accept,
   maxSize,
@@ -5986,8 +5520,8 @@ function UploadWidgetV2({
   uploadDestination = "azure",
   hideUploadedFiles = false
 }) {
-  const [isUploading, setIsUploading] = (0, import_react17.useState)(false);
-  const [fileUrls, setFileUrls] = (0, import_react17.useState)([]);
+  const [isUploading, setIsUploading] = (0, import_react14.useState)(false);
+  const [fileUrls, setFileUrls] = (0, import_react14.useState)([]);
   const fileMaxSizeMB = maxSize / 1024 / 1024;
   const acceptedTypes = accept ? Object.values(accept).flat().join(", ") : "";
   const handleUpload = async (files) => {
@@ -6034,7 +5568,7 @@ function UploadWidgetV2({
     maxSize,
     maxFiles
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     "div",
     {
       ...getRootProps(),
@@ -6043,12 +5577,12 @@ function UploadWidgetV2({
         className
       ),
       children: [
-        isUploading && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react16.Loader2, { className: "animate-spin h-6 w-6 text-primary" }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("input", { ...getInputProps() }),
-        isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_lucide_react16.UploadCloud, { className: "mx-auto h-12 w-12 text-gray-400" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("p", { children: "Drag n drop some files here, or click to select files" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("p", { className: "text-sm text-gray-500", children: [
+        isUploading && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react15.Loader2, { className: "animate-spin h-6 w-6 text-primary" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("input", { ...getInputProps() }),
+        isDragActive ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_lucide_react15.UploadCloud, { className: "mx-auto h-12 w-12 text-gray-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { children: "Drag n drop some files here, or click to select files" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("p", { className: "text-sm text-gray-500", children: [
             "Only ",
             acceptedTypes,
             " files up to ",
@@ -6056,102 +5590,17 @@ function UploadWidgetV2({
             "MB are accepted"
           ] })
         ] }),
-        !hideUploadedFiles && fileUrls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
-          const fileName = (0, import_docs.getFileName)(url);
-          return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("li", { className: "flex items-center space-x-2 text-sm", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: (0, import_docs.getFileIcon)(fileName) }),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: fileName })
+        !hideUploadedFiles && fileUrls.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
+          const fileName = getFileName2(url);
+          return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("li", { className: "flex items-center space-x-2 text-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: getFileIcon2(fileName) }),
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: fileName })
           ] }, i);
         }) }) })
       ]
     }
   );
 }
-
-// hooks/use-file-upload.ts
-var import_nats = require("@elqnt/nats");
-var import_react18 = require("react");
-var import_react_hook_form3 = require("react-hook-form");
-function convertDataUrlToUint8Array(dataURL) {
-  const base64String = dataURL.split(",")[1];
-  const binaryString = atob(base64String);
-  const len = binaryString.length;
-  const bytes = new Uint8Array(len);
-  for (let i = 0; i < len; i++) {
-    bytes[i] = binaryString.charCodeAt(i);
-  }
-  return bytes;
-}
-var JS_OS_FILE_UPLOAD = "file-upload";
-var useFileUpload = (formFieldName) => {
-  const files = (0, import_react_hook_form3.useWatch)({ name: formFieldName });
-  const [fileUrls, setFileUrls] = (0, import_react18.useState)([]);
-  const [isUploading, setIsUploading] = (0, import_react18.useState)(false);
-  const { request, ObjectStore } = (0, import_nats.useNatsContext)();
-  (0, import_react18.useEffect)(() => {
-    if (!files || files.length === 0) return;
-    const uploadFiles = async () => {
-      setIsUploading(true);
-      const bucket = JS_OS_FILE_UPLOAD;
-      const filesArray = Array.from(files);
-      for (const file of filesArray) {
-        const reader = new FileReader();
-        reader.readAsDataURL(file);
-        try {
-          await new Promise((resolve, reject) => {
-            reader.onloadend = async () => {
-              const dataURL = reader.result;
-              const uint8Array = convertDataUrlToUint8Array(dataURL);
-              const os = await ObjectStore(bucket);
-              if (os instanceof Error) {
-                console.error(os);
-                reject(os);
-                return;
-              }
-              const extension = file.name.match(/\.[^/.]+$/)?.[0];
-              const name = file.name.replace(/\.[^/.]+$/, "") + "-" + Date.now() + extension;
-              const meta = {
-                "Content-Type": file.type,
-                name
-              };
-              const result = await os.putBlob(meta, uint8Array);
-              if (result instanceof Error) {
-                console.error(result);
-                reject(result);
-                return;
-              }
-              const res = await request("entities.uploadFile", {
-                fileName: name,
-                mimeType: file.type
-              });
-              if (res instanceof Error) {
-                console.error(res);
-                reject(res);
-                return;
-              }
-              const { url } = res;
-              const deleteRes = await os.delete(name);
-              if (deleteRes instanceof Error) {
-                console.error(deleteRes);
-                reject(deleteRes);
-                return;
-              }
-              console.log("file uploaded successfully", url);
-              setFileUrls((prevUrls) => [...prevUrls, url]);
-              resolve();
-            };
-          });
-        } catch (error) {
-          console.error("Error uploading file:", error);
-          continue;
-        }
-      }
-      setIsUploading(false);
-    };
-    uploadFiles();
-  }, [files]);
-  return { fileUrls, isUploading };
-};
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ActionBar,
@@ -6176,7 +5625,6 @@ var useFileUpload = (formFieldName) => {
   DurationInput,
   EloquentActionBar,
   FilterCombobox,
-  FilterDialog,
   Form,
   FormCombobox,
   FormControl,
@@ -6191,12 +5639,9 @@ var useFileUpload = (formFieldName) => {
   Icon,
   IconButton,
   Input,
-  KnowledgeGraphWordCloud,
-  LeftNav,
   MarkdownRenderer,
   MultiSelect,
   MultiStepProcess,
-  OrgSelector,
   PageHeader,
   Popover,
   ProfileMenu,
@@ -6222,7 +5667,6 @@ var useFileUpload = (formFieldName) => {
   getFieldType,
   getFileIcon,
   getFileName,
-  useFileUpload,
   useFormField
 });
 //# sourceMappingURL=index.js.map