@elqnt/react 1.0.11 → 2.0.0

package/dist/index.mjs

@@ -1,5 +1,8 @@
 "use client";
 
+// components/form-controls/button.tsx
+import * as React2 from "react";
+
 // components/ui/button.tsx
 import * as React from "react";
 import { Slot } from "@radix-ui/react-slot";
@@ -57,524 +60,12 @@ var Button = React.forwardRef(
 );
 Button.displayName = "Button";
 
-// components/ui/dialog.tsx
-import * as React2 from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { Cross2Icon } from "@radix-ui/react-icons";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React2.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx2(
-  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__ */ jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsx2(DialogOverlay, {}),
-  /* @__PURE__ */ 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__ */ 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__ */ jsx2(Cross2Icon, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx2("span", { className: "sr-only", children: "Close" })
-        ] })
-      ]
-    }
-  )
-] }));
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx2(
-  "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__ */ jsx2(
-  "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__ */ jsx2(
-  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__ */ jsx2(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-muted-foreground", className),
-    ...props
-  }
-));
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-// components/ui/input.tsx
-import * as React3 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
-var Input = React3.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx3(
-      "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
-import * as React4 from "react";
-import {
-  CaretSortIcon,
-  CheckIcon,
-  ChevronDownIcon,
-  ChevronUpIcon
-} from "@radix-ui/react-icons";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var Select = SelectPrimitive.Root;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React4.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs2(
-  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__ */ jsx4(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx4(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
-    ]
-  }
-));
-SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
-var SelectScrollUpButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  SelectPrimitive.ScrollUpButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx4(ChevronUpIcon, {})
-  }
-));
-SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
-var SelectScrollDownButton = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  SelectPrimitive.ScrollDownButton,
-  {
-    ref,
-    className: cn(
-      "flex cursor-default items-center justify-center py-1",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx4(ChevronDownIcon, {})
-  }
-));
-SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-var SelectContent = React4.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx4(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs2(
-  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__ */ jsx4(SelectScrollUpButton, {}),
-      /* @__PURE__ */ jsx4(
-        SelectPrimitive.Viewport,
-        {
-          className: cn(
-            "p-1",
-            position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
-          ),
-          children
-        }
-      ),
-      /* @__PURE__ */ jsx4(SelectScrollDownButton, {})
-    ]
-  }
-) }));
-SelectContent.displayName = SelectPrimitive.Content.displayName;
-var SelectLabel = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  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__ */ jsxs2(
-  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__ */ jsx4("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx4(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx4(CheckIcon, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ jsx4(SelectPrimitive.ItemText, { children })
-    ]
-  }
-));
-SelectItem.displayName = SelectPrimitive.Item.displayName;
-var SelectSeparator = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx4(
-  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
-import {
-  useEntityDefinitionContext,
-  useEntityRecordContext
-} from "@elqnt/entity";
-
-// components/ui/badge.tsx
-import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx5 } from "react/jsx-runtime";
-var badgeVariants = cva2(
-  "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__ */ jsx5("div", { className: cn(badgeVariants({ variant }), className), ...props });
-}
-
-// components/entities/filter-dialog.tsx
-import { Filter, Paintbrush, Plus, X, XCircle } from "lucide-react";
-import { useEffect, useState } from "react";
-import { Fragment, jsx as jsx6, jsxs as jsxs3 } from "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 } = useEntityDefinitionContext();
-  const { updateParams, params } = useEntityRecordContext();
-  const [conditions, setConditions] = useState([
-    DEFAULT_CONDITION
-  ]);
-  const [hasActiveFilters, setHasActiveFilters] = useState(false);
-  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__ */ jsxs3(Fragment, { children: [
-    /* @__PURE__ */ jsxs3("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsxs3(
-        Button,
-        {
-          onClick: () => onOpenChange(true),
-          variant: hasActiveFilters ? "secondary" : "outline",
-          className: cn("relative group", hasActiveFilters && "rounded-r-none"),
-          children: [
-            /* @__PURE__ */ jsx6(Filter, { className: "w-4 h-4 mr-2" }),
-            "Filter",
-            activeFilterCount > 0 && /* @__PURE__ */ jsx6(
-              Badge,
-              {
-                variant: "secondary",
-                className: "ml-2 bg-primary text-primary-foreground",
-                children: activeFilterCount
-              }
-            )
-          ]
-        }
-      ),
-      hasActiveFilters && /* @__PURE__ */ jsx6(
-        Button,
-        {
-          variant: "secondary",
-          size: "icon",
-          onClick: handleClearFilters,
-          className: "text-muted-foreground -ml-2 rounded-l-none",
-          title: "Clear filters",
-          children: /* @__PURE__ */ jsx6(Paintbrush, { className: "h-4 w-4" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsx6(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs3(DialogContent, { className: "max-w-3xl", children: [
-      /* @__PURE__ */ jsx6(DialogHeader, { children: /* @__PURE__ */ jsxs3("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsxs3(DialogTitle, { children: [
-          "Filter ",
-          selectedDefinition?.displayName
-        ] }),
-        hasActiveFilters && /* @__PURE__ */ jsxs3(
-          Button,
-          {
-            variant: "ghost",
-            size: "sm",
-            onClick: handleClearFilters,
-            className: "text-muted-foreground hover:text-primary",
-            children: [
-              /* @__PURE__ */ jsx6(XCircle, { className: "w-4 h-4 mr-2" }),
-              "Clear Filters"
-            ]
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ jsxs3("div", { className: "space-y-4", children: [
-        conditions.map((condition, index) => {
-          const selectedField = getFieldByName(condition.field);
-          const operators = selectedField ? getOperatorsForField(selectedField.type) : [];
-          return /* @__PURE__ */ jsxs3("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ jsxs3(
-              Select,
-              {
-                value: condition.field,
-                onValueChange: (value) => handleFieldChange(index, value),
-                children: [
-                  /* @__PURE__ */ jsx6(SelectTrigger, { className: "w-[200px]", children: /* @__PURE__ */ jsx6(SelectValue, { placeholder: "Select field" }) }),
-                  /* @__PURE__ */ jsx6(SelectContent, { children: fields.map((field) => /* @__PURE__ */ jsx6(SelectItem, { value: field.name, children: field.displayName }, field.name)) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsxs3(
-              Select,
-              {
-                value: condition.operator,
-                onValueChange: (value) => handleOperatorChange(index, value),
-                disabled: !condition.field,
-                children: [
-                  /* @__PURE__ */ jsx6(SelectTrigger, { className: "w-[200px]", children: /* @__PURE__ */ jsx6(SelectValue, { placeholder: "Select operator" }) }),
-                  /* @__PURE__ */ jsx6(SelectContent, { children: operators.map((op) => /* @__PURE__ */ jsx6(SelectItem, { value: op, children: OPERATOR_LABELS[op] }, op)) })
-                ]
-              }
-            ),
-            /* @__PURE__ */ jsx6(
-              Input,
-              {
-                placeholder: "Value",
-                value: condition.value,
-                onChange: (e) => handleValueChange(index, e.target.value),
-                disabled: !condition.operator,
-                className: "flex-1"
-              }
-            ),
-            conditions.length > 1 && /* @__PURE__ */ jsx6(
-              Button,
-              {
-                variant: "ghost",
-                size: "icon",
-                onClick: () => handleRemoveCondition(index),
-                className: "text-muted-foreground hover:text-destructive",
-                children: /* @__PURE__ */ jsx6(X, { className: "h-4 w-4" })
-              }
-            )
-          ] }, index);
-        }),
-        /* @__PURE__ */ jsxs3(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            className: "w-full",
-            onClick: handleAddCondition,
-            children: [
-              /* @__PURE__ */ jsx6(Plus, { className: "h-4 w-4 mr-2" }),
-              "Add Condition"
-            ]
-          }
-        )
-      ] }),
-      /* @__PURE__ */ jsxs3(DialogFooter, { children: [
-        /* @__PURE__ */ jsx6(Button, { variant: "outline", onClick: () => onOpenChange(false), children: "Cancel" }),
-        /* @__PURE__ */ jsx6(Button, { onClick: handleApplyFilters, children: "Apply Filters" })
-      ] })
-    ] }) })
-  ] });
-}
-
 // components/form-controls/button.tsx
-import * as React5 from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
-var Button2 = React5.forwardRef(
+import { jsx as jsx2 } from "react/jsx-runtime";
+var Button2 = React2.forwardRef(
   ({ children, variant = "default", className = "", type, ...props }, ref) => {
     const buttonClass = `${variant === "secondary" ? "button-secondary" : ""} ${className}`;
-    return /* @__PURE__ */ jsx7(
+    return /* @__PURE__ */ jsx2(
       Button,
       {
         className: buttonClass,
@@ -590,22 +81,22 @@ var Button2 = React5.forwardRef(
 Button2.displayName = "Button";
 
 // components/form-controls/action-bar/back-button.tsx
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx3 } from "react/jsx-runtime";
 function BackButton() {
-  return /* @__PURE__ */ jsx8(Button2, { onClick: () => {
+  return /* @__PURE__ */ jsx3(Button2, { onClick: () => {
   }, children: "Back" });
 }
 
 // components/form-controls/icon.tsx
 import { icons } from "lucide-react";
 import { memo } from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
-var Icon2 = memo(({ name, className, strokeWidth, size }) => {
+import { jsx as jsx4 } from "react/jsx-runtime";
+var Icon = memo(({ name, className, strokeWidth, size }) => {
   const IconComponent = icons[name];
   if (!IconComponent) {
     return null;
   }
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx4(
     IconComponent,
     {
       className: cn(className),
@@ -614,37 +105,37 @@ var Icon2 = memo(({ name, className, strokeWidth, size }) => {
     }
   );
 });
-Icon2.displayName = "Icon";
+Icon.displayName = "Icon";
 
 // components/form-controls/action-bar/action-bar-button.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx5, jsxs } from "react/jsx-runtime";
 function ActionBarButton({
   label,
   onClick,
   icon
 }) {
-  return /* @__PURE__ */ jsxs4(Button2, { onClick, className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx10(Icon2, { name: icon, size: 20, strokeWidth: 1 }),
+  return /* @__PURE__ */ jsxs(Button2, { onClick, className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx5(Icon, { name: icon, size: 20, strokeWidth: 1 }),
     label
   ] });
 }
 
 // components/form-controls/action-bar/action-bar.tsx
-import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var ActionBar = ({ actions }) => {
   function backHandler() {
     window.history.back();
   }
-  return /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-center gap-4 bg-primary text-primary-foreground shadow rounded-md text-sm font-medium w-fit divide-solid divide-x", children: [
-    /* @__PURE__ */ jsx11("div", { className: "cursor-pointer pl-4 py-2", onClick: backHandler, children: /* @__PURE__ */ jsx11(Icon2, { name: "ArrowBigLeft" }) }),
-    actions.map((item) => /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsxs2("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__ */ jsx6("div", { className: "cursor-pointer pl-4 py-2", onClick: backHandler, children: /* @__PURE__ */ jsx6(Icon, { name: "ArrowBigLeft" }) }),
+    actions.map((item) => /* @__PURE__ */ jsxs2(
       "div",
       {
         className: "flex items-center justify-center gap-2 cursor-pointer py-2 px-4",
         onClick: item.onClick,
         children: [
-          /* @__PURE__ */ jsx11(Icon2, { name: item.icon }),
-          /* @__PURE__ */ jsx11("p", { children: item.label })
+          /* @__PURE__ */ jsx6(Icon, { name: item.icon }),
+          /* @__PURE__ */ jsx6("p", { children: item.label })
         ]
       },
       item.label
@@ -653,10 +144,10 @@ var ActionBar = ({ actions }) => {
 };
 
 // components/ui/alert.tsx
-import * as React6 from "react";
-import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx12 } from "react/jsx-runtime";
-var alertVariants = cva3(
+import * as React3 from "react";
+import { cva as cva2 } from "class-variance-authority";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var alertVariants = cva2(
   "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: {
@@ -670,7 +161,7 @@ var alertVariants = cva3(
     }
   }
 );
-var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx12(
+var Alert = React3.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx7(
   "div",
   {
     ref,
@@ -680,7 +171,7 @@ var Alert = React6.forwardRef(({ className, variant, ...props }, ref) => /* @__P
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var AlertTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   "h5",
   {
     ref,
@@ -689,7 +180,7 @@ var AlertTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx12(
+var AlertDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx7(
   "div",
   {
     ref,
@@ -701,20 +192,20 @@ AlertDescription.displayName = "AlertDescription";
 
 // components/form-controls/alert.tsx
 import { RocketIcon } from "@radix-ui/react-icons";
-import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs3 } from "react/jsx-runtime";
 var Alert2 = ({ title, description }) => {
-  return /* @__PURE__ */ jsxs6(Alert, { children: [
-    /* @__PURE__ */ jsx13(RocketIcon, { className: "h-4 w-4" }),
-    /* @__PURE__ */ jsx13(AlertTitle, { children: title }),
-    /* @__PURE__ */ jsx13(AlertDescription, { children: description })
+  return /* @__PURE__ */ jsxs3(Alert, { children: [
+    /* @__PURE__ */ jsx8(RocketIcon, { className: "h-4 w-4" }),
+    /* @__PURE__ */ jsx8(AlertTitle, { children: title }),
+    /* @__PURE__ */ jsx8(AlertDescription, { children: description })
   ] });
 };
 
 // components/ui/avatar.tsx
-import * as React7 from "react";
+import * as React4 from "react";
 import * as AvatarPrimitive from "@radix-ui/react-avatar";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+import { jsx as jsx9 } from "react/jsx-runtime";
+var Avatar = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   AvatarPrimitive.Root,
   {
     ref,
@@ -726,7 +217,7 @@ var Avatar = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var AvatarImage = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   AvatarPrimitive.Image,
   {
     ref,
@@ -735,7 +226,7 @@ var AvatarImage = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx14(
+var AvatarFallback = React4.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx9(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -749,25 +240,25 @@ var AvatarFallback = React7.forwardRef(({ className, ...props }, ref) => /* @__P
 AvatarFallback.displayName = AvatarPrimitive.Fallback.displayName;
 
 // components/form-controls/avatar.tsx
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var Avatar2 = ({ image, fallback }) => {
-  return /* @__PURE__ */ jsxs7(Avatar, { className: "w-fit", children: [
-    /* @__PURE__ */ jsx15(AvatarImage, { src: image }),
-    /* @__PURE__ */ jsx15(AvatarFallback, { children: fallback })
+  return /* @__PURE__ */ jsxs4(Avatar, { className: "w-fit", children: [
+    /* @__PURE__ */ jsx10(AvatarImage, { src: image }),
+    /* @__PURE__ */ jsx10(AvatarFallback, { children: fallback })
   ] });
 };
 
 // components/form-controls/breadcrumb.tsx
-import { Fragment as Fragment2 } from "react";
+import { Fragment } from "react";
 
 // components/ui/breadcrumb.tsx
-import * as React8 from "react";
+import * as React5 from "react";
 import { ChevronRightIcon, DotsHorizontalIcon } from "@radix-ui/react-icons";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
-import { jsx as jsx16, jsxs as jsxs8 } from "react/jsx-runtime";
-var Breadcrumb = React8.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx16("nav", { ref, "aria-label": "breadcrumb", ...props }));
+import { jsx as jsx11, jsxs as jsxs5 } from "react/jsx-runtime";
+var Breadcrumb = React5.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx11("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var BreadcrumbList = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "ol",
   {
     ref,
@@ -779,7 +270,7 @@ var BreadcrumbList = React8.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var BreadcrumbItem = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "li",
   {
     ref,
@@ -788,9 +279,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 ? Slot2 : "a";
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx11(
     Comp,
     {
       ref,
@@ -800,7 +291,7 @@ var BreadcrumbLink = React8.forwardRef(({ asChild, className, ...props }, ref) =
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
+var BreadcrumbPage = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx11(
   "span",
   {
     ref,
@@ -816,21 +307,21 @@ var BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}) => /* @__PURE__ */ jsx16(
+}) => /* @__PURE__ */ jsx11(
   "li",
   {
     role: "presentation",
     "aria-hidden": "true",
     className: cn("[&>svg]:size-3.5", className),
     ...props,
-    children: children ?? /* @__PURE__ */ jsx16(ChevronRightIcon, {})
+    children: children ?? /* @__PURE__ */ jsx11(ChevronRightIcon, {})
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
 var BreadcrumbEllipsis = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsxs8(
+}) => /* @__PURE__ */ jsxs5(
   "span",
   {
     role: "presentation",
@@ -838,26 +329,26 @@ var BreadcrumbEllipsis = ({
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx16(DotsHorizontalIcon, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx16("span", { className: "sr-only", children: "More" })
+      /* @__PURE__ */ jsx11(DotsHorizontalIcon, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx11("span", { className: "sr-only", children: "More" })
     ]
   }
 );
 BreadcrumbEllipsis.displayName = "BreadcrumbElipssis";
 
 // components/form-controls/breadcrumb.tsx
-import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
 var Breadcrumb2 = ({ breadcrumb }) => {
-  return /* @__PURE__ */ jsx17(Breadcrumb, { className: "p-4", children: /* @__PURE__ */ jsx17(BreadcrumbList, { children: breadcrumb.map(({ href, label }, index) => /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    /* @__PURE__ */ jsx17(BreadcrumbItem, { children: index !== breadcrumb.length - 1 ? /* @__PURE__ */ jsx17(BreadcrumbLink, { className: "cursor-pointer", href, children: label.replace(/-/g, " ") }) : /* @__PURE__ */ jsx17(BreadcrumbPage, { children: label.replace(/-/g, " ") }) }),
-    index < breadcrumb.length - 1 && /* @__PURE__ */ jsx17(BreadcrumbSeparator, {})
+  return /* @__PURE__ */ jsx12(Breadcrumb, { className: "p-4", children: /* @__PURE__ */ jsx12(BreadcrumbList, { children: breadcrumb.map(({ href, label }, index) => /* @__PURE__ */ jsxs6(Fragment, { children: [
+    /* @__PURE__ */ jsx12(BreadcrumbItem, { children: index !== breadcrumb.length - 1 ? /* @__PURE__ */ jsx12(BreadcrumbLink, { className: "cursor-pointer", href, children: label.replace(/-/g, " ") }) : /* @__PURE__ */ jsx12(BreadcrumbPage, { children: label.replace(/-/g, " ") }) }),
+    index < breadcrumb.length - 1 && /* @__PURE__ */ jsx12(BreadcrumbSeparator, {})
   ] }, index)) }) });
 };
 
 // components/ui/card.tsx
-import * as React9 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+import * as React6 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var Card = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "div",
   {
     ref,
@@ -869,7 +360,7 @@ var Card = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ j
   }
 ));
 Card.displayName = "Card";
-var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var CardHeader = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "div",
   {
     ref,
@@ -878,7 +369,7 @@ var CardHeader = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var CardTitle = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "h3",
   {
     ref,
@@ -887,7 +378,7 @@ var CardTitle = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var CardDescription = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "p",
   {
     ref,
@@ -896,9 +387,9 @@ var CardDescription = React9.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18("div", { ref, className: cn("p-6 pt-0", className), ...props }));
+var CardContent = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13("div", { ref, className: cn("p-6 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx18(
+var CardFooter = React6.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx13(
   "div",
   {
     ref,
@@ -909,27 +400,27 @@ var CardFooter = React9.forwardRef(({ className, ...props }, ref) => /* @__PURE_
 CardFooter.displayName = "CardFooter";
 
 // components/form-controls/card.tsx
-import { jsx as jsx19, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var Card2 = ({ title, description, content, footer }) => {
-  return /* @__PURE__ */ jsxs10(Card, { children: [
-    /* @__PURE__ */ jsxs10(CardHeader, { children: [
-      /* @__PURE__ */ jsx19(CardTitle, { children: title }),
-      description && /* @__PURE__ */ jsx19(CardDescription, { children: description })
+  return /* @__PURE__ */ jsxs7(Card, { children: [
+    /* @__PURE__ */ jsxs7(CardHeader, { children: [
+      /* @__PURE__ */ jsx14(CardTitle, { children: title }),
+      description && /* @__PURE__ */ jsx14(CardDescription, { children: description })
     ] }),
-    /* @__PURE__ */ jsx19(CardContent, { children: /* @__PURE__ */ jsx19("p", { children: content }) }),
-    footer && /* @__PURE__ */ jsx19(CardFooter, { children: /* @__PURE__ */ jsx19("p", { children: footer }) })
+    /* @__PURE__ */ jsx14(CardContent, { children: /* @__PURE__ */ jsx14("p", { children: content }) }),
+    footer && /* @__PURE__ */ jsx14(CardFooter, { children: /* @__PURE__ */ jsx14("p", { children: footer }) })
   ] });
 };
 
 // components/form-controls/checkbox.tsx
-import * as React13 from "react";
+import * as React10 from "react";
 
 // components/ui/checkbox.tsx
-import * as React10 from "react";
+import * as React7 from "react";
 import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { CheckIcon as CheckIcon2 } from "@radix-ui/react-icons";
-import { jsx as jsx20 } from "react/jsx-runtime";
-var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
+import { CheckIcon } from "@radix-ui/react-icons";
+import { jsx as jsx15 } from "react/jsx-runtime";
+var Checkbox = React7.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx15(
   CheckboxPrimitive.Root,
   {
     ref,
@@ -938,11 +429,11 @@ var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx20(
+    children: /* @__PURE__ */ jsx15(
       CheckboxPrimitive.Indicator,
       {
         className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx15(CheckIcon, { className: "h-4 w-4" })
       }
     )
   }
@@ -950,7 +441,7 @@ var Checkbox = React10.forwardRef(({ className, ...props }, ref) => /* @__PURE__
 Checkbox.displayName = CheckboxPrimitive.Root.displayName;
 
 // components/ui/form.tsx
-import * as React12 from "react";
+import * as React9 from "react";
 import { Slot as Slot3 } from "@radix-ui/react-slot";
 import {
   Controller,
@@ -959,14 +450,14 @@ import {
 } from "react-hook-form";
 
 // components/ui/label.tsx
-import * as React11 from "react";
+import * as React8 from "react";
 import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx21 } from "react/jsx-runtime";
-var labelVariants = cva4(
+import { cva as cva3 } from "class-variance-authority";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var labelVariants = cva3(
   "text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx21(
+var Label = React8.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx16(
   LabelPrimitive.Root,
   {
     ref,
@@ -974,22 +465,22 @@ var Label2 = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ...props
   }
 ));
-Label2.displayName = LabelPrimitive.Root.displayName;
+Label.displayName = LabelPrimitive.Root.displayName;
 
 // components/ui/form.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React12.createContext(
+var FormFieldContext = React9.createContext(
   {}
 );
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx22(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx22(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx17(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx17(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 } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -1005,18 +496,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__ */ jsx22(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx22("div", { ref, className: cn("space-y-2", className), ...props }) });
+var FormItem = React9.forwardRef(({ className, ...props }, ref) => {
+  const id = React9.useId();
+  return /* @__PURE__ */ jsx17(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx17("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__ */ jsx22(
-    Label2,
+  return /* @__PURE__ */ jsx17(
+    Label,
     {
       ref,
       className: cn(error && "text-destructive", className),
@@ -1026,9 +517,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__ */ jsx22(
+  return /* @__PURE__ */ jsx17(
     Slot3,
     {
       ref,
@@ -1040,9 +531,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__ */ jsx22(
+  return /* @__PURE__ */ jsx17(
     "p",
     {
       ref,
@@ -1053,13 +544,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__ */ jsx22(
+  return /* @__PURE__ */ jsx17(
     "p",
     {
       ref,
@@ -1073,16 +564,16 @@ var FormMessage = React12.forwardRef(({ className, children, ...props }, ref) =>
 FormMessage.displayName = "FormMessage";
 
 // components/form-controls/checkbox.tsx
-import { jsx as jsx23, jsxs as jsxs11 } from "react/jsx-runtime";
-var Checkbox2 = React13.forwardRef(
-  ({ className, title, name, control, isFormField, ...props }, ref) => isFormField ? /* @__PURE__ */ jsx23(
+import { jsx as jsx18, jsxs as jsxs8 } from "react/jsx-runtime";
+var Checkbox2 = React10.forwardRef(
+  ({ className, title, name, control, isFormField, ...props }, ref) => isFormField ? /* @__PURE__ */ jsx18(
     FormField,
     {
       control,
       name,
-      render: ({ field }) => /* @__PURE__ */ jsxs11(FormItem, { children: [
-        /* @__PURE__ */ jsx23(FormLabel, { children: title }),
-        /* @__PURE__ */ jsx23(FormControl, { children: /* @__PURE__ */ jsx23(
+      render: ({ field }) => /* @__PURE__ */ jsxs8(FormItem, { children: [
+        /* @__PURE__ */ jsx18(FormLabel, { children: title }),
+        /* @__PURE__ */ jsx18(FormControl, { children: /* @__PURE__ */ jsx18(
           Checkbox,
           {
             className,
@@ -1090,23 +581,117 @@ var Checkbox2 = React13.forwardRef(
             onCheckedChange: field.onChange
           }
         ) }),
-        /* @__PURE__ */ jsx23(FormMessage, {})
+        /* @__PURE__ */ jsx18(FormMessage, {})
       ] })
     }
-  ) : /* @__PURE__ */ jsx23(Checkbox, { ref, className, ...props })
+  ) : /* @__PURE__ */ jsx18(Checkbox, { ref, className, ...props })
 );
 Checkbox2.displayName = "Checkbox";
 
 // components/form-controls/combobox.tsx
 import { Check, ChevronsUpDown } from "lucide-react";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect, useState } from "react";
 
 // components/ui/command.tsx
-import * as React14 from "react";
+import * as React12 from "react";
 import { MagnifyingGlassIcon } from "@radix-ui/react-icons";
 import { Command as CommandPrimitive } from "cmdk";
-import { jsx as jsx24, jsxs as jsxs12 } from "react/jsx-runtime";
-var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+
+// components/ui/dialog.tsx
+import * as React11 from "react";
+import * as DialogPrimitive from "@radix-ui/react-dialog";
+import { Cross2Icon } from "@radix-ui/react-icons";
+import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+var Dialog = DialogPrimitive.Root;
+var DialogTrigger = DialogPrimitive.Trigger;
+var DialogPortal = DialogPrimitive.Portal;
+var DialogOverlay = React11.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx19(
+  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__ */ jsxs9(DialogPortal, { children: [
+  /* @__PURE__ */ jsx19(DialogOverlay, {}),
+  /* @__PURE__ */ jsxs9(
+    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__ */ jsxs9(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__ */ jsx19(Cross2Icon, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "Close" })
+        ] })
+      ]
+    }
+  )
+] }));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+var DialogHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx19(
+  "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__ */ jsx19(
+  "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__ */ jsx19(
+  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__ */ jsx19(
+  DialogPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-muted-foreground", className),
+    ...props
+  }
+));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+
+// components/ui/command.tsx
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+var Command = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   CommandPrimitive,
   {
     ref,
@@ -1118,9 +703,9 @@ var Command = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Command.displayName = CommandPrimitive.displayName;
-var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs12("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
-  /* @__PURE__ */ jsx24(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
-  /* @__PURE__ */ jsx24(
+var CommandInput = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs10("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+  /* @__PURE__ */ jsx20(MagnifyingGlassIcon, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
+  /* @__PURE__ */ jsx20(
     CommandPrimitive.Input,
     {
       ref,
@@ -1133,7 +718,7 @@ var CommandInput = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = CommandPrimitive.Input.displayName;
-var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var CommandList = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   CommandPrimitive.List,
   {
     ref,
@@ -1142,7 +727,7 @@ var CommandList = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = CommandPrimitive.List.displayName;
-var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx24(
+var CommandEmpty = React12.forwardRef((props, ref) => /* @__PURE__ */ jsx20(
   CommandPrimitive.Empty,
   {
     ref,
@@ -1151,7 +736,7 @@ var CommandEmpty = React14.forwardRef((props, ref) => /* @__PURE__ */ jsx24(
   }
 ));
 CommandEmpty.displayName = CommandPrimitive.Empty.displayName;
-var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var CommandGroup = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   CommandPrimitive.Group,
   {
     ref,
@@ -1163,7 +748,7 @@ var CommandGroup = React14.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = CommandPrimitive.Group.displayName;
-var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var CommandSeparator = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   CommandPrimitive.Separator,
   {
     ref,
@@ -1172,7 +757,7 @@ var CommandSeparator = React14.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = CommandPrimitive.Separator.displayName;
-var CommandItem = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+var CommandItem = React12.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx20(
   CommandPrimitive.Item,
   {
     ref,
@@ -1188,7 +773,7 @@ var CommandShortcut = ({
   className,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx20(
     "span",
     {
       className: cn(
@@ -1202,12 +787,12 @@ var CommandShortcut = ({
 CommandShortcut.displayName = "CommandShortcut";
 
 // components/ui/popover.tsx
-import * as React15 from "react";
+import * as React13 from "react";
 import * as PopoverPrimitive from "@radix-ui/react-popover";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx25(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+var PopoverContent = React13.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx21(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx21(
   PopoverPrimitive.Content,
   {
     ref,
@@ -1223,7 +808,7 @@ var PopoverContent = React15.forwardRef(({ className, align = "center", sideOffs
 PopoverContent.displayName = PopoverPrimitive.Content.displayName;
 
 // components/form-controls/combobox.tsx
-import { jsx as jsx26, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function Combobox({
   label,
   options,
@@ -1233,14 +818,14 @@ function Combobox({
   control,
   name
 }) {
-  const [open, setOpen] = useState2(false);
-  const [value, setValue] = useState2(defaultValue);
-  useEffect2(() => {
+  const [open, setOpen] = useState(false);
+  const [value, setValue] = useState(defaultValue);
+  useEffect(() => {
     setValue(defaultValue);
   }, [defaultValue]);
   if (!isFormField) {
-    return /* @__PURE__ */ jsxs13(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+    return /* @__PURE__ */ jsxs11(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx22(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
         Button,
         {
           variant: "outline",
@@ -1249,14 +834,14 @@ function Combobox({
           className: "w-full justify-between capitalize",
           children: [
             value ? options.find((option) => option.value === value)?.label || label : label,
-            /* @__PURE__ */ jsx26(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+            /* @__PURE__ */ jsx22(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx26(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs13(Command, { children: [
-        /* @__PURE__ */ jsx26(CommandInput, { placeholder: "Search..." }),
-        /* @__PURE__ */ jsx26(CommandEmpty, { children: "No item found." }),
-        /* @__PURE__ */ jsx26(CommandList, { children: /* @__PURE__ */ jsx26(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs13(
+      /* @__PURE__ */ jsx22(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs11(Command, { children: [
+        /* @__PURE__ */ jsx22(CommandInput, { placeholder: "Search..." }),
+        /* @__PURE__ */ jsx22(CommandEmpty, { children: "No item found." }),
+        /* @__PURE__ */ jsx22(CommandList, { children: /* @__PURE__ */ jsx22(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs11(
           CommandItem,
           {
             value: option.value,
@@ -1266,7 +851,7 @@ function Combobox({
               setOpen(false);
             },
             children: [
-              /* @__PURE__ */ jsx26(
+              /* @__PURE__ */ jsx22(
                 Check,
                 {
                   className: cn(
@@ -1283,15 +868,15 @@ function Combobox({
       ] }) })
     ] });
   }
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx22(
     FormField,
     {
       control,
       name,
-      render: ({ field }) => /* @__PURE__ */ jsxs13(FormItem, { children: [
-        /* @__PURE__ */ jsx26(FormLabel, { children: label }),
-        /* @__PURE__ */ jsx26(FormControl, { children: /* @__PURE__ */ jsxs13(Popover, { open, onOpenChange: setOpen, children: [
-          /* @__PURE__ */ jsx26(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+      render: ({ field }) => /* @__PURE__ */ jsxs11(FormItem, { children: [
+        /* @__PURE__ */ jsx22(FormLabel, { children: label }),
+        /* @__PURE__ */ jsx22(FormControl, { children: /* @__PURE__ */ jsxs11(Popover, { open, onOpenChange: setOpen, children: [
+          /* @__PURE__ */ jsx22(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
             Button,
             {
               variant: "outline",
@@ -1300,14 +885,14 @@ function Combobox({
               className: "w-full justify-between capitalize",
               children: [
                 field.value ? options.find((option) => option.value === field.value)?.label || label : label,
-                /* @__PURE__ */ jsx26(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+                /* @__PURE__ */ jsx22(ChevronsUpDown, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
               ]
             }
           ) }),
-          /* @__PURE__ */ jsx26(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs13(Command, { children: [
-            /* @__PURE__ */ jsx26(CommandInput, { placeholder: "Search..." }),
-            /* @__PURE__ */ jsx26(CommandEmpty, { children: "No item found." }),
-            /* @__PURE__ */ jsx26(CommandList, { children: /* @__PURE__ */ jsx26(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx22(PopoverContent, { className: "w-full p-0", children: /* @__PURE__ */ jsxs11(Command, { children: [
+            /* @__PURE__ */ jsx22(CommandInput, { placeholder: "Search..." }),
+            /* @__PURE__ */ jsx22(CommandEmpty, { children: "No item found." }),
+            /* @__PURE__ */ jsx22(CommandList, { children: /* @__PURE__ */ jsx22(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs11(
               CommandItem,
               {
                 value: option.value,
@@ -1318,7 +903,7 @@ function Combobox({
                   setOpen(false);
                 },
                 children: [
-                  /* @__PURE__ */ jsx26(
+                  /* @__PURE__ */ jsx22(
                     Check,
                     {
                       className: cn(
@@ -1334,22 +919,22 @@ function Combobox({
             )) }) })
           ] }) })
         ] }) }),
-        /* @__PURE__ */ jsx26(FormMessage, {})
+        /* @__PURE__ */ jsx22(FormMessage, {})
       ] })
     }
   );
 }
 
 // components/form-controls/command.tsx
-import * as React16 from "react";
-import { jsx as jsx27, jsxs as jsxs14 } from "react/jsx-runtime";
-var Command2 = React16.forwardRef(({ className, placeholder, commandGroup, ...props }, ref) => /* @__PURE__ */ jsxs14(Command, { ...props, ref, className, children: [
-  /* @__PURE__ */ jsx27(CommandInput, { placeholder }),
-  /* @__PURE__ */ jsxs14(CommandList, { children: [
-    /* @__PURE__ */ jsx27(CommandEmpty, { children: "No results found." }),
-    commandGroup.map((group, index) => /* @__PURE__ */ jsxs14(React16.Fragment, { children: [
-      /* @__PURE__ */ jsx27(CommandGroup, { heading: group.header, children: group.items.map((item, itemIndex) => /* @__PURE__ */ jsx27(CommandItem, { children: item }, itemIndex)) }, index),
-      commandGroup.length - 1 !== index && /* @__PURE__ */ jsx27(CommandSeparator, {})
+import * as React14 from "react";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+var Command2 = React14.forwardRef(({ className, placeholder, commandGroup, ...props }, ref) => /* @__PURE__ */ jsxs12(Command, { ...props, ref, className, children: [
+  /* @__PURE__ */ jsx23(CommandInput, { placeholder }),
+  /* @__PURE__ */ jsxs12(CommandList, { children: [
+    /* @__PURE__ */ jsx23(CommandEmpty, { children: "No results found." }),
+    commandGroup.map((group, index) => /* @__PURE__ */ jsxs12(React14.Fragment, { children: [
+      /* @__PURE__ */ jsx23(CommandGroup, { heading: group.header, children: group.items.map((item, itemIndex) => /* @__PURE__ */ jsx23(CommandItem, { children: item }, itemIndex)) }, index),
+      commandGroup.length - 1 !== index && /* @__PURE__ */ jsx23(CommandSeparator, {})
     ] }, index))
   ] })
 ] }));
@@ -1375,17 +960,17 @@ import { Loader2 } from "lucide-react";
 import * as React19 from "react";
 
 // components/ui/dropdown-menu.tsx
-import * as React17 from "react";
+import * as React15 from "react";
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import {
-  CheckIcon as CheckIcon3,
+  CheckIcon as CheckIcon2,
   ChevronRightIcon as ChevronRightIcon2,
   DotFilledIcon
 } from "@radix-ui/react-icons";
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 var DropdownMenu = DropdownMenuPrimitive.Root;
 var DropdownMenuTrigger = DropdownMenuPrimitive.Trigger;
-var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
+var DropdownMenuSubTrigger = React15.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -1397,123 +982,261 @@ var DropdownMenuSubTrigger = React17.forwardRef(({ className, inset, children, .
     ...props,
     children: [
       children,
-      /* @__PURE__ */ jsx28(ChevronRightIcon2, { className: "ml-auto h-4 w-4" })
+      /* @__PURE__ */ jsx24(ChevronRightIcon2, { className: "ml-auto h-4 w-4" })
+    ]
+  }
+));
+DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
+var DropdownMenuSubContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  DropdownMenuPrimitive.SubContent,
+  {
+    ref,
+    className: cn(
+      "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
+var DropdownMenuContent = React15.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
+  DropdownMenuPrimitive.Content,
+  {
+    ref,
+    sideOffset,
+    className: cn(
+      "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 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",
+      className
+    ),
+    ...props
+  }
+) }));
+DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
+var DropdownMenuItem = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+  DropdownMenuPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
+var DropdownMenuCheckboxItem = React15.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  DropdownMenuPrimitive.CheckboxItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    checked,
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon2, { className: "h-4 w-4" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
+var DropdownMenuRadioItem = React15.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs13(
+  DropdownMenuPrimitive.RadioItem,
+  {
+    ref,
+    className: cn(
+      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx24("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
+      children
+    ]
+  }
+));
+DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
+var DropdownMenuLabel = React15.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx24(
+  DropdownMenuPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "px-2 py-1.5 text-sm font-semibold",
+      inset && "pl-8",
+      className
+    ),
+    ...props
+  }
+));
+DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
+var DropdownMenuSeparator = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx24(
+  DropdownMenuPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-muted", className),
+    ...props
+  }
+));
+DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
+var DropdownMenuShortcut = ({
+  className,
+  ...props
+}) => {
+  return /* @__PURE__ */ jsx24(
+    "span",
+    {
+      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
+      ...props
+    }
+  );
+};
+DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+
+// components/ui/input.tsx
+import * as React16 from "react";
+import { jsx as jsx25 } from "react/jsx-runtime";
+var Input = React16.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsx25(
+      "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
+import * as React17 from "react";
+import {
+  CaretSortIcon,
+  CheckIcon as CheckIcon3,
+  ChevronDownIcon,
+  ChevronUpIcon
+} from "@radix-ui/react-icons";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+var Select = SelectPrimitive.Root;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  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__ */ jsx26(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx26(CaretSortIcon, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
-DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
-  DropdownMenuPrimitive.SubContent,
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  SelectPrimitive.ScrollUpButton,
   {
     ref,
     className: cn(
-      "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg 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",
+      "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props
+    ...props,
+    children: /* @__PURE__ */ jsx26(ChevronUpIcon, {})
   }
 ));
-DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React17.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx28(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx28(
-  DropdownMenuPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 min-w-32 overflow-hidden rounded-md border bg-popover p-1 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",
-      className
-    ),
-    ...props
-  }
-) }));
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx28(
-  DropdownMenuPrimitive.Item,
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  SelectPrimitive.ScrollDownButton,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
-      inset && "pl-8",
+      "flex cursor-default items-center justify-center py-1",
       className
     ),
-    ...props
+    ...props,
+    children: /* @__PURE__ */ jsx26(ChevronDownIcon, {})
   }
 ));
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React17.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ jsxs15(
-  DropdownMenuPrimitive.CheckboxItem,
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React17.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx26(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs14(
+  SelectPrimitive.Content,
   {
     ref,
     className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
+      "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
     ),
-    checked,
+    position,
     ...props,
     children: [
-      /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(CheckIcon3, { className: "h-4 w-4" }) }) }),
-      children
+      /* @__PURE__ */ jsx26(SelectScrollUpButton, {}),
+      /* @__PURE__ */ jsx26(
+        SelectPrimitive.Viewport,
+        {
+          className: cn(
+            "p-1",
+            position === "popper" && "h-(--radix-select-trigger-height) w-full min-w-(--radix-select-trigger-width)"
+          ),
+          children
+        }
+      ),
+      /* @__PURE__ */ jsx26(SelectScrollDownButton, {})
     ]
   }
-));
-DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs15(
-  DropdownMenuPrimitive.RadioItem,
+) }));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  SelectPrimitive.Label,
   {
     ref,
-    className: cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50",
-      className
-    ),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx28("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx28(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx28(DotFilledIcon, { className: "h-4 w-4 fill-current" }) }) }),
-      children
-    ]
+    className: cn("px-2 py-1.5 text-sm font-semibold", className),
+    ...props
   }
 ));
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React17.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ jsx28(
-  DropdownMenuPrimitive.Label,
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs14(
+  SelectPrimitive.Item,
   {
     ref,
     className: cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
+      "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
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx26("span", { className: "absolute right-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx26(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx26(CheckIcon3, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ jsx26(SelectPrimitive.ItemText, { children })
+    ]
   }
 ));
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx28(
-  DropdownMenuPrimitive.Separator,
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx26(
+  SelectPrimitive.Separator,
   {
     ref,
     className: cn("-mx-1 my-1 h-px bg-muted", className),
     ...props
   }
 ));
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName;
-var DropdownMenuShortcut = ({
-  className,
-  ...props
-}) => {
-  return /* @__PURE__ */ jsx28(
-    "span",
-    {
-      className: cn("ml-auto text-xs tracking-widest opacity-60", className),
-      ...props
-    }
-  );
-};
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut";
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
 
 // components/ui/table.tsx
 import * as React18 from "react";
-import { jsx as jsx29 } from "react/jsx-runtime";
-var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx29(
+import { jsx as jsx27 } from "react/jsx-runtime";
+var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx27(
   "table",
   {
     ref,
@@ -1522,9 +1245,9 @@ var Table = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tbody",
   {
     ref,
@@ -1533,7 +1256,7 @@ var TableBody = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tfoot",
   {
     ref,
@@ -1545,7 +1268,7 @@ var TableFooter = React18.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "tr",
   {
     ref,
@@ -1557,7 +1280,7 @@ var TableRow = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "th",
   {
     ref,
@@ -1569,7 +1292,7 @@ var TableHead = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "td",
   {
     ref,
@@ -1581,7 +1304,7 @@ var TableCell = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx29(
+var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx27(
   "caption",
   {
     ref,
@@ -1592,7 +1315,7 @@ var TableCaption = React18.forwardRef(({ className, ...props }, ref) => /* @__PU
 TableCaption.displayName = "TableCaption";
 
 // components/form-controls/data-table.tsx
-import { jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 function DataTable({
   data,
   columns,
@@ -1624,10 +1347,10 @@ function DataTable({
       rowSelection
     }
   });
-  return /* @__PURE__ */ jsxs16("div", { className: "w-full mt-4 relative", children: [
-    isLoading && /* @__PURE__ */ jsx30(Loader2, { className: "h-4 w-4 animate-spin absolute top-2 right-32" }),
-    filterField && /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsxs15("div", { className: "w-full mt-4 relative", children: [
+    isLoading && /* @__PURE__ */ jsx28(Loader2, { className: "h-4 w-4 animate-spin absolute top-2 right-32" }),
+    filterField && /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx28(
         Input,
         {
           placeholder: `Filter by ${filterField}...`,
@@ -1636,15 +1359,15 @@ function DataTable({
           className: "max-w-sm"
         }
       ),
-      /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-4", children: [
-        refresh && /* @__PURE__ */ jsx30(Button, { variant: "outline", onClick: refresh, children: /* @__PURE__ */ jsx30(Icon2, { name: "RotateCcw", strokeWidth: 2, size: 20 }) }),
-        /* @__PURE__ */ jsxs16(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx30(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(Button, { variant: "outline", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center space-x-4", children: [
+        refresh && /* @__PURE__ */ jsx28(Button, { variant: "outline", onClick: refresh, children: /* @__PURE__ */ jsx28(Icon, { name: "RotateCcw", strokeWidth: 2, size: 20 }) }),
+        /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx28(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(Button, { variant: "outline", children: [
             "Columns ",
-            /* @__PURE__ */ jsx30(ChevronDownIcon2, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ jsx28(ChevronDownIcon2, { className: "ml-2 h-4 w-4" })
           ] }) }),
-          /* @__PURE__ */ jsx30(DropdownMenuContent, { align: "end", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
-            return /* @__PURE__ */ jsx30(
+          /* @__PURE__ */ jsx28(DropdownMenuContent, { align: "end", children: table.getAllColumns().filter((column) => column.getCanHide()).map((column) => {
+            return /* @__PURE__ */ jsx28(
               DropdownMenuCheckboxItem,
               {
                 className: "capitalize",
@@ -1658,24 +1381,24 @@ function DataTable({
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsx30("div", { className: "rounded-md border mt-4", children: /* @__PURE__ */ jsxs16(Table, { children: [
-      /* @__PURE__ */ jsx30(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx30(TableRow, { children: headerGroup.headers.map((header) => {
-        return /* @__PURE__ */ jsx30(TableHead, { children: header.isPlaceholder ? null : flexRender(
+    /* @__PURE__ */ jsx28("div", { className: "rounded-md border mt-4", children: /* @__PURE__ */ jsxs15(Table, { children: [
+      /* @__PURE__ */ jsx28(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx28(TableRow, { children: headerGroup.headers.map((header) => {
+        return /* @__PURE__ */ jsx28(TableHead, { children: header.isPlaceholder ? null : flexRender(
           header.column.columnDef.header,
           header.getContext()
         ) }, header.id);
       }) }, headerGroup.id)) }),
-      /* @__PURE__ */ jsx30(TableBody, { children: table.getRowModel().rows?.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx28(TableBody, { children: table.getRowModel().rows?.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx28(
         TableRow,
         {
           "data-state": row.getIsSelected() && "selected",
-          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx30(TableCell, { children: flexRender(
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx28(TableCell, { children: flexRender(
             cell.column.columnDef.cell,
             cell.getContext()
           ) }, cell.id))
         },
         row.id
-      )) : /* @__PURE__ */ jsx30(TableRow, { children: /* @__PURE__ */ jsx30(
+      )) : /* @__PURE__ */ jsx28(TableRow, { children: /* @__PURE__ */ jsx28(
         TableCell,
         {
           colSpan: columns.length,
@@ -1683,18 +1406,18 @@ function DataTable({
         }
       ) }) })
     ] }) }),
-    /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
-      table.getAllColumns().some((col) => col.id === "select") && /* @__PURE__ */ jsxs16("div", { className: "flex-1 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-end space-x-2 py-4", children: [
+      table.getAllColumns().some((col) => col.id === "select") && /* @__PURE__ */ jsxs15("div", { className: "flex-1 text-sm text-muted-foreground", children: [
         table.getFilteredSelectedRowModel().rows.length,
         " of",
         " ",
         table.getFilteredRowModel().rows.length,
         " row(s) selected."
       ] }),
-      /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx30("p", { className: "text-sm font-medium", children: "Rows per page" }),
-          /* @__PURE__ */ jsxs16(
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center space-x-6 lg:space-x-8", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsx28("p", { className: "text-sm font-medium", children: "Rows per page" }),
+          /* @__PURE__ */ jsxs15(
             Select,
             {
               value: `${table.getState().pagination.pageSize}`,
@@ -1702,26 +1425,26 @@ function DataTable({
                 table.setPageSize(Number(value));
               },
               children: [
-                /* @__PURE__ */ jsx30(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx30(
+                /* @__PURE__ */ jsx28(SelectTrigger, { className: "h-8 w-[70px]", children: /* @__PURE__ */ jsx28(
                   SelectValue,
                   {
                     placeholder: table.getState().pagination.pageSize
                   }
                 ) }),
-                /* @__PURE__ */ jsx30(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ jsx30(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+                /* @__PURE__ */ jsx28(SelectContent, { side: "top", children: [10, 20, 30, 40, 50].map((pageSize) => /* @__PURE__ */ jsx28(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "flex w-[100px] items-center justify-center text-sm font-medium", children: [
           "Page ",
           table.getState().pagination.pageIndex + 1,
           " of",
           " ",
           table.getPageCount()
         ] }),
-        /* @__PURE__ */ jsxs16("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsxs16(
+        /* @__PURE__ */ jsxs15("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsxs15(
             Button,
             {
               variant: "outline",
@@ -1729,12 +1452,12 @@ function DataTable({
               onClick: () => table.setPageIndex(0),
               disabled: !table.getCanPreviousPage(),
               children: [
-                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to first page" }),
-                /* @__PURE__ */ jsx30(DoubleArrowLeftIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Go to first page" }),
+                /* @__PURE__ */ jsx28(DoubleArrowLeftIcon, { className: "h-4 w-4" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs15(
             Button,
             {
               variant: "outline",
@@ -1742,12 +1465,12 @@ function DataTable({
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
               children: [
-                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to previous page" }),
-                /* @__PURE__ */ jsx30(ChevronLeftIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Go to previous page" }),
+                /* @__PURE__ */ jsx28(ChevronLeftIcon, { className: "h-4 w-4" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs15(
             Button,
             {
               variant: "outline",
@@ -1755,12 +1478,12 @@ function DataTable({
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
               children: [
-                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to next page" }),
-                /* @__PURE__ */ jsx30(ChevronRightIcon3, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Go to next page" }),
+                /* @__PURE__ */ jsx28(ChevronRightIcon3, { className: "h-4 w-4" })
               ]
             }
           ),
-          /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsxs15(
             Button,
             {
               variant: "outline",
@@ -1768,8 +1491,8 @@ function DataTable({
               onClick: () => table.setPageIndex(table.getPageCount() - 1),
               disabled: !table.getCanNextPage(),
               children: [
-                /* @__PURE__ */ jsx30("span", { className: "sr-only", children: "Go to last page" }),
-                /* @__PURE__ */ jsx30(DoubleArrowRightIcon, { className: "h-4 w-4" })
+                /* @__PURE__ */ jsx28("span", { className: "sr-only", children: "Go to last page" }),
+                /* @__PURE__ */ jsx28(DoubleArrowRightIcon, { className: "h-4 w-4" })
               ]
             }
           )
@@ -3353,14 +3076,14 @@ function cleanEscapedString(input) {
 
 // components/ui/calendar.tsx
 import { DayPicker } from "react-day-picker";
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
   showOutsideDays = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx29(
     DayPicker,
     {
       showOutsideDays,
@@ -3410,10 +3133,10 @@ function Calendar({
 Calendar.displayName = "Calendar";
 
 // components/form-controls/date-filter.tsx
-import { Fragment as Fragment4, jsx as jsx32, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx30, jsxs as jsxs16 } from "react/jsx-runtime";
 function DateFilter({ className, date, setDate }) {
-  return /* @__PURE__ */ jsx32("div", { className: cn("grid gap-2", className), children: /* @__PURE__ */ jsxs17(Popover, { children: [
-    /* @__PURE__ */ jsx32(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsx30("div", { className: cn("grid gap-2", className), children: /* @__PURE__ */ jsxs16(Popover, { children: [
+    /* @__PURE__ */ jsx30(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs16(
       Button,
       {
         id: "date",
@@ -3423,17 +3146,17 @@ function DateFilter({ className, date, setDate }) {
           !date && "text-muted-foreground"
         ),
         children: [
-          /* @__PURE__ */ jsx32(CalendarIcon, { className: "mr-2 h-4 w-4" }),
-          date?.from ? date.to ? /* @__PURE__ */ jsxs17(Fragment4, { children: [
+          /* @__PURE__ */ jsx30(CalendarIcon, { className: "mr-2 h-4 w-4" }),
+          date?.from ? date.to ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
             format(date.from, "LLL dd, y"),
             " -",
             " ",
             format(date.to, "LLL dd, y")
-          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx32("span", { children: "Pick a date" })
+          ] }) : format(date.from, "LLL dd, y") : /* @__PURE__ */ jsx30("span", { children: "Pick a date" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx32(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx30(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ jsx30(
       Calendar,
       {
         initialFocus: true,
@@ -3449,7 +3172,7 @@ function DateFilter({ className, date, setDate }) {
 
 // components/form-controls/dialog.tsx
 import { icons as icons2 } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs17 } from "react/jsx-runtime";
 var Dialog2 = ({
   title,
   description,
@@ -3463,13 +3186,13 @@ var Dialog2 = ({
   actions
 }) => {
   const IconComponent = icon ? icons2[icon] : null;
-  return /* @__PURE__ */ jsxs18(Dialog, { open, onOpenChange, children: [
-    /* @__PURE__ */ jsx33(DialogTrigger, { children: trigger }),
-    /* @__PURE__ */ jsxs18(DialogContent, { className, children: [
-      /* @__PURE__ */ jsxs18(DialogHeader, { children: [
-        /* @__PURE__ */ jsxs18(DialogTitle, { className: "capitalize flex items-center gap-2 justify-between pr-8", children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex items-center gap-2", children: [
-            IconComponent && /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsxs17(Dialog, { open, onOpenChange, children: [
+    /* @__PURE__ */ jsx31(DialogTrigger, { children: trigger }),
+    /* @__PURE__ */ jsxs17(DialogContent, { className, children: [
+      /* @__PURE__ */ jsxs17(DialogHeader, { children: [
+        /* @__PURE__ */ jsxs17(DialogTitle, { className: "capitalize flex items-center gap-2 justify-between pr-8", children: [
+          /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
+            IconComponent && /* @__PURE__ */ jsx31(
               IconComponent,
               {
                 size: 20,
@@ -3479,7 +3202,7 @@ var Dialog2 = ({
             ),
             title
           ] }),
-          actions && /* @__PURE__ */ jsx33("div", { className: "flex items-center gap-2", children: actions.map((action) => /* @__PURE__ */ jsxs18(
+          actions && /* @__PURE__ */ jsx31("div", { className: "flex items-center gap-2", children: actions.map((action) => /* @__PURE__ */ jsxs17(
             Button2,
             {
               variant: action.type,
@@ -3488,8 +3211,8 @@ var Dialog2 = ({
               disabled: action.disabled,
               children: [
                 action.label,
-                action.icon && /* @__PURE__ */ jsx33(
-                  Icon2,
+                action.icon && /* @__PURE__ */ jsx31(
+                  Icon,
                   {
                     name: action.icon,
                     className: cn(action.iconClassName),
@@ -3502,7 +3225,7 @@ var Dialog2 = ({
             action.label
           )) })
         ] }),
-        /* @__PURE__ */ jsx33(DialogDescription, { children: description })
+        /* @__PURE__ */ jsx31(DialogDescription, { children: description })
       ] }),
       children
     ] })
@@ -3512,11 +3235,11 @@ var Dialog2 = ({
 // components/ui/drawer.tsx
 import * as React20 from "react";
 import { Drawer as DrawerPrimitive } from "vaul";
-import { jsx as jsx34, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 var Drawer = ({
   shouldScaleBackground = true,
   ...props
-}) => /* @__PURE__ */ jsx34(
+}) => /* @__PURE__ */ jsx32(
   DrawerPrimitive.Root,
   {
     shouldScaleBackground,
@@ -3527,7 +3250,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = DrawerPrimitive.Trigger;
 var DrawerPortal = DrawerPrimitive.Portal;
 var DrawerClose = DrawerPrimitive.Close;
-var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   DrawerPrimitive.Overlay,
   {
     ref,
@@ -3536,9 +3259,9 @@ var DrawerOverlay = React20.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = DrawerPrimitive.Overlay.displayName;
-var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(DrawerPortal, { children: [
-  /* @__PURE__ */ jsx34(DrawerOverlay, {}),
-  /* @__PURE__ */ jsxs19(
+var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs18(DrawerPortal, { children: [
+  /* @__PURE__ */ jsx32(DrawerOverlay, {}),
+  /* @__PURE__ */ jsxs18(
     DrawerPrimitive.Content,
     {
       ref,
@@ -3548,7 +3271,7 @@ var DrawerContent = React20.forwardRef(({ className, children, ...props }, ref)
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx34("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
+        /* @__PURE__ */ jsx32("div", { className: "mx-auto mt-4 h-2 w-[100px] rounded-full bg-muted" }),
         children
       ]
     }
@@ -3558,7 +3281,7 @@ DrawerContent.displayName = "DrawerContent";
 var DrawerHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx34(
+}) => /* @__PURE__ */ jsx32(
   "div",
   {
     className: cn("grid gap-1.5 p-4 text-center sm:text-left", className),
@@ -3569,7 +3292,7 @@ DrawerHeader.displayName = "DrawerHeader";
 var DrawerFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx34(
+}) => /* @__PURE__ */ jsx32(
   "div",
   {
     className: cn("mt-auto flex flex-col gap-2 p-4", className),
@@ -3577,7 +3300,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   DrawerPrimitive.Title,
   {
     ref,
@@ -3589,7 +3312,7 @@ var DrawerTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = DrawerPrimitive.Title.displayName;
-var DrawerDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx34(
+var DrawerDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx32(
   DrawerPrimitive.Description,
   {
     ref,
@@ -3602,22 +3325,22 @@ DrawerDescription.displayName = DrawerPrimitive.Description.displayName;
 // components/ui/scroll-area.tsx
 import * as React21 from "react";
 import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
-import { jsx as jsx35, jsxs as jsxs20 } from "react/jsx-runtime";
-var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs20(
+import { jsx as jsx33, jsxs as jsxs19 } from "react/jsx-runtime";
+var ScrollArea = React21.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs19(
   ScrollAreaPrimitive.Root,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx35(ScrollBar, {}),
-      /* @__PURE__ */ jsx35(ScrollAreaPrimitive.Corner, {})
+      /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx33(ScrollBar, {}),
+      /* @__PURE__ */ jsx33(ScrollAreaPrimitive.Corner, {})
     ]
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx35(
+var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx33(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -3629,13 +3352,13 @@ var ScrollBar = React21.forwardRef(({ className, orientation = "vertical", ...pr
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx35(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx33(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 
 // components/form-controls/drawer.tsx
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
 var Drawer2 = ({
   title,
   trigger,
@@ -3645,7 +3368,7 @@ var Drawer2 = ({
   setOpenDrawer,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsxs20(
     Drawer,
     {
       direction: "right",
@@ -3653,11 +3376,11 @@ var Drawer2 = ({
       onOpenChange: setOpenDrawer,
       ...props,
       children: [
-        trigger && /* @__PURE__ */ jsx36(DrawerTrigger, { children: trigger }),
-        /* @__PURE__ */ jsx36(DrawerContent, { className: "h-screen top-0 right-0 left-auto mt-0 w-[500px] rounded-none", children: /* @__PURE__ */ jsx36(ScrollArea, { className: "h-screen", children: /* @__PURE__ */ jsxs21("div", { className: "mx-auto w-full p-5", children: [
-          /* @__PURE__ */ jsxs21(DrawerHeader, { children: [
-            /* @__PURE__ */ jsx36(DrawerTitle, { children: title }),
-            /* @__PURE__ */ jsx36(DrawerDescription, { children: description })
+        trigger && /* @__PURE__ */ jsx34(DrawerTrigger, { children: trigger }),
+        /* @__PURE__ */ jsx34(DrawerContent, { className: "h-screen top-0 right-0 left-auto mt-0 w-[500px] rounded-none", children: /* @__PURE__ */ jsx34(ScrollArea, { className: "h-screen", children: /* @__PURE__ */ jsxs20("div", { className: "mx-auto w-full p-5", children: [
+          /* @__PURE__ */ jsxs20(DrawerHeader, { children: [
+            /* @__PURE__ */ jsx34(DrawerTitle, { children: title }),
+            /* @__PURE__ */ jsx34(DrawerDescription, { children: description })
           ] }),
           children
         ] }) }) })
@@ -3667,16 +3390,16 @@ var Drawer2 = ({
 };
 
 // components/form-controls/dropdown-menu.tsx
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 var DropdownMenu2 = ({
   trigger,
   items,
   className = "",
   onClick
 }) => {
-  return /* @__PURE__ */ jsxs22(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx37(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx37("div", { className, children: trigger }) }),
-    /* @__PURE__ */ jsx37(DropdownMenuContent, { className: "cursor-pointer", children: items.map((item, index) => /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsxs21(DropdownMenu, { children: [
+    /* @__PURE__ */ jsx35(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsx35("div", { className, children: trigger }) }),
+    /* @__PURE__ */ jsx35(DropdownMenuContent, { className: "cursor-pointer", children: items.map((item, index) => /* @__PURE__ */ jsx35(
       DropdownMenuItem,
       {
         className: "cursor-pointer!",
@@ -3689,8 +3412,8 @@ var DropdownMenu2 = ({
 };
 
 // components/form-controls/duration-input.tsx
-import { useEffect as useEffect3, useState as useState4 } from "react";
-import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { useEffect as useEffect2, useState as useState3 } from "react";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 var unitOptions = [
   { label: "Seconds", value: "s", ns: 1e9 },
   { label: "Minutes", value: "m", ns: 6e10 },
@@ -3721,10 +3444,10 @@ function toGoCompatibleDuration(amount, unit) {
   }
 }
 function DurationInput({ value, onChange }) {
-  const [amount, setAmount] = useState4("");
-  const [unit, setUnit] = useState4("h");
-  const [userInteracted, setUserInteracted] = useState4(false);
-  useEffect3(() => {
+  const [amount, setAmount] = useState3("");
+  const [unit, setUnit] = useState3("h");
+  const [userInteracted, setUserInteracted] = useState3(false);
+  useEffect2(() => {
     if (userInteracted) return;
     if (value === void 0 || value === null || value === "") {
       setAmount("");
@@ -3773,8 +3496,8 @@ function DurationInput({ value, onChange }) {
       onChange("");
     }
   };
-  return /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsx36(
       Input,
       {
         type: "number",
@@ -3784,23 +3507,46 @@ function DurationInput({ value, onChange }) {
         className: "w-20"
       }
     ),
-    /* @__PURE__ */ jsxs23(Select, { value: unit, onValueChange: handleUnitChange, children: [
-      /* @__PURE__ */ jsx38(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ jsx38(SelectValue, {}) }),
-      /* @__PURE__ */ jsx38(SelectContent, { children: unitOptions.map((opt) => /* @__PURE__ */ jsx38(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+    /* @__PURE__ */ jsxs22(Select, { value: unit, onValueChange: handleUnitChange, children: [
+      /* @__PURE__ */ jsx36(SelectTrigger, { className: "w-24", children: /* @__PURE__ */ jsx36(SelectValue, {}) }),
+      /* @__PURE__ */ jsx36(SelectContent, { children: unitOptions.map((opt) => /* @__PURE__ */ jsx36(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
     ] })
   ] });
 }
 
 // components/form-controls/filter-combobox.tsx
-import { useState as useState5 } from "react";
+import { useState as useState4 } from "react";
 import { CheckIcon as CheckIcon4 } from "@radix-ui/react-icons";
 
+// components/ui/badge.tsx
+import { cva as cva4 } from "class-variance-authority";
+import { jsx as jsx37 } from "react/jsx-runtime";
+var badgeVariants = cva4(
+  "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__ */ jsx37("div", { className: cn(badgeVariants({ variant }), className), ...props });
+}
+
 // components/ui/separator.tsx
 import * as React22 from "react";
 import * as SeparatorPrimitive from "@radix-ui/react-separator";
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var Separator3 = React22.forwardRef(
-  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx39(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx38(
     SeparatorPrimitive.Root,
     {
       ref,
@@ -3818,9 +3564,9 @@ var Separator3 = React22.forwardRef(
 Separator3.displayName = SeparatorPrimitive.Root.displayName;
 
 // components/form-controls/filter-combobox.tsx
-import { Fragment as Fragment5, jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 function FilterCombobox({ title, options, clearLabel }) {
-  const [selectedValues, setSelectedValues] = useState5([]);
+  const [selectedValues, setSelectedValues] = useState4([]);
   const handleValueSelect = (value) => {
     if (selectedValues.some((v) => v.value === value.value)) {
       setSelectedValues(selectedValues.filter((v) => v.value !== value.value));
@@ -3828,13 +3574,13 @@ function FilterCombobox({ title, options, clearLabel }) {
       setSelectedValues([...selectedValues, value]);
     }
   };
-  return /* @__PURE__ */ jsxs24(Popover, { children: [
-    /* @__PURE__ */ jsx40(PopoverTrigger, { asChild: true, className: "w-fit", children: /* @__PURE__ */ jsxs24(Button, { variant: "outline", size: "sm", className: "h-8 border-dashed", children: [
-      /* @__PURE__ */ jsx40(Icon2, { name: "CirclePlus", className: "h-4 w-4 mr-2" }),
+  return /* @__PURE__ */ jsxs23(Popover, { children: [
+    /* @__PURE__ */ jsx39(PopoverTrigger, { asChild: true, className: "w-fit", children: /* @__PURE__ */ jsxs23(Button, { variant: "outline", size: "sm", className: "h-8 border-dashed", children: [
+      /* @__PURE__ */ jsx39(Icon, { name: "CirclePlus", className: "h-4 w-4 mr-2" }),
       title,
-      selectedValues?.length > 0 && /* @__PURE__ */ jsxs24("div", { className: "flex items-center gap-2 ml-2", children: [
-        /* @__PURE__ */ jsx40(Separator3, { orientation: "vertical", className: "h-4" }),
-        /* @__PURE__ */ jsx40(Fragment5, { children: selectedValues.length > 2 ? /* @__PURE__ */ jsxs24(
+      selectedValues?.length > 0 && /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-2 ml-2", children: [
+        /* @__PURE__ */ jsx39(Separator3, { orientation: "vertical", className: "h-4" }),
+        /* @__PURE__ */ jsx39(Fragment4, { children: selectedValues.length > 2 ? /* @__PURE__ */ jsxs23(
           Badge,
           {
             variant: "secondary",
@@ -3846,7 +3592,7 @@ function FilterCombobox({ title, options, clearLabel }) {
           }
         ) : options.filter(
           (option) => selectedValues.some((item) => item.value === option.value)
-        ).map((option) => /* @__PURE__ */ jsx40(
+        ).map((option) => /* @__PURE__ */ jsx39(
           Badge,
           {
             variant: "secondary",
@@ -3857,40 +3603,40 @@ function FilterCombobox({ title, options, clearLabel }) {
         )) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx40(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxs24(Command, { children: [
-      /* @__PURE__ */ jsx40(CommandInput, { placeholder: title }),
-      /* @__PURE__ */ jsxs24(CommandList, { children: [
-        /* @__PURE__ */ jsx40(CommandEmpty, { children: "No results found." }),
-        /* @__PURE__ */ jsx40(CommandGroup, { children: options.map((option) => {
+    /* @__PURE__ */ jsx39(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxs23(Command, { children: [
+      /* @__PURE__ */ jsx39(CommandInput, { placeholder: title }),
+      /* @__PURE__ */ jsxs23(CommandList, { children: [
+        /* @__PURE__ */ jsx39(CommandEmpty, { children: "No results found." }),
+        /* @__PURE__ */ jsx39(CommandGroup, { children: options.map((option) => {
           const isSelected = selectedValues.some(
             (item) => item.value === option.value
           );
-          return /* @__PURE__ */ jsxs24(
+          return /* @__PURE__ */ jsxs23(
             CommandItem,
             {
               onSelect: () => handleValueSelect(option),
               className: "cursor-pointer",
               children: [
-                /* @__PURE__ */ jsx40(
+                /* @__PURE__ */ jsx39(
                   "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__ */ jsx40(CheckIcon4, { className: cn("h-4 w-4") })
+                    children: /* @__PURE__ */ jsx39(CheckIcon4, { className: cn("h-4 w-4") })
                   }
                 ),
-                option?.icon && /* @__PURE__ */ jsx40(Icon2, { name: option?.icon, className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx40("span", { children: option.label })
+                option?.icon && /* @__PURE__ */ jsx39(Icon, { name: option?.icon, className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx39("span", { children: option.label })
               ]
             },
             option.value
           );
         }) }),
-        selectedValues.length > 0 && /* @__PURE__ */ jsxs24(Fragment5, { children: [
-          /* @__PURE__ */ jsx40(CommandSeparator, {}),
-          /* @__PURE__ */ jsx40(CommandGroup, { children: /* @__PURE__ */ jsx40(
+        selectedValues.length > 0 && /* @__PURE__ */ jsxs23(Fragment4, { children: [
+          /* @__PURE__ */ jsx39(CommandSeparator, {}),
+          /* @__PURE__ */ jsx39(CommandGroup, { children: /* @__PURE__ */ jsx39(
             CommandItem,
             {
               onSelect: () => setSelectedValues([]),
@@ -3905,7 +3651,7 @@ function FilterCombobox({ title, options, clearLabel }) {
 }
 
 // components/form-controls/form-combobox.tsx
-import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 function FormCombobox({
   title,
   name,
@@ -3914,15 +3660,15 @@ function FormCombobox({
   data,
   label
 }) {
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     FormField,
     {
       control,
       name,
       rules,
-      render: ({ field }) => /* @__PURE__ */ jsxs25(FormItem, { children: [
-        title && /* @__PURE__ */ jsx41(FormLabel, { children: title }),
-        /* @__PURE__ */ jsx41(FormControl, { children: /* @__PURE__ */ jsx41(
+      render: ({ field }) => /* @__PURE__ */ jsxs24(FormItem, { children: [
+        title && /* @__PURE__ */ jsx40(FormLabel, { children: title }),
+        /* @__PURE__ */ jsx40(FormControl, { children: /* @__PURE__ */ jsx40(
           Combobox,
           {
             label,
@@ -3931,7 +3677,7 @@ function FormCombobox({
             onChange: (value) => field.onChange(value)
           }
         ) }),
-        /* @__PURE__ */ jsx41(FormMessage, {})
+        /* @__PURE__ */ jsx40(FormMessage, {})
       ] })
     }
   );
@@ -3939,7 +3685,7 @@ function FormCombobox({
 
 // components/form-controls/form-layout.tsx
 import { FormProvider as FormProvider2 } from "react-hook-form";
-import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
 function FormLayout({
   children,
   formTitle,
@@ -3951,34 +3697,34 @@ function FormLayout({
   PrimaryActionText,
   CancelText
 }) {
-  return /* @__PURE__ */ jsx42(FormProvider2, { ...form, children: /* @__PURE__ */ jsxs26("form", { onSubmit: onSave, className: `flex flex-col gap-6 ${className}`, children: [
-    /* @__PURE__ */ jsxs26("div", { className: "flex items-center justify-between w-full border-b pb-6 border-border", children: [
-      /* @__PURE__ */ jsxs26("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ jsx42("p", { className: "font-semibold text-lg", children: formTitle }),
-        /* @__PURE__ */ jsx42("p", { className: "text-gray-500", children: formDescription })
+  return /* @__PURE__ */ jsx41(FormProvider2, { ...form, children: /* @__PURE__ */ jsxs25("form", { onSubmit: onSave, className: `flex flex-col gap-6 ${className}`, children: [
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center justify-between w-full border-b pb-6 border-border", children: [
+      /* @__PURE__ */ jsxs25("div", { className: "flex flex-col", children: [
+        /* @__PURE__ */ jsx41("p", { className: "font-semibold text-lg", children: formTitle }),
+        /* @__PURE__ */ jsx41("p", { className: "text-gray-500", children: formDescription })
       ] }),
-      /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsx42(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
-        /* @__PURE__ */ jsx42(Button2, { type: "submit", children: PrimaryActionText })
+      /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx41(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
+        /* @__PURE__ */ jsx41(Button2, { type: "submit", children: PrimaryActionText })
       ] })
     ] }),
     children,
-    /* @__PURE__ */ jsxs26("div", { className: "flex items-center gap-2 justify-end", children: [
-      /* @__PURE__ */ jsx42(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
-      /* @__PURE__ */ jsx42(Button2, { type: "submit", children: PrimaryActionText })
+    /* @__PURE__ */ jsxs25("div", { className: "flex items-center gap-2 justify-end", children: [
+      /* @__PURE__ */ jsx41(Button2, { type: "button", onClick: onCanel, variant: "secondary", children: CancelText }),
+      /* @__PURE__ */ jsx41(Button2, { type: "submit", children: PrimaryActionText })
     ] })
   ] }) });
 }
 
 // components/form-controls/form-row.tsx
-import { jsx as jsx43, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 function FormRow({ children, title, description }) {
-  return /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-3 w-full border-b pb-6 border-border", children: [
-    /* @__PURE__ */ jsxs27("div", { className: "flex flex-col", children: [
-      /* @__PURE__ */ jsx43("p", { className: "font-medium", children: title }),
-      /* @__PURE__ */ jsx43("p", { className: "text-gray-500 text-sm", children: description })
+  return /* @__PURE__ */ jsxs26("div", { className: "grid grid-cols-3 w-full border-b pb-6 border-border", children: [
+    /* @__PURE__ */ jsxs26("div", { className: "flex flex-col", children: [
+      /* @__PURE__ */ jsx42("p", { className: "font-medium", children: title }),
+      /* @__PURE__ */ jsx42("p", { className: "text-gray-500 text-sm", children: description })
     ] }),
-    /* @__PURE__ */ jsx43("div", { className: "col-span-2 w-[80%]", children })
+    /* @__PURE__ */ jsx42("div", { className: "col-span-2 w-[80%]", children })
   ] });
 }
 
@@ -3986,9 +3732,9 @@ function FormRow({ children, title, description }) {
 import * as React23 from "react";
 import { CheckIcon as CheckIcon5 } from "@radix-ui/react-icons";
 import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     RadioGroupPrimitive.Root,
     {
       className: cn("grid gap-2", className),
@@ -3999,7 +3745,7 @@ var RadioGroup2 = React23.forwardRef(({ className, ...props }, ref) => {
 });
 RadioGroup2.displayName = RadioGroupPrimitive.Root.displayName;
 var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     RadioGroupPrimitive.Item,
     {
       ref,
@@ -4008,7 +3754,7 @@ var RadioGroupItem = React23.forwardRef(({ className, ...props }, ref) => {
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx44(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
+      children: /* @__PURE__ */ jsx43(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx43(CheckIcon5, { className: "h-3.5 w-3.5 fill-primary" }) })
     }
   );
 });
@@ -4019,11 +3765,11 @@ import * as React24 from "react";
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { Cross2Icon as Cross2Icon2 } from "@radix-ui/react-icons";
 import { cva as cva5 } from "class-variance-authority";
-import { jsx as jsx45, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs27 } from "react/jsx-runtime";
 var Sheet = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var SheetOverlay = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -4051,18 +3797,18 @@ var sheetVariants = cva5(
     }
   }
 );
-var SheetContent = React24.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs28(SheetPortal, { children: [
-  /* @__PURE__ */ jsx45(SheetOverlay, {}),
-  /* @__PURE__ */ jsxs28(
+var SheetContent = React24.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs27(SheetPortal, { children: [
+  /* @__PURE__ */ jsx44(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs27(
     SheetPrimitive.Content,
     {
       ref,
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsxs28(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-          /* @__PURE__ */ jsx45(Cross2Icon2, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ jsxs27(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+          /* @__PURE__ */ jsx44(Cross2Icon2, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx44("span", { className: "sr-only", children: "Close" })
         ] }),
         children
       ]
@@ -4073,7 +3819,7 @@ SheetContent.displayName = SheetPrimitive.Content.displayName;
 var SheetHeader = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx45(
+}) => /* @__PURE__ */ jsx44(
   "div",
   {
     className: cn(
@@ -4087,7 +3833,7 @@ SheetHeader.displayName = "SheetHeader";
 var SheetFooter = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx45(
+}) => /* @__PURE__ */ jsx44(
   "div",
   {
     className: cn(
@@ -4098,7 +3844,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   SheetPrimitive.Title,
   {
     ref,
@@ -4107,7 +3853,7 @@ var SheetTitle = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx45(
+var SheetDescription = React24.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx44(
   SheetPrimitive.Description,
   {
     ref,
@@ -4119,10 +3865,10 @@ SheetDescription.displayName = SheetPrimitive.Description.displayName;
 
 // components/ui/textarea.tsx
 import * as React25 from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var Textarea = React25.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx46(
+    return /* @__PURE__ */ jsx45(
       "textarea",
       {
         className: cn(
@@ -4140,11 +3886,11 @@ Textarea.displayName = "Textarea";
 // components/ui/tooltip.tsx
 import * as React26 from "react";
 import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx46 } from "react/jsx-runtime";
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx47(
+var TooltipContent = React26.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx46(
   TooltipPrimitive.Content,
   {
     ref,
@@ -4161,7 +3907,7 @@ TooltipContent.displayName = TooltipPrimitive.Content.displayName;
 // components/ui/chart.tsx
 import * as React27 from "react";
 import * as RechartsPrimitive from "recharts";
-import { Fragment as Fragment6, jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 var THEMES = { light: "", dark: ".dark" };
 var ChartContext = React27.createContext(null);
 function useChart() {
@@ -4174,7 +3920,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__ */ jsx48(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs29(
+  return /* @__PURE__ */ jsx47(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ jsxs28(
     "div",
     {
       "data-chart": chartId,
@@ -4185,8 +3931,8 @@ var ChartContainer = React27.forwardRef(({ id, className, children, config, ...p
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx48(ChartStyle, { id: chartId, config }),
-        /* @__PURE__ */ jsx48(RechartsPrimitive.ResponsiveContainer, { children })
+        /* @__PURE__ */ jsx47(ChartStyle, { id: chartId, config }),
+        /* @__PURE__ */ jsx47(RechartsPrimitive.ResponsiveContainer, { children })
       ]
     }
   ) });
@@ -4199,7 +3945,7 @@ var ChartStyle = ({ id, config }) => {
   if (!colorConfig.length) {
     return null;
   }
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx47(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -4243,12 +3989,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__ */ jsx48("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
+        return /* @__PURE__ */ jsx47("div", { className: cn("font-medium", labelClassName), children: labelFormatter(value, payload) });
       }
       if (!value) {
         return null;
       }
-      return /* @__PURE__ */ jsx48("div", { className: cn("font-medium", labelClassName), children: value });
+      return /* @__PURE__ */ jsx47("div", { className: cn("font-medium", labelClassName), children: value });
     }, [
       label,
       labelFormatter,
@@ -4262,7 +4008,7 @@ var ChartTooltipContent = React27.forwardRef(
       return null;
     }
     const nestLabel = payload.length === 1 && indicator !== "dot";
-    return /* @__PURE__ */ jsxs29(
+    return /* @__PURE__ */ jsxs28(
       "div",
       {
         ref,
@@ -4272,19 +4018,19 @@ var ChartTooltipContent = React27.forwardRef(
         ),
         children: [
           !nestLabel ? tooltipLabel : null,
-          /* @__PURE__ */ jsx48("div", { className: "grid gap-1.5", children: payload.map((item, index) => {
+          /* @__PURE__ */ jsx47("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__ */ jsx48(
+            return /* @__PURE__ */ jsx47(
               "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__ */ jsxs29(Fragment6, { children: [
-                  itemConfig?.icon ? /* @__PURE__ */ jsx48(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx48(
+                children: formatter && item?.value !== void 0 && item.name ? formatter(item.value, item.name, item, index, item.payload) : /* @__PURE__ */ jsxs28(Fragment5, { children: [
+                  itemConfig?.icon ? /* @__PURE__ */ jsx47(itemConfig.icon, {}) : !hideIndicator && /* @__PURE__ */ jsx47(
                     "div",
                     {
                       className: cn(
@@ -4302,7 +4048,7 @@ var ChartTooltipContent = React27.forwardRef(
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsxs29(
+                  /* @__PURE__ */ jsxs28(
                     "div",
                     {
                       className: cn(
@@ -4310,11 +4056,11 @@ var ChartTooltipContent = React27.forwardRef(
                         nestLabel ? "items-end" : "items-center"
                       ),
                       children: [
-                        /* @__PURE__ */ jsxs29("div", { className: "grid gap-1.5", children: [
+                        /* @__PURE__ */ jsxs28("div", { className: "grid gap-1.5", children: [
                           nestLabel ? tooltipLabel : null,
-                          /* @__PURE__ */ jsx48("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
+                          /* @__PURE__ */ jsx47("span", { className: "text-muted-foreground", children: itemConfig?.label || item.name })
                         ] }),
-                        item.value && /* @__PURE__ */ jsx48("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
+                        item.value && /* @__PURE__ */ jsx47("span", { className: "font-mono font-medium tabular-nums text-foreground", children: item.value.toLocaleString() })
                       ]
                     }
                   )
@@ -4335,7 +4081,7 @@ var ChartLegendContent = React27.forwardRef(
     if (!payload?.length) {
       return null;
     }
-    return /* @__PURE__ */ jsx48(
+    return /* @__PURE__ */ jsx47(
       "div",
       {
         ref,
@@ -4347,14 +4093,14 @@ var ChartLegendContent = React27.forwardRef(
         children: payload.map((item) => {
           const key = `${nameKey || item.dataKey || "value"}`;
           const itemConfig = getPayloadConfigFromPayload(config, item, key);
-          return /* @__PURE__ */ jsxs29(
+          return /* @__PURE__ */ jsxs28(
             "div",
             {
               className: cn(
                 "flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"
               ),
               children: [
-                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx48(itemConfig.icon, {}) : /* @__PURE__ */ jsx48(
+                itemConfig?.icon && !hideIcon ? /* @__PURE__ */ jsx47(itemConfig.icon, {}) : /* @__PURE__ */ jsx47(
                   "div",
                   {
                     className: "h-2 w-2 shrink-0 rounded-[2px]",
@@ -4391,8 +4137,8 @@ function getPayloadConfigFromPayload(config, payload, key) {
 // components/ui/slider.tsx
 import * as React28 from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
-import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
-var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs30(
+import { jsx as jsx48, jsxs as jsxs29 } from "react/jsx-runtime";
+var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs29(
   SliderPrimitive.Root,
   {
     ref,
@@ -4402,15 +4148,15 @@ var Slider = React28.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     children: [
-      /* @__PURE__ */ jsx49(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx49(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
-      /* @__PURE__ */ jsx49(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
+      /* @__PURE__ */ jsx48(SliderPrimitive.Track, { className: "relative h-1.5 w-full grow overflow-hidden rounded-full bg-primary/20", children: /* @__PURE__ */ jsx48(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+      /* @__PURE__ */ jsx48(SliderPrimitive.Thumb, { className: "block h-4 w-4 rounded-full border border-primary/50 bg-background shadow transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50" })
     ]
   }
 ));
 Slider.displayName = SliderPrimitive.Root.displayName;
 
 // components/form-controls/form-with-action-buttons.tsx
-import { jsx as jsx50, jsxs as jsxs31 } from "react/jsx-runtime";
+import { jsx as jsx49, jsxs as jsxs30 } from "react/jsx-runtime";
 var FormWithActionButtons = ({
   children,
   form,
@@ -4421,10 +4167,10 @@ var FormWithActionButtons = ({
   secondaryButtonAction,
   showSecondaryButton = false
 }) => {
-  return /* @__PURE__ */ jsx50(Form, { ...form, children: /* @__PURE__ */ jsxs31("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
+  return /* @__PURE__ */ jsx49(Form, { ...form, children: /* @__PURE__ */ jsxs30("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-4", children: [
     children,
-    /* @__PURE__ */ jsxs31("div", { className: "flex justify-end gap-2", children: [
-      showSecondaryButton && /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsxs30("div", { className: "flex justify-end gap-2", children: [
+      showSecondaryButton && /* @__PURE__ */ jsx49(
         Button,
         {
           variant: "link",
@@ -4433,29 +4179,29 @@ var FormWithActionButtons = ({
           children: secondaryButtonText
         }
       ),
-      /* @__PURE__ */ jsx50(Button, { variant: "default", type: "submit", children: primaryButtonText })
+      /* @__PURE__ */ jsx49(Button, { variant: "default", type: "submit", children: primaryButtonText })
     ] })
   ] }) });
 };
 
 // components/form-controls/helpers.tsx
 import { File, FileSpreadsheet, FileText } from "lucide-react";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 var getFileIcon = (fileName) => {
   const extensionMatch = fileName.match(/\.([^.]+)$/);
   const extension = extensionMatch ? extensionMatch[1].toLowerCase() : null;
-  if (!extension) return /* @__PURE__ */ jsx51(File, { className: "w-8 h-8 text-gray-500" });
+  if (!extension) return /* @__PURE__ */ jsx50(File, { className: "w-8 h-8 text-gray-500" });
   switch (extension) {
     case "pdf":
-      return /* @__PURE__ */ jsx51(File, { className: "w-8 h-8 text-red-500" });
+      return /* @__PURE__ */ jsx50(File, { className: "w-8 h-8 text-red-500" });
     case "doc":
     case "docx":
-      return /* @__PURE__ */ jsx51(FileText, { className: "w-8 h-8 text-blue-500" });
+      return /* @__PURE__ */ jsx50(FileText, { className: "w-8 h-8 text-blue-500" });
     case "xls":
     case "xlsx":
-      return /* @__PURE__ */ jsx51(FileSpreadsheet, { className: "w-8 h-8 text-green-500" });
+      return /* @__PURE__ */ jsx50(FileSpreadsheet, { className: "w-8 h-8 text-green-500" });
     default:
-      return /* @__PURE__ */ jsx51(File, { className: "w-8 h-8 text-gray-500" });
+      return /* @__PURE__ */ jsx50(File, { className: "w-8 h-8 text-gray-500" });
   }
 };
 var getFileName = (url) => {
@@ -4465,14 +4211,14 @@ var getFileName = (url) => {
 };
 
 // components/form-controls/icon-button.tsx
-import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx51, jsxs as jsxs31 } from "react/jsx-runtime";
 var IconButton = ({
   item,
   variant,
   onClick,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs32(
+  return /* @__PURE__ */ jsxs31(
     Button,
     {
       type: "button",
@@ -4481,8 +4227,8 @@ var IconButton = ({
       onClick,
       ...props,
       children: [
-        /* @__PURE__ */ jsx52("span", { className: "w-4 flex items-center justify-center", children: /* @__PURE__ */ jsx52(Icon2, { name: item.icon, size: 20, strokeWidth: 1 }) }),
-        /* @__PURE__ */ jsx52("span", { className: "text-sm", children: item.title })
+        /* @__PURE__ */ jsx51("span", { className: "w-4 flex items-center justify-center", children: /* @__PURE__ */ jsx51(Icon, { name: item.icon, size: 20, strokeWidth: 1 }) }),
+        /* @__PURE__ */ jsx51("span", { className: "text-sm", children: item.title })
       ]
     }
   );
@@ -4490,7 +4236,7 @@ var IconButton = ({
 
 // components/form-controls/input.tsx
 import * as React29 from "react";
-import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs32 } from "react/jsx-runtime";
 var Input2 = React29.forwardRef(
   ({
     variant = "default",
@@ -4502,79 +4248,28 @@ var Input2 = React29.forwardRef(
     rules,
     ...props
   }, ref) => {
-    return isFormField ? /* @__PURE__ */ jsx53(
+    return isFormField ? /* @__PURE__ */ jsx52(
       FormField,
       {
         control,
         name,
         rules,
-        render: ({ field }) => /* @__PURE__ */ jsxs33(FormItem, { children: [
-          title && /* @__PURE__ */ jsx53(FormLabel, { children: title }),
-          /* @__PURE__ */ jsx53(FormControl, { children: /* @__PURE__ */ jsx53(Input, { className, ...props, ...field }) }),
-          /* @__PURE__ */ jsx53(FormMessage, {})
+        render: ({ field }) => /* @__PURE__ */ jsxs32(FormItem, { children: [
+          title && /* @__PURE__ */ jsx52(FormLabel, { children: title }),
+          /* @__PURE__ */ jsx52(FormControl, { children: /* @__PURE__ */ jsx52(Input, { className, ...props, ...field }) }),
+          /* @__PURE__ */ jsx52(FormMessage, {})
         ] })
       }
-    ) : /* @__PURE__ */ jsx53(Input, { className, ref, ...props });
+    ) : /* @__PURE__ */ jsx52(Input, { className, ref, ...props });
   }
 );
 Input2.displayName = "Input";
 
-// components/form-controls/knowledge-graph-word-cloud.tsx
-import { useKnowledgeGraphContext } from "@elqnt/kg";
-import { Loader2 as Loader22 } from "lucide-react";
-import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
-function KnowledgeGraphWordCloud() {
-  const { labels } = useKnowledgeGraphContext();
-  if (!labels || !(labels instanceof Array)) {
-    return null;
-  }
-  const data = labels?.map((item) => {
-    return { text: item?.label, value: item?.count };
-  });
-  return /* @__PURE__ */ jsxs34("div", { className: "rounded-xl border bg-card h-full shadow relative p-5", children: [
-    /* @__PURE__ */ jsx54("p", { className: "capitalize mb-10 font-semibold text-xl", children: "Graph Distribution" }),
-    !data ? /* @__PURE__ */ jsx54("div", { className: "absolute w-full flex justify-end", children: /* @__PURE__ */ jsx54(Loader22, { className: "animate-spin" }) }) : /* @__PURE__ */ jsx54(Fragment7, {})
-  ] });
-}
-
-// components/form-controls/layout/org-selector.tsx
-import { useUserContext } from "@elqnt/auth";
-import { useEffect as useEffect4, useState as useState6 } from "react";
-import { jsx as jsx55 } from "react/jsx-runtime";
-function OrgSelector() {
-  const { user, selectedOrgId, setSelectedOrgId } = useUserContext();
-  const [orgAccess, setOrgAccess] = useState6([]);
-  useEffect4(() => {
-    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__ */ jsx55(
-    Combobox,
-    {
-      defaultValue: selectedOrgId,
-      options: orgAccess,
-      onChange: handleOrgIdChange,
-      label: "Select an Organization"
-    }
-  );
-}
-
 // components/form-controls/layout/page-header.tsx
 import { ChevronLeft } from "lucide-react";
 import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { jsx as jsx56, jsxs as jsxs35 } from "react/jsx-runtime";
+import { jsx as jsx53, jsxs as jsxs33 } from "react/jsx-runtime";
 function PageHeader({
   title,
   description,
@@ -4612,7 +4307,7 @@ function PageHeader({
         return "justify-between";
     }
   }
-  return /* @__PURE__ */ jsxs35(
+  return /* @__PURE__ */ jsxs33(
     "div",
     {
       className: cn(
@@ -4620,25 +4315,25 @@ function PageHeader({
         getJustifyClass()
       ),
       children: [
-        /* @__PURE__ */ jsxs35("div", { children: [
-          /* @__PURE__ */ jsx56("div", { children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-2", children: [
-            goBackLink && /* @__PURE__ */ jsx56(Link, { href: goBackLink, children: /* @__PURE__ */ jsx56(ChevronLeft, { className: "h-4 w-4" }) }),
-            showBack && !goBackLink && /* @__PURE__ */ jsx56(
+        /* @__PURE__ */ jsxs33("div", { children: [
+          /* @__PURE__ */ jsx53("div", { children: /* @__PURE__ */ jsxs33("div", { className: "flex items-center gap-2", children: [
+            goBackLink && /* @__PURE__ */ jsx53(Link, { href: goBackLink, children: /* @__PURE__ */ jsx53(ChevronLeft, { className: "h-4 w-4" }) }),
+            showBack && !goBackLink && /* @__PURE__ */ jsx53(
               "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__ */ jsx56(ChevronLeft, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ jsx53(ChevronLeft, { className: "h-4 w-4" })
               }
             ),
-            titleComponent ?? (title && /* @__PURE__ */ jsx56("h2", { className: "font-semibold text-lg text-primary p-0 m-0", children: title }))
+            titleComponent ?? (title && /* @__PURE__ */ jsx53("h2", { className: "font-semibold text-lg text-primary p-0 m-0", children: title }))
           ] }) }),
-          description && /* @__PURE__ */ jsx56("p", { className: "text-sm text-gray-500", children: description })
+          description && /* @__PURE__ */ jsx53("p", { className: "text-sm text-gray-500", children: description })
         ] }),
-        /* @__PURE__ */ jsxs35("div", { className: "flex gap-2 items-center", children: [
+        /* @__PURE__ */ jsxs33("div", { className: "flex gap-2 items-center", children: [
           rightSideComponent,
           actions?.map(
-            (action, index) => action.href ? /* @__PURE__ */ jsx56(Link, { href: action.href, children: /* @__PURE__ */ jsx56(Button2, { variant: action.type, children: action.label }) }, index) : /* @__PURE__ */ jsx56(Button2, { variant: action.type, onClick: action.onAction, children: action.label }, index)
+            (action, index) => action.href ? /* @__PURE__ */ jsx53(Link, { href: action.href, children: /* @__PURE__ */ jsx53(Button2, { variant: action.type, children: action.label }) }, index) : /* @__PURE__ */ jsx53(Button2, { variant: action.type, onClick: action.onAction, children: action.label }, index)
           )
         ] })
       ]
@@ -4646,17 +4341,11 @@ function PageHeader({
   );
 }
 
-// components/form-controls/layout/left-nav.tsx
-import { useUserContext as useUserContext2 } from "@elqnt/auth";
-import Link3 from "next/link";
-import { usePathname, useRouter as useRouter3 } from "next/navigation";
-import { useEffect as useEffect5, useState as useState7 } from "react";
-
 // components/form-controls/layout/profile-menu.tsx
 import { signOut } from "next-auth/react";
 import Link2 from "next/link";
 import { useRouter as useRouter2 } from "next/navigation";
-import { jsx as jsx57, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx54, jsxs as jsxs34 } from "react/jsx-runtime";
 function ProfileMenu({ children, pathName }) {
   const router = useRouter2();
   const handleSignOut = async () => {
@@ -4678,9 +4367,9 @@ function ProfileMenu({ children, pathName }) {
       onClick: handleSignOut
     }
   ];
-  return /* @__PURE__ */ jsxs36(Popover, { children: [
-    /* @__PURE__ */ jsx57(PopoverTrigger, { asChild: true, children }),
-    /* @__PURE__ */ jsx57(PopoverContent, { className: "p-0! flex flex-col", children: links.map((link) => /* @__PURE__ */ jsxs36(
+  return /* @__PURE__ */ jsxs34(Popover, { children: [
+    /* @__PURE__ */ jsx54(PopoverTrigger, { asChild: true, children }),
+    /* @__PURE__ */ jsx54(PopoverContent, { className: "p-0! flex flex-col", children: links.map((link) => /* @__PURE__ */ jsxs34(
       Link2,
       {
         href: link?.href,
@@ -4688,7 +4377,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__ */ jsx57(Icon2, { name: link?.icon, size: 20 }),
+          /* @__PURE__ */ jsx54(Icon, { name: link?.icon, size: 20 }),
           link?.title
         ]
       },
@@ -4697,188 +4386,10 @@ function ProfileMenu({ children, pathName }) {
   ] });
 }
 
-// components/form-controls/layout/left-nav.tsx
-import { Fragment as Fragment8, jsx as jsx58, jsxs as jsxs37 } from "react/jsx-runtime";
-var articles = [
-  { key: "getting-started", title: "Getting Started", href: "#" },
-  { key: "helpdesk", title: "Helpdesk", href: "#" }
-];
-function LeftNav({
-  fullMenuItems,
-  menuItems,
-  pageTitle,
-  ExpandedLogo,
-  Logo
-}) {
-  const router = useRouter3();
-  const pathName = usePathname();
-  const { user, selectedOrgId, selectedOrg } = useUserContext2();
-  const [isExpanded, setIsExpanded] = useState7(() => {
-    const stored = localStorage.getItem("isExpanded");
-    return stored === null ? true : stored === "true";
-  });
-  const [apps, setApps] = useState7([]);
-  const [items, setItems] = useState7(menuItems);
-  useEffect5(() => {
-    setItems(menuItems);
-  }, [menuItems]);
-  useEffect5(() => {
-    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]);
-  useEffect5(() => {
-    localStorage.setItem("isExpanded", isExpanded.toString());
-  }, [isExpanded]);
-  return /* @__PURE__ */ jsx58(
-    "div",
-    {
-      style: { height: "calc(100vh - 32px)" },
-      className: `relative pt-4 ${isExpanded ? "min-w-72" : "min-w-16"} transition-width duration-300 rounded-lg text-gray-500 sticky top-4 bg-white`,
-      children: /* @__PURE__ */ jsx58(TooltipProvider, { children: /* @__PURE__ */ jsxs37("div", { className: "absolute top-0 flex flex-col gap-8 justify-between h-full w-full duration-300 ease-in-out sc-card bg-white! p-3 overflow-y-scroll hide-scrollbar", children: [
-        /* @__PURE__ */ jsxs37(
-          "div",
-          {
-            className: `flex flex-col gap-1 ${!isExpanded && "items-center"}`,
-            children: [
-              /* @__PURE__ */ jsxs37("div", { className: "cursor-pointer flex items-center justify-between mb-4 w-full", children: [
-                /* @__PURE__ */ jsx58(
-                  "div",
-                  {
-                    onClick: () => isExpanded ? router.push("/") : setIsExpanded(true),
-                    children: isExpanded ? /* @__PURE__ */ jsx58(ExpandedLogo, {}) : /* @__PURE__ */ jsx58(Logo, {})
-                  }
-                ),
-                isExpanded && /* @__PURE__ */ jsx58("span", { onClick: () => setIsExpanded(false), children: /* @__PURE__ */ jsx58(Icon2, { name: "ChevronsLeftRight" }) })
-              ] }),
-              items ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
-                /* @__PURE__ */ jsxs37(
-                  "div",
-                  {
-                    onClick: () => setItems(void 0),
-                    className: "flex items-center px-1 gap-2 cursor-pointer mb-4 text-lg",
-                    children: [
-                      /* @__PURE__ */ jsx58(Icon2, { name: "ArrowLeft", size: 19 }),
-                      isExpanded && /* @__PURE__ */ jsx58("span", { children: pageTitle })
-                    ]
-                  }
-                ),
-                menuItems?.map((item) => /* @__PURE__ */ jsx58(
-                  Link3,
-                  {
-                    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__ */ jsxs37(Fragment8, { children: [
-                      /* @__PURE__ */ jsx58(Icon2, { name: item.icon, size: 19 }),
-                      /* @__PURE__ */ jsx58("span", { children: item.title })
-                    ] }) : /* @__PURE__ */ jsxs37(Tooltip, { delayDuration: 0, children: [
-                      /* @__PURE__ */ jsx58(TooltipTrigger, { children: /* @__PURE__ */ jsx58(Icon2, { name: item.icon }) }),
-                      /* @__PURE__ */ jsx58(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx58("p", { children: item.title }) })
-                    ] })
-                  },
-                  item.title
-                ))
-              ] }) : isExpanded ? /* @__PURE__ */ jsxs37(Fragment8, { children: [
-                /* @__PURE__ */ jsxs37("div", { id: "menu-row", children: [
-                  /* @__PURE__ */ jsx58("h2", { className: "text-xl font-semibold", children: "Apps" }),
-                  /* @__PURE__ */ jsx58("div", { className: "grid grid-cols-2 gap-2 mt-6", children: apps.filter((item) => item.key !== "home").map((item) => /* @__PURE__ */ jsx58(
-                    IconButton,
-                    {
-                      item,
-                      variant: "ghost",
-                      onClick: () => {
-                        router.push(item.href);
-                        setItems(menuItems);
-                      }
-                    },
-                    item.key
-                  )) })
-                ] }),
-                /* @__PURE__ */ jsxs37("div", { id: "help-row", className: "mt-12 ml-2", children: [
-                  /* @__PURE__ */ jsx58("h2", { className: "text-xl font-semibold", children: "Help" }),
-                  /* @__PURE__ */ jsx58("div", { className: "mt-6", children: /* @__PURE__ */ jsx58(Input, { placeholder: "Search help content" }) }),
-                  /* @__PURE__ */ jsx58("ul", { className: "mt-6 ml-4 list-disc", children: articles.map((item) => /* @__PURE__ */ jsx58("li", { children: /* @__PURE__ */ jsx58(
-                    Link3,
-                    {
-                      href: item.href,
-                      className: "block mb-2 underline",
-                      onClick: () => setIsExpanded(false),
-                      children: item.title
-                    }
-                  ) }, item.key)) })
-                ] })
-              ] }) : /* @__PURE__ */ jsx58("div", { className: "flex flex-col gap-6 mt-2", children: apps?.map((item) => /* @__PURE__ */ jsxs37(Tooltip, { delayDuration: 0, children: [
-                /* @__PURE__ */ jsx58(TooltipTrigger, { children: /* @__PURE__ */ jsx58(
-                  "div",
-                  {
-                    onClick: () => {
-                      router.push(item.href);
-                      setItems(menuItems);
-                    },
-                    children: /* @__PURE__ */ jsx58(Icon2, { name: item.icon })
-                  }
-                ) }),
-                /* @__PURE__ */ jsx58(TooltipContent, { side: "right", children: /* @__PURE__ */ jsx58("p", { children: item.title }) })
-              ] }, item.key)) })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs37("div", { children: [
-          isExpanded && /* @__PURE__ */ jsx58("div", { className: "mb-2", children: /* @__PURE__ */ jsx58(OrgSelector, {}) }),
-          /* @__PURE__ */ jsxs37(
-            Link3,
-            {
-              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__ */ jsx58(Icon2, { name: "Settings" }),
-                isExpanded && /* @__PURE__ */ jsx58("span", { children: "Settings" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs37(
-            Link3,
-            {
-              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__ */ jsx58(Icon2, { name: "HeartHandshake" }),
-                isExpanded && /* @__PURE__ */ jsx58("span", { children: "Help" })
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsx58(ProfileMenu, { pathName: pathName ?? "", children: /* @__PURE__ */ jsxs37(
-            "div",
-            {
-              className: `flex items-center gap-4 cursor-pointer w-full rounded-lg py-2 ${isExpanded ? "pl-2 hover:bg-primary/10 hover:text-primary" : "pl-0"}`,
-              children: [
-                /* @__PURE__ */ jsx58(Icon2, { name: "User" }),
-                isExpanded && /* @__PURE__ */ jsx58("span", { children: user?.firstName })
-              ]
-            }
-          ) })
-        ] })
-      ] }) })
-    }
-  );
-}
-
 // components/form-controls/multi-select.tsx
-import { Check as Check2, X as X2 } from "lucide-react";
-import { useState as useState8 } from "react";
-import { jsx as jsx59, jsxs as jsxs38 } from "react/jsx-runtime";
+import { Check as Check2, X } from "lucide-react";
+import { useState as useState5 } from "react";
+import { jsx as jsx55, jsxs as jsxs35 } from "react/jsx-runtime";
 var MultiSelect = ({
   defaultValue = [],
   placeholder,
@@ -4886,8 +4397,8 @@ var MultiSelect = ({
   className = "",
   onValueChange
 }) => {
-  const [open, setOpen] = useState8(false);
-  const [selectedValues, setSelectedValues] = useState8(defaultValue);
+  const [open, setOpen] = useState5(false);
+  const [selectedValues, setSelectedValues] = useState5(defaultValue);
   const handleSelect = (value) => {
     let updatedValues;
     if (selectedValues.includes(value)) {
@@ -4904,17 +4415,17 @@ var MultiSelect = ({
     setSelectedValues(updatedValues);
     onValueChange(updatedValues);
   };
-  return /* @__PURE__ */ jsxs38(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx59(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs35(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx55(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx55(
       Button,
       {
         variant: "outline",
         role: "combobox",
         "aria-expanded": open,
         className: cn("min-h-10 h-auto w-full justify-between", className),
-        children: /* @__PURE__ */ jsxs38("div", { className: "flex flex-wrap gap-1", children: [
+        children: /* @__PURE__ */ jsxs35("div", { className: "flex flex-wrap gap-1", children: [
           selectedValues.length === 0 && placeholder,
-          selectedValues.map((value) => /* @__PURE__ */ jsxs38(
+          selectedValues.map((value) => /* @__PURE__ */ jsxs35(
             Badge,
             {
               variant: "secondary",
@@ -4922,7 +4433,7 @@ var MultiSelect = ({
               onClick: (e) => handleClear(value, e),
               children: [
                 options.find((opt) => opt.value === value)?.label,
-                /* @__PURE__ */ jsx59(X2, { className: "ml-1 h-3 w-3" })
+                /* @__PURE__ */ jsx55(X, { className: "ml-1 h-3 w-3" })
               ]
             },
             value
@@ -4930,12 +4441,12 @@ var MultiSelect = ({
         ] })
       }
     ) }),
-    /* @__PURE__ */ jsx59(PopoverContent, { className: "p-0", children: /* @__PURE__ */ jsx59(Command, { children: /* @__PURE__ */ jsx59(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs38(
+    /* @__PURE__ */ jsx55(PopoverContent, { className: "p-0", children: /* @__PURE__ */ jsx55(Command, { children: /* @__PURE__ */ jsx55(CommandGroup, { children: options.map((option) => /* @__PURE__ */ jsxs35(
       CommandItem,
       {
         onSelect: () => handleSelect(option.value),
         children: [
-          /* @__PURE__ */ jsx59(
+          /* @__PURE__ */ jsx55(
             Check2,
             {
               className: cn(
@@ -4953,18 +4464,18 @@ var MultiSelect = ({
 };
 
 // components/form-controls/multi-step-process.tsx
-import { Check as Check3, Loader2 as Loader23 } from "lucide-react";
-import { useEffect as useEffect6, useState as useState9 } from "react";
-import { jsx as jsx60, jsxs as jsxs39 } from "react/jsx-runtime";
+import { Check as Check3, Loader2 as Loader22 } from "lucide-react";
+import { useEffect as useEffect3, useState as useState6 } from "react";
+import { jsx as jsx56, jsxs as jsxs36 } from "react/jsx-runtime";
 var MultiStepProcess = ({
   initialSteps,
   onFinish,
   finishButtonText
 }) => {
-  const [steps, setSteps] = useState9(
+  const [steps, setSteps] = useState6(
     initialSteps.map((step) => ({ ...step, isValid: false, isComplete: false }))
   );
-  const [currentStepIndex, setCurrentStepIndex] = useState9(0);
+  const [currentStepIndex, setCurrentStepIndex] = useState6(0);
   const updateStep = (stepIndex, updates) => {
     setSteps(
       (prevSteps) => prevSteps.map(
@@ -4991,7 +4502,7 @@ var MultiStepProcess = ({
     }
     updateStep(currentStepIndex, { isLoading: false });
   };
-  useEffect6(() => {
+  useEffect3(() => {
     const currentStep = steps[currentStepIndex];
     if (currentStep.isComplete) {
       goToNextStep();
@@ -5004,7 +4515,7 @@ var MultiStepProcess = ({
   };
   const renderStepComponent = (step, index) => {
     const StepComponent = step.component;
-    return /* @__PURE__ */ jsx60(
+    return /* @__PURE__ */ jsx56(
       StepComponent,
       {
         step,
@@ -5014,23 +4525,23 @@ var MultiStepProcess = ({
   };
   const isLastStep = currentStepIndex === steps.length - 1;
   const currentStepData = steps[currentStepIndex];
-  return /* @__PURE__ */ jsxs39(Card, { className: "p-6", children: [
-    /* @__PURE__ */ jsx60("div", { className: "mb-8", children: /* @__PURE__ */ jsx60("div", { className: "flex justify-between items-start", children: steps.map((step, i) => /* @__PURE__ */ jsxs39("div", { className: "flex flex-col items-center", children: [
-      /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsxs36(Card, { className: "p-6", children: [
+    /* @__PURE__ */ jsx56("div", { className: "mb-8", children: /* @__PURE__ */ jsx56("div", { className: "flex justify-between items-start", children: steps.map((step, i) => /* @__PURE__ */ jsxs36("div", { className: "flex flex-col items-center", children: [
+      /* @__PURE__ */ jsx56(
         "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__ */ jsx60(Check3, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx60("span", { children: step.id })
+          children: i < currentStepIndex ? /* @__PURE__ */ jsx56(Check3, { className: "w-6 h-6" }) : /* @__PURE__ */ jsx56("span", { children: step.id })
         }
       ),
-      /* @__PURE__ */ jsx60("span", { className: "text-sm text-center max-w-[100px]", children: step.title })
+      /* @__PURE__ */ jsx56("span", { className: "text-sm text-center max-w-[100px]", children: step.title })
     ] }, i)) }) }),
-    /* @__PURE__ */ jsx60("div", { className: "mb-3", children: renderStepComponent(currentStepData, currentStepIndex) }),
-    /* @__PURE__ */ jsxs39("div", { className: "flex justify-between", children: [
-      /* @__PURE__ */ jsx60(
+    /* @__PURE__ */ jsx56("div", { className: "mb-3", children: renderStepComponent(currentStepData, currentStepIndex) }),
+    /* @__PURE__ */ jsxs36("div", { className: "flex justify-between", children: [
+      /* @__PURE__ */ jsx56(
         Button,
         {
           onClick: goToPreviousStep,
@@ -5039,12 +4550,12 @@ var MultiStepProcess = ({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ jsx60(
+      /* @__PURE__ */ jsx56(
         Button,
         {
           onClick: goToNextStep,
           disabled: !currentStepData.isValid || currentStepData.isLoading,
-          children: currentStepData.isLoading ? /* @__PURE__ */ jsx60(Loader23, { className: "h-6 w-6 animate-spin" }) : isLastStep ? finishButtonText ?? "Finish" : "Next"
+          children: currentStepData.isLoading ? /* @__PURE__ */ jsx56(Loader22, { className: "h-6 w-6 animate-spin" }) : isLastStep ? finishButtonText ?? "Finish" : "Next"
         }
       )
     ] })
@@ -5052,7 +4563,7 @@ var MultiStepProcess = ({
 };
 
 // components/form-controls/popover.tsx
-import { jsx as jsx61, jsxs as jsxs40 } from "react/jsx-runtime";
+import { jsx as jsx57, jsxs as jsxs37 } from "react/jsx-runtime";
 var Popover2 = ({
   trigger,
   children,
@@ -5060,9 +4571,9 @@ var Popover2 = ({
   align = "center",
   sideOffset = 4
 }) => {
-  return /* @__PURE__ */ jsxs40(Popover, { children: [
-    /* @__PURE__ */ jsx61(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx61("div", { className, children: trigger }) }),
-    /* @__PURE__ */ jsx61(
+  return /* @__PURE__ */ jsxs37(Popover, { children: [
+    /* @__PURE__ */ jsx57(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx57("div", { className, children: trigger }) }),
+    /* @__PURE__ */ jsx57(
       PopoverContent,
       {
         align,
@@ -5076,34 +4587,34 @@ var Popover2 = ({
 
 // components/form-controls/radio-group.tsx
 import * as React31 from "react";
-import { jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs38 } from "react/jsx-runtime";
 var RadioGroup3 = React31.forwardRef(({ className, options, defaultValue, title, name, control, isFormField, ...props }, ref) => {
   if (!isFormField) {
-    return /* @__PURE__ */ jsx62(RadioGroup2, { defaultValue, ...props, ref, children: options?.map((option) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
-      /* @__PURE__ */ jsx62(RadioGroupItem, { value: option.value, id: option.value }),
-      /* @__PURE__ */ jsx62("label", { htmlFor: option.value, children: option.label })
+    return /* @__PURE__ */ jsx58(RadioGroup2, { defaultValue, ...props, ref, children: options?.map((option) => /* @__PURE__ */ jsxs38("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
+      /* @__PURE__ */ jsx58(RadioGroupItem, { value: option.value, id: option.value }),
+      /* @__PURE__ */ jsx58("label", { htmlFor: option.value, children: option.label })
     ] }, option.value)) });
   }
-  return /* @__PURE__ */ jsx62(
+  return /* @__PURE__ */ jsx58(
     FormField,
     {
       control,
       name,
-      render: ({ field }) => /* @__PURE__ */ jsxs41(FormItem, { children: [
-        title && /* @__PURE__ */ jsx62(FormLabel, { children: title }),
-        /* @__PURE__ */ jsx62(FormControl, { children: /* @__PURE__ */ jsx62(
+      render: ({ field }) => /* @__PURE__ */ jsxs38(FormItem, { children: [
+        title && /* @__PURE__ */ jsx58(FormLabel, { children: title }),
+        /* @__PURE__ */ jsx58(FormControl, { children: /* @__PURE__ */ jsx58(
           RadioGroup2,
           {
             onValueChange: field.onChange,
             defaultValue: field.value,
             ...props,
-            children: options?.map((option) => /* @__PURE__ */ jsxs41("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
-              /* @__PURE__ */ jsx62(RadioGroupItem, { value: option.value, id: option.value }),
-              /* @__PURE__ */ jsx62("label", { htmlFor: option.value, children: option.label })
+            children: options?.map((option) => /* @__PURE__ */ jsxs38("div", { className: "flex items-center space-x-2 cursor-pointer", children: [
+              /* @__PURE__ */ jsx58(RadioGroupItem, { value: option.value, id: option.value }),
+              /* @__PURE__ */ jsx58("label", { htmlFor: option.value, children: option.label })
             ] }, option.value))
           }
         ) }),
-        /* @__PURE__ */ jsx62(FormMessage, {})
+        /* @__PURE__ */ jsx58(FormMessage, {})
       ] })
     }
   );
@@ -5119,22 +4630,22 @@ import {
   ScrollAreaThumb as ShadcnScrollAreaThumb,
   ScrollAreaCorner as ShadcnScrollAreaCorner
 } from "@radix-ui/react-scroll-area";
-import { jsx as jsx63, jsxs as jsxs42 } from "react/jsx-runtime";
-var ScrollArea2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs42(
+import { jsx as jsx59, jsxs as jsxs39 } from "react/jsx-runtime";
+var ScrollArea2 = React32.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs39(
   ShadcnScrollArea,
   {
     ref,
     className: cn("relative overflow-hidden", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx63(ShadcnScrollAreaViewport, { className: "h-full w-full rounded-[inherit]", children }),
-      /* @__PURE__ */ jsx63(ScrollBar2, {}),
-      /* @__PURE__ */ jsx63(ShadcnScrollAreaCorner, {})
+      /* @__PURE__ */ jsx59(ShadcnScrollAreaViewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx59(ScrollBar2, {}),
+      /* @__PURE__ */ jsx59(ShadcnScrollAreaCorner, {})
     ]
   }
 ));
 ScrollArea2.displayName = ShadcnScrollArea.displayName;
-var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx63(
+var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx59(
   ShadcnScrollAreaScrollbar,
   {
     ref,
@@ -5146,13 +4657,13 @@ var ScrollBar2 = React32.forwardRef(({ className, orientation = "vertical", ...p
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx63(ShadcnScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+    children: /* @__PURE__ */ jsx59(ShadcnScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
   }
 ));
 ScrollBar2.displayName = ShadcnScrollAreaScrollbar.displayName;
 
 // components/form-controls/select.tsx
-import { jsx as jsx64, jsxs as jsxs43 } from "react/jsx-runtime";
+import { jsx as jsx60, jsxs as jsxs40 } from "react/jsx-runtime";
 var Select2 = ({
   defaultValue,
   placeholder,
@@ -5160,9 +4671,9 @@ var Select2 = ({
   className = "",
   onValueChange
 }) => {
-  return /* @__PURE__ */ jsxs43(Select, { value: defaultValue, onValueChange, children: [
-    /* @__PURE__ */ jsx64(SelectTrigger, { className, children: /* @__PURE__ */ jsx64(SelectValue, { placeholder }) }),
-    /* @__PURE__ */ jsx64(SelectContent, { children: options?.map((option, i) => /* @__PURE__ */ jsx64(SelectItem, { value: option.value, children: option.label }, i)) })
+  return /* @__PURE__ */ jsxs40(Select, { value: defaultValue, onValueChange, children: [
+    /* @__PURE__ */ jsx60(SelectTrigger, { className, children: /* @__PURE__ */ jsx60(SelectValue, { placeholder }) }),
+    /* @__PURE__ */ jsx60(SelectContent, { children: options?.map((option, i) => /* @__PURE__ */ jsx60(SelectItem, { value: option.value, children: option.label }, i)) })
   ] });
 };
 
@@ -5174,8 +4685,8 @@ var CollapsibleContent2 = CollapsiblePrimitive.CollapsibleContent;
 // components/ui/progress.tsx
 import * as React33 from "react";
 import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx65 } from "react/jsx-runtime";
-var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx65(
+import { jsx as jsx61 } from "react/jsx-runtime";
+var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx61(
   ProgressPrimitive.Root,
   {
     ref,
@@ -5184,7 +4695,7 @@ var Progress = React33.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ jsx65(
+    children: /* @__PURE__ */ jsx61(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -5197,26 +4708,26 @@ Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // components/form-controls/setup-guide.tsx
 import { Check as Check4 } from "lucide-react";
-import { useId as useId3, useState as useState10 } from "react";
-import { jsx as jsx66, jsxs as jsxs44 } from "react/jsx-runtime";
+import { useId as useId3, useState as useState7 } from "react";
+import { jsx as jsx62, jsxs as jsxs41 } from "react/jsx-runtime";
 var SetupGuide = ({
   onDismiss,
   onStepComplete,
   items
 }) => {
-  const [expanded, setExpanded] = useState10(
+  const [expanded, setExpanded] = useState7(
     items.findIndex((item) => !item.complete)
   );
-  const [isGuideOpen, setIsGuideOpen] = useState10(true);
+  const [isGuideOpen, setIsGuideOpen] = useState7(true);
   const accessId = useId3();
   const completedItemsLength = items.filter((item) => item.complete).length;
-  return /* @__PURE__ */ jsxs44("div", { className: "p-0", children: [
-    /* @__PURE__ */ jsx66("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx66("div", { className: "space-y-4", children: /* @__PURE__ */ jsx66("div", { className: "mt-2", children: /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-2", children: [
-      completedItemsLength === items.length ? /* @__PURE__ */ jsxs44("div", { className: "flex items-center gap-1", children: [
-        /* @__PURE__ */ jsx66(Check4, { className: "h-4 w-4 text-gray-400" }),
-        /* @__PURE__ */ jsx66("span", { className: "text-sm text-gray-400", children: "Done" })
-      ] }) : /* @__PURE__ */ jsx66("span", { className: "text-sm", children: `${completedItemsLength} / ${items.length} completed` }),
-      completedItemsLength !== items.length && /* @__PURE__ */ jsx66("div", { className: "w-24", children: /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsxs41("div", { className: "p-0", children: [
+    /* @__PURE__ */ jsx62("div", { className: "px-4 pb-4", children: /* @__PURE__ */ jsx62("div", { className: "space-y-4", children: /* @__PURE__ */ jsx62("div", { className: "mt-2", children: /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-2", children: [
+      completedItemsLength === items.length ? /* @__PURE__ */ jsxs41("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsx62(Check4, { className: "h-4 w-4 text-gray-400" }),
+        /* @__PURE__ */ jsx62("span", { className: "text-sm text-gray-400", children: "Done" })
+      ] }) : /* @__PURE__ */ jsx62("span", { className: "text-sm", children: `${completedItemsLength} / ${items.length} completed` }),
+      completedItemsLength !== items.length && /* @__PURE__ */ jsx62("div", { className: "w-24", children: /* @__PURE__ */ jsx62(
         Progress,
         {
           value: completedItemsLength / items.length * 100,
@@ -5224,7 +4735,7 @@ var SetupGuide = ({
         }
       ) })
     ] }) }) }) }),
-    /* @__PURE__ */ jsx66(Collapsible, { open: isGuideOpen, id: accessId, children: /* @__PURE__ */ jsx66(CollapsibleContent2, { className: "p-2", children: /* @__PURE__ */ jsx66("div", { className: "space-y-1", children: items.map((item) => /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx62(Collapsible, { open: isGuideOpen, id: accessId, children: /* @__PURE__ */ jsx62(CollapsibleContent2, { className: "p-2", children: /* @__PURE__ */ jsx62("div", { className: "space-y-1", children: items.map((item) => /* @__PURE__ */ jsx62(
       SetupItem,
       {
         expanded: expanded === item.id,
@@ -5234,7 +4745,7 @@ var SetupGuide = ({
       },
       item.id
     )) }) }) }),
-    completedItemsLength === items.length && /* @__PURE__ */ jsx66("div", { className: "border-t border-gray-200 bg-gray-50 p-3", children: /* @__PURE__ */ jsx66("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx66(Button, { onClick: onDismiss, children: "Dismiss Guide" }) }) })
+    completedItemsLength === items.length && /* @__PURE__ */ jsx62("div", { className: "border-t border-gray-200 bg-gray-50 p-3", children: /* @__PURE__ */ jsx62("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx62(Button, { onClick: onDismiss, children: "Dismiss Guide" }) }) })
   ] });
 };
 var SetupItem = ({
@@ -5249,44 +4760,44 @@ var SetupItem = ({
   secondaryButton,
   id
 }) => {
-  const [loading, setLoading] = useState10(false);
+  const [loading, setLoading] = useState7(false);
   const completeItem = async () => {
     setLoading(true);
     await onComplete(id);
     setLoading(false);
   };
-  return /* @__PURE__ */ jsx66("div", { className: `rounded ${expanded ? "bg-gray-100" : ""}`, children: /* @__PURE__ */ jsx66("div", { className: `p-2 ${expanded ? "" : "hover:bg-gray-50"}`, children: /* @__PURE__ */ jsxs44("div", { className: "flex gap-2 items-start", children: [
-    /* @__PURE__ */ jsx66(TooltipProvider, { children: /* @__PURE__ */ jsxs44(Tooltip, { children: [
-      /* @__PURE__ */ jsx66(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx66(
+  return /* @__PURE__ */ jsx62("div", { className: `rounded ${expanded ? "bg-gray-100" : ""}`, children: /* @__PURE__ */ jsx62("div", { className: `p-2 ${expanded ? "" : "hover:bg-gray-50"}`, children: /* @__PURE__ */ jsxs41("div", { className: "flex gap-2 items-start", children: [
+    /* @__PURE__ */ jsx62(TooltipProvider, { children: /* @__PURE__ */ jsxs41(Tooltip, { children: [
+      /* @__PURE__ */ jsx62(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx62(
         Button,
         {
           variant: "ghost",
           size: "icon",
           className: "mt-0.5",
           onClick: completeItem,
-          children: loading ? /* @__PURE__ */ jsx66("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : complete ? /* @__PURE__ */ jsx66("div", { className: "h-5 w-5 rounded-full bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ jsx66(Check4, { className: "h-3 w-3 text-white" }) }) : /* @__PURE__ */ jsx66("div", { className: "h-5 w-5 rounded-full border-2 border-gray-300" })
+          children: loading ? /* @__PURE__ */ jsx62("div", { className: "h-5 w-5 animate-spin rounded-full border-2 border-gray-300 border-t-gray-600" }) : complete ? /* @__PURE__ */ jsx62("div", { className: "h-5 w-5 rounded-full bg-gray-900 flex items-center justify-center", children: /* @__PURE__ */ jsx62(Check4, { className: "h-3 w-3 text-white" }) }) : /* @__PURE__ */ jsx62("div", { className: "h-5 w-5 rounded-full border-2 border-gray-300" })
         }
       ) }),
-      /* @__PURE__ */ jsx66(TooltipContent, { children: complete ? "Mark as not done" : "Mark as done" })
+      /* @__PURE__ */ jsx62(TooltipContent, { children: complete ? "Mark as not done" : "Mark as done" })
     ] }) }),
-    /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx62(
       "div",
       {
         className: `grow ${expanded ? "" : "cursor-pointer"}`,
         onClick: expanded ? void 0 : setExpanded,
-        children: /* @__PURE__ */ jsxs44("div", { className: "space-y-3", id: id.toString(), children: [
-          /* @__PURE__ */ jsx66("h4", { className: expanded ? "text-sm font-semibold" : "text-sm", children: title }),
-          /* @__PURE__ */ jsx66(Collapsible, { open: expanded, children: /* @__PURE__ */ jsx66(CollapsibleContent2, { className: "pb-2 pr-2", children: /* @__PURE__ */ jsxs44("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ jsx66("p", { className: "text-sm text-gray-600", children: description }),
-            (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs44("div", { className: "space-x-3", children: [
-              primaryButton && /* @__PURE__ */ jsx66(Button, { ...primaryButton.props, children: primaryButton.content }),
-              secondaryButton && /* @__PURE__ */ jsx66(Button, { variant: "outline", ...secondaryButton.props, children: secondaryButton.content })
+        children: /* @__PURE__ */ jsxs41("div", { className: "space-y-3", id: id.toString(), children: [
+          /* @__PURE__ */ jsx62("h4", { className: expanded ? "text-sm font-semibold" : "text-sm", children: title }),
+          /* @__PURE__ */ jsx62(Collapsible, { open: expanded, children: /* @__PURE__ */ jsx62(CollapsibleContent2, { className: "pb-2 pr-2", children: /* @__PURE__ */ jsxs41("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ jsx62("p", { className: "text-sm text-gray-600", children: description }),
+            (primaryButton || secondaryButton) && /* @__PURE__ */ jsxs41("div", { className: "space-x-3", children: [
+              primaryButton && /* @__PURE__ */ jsx62(Button, { ...primaryButton.props, children: primaryButton.content }),
+              secondaryButton && /* @__PURE__ */ jsx62(Button, { variant: "outline", ...secondaryButton.props, children: secondaryButton.content })
             ] })
           ] }) }) })
         ] })
       }
     ),
-    image && expanded && /* @__PURE__ */ jsx66(
+    image && expanded && /* @__PURE__ */ jsx62(
       "img",
       {
         src: image.url,
@@ -5298,7 +4809,7 @@ var SetupItem = ({
 };
 
 // components/form-controls/sheet.tsx
-import { jsx as jsx67, jsxs as jsxs45 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs42 } from "react/jsx-runtime";
 var Sheet2 = ({
   title,
   trigger,
@@ -5306,20 +4817,20 @@ var Sheet2 = ({
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ jsxs45(Sheet, { ...props, children: [
-    trigger && /* @__PURE__ */ jsx67(SheetTrigger, { children: trigger }),
-    /* @__PURE__ */ jsx67(SheetContent, { children: /* @__PURE__ */ jsxs45(SheetHeader, { children: [
-      /* @__PURE__ */ jsx67(SheetTitle, { children: title }),
-      /* @__PURE__ */ jsx67(SheetDescription, { children: description }),
+  return /* @__PURE__ */ jsxs42(Sheet, { ...props, children: [
+    trigger && /* @__PURE__ */ jsx63(SheetTrigger, { children: trigger }),
+    /* @__PURE__ */ jsx63(SheetContent, { children: /* @__PURE__ */ jsxs42(SheetHeader, { children: [
+      /* @__PURE__ */ jsx63(SheetTitle, { children: title }),
+      /* @__PURE__ */ jsx63(SheetDescription, { children: description }),
       children
     ] }) })
   ] });
 };
 
 // components/form-controls/tags-input.tsx
-import { X as X3 } from "lucide-react";
+import { X as X2 } from "lucide-react";
 import * as React35 from "react";
-import { jsx as jsx68, jsxs as jsxs46 } from "react/jsx-runtime";
+import { jsx as jsx64, jsxs as jsxs43 } from "react/jsx-runtime";
 var TagsInput = React35.forwardRef(
   ({ variant = "default", className, value, onChange, ...props }, ref) => {
     const [inputValue, setInputValue] = React35.useState("");
@@ -5338,15 +4849,15 @@ var TagsInput = React35.forwardRef(
     const removeTag = (index) => {
       onChange(value.filter((_, i) => i !== index));
     };
-    return /* @__PURE__ */ jsxs46("div", { className: "flex flex-wrap gap-2 p-2 border rounded", children: [
-      value.map((tag, index) => /* @__PURE__ */ jsxs46(
+    return /* @__PURE__ */ jsxs43("div", { className: "flex flex-wrap gap-2 p-2 border rounded", children: [
+      value.map((tag, index) => /* @__PURE__ */ jsxs43(
         "span",
         {
           className: "bg-gray-200 px-2 py-1 rounded flex items-center",
           children: [
             tag,
-            /* @__PURE__ */ jsx68(
-              X3,
+            /* @__PURE__ */ jsx64(
+              X2,
               {
                 className: "ml-1 w-4 h-4 cursor-pointer",
                 onClick: () => removeTag(index)
@@ -5356,7 +4867,7 @@ var TagsInput = React35.forwardRef(
         },
         index
       )),
-      /* @__PURE__ */ jsx68(
+      /* @__PURE__ */ jsx64(
         "input",
         {
           className: "grow border-none focus:ring-0",
@@ -5374,7 +4885,7 @@ TagsInput.displayName = "TagsInput";
 
 // components/form-controls/textarea.tsx
 import * as React36 from "react";
-import { jsx as jsx69, jsxs as jsxs47 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs44 } from "react/jsx-runtime";
 var Textarea2 = React36.forwardRef(
   ({
     variant = "default",
@@ -5386,15 +4897,15 @@ var Textarea2 = React36.forwardRef(
     rules,
     ...props
   }, ref) => {
-    return isFormField ? /* @__PURE__ */ jsx69(
+    return isFormField ? /* @__PURE__ */ jsx65(
       FormField,
       {
         control,
         name,
         rules,
-        render: ({ field }) => /* @__PURE__ */ jsxs47(FormItem, { children: [
-          title && /* @__PURE__ */ jsx69(FormLabel, { children: title }),
-          /* @__PURE__ */ jsx69(FormControl, { children: /* @__PURE__ */ jsx69(
+        render: ({ field }) => /* @__PURE__ */ jsxs44(FormItem, { children: [
+          title && /* @__PURE__ */ jsx65(FormLabel, { children: title }),
+          /* @__PURE__ */ jsx65(FormControl, { children: /* @__PURE__ */ jsx65(
             Textarea,
             {
               className: `${className} resize-none`,
@@ -5402,10 +4913,10 @@ var Textarea2 = React36.forwardRef(
               ...props
             }
           ) }),
-          /* @__PURE__ */ jsx69(FormMessage, {})
+          /* @__PURE__ */ jsx65(FormMessage, {})
         ] })
       }
-    ) : /* @__PURE__ */ jsx69(
+    ) : /* @__PURE__ */ jsx65(
       Textarea,
       {
         className: `${className} resize-none`,
@@ -5419,8 +4930,8 @@ Textarea2.displayName = "Textarea";
 
 // components/form-controls/time-picker.tsx
 import { Clock } from "lucide-react";
-import { useState as useState12 } from "react";
-import { jsx as jsx70, jsxs as jsxs48 } from "react/jsx-runtime";
+import { useState as useState9 } from "react";
+import { jsx as jsx66, jsxs as jsxs45 } from "react/jsx-runtime";
 var TimePicker = ({
   value,
   onValueChange,
@@ -5428,7 +4939,7 @@ var TimePicker = ({
   className = "",
   disabled = false
 }) => {
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState9(false);
   const hours = Array.from({ length: 24 }, (_, i) => ({
     value: i.toString().padStart(2, "0"),
     label: i.toString().padStart(2, "0")
@@ -5444,21 +4955,21 @@ var TimePicker = ({
   const handleMinuteChange = (newMinute) => {
     onValueChange(`${hour}:${newMinute}`);
   };
-  return /* @__PURE__ */ jsxs48(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx70(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs48(
+  return /* @__PURE__ */ jsxs45(Popover, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx66(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs45(
       Button,
       {
         variant: "outline",
         className: `w-full justify-start text-left font-normal ${className}`,
         disabled,
         children: [
-          /* @__PURE__ */ jsx70(Clock, { className: "mr-2 h-4 w-4" }),
+          /* @__PURE__ */ jsx66(Clock, { className: "mr-2 h-4 w-4" }),
           value || placeholder
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx70(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ jsxs48("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx70(
+    /* @__PURE__ */ jsx66(PopoverContent, { className: "w-auto p-4", align: "start", children: /* @__PURE__ */ jsxs45("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx66(
         Select2,
         {
           defaultValue: hour,
@@ -5468,8 +4979,8 @@ var TimePicker = ({
           className: "w-[80px]"
         }
       ),
-      /* @__PURE__ */ jsx70("span", { className: "text-lg", children: ":" }),
-      /* @__PURE__ */ jsx70(
+      /* @__PURE__ */ jsx66("span", { className: "text-lg", children: ":" }),
+      /* @__PURE__ */ jsx66(
         Select2,
         {
           defaultValue: minute,
@@ -5484,19 +4995,19 @@ var TimePicker = ({
 };
 
 // components/form-controls/tooltip.tsx
-import { jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs46 } from "react/jsx-runtime";
 var Tooltip3 = ({ children, tipContent }) => {
-  return /* @__PURE__ */ jsx71(TooltipProvider, { children: /* @__PURE__ */ jsxs49(Tooltip, { delayDuration: 0, children: [
-    /* @__PURE__ */ jsx71(TooltipTrigger, { children }),
-    /* @__PURE__ */ jsx71(TooltipContent, { children: /* @__PURE__ */ jsx71("p", { children: tipContent }) })
+  return /* @__PURE__ */ jsx67(TooltipProvider, { children: /* @__PURE__ */ jsxs46(Tooltip, { delayDuration: 0, children: [
+    /* @__PURE__ */ jsx67(TooltipTrigger, { children }),
+    /* @__PURE__ */ jsx67(TooltipContent, { children: /* @__PURE__ */ jsx67("p", { children: tipContent }) })
   ] }) });
 };
 
 // components/form-controls/upload-widget.tsx
-import { Loader2 as Loader24, Upload } from "lucide-react";
+import { Loader2 as Loader23, Upload } from "lucide-react";
 import { useDropzone } from "react-dropzone";
 import { toast } from "sonner";
-import { jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs47 } from "react/jsx-runtime";
 function UploadWidget({
   accept,
   maxSize,
@@ -5528,18 +5039,18 @@ function UploadWidget({
     maxFiles
   };
   const { getRootProps, getInputProps, isDragActive } = useDropzone(dropzoneOptions);
-  return /* @__PURE__ */ jsxs50(
+  return /* @__PURE__ */ jsxs47(
     "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__ */ jsx72("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx72(Loader24, { className: "animate-spin h-6 w-6 text-primary" }) }),
-        /* @__PURE__ */ jsx72("input", { ...getInputProps() }),
-        isDragActive ? /* @__PURE__ */ jsx72("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs50("div", { children: [
-          /* @__PURE__ */ jsx72(Upload, { className: "mx-auto h-12 w-12 text-gray-400" }),
-          /* @__PURE__ */ jsx72("p", { children: "Drag n drop some files here, or click to select files" }),
-          /* @__PURE__ */ jsxs50("p", { className: "text-sm text-gray-500", children: [
+        isUploading && /* @__PURE__ */ jsx68("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx68(Loader23, { className: "animate-spin h-6 w-6 text-primary" }) }),
+        /* @__PURE__ */ jsx68("input", { ...getInputProps() }),
+        isDragActive ? /* @__PURE__ */ jsx68("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs47("div", { children: [
+          /* @__PURE__ */ jsx68(Upload, { className: "mx-auto h-12 w-12 text-gray-400" }),
+          /* @__PURE__ */ jsx68("p", { children: "Drag n drop some files here, or click to select files" }),
+          /* @__PURE__ */ jsxs47("p", { className: "text-sm text-gray-500", children: [
             "Only ",
             acceptedTypes,
             " files up to ",
@@ -5547,11 +5058,11 @@ function UploadWidget({
             "MB are accepted"
           ] })
         ] }),
-        fileUrls.length > 0 && /* @__PURE__ */ jsx72("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx72("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
+        fileUrls.length > 0 && /* @__PURE__ */ jsx68("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx68("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
           const fileName = getFileName(url);
-          return /* @__PURE__ */ jsxs50("li", { className: "flex items-center space-x-2 text-sm", children: [
-            /* @__PURE__ */ jsx72("div", { children: getFileIcon(fileName) }),
-            /* @__PURE__ */ jsx72("span", { children: fileName })
+          return /* @__PURE__ */ jsxs47("li", { className: "flex items-center space-x-2 text-sm", children: [
+            /* @__PURE__ */ jsx68("div", { children: getFileIcon(fileName) }),
+            /* @__PURE__ */ jsx68("span", { children: fileName })
           ] }, i);
         }) }) })
       ]
@@ -5562,15 +5073,15 @@ function UploadWidget({
 // components/general/markdown-renderer.tsx
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
-import { jsx as jsx73 } from "react/jsx-runtime";
+import { jsx as jsx69 } from "react/jsx-runtime";
 function MarkdownRenderer({ content }) {
-  return /* @__PURE__ */ jsx73(
+  return /* @__PURE__ */ jsx69(
     ReactMarkdown,
     {
       remarkPlugins: [remarkGfm],
       className: "text-primary-900",
       components: {
-        a: ({ node, ...props }) => /* @__PURE__ */ jsx73(
+        a: ({ node, ...props }) => /* @__PURE__ */ jsx69(
           "a",
           {
             target: "_blank",
@@ -5579,20 +5090,20 @@ function MarkdownRenderer({ content }) {
             ...props
           }
         ),
-        h1: ({ node, ...props }) => /* @__PURE__ */ jsx73("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
-        h2: ({ node, ...props }) => /* @__PURE__ */ jsx73("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
-        h3: ({ node, ...props }) => /* @__PURE__ */ jsx73("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
-        code: ({ node, ...props }) => /* @__PURE__ */ jsx73(
+        h1: ({ node, ...props }) => /* @__PURE__ */ jsx69("h1", { className: "text-2xl font-bold mt-6 mb-4", ...props }),
+        h2: ({ node, ...props }) => /* @__PURE__ */ jsx69("h2", { className: "text-xl font-semibold mt-5 mb-3", ...props }),
+        h3: ({ node, ...props }) => /* @__PURE__ */ jsx69("h3", { className: "text-lg font-semibold mt-4 mb-2", ...props }),
+        code: ({ node, ...props }) => /* @__PURE__ */ jsx69(
           "code",
           {
             className: "block bg-stone-100 p-3 rounded font-mono",
             ...props
           }
         ),
-        ul: ({ node, ...props }) => /* @__PURE__ */ jsx73("ul", { className: "list-disc pl-6 my-4", ...props }),
-        ol: ({ node, ...props }) => /* @__PURE__ */ jsx73("ol", { className: "list-decimal pl-6 my-4", ...props }),
-        p: ({ node, ...props }) => /* @__PURE__ */ jsx73("p", { className: "my-4", ...props }),
-        blockquote: ({ node, ...props }) => /* @__PURE__ */ jsx73(
+        ul: ({ node, ...props }) => /* @__PURE__ */ jsx69("ul", { className: "list-disc pl-6 my-4", ...props }),
+        ol: ({ node, ...props }) => /* @__PURE__ */ jsx69("ol", { className: "list-decimal pl-6 my-4", ...props }),
+        p: ({ node, ...props }) => /* @__PURE__ */ jsx69("p", { className: "my-4", ...props }),
+        blockquote: ({ node, ...props }) => /* @__PURE__ */ jsx69(
           "blockquote",
           {
             className: "border-l-4 border-stone-200 pl-4 my-4 italic",
@@ -5606,9 +5117,9 @@ function MarkdownRenderer({ content }) {
 }
 
 // components/general/chat-loading.tsx
-import { jsx as jsx74, jsxs as jsxs51 } from "react/jsx-runtime";
+import { jsx as jsx70, jsxs as jsxs48 } from "react/jsx-runtime";
 function ChatLoading() {
-  return /* @__PURE__ */ jsxs51(
+  return /* @__PURE__ */ jsxs48(
     "svg",
     {
       xmlns: "http://www.w3.org/2000/svg",
@@ -5616,7 +5127,7 @@ function ChatLoading() {
       width: "60",
       height: "15",
       children: [
-        /* @__PURE__ */ jsx74("circle", { cx: "7.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx70("circle", { cx: "7.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx70(
           "animate",
           {
             attributeName: "cy",
@@ -5629,7 +5140,7 @@ function ChatLoading() {
             values: "7.5;3.5;7.5"
           }
         ) }),
-        /* @__PURE__ */ jsx74("circle", { cx: "30", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx70("circle", { cx: "30", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx70(
           "animate",
           {
             attributeName: "cy",
@@ -5642,7 +5153,7 @@ function ChatLoading() {
             values: "7.5;3.5;7.5"
           }
         ) }),
-        /* @__PURE__ */ jsx74("circle", { cx: "52.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx74(
+        /* @__PURE__ */ jsx70("circle", { cx: "52.5", cy: "7.5", r: "3.5", fill: "#444444", children: /* @__PURE__ */ jsx70(
           "animate",
           {
             attributeName: "cy",
@@ -5661,10 +5172,10 @@ function ChatLoading() {
 }
 
 // components/layout/action-bar.tsx
-import { ArrowLeft, icons as icons3, Loader2 as Loader25 } from "lucide-react";
-import { useRouter as useRouter4 } from "next/navigation";
+import { ArrowLeft, icons as icons3, Loader2 as Loader24 } from "lucide-react";
+import { useRouter as useRouter3 } from "next/navigation";
 import React37 from "react";
-import { Fragment as Fragment9, jsx as jsx75, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx71, jsxs as jsxs49 } from "react/jsx-runtime";
 var colorStyles = {
   red: "bg-red-50 hover:bg-red-100 text-red-600",
   blue: "bg-blue-50 hover:bg-blue-100 text-blue-600",
@@ -5678,50 +5189,50 @@ function EloquentActionBar({
   buttons,
   title
 }) {
-  const router = useRouter4();
+  const router = useRouter3();
   const LucideIcons = icons3;
-  return /* @__PURE__ */ jsxs52("div", { className: "flex bg-white border-gray-200 border-b border-x rounded-t-lg items-center", children: [
-    showBack && /* @__PURE__ */ jsxs52(Fragment9, { children: [
-      /* @__PURE__ */ jsxs52(
+  return /* @__PURE__ */ jsxs49("div", { className: "flex bg-white border-gray-200 border-b border-x rounded-t-lg items-center", children: [
+    showBack && /* @__PURE__ */ jsxs49(Fragment6, { children: [
+      /* @__PURE__ */ jsxs49(
         "button",
         {
           onClick: () => router.back(),
           className: "flex items-center px-3 py-2 hover:bg-gray-100 transition-colors",
           children: [
-            /* @__PURE__ */ jsx75(ArrowLeft, { className: "w-5 h-5 mr-2 text-gray-600" }),
-            /* @__PURE__ */ jsx75("span", { className: "text-gray-600 font-medium", children: "Back" })
+            /* @__PURE__ */ jsx71(ArrowLeft, { className: "w-5 h-5 mr-2 text-gray-600" }),
+            /* @__PURE__ */ jsx71("span", { className: "text-gray-600 font-medium", children: "Back" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx75(Separator3, { orientation: "vertical", className: "h-full" })
+      /* @__PURE__ */ jsx71(Separator3, { orientation: "vertical", className: "h-full" })
     ] }),
-    /* @__PURE__ */ jsx75("div", { className: "flex items-center", children: buttons.map((button, index) => {
+    /* @__PURE__ */ jsx71("div", { className: "flex items-center", children: buttons.map((button, index) => {
       const Icon3 = LucideIcons[button.icon];
-      return /* @__PURE__ */ jsxs52(React37.Fragment, { children: [
-        /* @__PURE__ */ jsxs52(
+      return /* @__PURE__ */ jsxs49(React37.Fragment, { children: [
+        /* @__PURE__ */ jsxs49(
           "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__ */ jsx75(Loader25, { className: "w-5 h-5 mr-2 animate-spin" }) : /* @__PURE__ */ jsx75(Icon3, { className: "w-5 h-5 mr-2" }),
-              /* @__PURE__ */ jsx75("span", { className: "font-medium", children: button.label })
+              button.isLoading ? /* @__PURE__ */ jsx71(Loader24, { className: "w-5 h-5 mr-2 animate-spin" }) : /* @__PURE__ */ jsx71(Icon3, { className: "w-5 h-5 mr-2" }),
+              /* @__PURE__ */ jsx71("span", { className: "font-medium", children: button.label })
             ]
           }
         ),
-        index < buttons.length - 1 && /* @__PURE__ */ jsx75(Separator3, { orientation: "vertical", className: "h-full" })
+        index < buttons.length - 1 && /* @__PURE__ */ jsx71(Separator3, { orientation: "vertical", className: "h-full" })
       ] }, button.label);
     }) }),
-    title && /* @__PURE__ */ jsx75("span", { className: "text-lg", children: title })
+    title && /* @__PURE__ */ jsx71("span", { className: "text-lg", children: title })
   ] });
 }
 
 // components/schema-fields/dropdown-field.tsx
-import { jsx as jsx76, jsxs as jsxs53 } from "react/jsx-runtime";
+import { jsx as jsx72, jsxs as jsxs50 } from "react/jsx-runtime";
 function ColorDot({ color }) {
   if (!color) return null;
-  return /* @__PURE__ */ jsx76(
+  return /* @__PURE__ */ jsx72(
     "div",
     {
       className: "w-3 h-3 rounded-full mr-2 inline-block",
@@ -5738,25 +5249,25 @@ function DropdownField({ schema, value, onChange }) {
   const renderSelectedValue = () => {
     const selectedOption = options?.find((opt) => opt.value === value);
     if (!selectedOption) return null;
-    return /* @__PURE__ */ jsxs53("div", { className: "flex items-center", children: [
-      /* @__PURE__ */ jsx76(ColorDot, { color: selectedOption.color }),
+    return /* @__PURE__ */ jsxs50("div", { className: "flex items-center", children: [
+      /* @__PURE__ */ jsx72(ColorDot, { color: selectedOption.color }),
       selectedOption.label
     ] });
   };
-  return /* @__PURE__ */ jsxs53(
+  return /* @__PURE__ */ jsxs50(
     Select,
     {
       value: value ?? "",
       onValueChange: onChange,
       children: [
-        /* @__PURE__ */ jsx76(SelectTrigger, { children: /* @__PURE__ */ jsx76(SelectValue, { children: renderSelectedValue() }) }),
-        /* @__PURE__ */ jsx76(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsxs53(
+        /* @__PURE__ */ jsx72(SelectTrigger, { children: /* @__PURE__ */ jsx72(SelectValue, { children: renderSelectedValue() }) }),
+        /* @__PURE__ */ jsx72(SelectContent, { children: options?.map((option) => /* @__PURE__ */ jsxs50(
           SelectItem,
           {
             value: option.value,
             className: "flex items-center",
             children: [
-              /* @__PURE__ */ jsx76(ColorDot, { color: option.color }),
+              /* @__PURE__ */ jsx72(ColorDot, { color: option.color }),
               option.label
             ]
           },
@@ -5768,7 +5279,7 @@ function DropdownField({ schema, value, onChange }) {
 }
 
 // components/schema-fields/string-field.tsx
-import { jsx as jsx77 } from "react/jsx-runtime";
+import { jsx as jsx73 } from "react/jsx-runtime";
 function StringField({
   name,
   schema,
@@ -5800,7 +5311,7 @@ function StringField({
         return "text";
     }
   };
-  return /* @__PURE__ */ jsx77(
+  return /* @__PURE__ */ jsx73(
     Input,
     {
       value: value || "",
@@ -5819,14 +5330,14 @@ function StringField({
 }
 
 // components/schema-fields/string-multi-line-field.tsx
-import { jsx as jsx78 } from "react/jsx-runtime";
+import { jsx as jsx74 } from "react/jsx-runtime";
 function StringMultiLineField({
   name,
   schema,
   value,
   onChange
 }) {
-  return /* @__PURE__ */ jsx78(
+  return /* @__PURE__ */ jsx74(
     Textarea,
     {
       value: value || "",
@@ -5840,10 +5351,10 @@ function StringMultiLineField({
 
 // components/schema-fields/text-field.tsx
 import { RiCheckLine } from "@remixicon/react";
-import { useState as useState13 } from "react";
-import { jsx as jsx79, jsxs as jsxs54 } from "react/jsx-runtime";
+import { useState as useState10 } from "react";
+import { jsx as jsx75, jsxs as jsxs51 } from "react/jsx-runtime";
 function TextField({ schema, value, onChange }) {
-  return /* @__PURE__ */ jsx79(TooltipProvider, { children: /* @__PURE__ */ jsx79("div", { className: "rounded-lg border bg-background flex flex-col", children: /* @__PURE__ */ jsx79(
+  return /* @__PURE__ */ jsx75(TooltipProvider, { children: /* @__PURE__ */ jsx75("div", { className: "rounded-lg border bg-background flex flex-col", children: /* @__PURE__ */ jsx75(
     Input,
     {
       value,
@@ -5854,7 +5365,7 @@ function TextField({ schema, value, onChange }) {
 }
 
 // components/schema-fields/schema-field.tsx
-import { jsx as jsx80, jsxs as jsxs55 } from "react/jsx-runtime";
+import { jsx as jsx76, jsxs as jsxs52 } from "react/jsx-runtime";
 function getFieldType(schema) {
   if (schema.enum) return "dropdown";
   if (schema.format === "richtext") return "text";
@@ -5876,38 +5387,63 @@ function SchemaField(props) {
       case "email":
       case "phone":
       case "url":
-        return /* @__PURE__ */ jsx80(StringField, { ...props });
+        return /* @__PURE__ */ jsx76(StringField, { ...props });
       case "stringMultiline":
-        return /* @__PURE__ */ jsx80(StringMultiLineField, { ...props });
+        return /* @__PURE__ */ jsx76(StringMultiLineField, { ...props });
       case "text":
-        return /* @__PURE__ */ jsx80(TextField, { ...props });
+        return /* @__PURE__ */ jsx76(TextField, { ...props });
       case "dropdown":
-        return /* @__PURE__ */ jsx80(DropdownField, { ...props });
+        return /* @__PURE__ */ jsx76(DropdownField, { ...props });
       default:
-        return /* @__PURE__ */ jsxs55("div", { className: "text-red-500", children: [
+        return /* @__PURE__ */ jsxs52("div", { className: "text-red-500", children: [
           "Unsupported field type: ",
           fieldType
         ] });
     }
   };
-  return /* @__PURE__ */ jsxs55("div", { className: cn("space-y-2", getColspanBySchema(schema)), children: [
-    /* @__PURE__ */ jsxs55(Label2, { children: [
+  return /* @__PURE__ */ jsxs52("div", { className: cn("space-y-2", getColspanBySchema(schema)), children: [
+    /* @__PURE__ */ jsxs52(Label, { children: [
       label ?? schema.title ?? name,
-      schema.required && /* @__PURE__ */ jsx80("span", { className: "text-red-500", children: "*" })
+      schema.required && /* @__PURE__ */ jsx76("span", { className: "text-red-500", children: "*" })
     ] }),
     renderField(),
-    schema.description && /* @__PURE__ */ jsx80("p", { className: "text-sm text-gray-500", children: schema.description })
+    schema.description && /* @__PURE__ */ jsx76("p", { className: "text-sm text-gray-500", children: schema.description })
   ] });
 }
 
+// ../docs/dist/index.mjs
+import { File as File2, FileSpreadsheet as FileSpreadsheet2, FileText as FileText2 } from "lucide-react";
+import { jsx as jsx77 } from "react/jsx-runtime";
+var getFileIcon2 = (fileName) => {
+  const extensionMatch = fileName.match(/\.([^.]+)$/);
+  const extension = extensionMatch ? extensionMatch[1].toLowerCase() : null;
+  if (!extension) return /* @__PURE__ */ jsx77(File2, { className: "w-8 h-8 text-gray-500" });
+  switch (extension) {
+    case "pdf":
+      return /* @__PURE__ */ jsx77(File2, { className: "w-8 h-8 text-red-500" });
+    case "doc":
+    case "docx":
+      return /* @__PURE__ */ jsx77(FileText2, { className: "w-8 h-8 text-blue-500" });
+    case "xls":
+    case "xlsx":
+      return /* @__PURE__ */ jsx77(FileSpreadsheet2, { className: "w-8 h-8 text-green-500" });
+    default:
+      return /* @__PURE__ */ jsx77(File2, { 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
-import { getFileIcon as getFileIcon2, getFileName as getFileName2 } from "@elqnt/docs";
-import { Loader2 as Loader26, UploadCloud } from "lucide-react";
-import { useState as useState14 } from "react";
+import { Loader2 as Loader25, UploadCloud } from "lucide-react";
+import { useState as useState11 } from "react";
 import { useDropzone as useDropzone2 } from "react-dropzone";
 import { toast as toast2 } from "sonner";
 import { uploadFile, uploadToS3 } from "./upload/upload-actions";
-import { jsx as jsx81, jsxs as jsxs56 } from "react/jsx-runtime";
+import { jsx as jsx78, jsxs as jsxs53 } from "react/jsx-runtime";
 function UploadWidgetV2({
   accept,
   maxSize,
@@ -5917,8 +5453,8 @@ function UploadWidgetV2({
   uploadDestination = "azure",
   hideUploadedFiles = false
 }) {
-  const [isUploading, setIsUploading] = useState14(false);
-  const [fileUrls, setFileUrls] = useState14([]);
+  const [isUploading, setIsUploading] = useState11(false);
+  const [fileUrls, setFileUrls] = useState11([]);
   const fileMaxSizeMB = maxSize / 1024 / 1024;
   const acceptedTypes = accept ? Object.values(accept).flat().join(", ") : "";
   const handleUpload = async (files) => {
@@ -5965,7 +5501,7 @@ function UploadWidgetV2({
     maxSize,
     maxFiles
   });
-  return /* @__PURE__ */ jsxs56(
+  return /* @__PURE__ */ jsxs53(
     "div",
     {
       ...getRootProps(),
@@ -5974,12 +5510,12 @@ function UploadWidgetV2({
         className
       ),
       children: [
-        isUploading && /* @__PURE__ */ jsx81("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx81(Loader26, { className: "animate-spin h-6 w-6 text-primary" }) }),
-        /* @__PURE__ */ jsx81("input", { ...getInputProps() }),
-        isDragActive ? /* @__PURE__ */ jsx81("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs56("div", { children: [
-          /* @__PURE__ */ jsx81(UploadCloud, { className: "mx-auto h-12 w-12 text-gray-400" }),
-          /* @__PURE__ */ jsx81("p", { children: "Drag n drop some files here, or click to select files" }),
-          /* @__PURE__ */ jsxs56("p", { className: "text-sm text-gray-500", children: [
+        isUploading && /* @__PURE__ */ jsx78("div", { className: "absolute top-3 right-3", children: /* @__PURE__ */ jsx78(Loader25, { className: "animate-spin h-6 w-6 text-primary" }) }),
+        /* @__PURE__ */ jsx78("input", { ...getInputProps() }),
+        isDragActive ? /* @__PURE__ */ jsx78("p", { children: "Drop the files here ..." }) : /* @__PURE__ */ jsxs53("div", { children: [
+          /* @__PURE__ */ jsx78(UploadCloud, { className: "mx-auto h-12 w-12 text-gray-400" }),
+          /* @__PURE__ */ jsx78("p", { children: "Drag n drop some files here, or click to select files" }),
+          /* @__PURE__ */ jsxs53("p", { className: "text-sm text-gray-500", children: [
             "Only ",
             acceptedTypes,
             " files up to ",
@@ -5987,102 +5523,17 @@ function UploadWidgetV2({
             "MB are accepted"
           ] })
         ] }),
-        !hideUploadedFiles && fileUrls.length > 0 && /* @__PURE__ */ jsx81("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx81("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
+        !hideUploadedFiles && fileUrls.length > 0 && /* @__PURE__ */ jsx78("div", { className: "mt-4 border-t border-gray-300 pt-4", children: /* @__PURE__ */ jsx78("ul", { className: "flex flex-wrap gap-2", children: fileUrls.map((url, i) => {
           const fileName = getFileName2(url);
-          return /* @__PURE__ */ jsxs56("li", { className: "flex items-center space-x-2 text-sm", children: [
-            /* @__PURE__ */ jsx81("div", { children: getFileIcon2(fileName) }),
-            /* @__PURE__ */ jsx81("span", { children: fileName })
+          return /* @__PURE__ */ jsxs53("li", { className: "flex items-center space-x-2 text-sm", children: [
+            /* @__PURE__ */ jsx78("div", { children: getFileIcon2(fileName) }),
+            /* @__PURE__ */ jsx78("span", { children: fileName })
           ] }, i);
         }) }) })
       ]
     }
   );
 }
-
-// hooks/use-file-upload.ts
-import { useNatsContext } from "@elqnt/nats";
-import { useEffect as useEffect7, useState as useState15 } from "react";
-import { useWatch } from "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 = useWatch({ name: formFieldName });
-  const [fileUrls, setFileUrls] = useState15([]);
-  const [isUploading, setIsUploading] = useState15(false);
-  const { request, ObjectStore } = useNatsContext();
-  useEffect7(() => {
-    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 };
-};
 export {
   ActionBar,
   ActionBarButton,
@@ -6106,7 +5557,6 @@ export {
   DurationInput,
   EloquentActionBar,
   FilterCombobox,
-  FilterDialog,
   Form,
   FormCombobox,
   FormControl,
@@ -6118,15 +5568,12 @@ export {
   FormMessage,
   FormRow,
   FormWithActionButtons,
-  Icon2 as Icon,
+  Icon,
   IconButton,
   Input2 as Input,
-  KnowledgeGraphWordCloud,
-  LeftNav,
   MarkdownRenderer,
   MultiSelect,
   MultiStepProcess,
-  OrgSelector,
   PageHeader,
   Popover2 as Popover,
   ProfileMenu,
@@ -6152,7 +5599,6 @@ export {
   getFieldType,
   getFileIcon,
   getFileName,
-  useFileUpload,
   useFormField
 };
 //# sourceMappingURL=index.mjs.map