pxengine 0.1.95 → 0.1.97

package/dist/index.cjs

@@ -354,7 +354,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/render/PXEngineRenderer.tsx
-var import_react94 = __toESM(require("react"), 1);
+var import_react95 = __toESM(require("react"), 1);
 
 // src/atoms/index.ts
 var atoms_exports = {};
@@ -25145,6 +25145,9 @@ var CardAtom = ({
   );
 };
 
+// src/atoms/InputAtom.tsx
+var import_react5 = __toESM(require("react"), 1);
+
 // src/components/ui/input.tsx
 var React5 = __toESM(require("react"), 1);
 var import_jsx_runtime8 = require("react/jsx-runtime");
@@ -25471,8 +25474,24 @@ var InputAtom = ({
   config,
   labelColor,
   className,
-  style
+  style,
+  fieldKey,
+  id,
+  onValueChange
 }) => {
+  const [liveValue, setLiveValue] = import_react5.default.useState(defaultValue);
+  const isInteractive = typeof onValueChange === "function";
+  import_react5.default.useEffect(() => {
+    if (isInteractive) {
+      setLiveValue(defaultValue);
+    }
+  }, [defaultValue, isInteractive]);
+  const handleChange = (val) => {
+    setLiveValue(val);
+    if (onValueChange) {
+      onValueChange(fieldKey || id || label || "field", val);
+    }
+  };
   const containerClass = cn("flex flex-col gap-2 w-full", className);
   const getAlignmentClass = (textAlign2) => {
     switch (textAlign2) {
@@ -25517,12 +25536,14 @@ var InputAtom = ({
       },
       ...remainingStyle
     };
+    const currentValue = isInteractive ? liveValue : defaultValue;
     const commonProps = {
       placeholder,
-      value: defaultValue,
+      value: currentValue,
       disabled,
       required,
-      readOnly: true,
+      // Only readOnly when not in interactive mode
+      ...isInteractive ? {} : { readOnly: true },
       className: cn(
         "rounded-xl border-border bg-transparent focus:ring-primary shadow-none",
         className
@@ -25531,29 +25552,45 @@ var InputAtom = ({
     };
     switch (inputType) {
       case "textarea":
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Textarea, { ...commonProps, rows: config?.rows || 3 });
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          Textarea,
+          {
+            ...commonProps,
+            rows: config?.rows || 3,
+            onChange: isInteractive ? (e) => handleChange(e.target.value) : void 0
+          }
+        );
       case "select":
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Select, { value: defaultValue, disabled, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-            SelectTrigger,
-            {
-              className: cn("rounded-xl border-border bg-transparent shadow-none", className),
-              style: remainingStyle,
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: placeholder || "Select option" })
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectContent, { className: "rounded-xl border-border shadow-xl", children: options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
-        ] });
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          Select,
+          {
+            value: currentValue,
+            disabled,
+            onValueChange: isInteractive ? (val) => handleChange(val) : void 0,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                SelectTrigger,
+                {
+                  className: cn("rounded-xl border-border bg-transparent shadow-none", className),
+                  style: remainingStyle,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectValue, { placeholder: placeholder || "Select option" })
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectContent, { className: "rounded-xl border-border shadow-xl", children: options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
+            ]
+          }
+        );
       case "slider":
         return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "pt-2 pb-1 w-full bg-transparent", style: remainingStyle, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Slider,
           {
-            value: [defaultValue || config?.min || 0],
+            value: [currentValue ?? config?.min ?? 0],
             max: config?.max || 100,
             min: config?.min || 0,
             step: config?.step || 1,
             disabled,
-            className: cn("py-4", className)
+            className: cn("py-4", className),
+            onValueChange: isInteractive ? ([val]) => handleChange(val) : void 0
           }
         ) });
       case "checkbox":
@@ -25562,9 +25599,10 @@ var InputAtom = ({
             Checkbox,
             {
               id: label,
-              checked: defaultValue,
+              checked: Boolean(currentValue),
               disabled,
-              className: "rounded-[6px] border-border data-[state=checked]:bg-primary"
+              className: "rounded-[6px] border-border data-[state=checked]:bg-primary",
+              onCheckedChange: isInteractive ? (checked) => handleChange(Boolean(checked)) : void 0
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
@@ -25592,9 +25630,10 @@ var InputAtom = ({
             Switch,
             {
               id: label,
-              checked: defaultValue,
+              checked: Boolean(currentValue),
               disabled,
-              className: "data-[state=checked]:bg-primary"
+              className: "data-[state=checked]:bg-primary",
+              onCheckedChange: isInteractive ? (checked) => handleChange(Boolean(checked)) : void 0
             }
           )
         ] });
@@ -25602,10 +25641,11 @@ var InputAtom = ({
         return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           RadioGroup,
           {
-            value: defaultValue,
+            value: currentValue,
             disabled,
             className: cn("gap-2.5 bg-transparent", className),
             style: remainingStyle,
+            onValueChange: isInteractive ? (val) => handleChange(val) : void 0,
             children: options?.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "flex items-center space-x-3 bg-transparent", children: [
               /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 RadioGroupItem,
@@ -25628,21 +25668,31 @@ var InputAtom = ({
           }
         );
       case "otp":
-        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex justify-center py-2 bg-transparent", style: remainingStyle, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTP, { maxLength: config?.maxLength || 6, disabled, value: defaultValue, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPGroup, { className: "gap-2 bg-transparent", children: Array.from({ length: config?.maxLength || 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
-          InputOTPSlot,
+        return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "flex justify-center py-2 bg-transparent", style: remainingStyle, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          InputOTP,
           {
-            index: i,
-            className: "rounded-xl border border-border bg-transparent"
-          },
-          i
-        )) }) }) });
+            maxLength: config?.maxLength || 6,
+            disabled,
+            value: currentValue ?? "",
+            onChange: isInteractive ? (val) => handleChange(val) : void 0,
+            children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(InputOTPGroup, { className: "gap-2 bg-transparent", children: Array.from({ length: config?.maxLength || 6 }).map((_, i) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              InputOTPSlot,
+              {
+                index: i,
+                className: "rounded-xl border border-border bg-transparent"
+              },
+              i
+            )) })
+          }
+        ) });
       default:
         return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Input,
           {
             ...commonProps,
             type: inputType,
-            className: cn("rounded-xl border-border bg-transparent focus:ring-primary h-11 shadow-none", className)
+            className: cn("rounded-xl border-border bg-transparent focus:ring-primary h-11 shadow-none", className),
+            onChange: isInteractive ? (e) => handleChange(e.target.value) : void 0
           }
         );
     }
@@ -25716,10 +25766,10 @@ var BadgeAtom = ({
 };
 
 // src/components/ui/avatar.tsx
-var React14 = __toESM(require("react"), 1);
+var React15 = __toESM(require("react"), 1);
 var AvatarPrimitive = __toESM(require("@radix-ui/react-avatar"), 1);
 var import_jsx_runtime20 = require("react/jsx-runtime");
-var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var Avatar = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   AvatarPrimitive.Root,
   {
     ref,
@@ -25731,7 +25781,7 @@ var Avatar = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 Avatar.displayName = AvatarPrimitive.Root.displayName;
-var AvatarImage = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var AvatarImage = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   AvatarPrimitive.Image,
   {
     ref,
@@ -25740,7 +25790,7 @@ var AvatarImage = React14.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 AvatarImage.displayName = AvatarPrimitive.Image.displayName;
-var AvatarFallback = React14.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+var AvatarFallback = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
   AvatarPrimitive.Fallback,
   {
     ref,
@@ -25782,14 +25832,14 @@ var AvatarAtom = ({
 };
 
 // src/atoms/TabsAtom.tsx
-var import_react5 = __toESM(require("react"), 1);
+var import_react6 = __toESM(require("react"), 1);
 
 // src/components/ui/tabs.tsx
-var React15 = __toESM(require("react"), 1);
+var React16 = __toESM(require("react"), 1);
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"), 1);
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var Tabs = TabsPrimitive.Root;
-var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var TabsList = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   TabsPrimitive.List,
   {
     ref,
@@ -25801,7 +25851,7 @@ var TabsList = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
-var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var TabsTrigger = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
@@ -25813,7 +25863,7 @@ var TabsTrigger = React15.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
-var TabsContent = React15.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+var TabsContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
   TabsPrimitive.Content,
   {
     ref,
@@ -25844,19 +25894,19 @@ var TabsAtom = ({
       },
       tab.value
     )) }),
-    tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react5.default.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
+    tabs.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(TabsContent, { value: tab.value, className: "mt-4", children: tab.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_react6.default.Fragment, { children: renderComponent(child) }, child.id)) }, tab.value))
   ] });
 };
 
 // src/atoms/AccordionAtom.tsx
-var import_react6 = __toESM(require("react"), 1);
+var import_react7 = __toESM(require("react"), 1);
 
 // src/components/ui/accordion.tsx
-var React17 = __toESM(require("react"), 1);
+var React18 = __toESM(require("react"), 1);
 var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"), 1);
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var Accordion = AccordionPrimitive.Root;
-var AccordionItem = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var AccordionItem = React18.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   AccordionPrimitive.Item,
   {
     ref,
@@ -25865,7 +25915,7 @@ var AccordionItem = React17.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+var AccordionTrigger = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(AccordionPrimitive.Header, { className: "flex", children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
   AccordionPrimitive.Trigger,
   {
     ref,
@@ -25881,7 +25931,7 @@ var AccordionTrigger = React17.forwardRef(({ className, children, ...props }, re
   }
 ) }));
 AccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName;
-var AccordionContent = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+var AccordionContent = React18.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
   AccordionPrimitive.Content,
   {
     ref,
@@ -25906,7 +25956,7 @@ var AccordionAtom = ({
       className: "border-gray-100",
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccordionTrigger, { className: "text-sm font-semibold hover:no-underline hover:text-purple600 py-4", children: item.trigger }),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react6.default.Fragment, { children: renderComponent(child) }, child.id)) }) })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(AccordionContent, { children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "pt-2 pb-4", children: item.content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_react7.default.Fragment, { children: renderComponent(child) }, child.id)) }) })
       ]
     },
     item.value
@@ -25914,10 +25964,10 @@ var AccordionAtom = ({
 };
 
 // src/components/ui/progress.tsx
-var React19 = __toESM(require("react"), 1);
+var React20 = __toESM(require("react"), 1);
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"), 1);
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var Progress = React19.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+var Progress = React20.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
   ProgressPrimitive.Root,
   {
     ref,
@@ -25998,7 +26048,7 @@ var SkeletonAtom = ({
 };
 
 // src/components/ui/alert.tsx
-var React20 = __toESM(require("react"), 1);
+var React21 = __toESM(require("react"), 1);
 var import_class_variance_authority4 = require("class-variance-authority");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority4.cva)(
@@ -26015,7 +26065,7 @@ var alertVariants = (0, import_class_variance_authority4.cva)(
     }
   }
 );
-var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var Alert = React21.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     ref,
@@ -26025,7 +26075,7 @@ var Alert = React20.forwardRef(({ className, variant, ...props }, ref) => /* @__
   }
 ));
 Alert.displayName = "Alert";
-var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var AlertTitle = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "h5",
   {
     ref,
@@ -26034,7 +26084,7 @@ var AlertTitle = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React20.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+var AlertDescription = React21.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
   "div",
   {
     ref,
@@ -26094,10 +26144,10 @@ var AlertAtom = ({
 };
 
 // src/components/ui/separator.tsx
-var React21 = __toESM(require("react"), 1);
+var React22 = __toESM(require("react"), 1);
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"), 1);
 var import_jsx_runtime32 = require("react/jsx-runtime");
-var Separator2 = React21.forwardRef(
+var Separator2 = React22.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
     SeparatorPrimitive.Root,
     {
@@ -26138,9 +26188,9 @@ var SeparatorAtom = ({
 };
 
 // src/components/ui/table.tsx
-var React22 = __toESM(require("react"), 1);
+var React23 = __toESM(require("react"), 1);
 var import_jsx_runtime34 = require("react/jsx-runtime");
-var Table3 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var Table3 = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "table",
   {
     ref,
@@ -26149,9 +26199,9 @@ var Table3 = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ) }));
 Table3.displayName = "Table";
-var TableHeader = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
+var TableHeader = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
 TableHeader.displayName = "TableHeader";
-var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableBody = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tbody",
   {
     ref,
@@ -26160,7 +26210,7 @@ var TableBody = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableFooter = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tfoot",
   {
     ref,
@@ -26172,7 +26222,7 @@ var TableFooter = React22.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableRow = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "tr",
   {
     ref,
@@ -26184,7 +26234,7 @@ var TableRow = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableHead = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "th",
   {
     ref,
@@ -26196,7 +26246,7 @@ var TableHead = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableCell = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "td",
   {
     ref,
@@ -26205,7 +26255,7 @@ var TableCell = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React22.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+var TableCaption = React23.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
   "caption",
   {
     ref,
@@ -26290,13 +26340,13 @@ var TableAtom = ({
 };
 
 // src/atoms/ScrollAreaAtom.tsx
-var import_react7 = __toESM(require("react"), 1);
+var import_react8 = __toESM(require("react"), 1);
 
 // src/components/ui/scroll-area.tsx
-var React23 = __toESM(require("react"), 1);
+var React24 = __toESM(require("react"), 1);
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"), 1);
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var ScrollArea = React23.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
+var ScrollArea = React24.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -26310,7 +26360,7 @@ var ScrollArea = React23.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React23.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
+var ScrollBar = React24.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime36.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -26341,7 +26391,7 @@ var ScrollAreaAtom = ({
       className: cn("rounded-xl border", className),
       style: { height: maxHeight },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react7.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("div", { className: "p-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(import_react8.default.Fragment, { children: renderComponent(child) }, child.id)) }),
         /* @__PURE__ */ (0, import_jsx_runtime37.jsx)(ScrollBar, { orientation: "vertical" })
       ]
     }
@@ -26349,21 +26399,21 @@ var ScrollAreaAtom = ({
 };
 
 // src/atoms/CarouselAtom.tsx
-var import_react8 = __toESM(require("react"), 1);
+var import_react9 = __toESM(require("react"), 1);
 
 // src/components/ui/carousel.tsx
-var React25 = __toESM(require("react"), 1);
+var React26 = __toESM(require("react"), 1);
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"), 1);
 var import_jsx_runtime38 = require("react/jsx-runtime");
-var CarouselContext = React25.createContext(null);
+var CarouselContext = React26.createContext(null);
 function useCarousel() {
-  const context = React25.useContext(CarouselContext);
+  const context = React26.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
   return context;
 }
-var Carousel = React25.forwardRef(
+var Carousel = React26.forwardRef(
   ({
     orientation = "horizontal",
     opts,
@@ -26380,22 +26430,22 @@ var Carousel = React25.forwardRef(
       },
       plugins
     );
-    const [canScrollPrev, setCanScrollPrev] = React25.useState(false);
-    const [canScrollNext, setCanScrollNext] = React25.useState(false);
-    const onSelect = React25.useCallback((api2) => {
+    const [canScrollPrev, setCanScrollPrev] = React26.useState(false);
+    const [canScrollNext, setCanScrollNext] = React26.useState(false);
+    const onSelect = React26.useCallback((api2) => {
       if (!api2) {
         return;
       }
       setCanScrollPrev(api2.canScrollPrev());
       setCanScrollNext(api2.canScrollNext());
     }, []);
-    const scrollPrev = React25.useCallback(() => {
+    const scrollPrev = React26.useCallback(() => {
       api?.scrollPrev();
     }, [api]);
-    const scrollNext = React25.useCallback(() => {
+    const scrollNext = React26.useCallback(() => {
       api?.scrollNext();
     }, [api]);
-    const handleKeyDown = React25.useCallback(
+    const handleKeyDown = React26.useCallback(
       (event) => {
         if (event.key === "ArrowLeft") {
           event.preventDefault();
@@ -26407,13 +26457,13 @@ var Carousel = React25.forwardRef(
       },
       [scrollPrev, scrollNext]
     );
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!api || !setApi) {
         return;
       }
       setApi(api);
     }, [api, setApi]);
-    React25.useEffect(() => {
+    React26.useEffect(() => {
       if (!api) {
         return;
       }
@@ -26454,7 +26504,7 @@ var Carousel = React25.forwardRef(
   }
 );
 Carousel.displayName = "Carousel";
-var CarouselContent = React25.forwardRef(({ className, ...props }, ref) => {
+var CarouselContent = React26.forwardRef(({ className, ...props }, ref) => {
   const { carouselRef, orientation } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("div", { ref: carouselRef, className: "overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
@@ -26470,7 +26520,7 @@ var CarouselContent = React25.forwardRef(({ className, ...props }, ref) => {
   ) });
 });
 CarouselContent.displayName = "CarouselContent";
-var CarouselItem = React25.forwardRef(({ className, ...props }, ref) => {
+var CarouselItem = React26.forwardRef(({ className, ...props }, ref) => {
   const { orientation } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(
     "div",
@@ -26488,7 +26538,7 @@ var CarouselItem = React25.forwardRef(({ className, ...props }, ref) => {
   );
 });
 CarouselItem.displayName = "CarouselItem";
-var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselPrevious = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollPrev, canScrollPrev } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     Button,
@@ -26512,7 +26562,7 @@ var CarouselPrevious = React25.forwardRef(({ className, variant = "outline", siz
   );
 });
 CarouselPrevious.displayName = "CarouselPrevious";
-var CarouselNext = React25.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
+var CarouselNext = React26.forwardRef(({ className, variant = "outline", size = "icon", ...props }, ref) => {
   const { orientation, scrollNext, canScrollNext } = useCarousel();
   return /* @__PURE__ */ (0, import_jsx_runtime38.jsxs)(
     Button,
@@ -26545,14 +26595,14 @@ var CarouselAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime39.jsxs)(Carousel, { className: cn("w-full max-w-xs mx-auto", className), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react8.default.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
+    /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselContent, { children: items.map((slide, index) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselItem, { children: /* @__PURE__ */ (0, import_jsx_runtime39.jsx)("div", { className: "p-1", children: slide.map((child) => /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(import_react9.default.Fragment, { children: renderComponent(child) }, child.id)) }) }, index)) }),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselPrevious, {}),
     /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(CarouselNext, {})
   ] });
 };
 
 // src/atoms/AspectRatioAtom.tsx
-var import_react9 = __toESM(require("react"), 1);
+var import_react10 = __toESM(require("react"), 1);
 
 // src/components/ui/aspect-ratio.tsx
 var AspectRatioPrimitive = __toESM(require("@radix-ui/react-aspect-ratio"), 1);
@@ -26566,11 +26616,11 @@ var AspectRatioAtom = ({
   className,
   renderComponent
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react9.default.Fragment, { children: renderComponent(child) }, child.id)) }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: cn("w-full", className), children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(AspectRatio, { ratio, children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) }) });
 };
 
 // src/atoms/CollapsibleAtom.tsx
-var import_react10 = __toESM(require("react"), 1);
+var import_react11 = __toESM(require("react"), 1);
 
 // src/components/ui/collapsible.tsx
 var CollapsiblePrimitive = __toESM(require("@radix-ui/react-collapsible"), 1);
@@ -26593,24 +26643,24 @@ var CollapsibleAtom = ({
       defaultOpen,
       className: cn("w-full space-y-2", className),
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-between space-x-4 px-4 py-2 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors", children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react10.default.Fragment, { children: renderComponent(child) }, child.id)) })
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleTrigger2, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("div", { className: "flex items-center justify-between space-x-4 px-4 py-2 bg-gray-50 rounded-lg cursor-pointer hover:bg-gray-100 transition-colors", children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(CollapsibleContent2, { className: "space-y-2", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) })
       ]
     }
   );
 };
 
 // src/atoms/TooltipAtom.tsx
-var import_react11 = __toESM(require("react"), 1);
+var import_react12 = __toESM(require("react"), 1);
 
 // src/components/ui/tooltip.tsx
-var React29 = __toESM(require("react"), 1);
+var React30 = __toESM(require("react"), 1);
 var TooltipPrimitive = __toESM(require("@radix-ui/react-tooltip"), 1);
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var TooltipProvider = TooltipPrimitive.Provider;
 var Tooltip = TooltipPrimitive.Root;
 var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React29.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+var TooltipContent = React30.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
   TooltipPrimitive.Content,
   {
     ref,
@@ -26633,21 +26683,21 @@ var TooltipAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(Tooltip, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react11.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("div", { className: cn("inline-block", className), children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(TooltipContent, { className: "bg-gray-900 text-white border-none rounded-lg shadow-xl px-3 py-1.5 text-xs", children: content })
   ] }) });
 };
 
 // src/atoms/PopoverAtom.tsx
-var import_react12 = __toESM(require("react"), 1);
+var import_react13 = __toESM(require("react"), 1);
 
 // src/components/ui/popover.tsx
-var React31 = __toESM(require("react"), 1);
+var React32 = __toESM(require("react"), 1);
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"), 1);
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var Popover = PopoverPrimitive.Root;
 var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React31.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+var PopoverContent = React32.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
@@ -26671,23 +26721,23 @@ var PopoverAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Popover, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react12.default.Fragment, { children: renderComponent(child) }, child.id)) })
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(PopoverContent, { className: "w-80 rounded-2xl shadow-2xl border-gray-100 p-4 bg-white/95 backdrop-blur-sm", children: content.map((child) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) })
   ] });
 };
 
 // src/atoms/DialogAtom.tsx
-var import_react13 = __toESM(require("react"), 1);
+var import_react14 = __toESM(require("react"), 1);
 
 // src/components/ui/dialog.tsx
-var React33 = __toESM(require("react"), 1);
+var React34 = __toESM(require("react"), 1);
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
 var DialogPortal = DialogPrimitive.Portal;
 var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var DialogOverlay = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -26699,7 +26749,7 @@ var DialogOverlay = React33.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React33.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DialogPortal, { children: [
+var DialogContent = React34.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DialogPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
     DialogPrimitive.Content,
@@ -26749,7 +26799,7 @@ var DialogFooter = ({
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var DialogTitle = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -26761,7 +26811,7 @@ var DialogTitle = React33.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React33.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+var DialogDescription = React34.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -26783,23 +26833,23 @@ var DialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Dialog, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogContent, { className: "sm:max-w-[425px] rounded-3xl p-6 bg-white/95 backdrop-blur-md shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogHeader, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTitle, { className: "text-xl font-bold bg-gradient-to-r from-purple600 to-indigo-600 bg-clip-text text-transparent", children: title }),
         description && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogDescription, { className: "text-gray-500 font-medium pt-1", children: description })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) }),
-      footer && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react13.default.Fragment, { children: renderComponent(child) }, child.id)) })
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-4", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+      footer && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogFooter, { className: "pt-2", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) })
     ] })
   ] });
 };
 
 // src/atoms/SheetAtom.tsx
-var import_react14 = __toESM(require("react"), 1);
+var import_react15 = __toESM(require("react"), 1);
 
 // src/components/ui/sheet.tsx
-var React35 = __toESM(require("react"), 1);
+var React36 = __toESM(require("react"), 1);
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_class_variance_authority5 = require("class-variance-authority");
 var import_jsx_runtime48 = require("react/jsx-runtime");
@@ -26807,7 +26857,7 @@ var Sheet2 = SheetPrimitive.Root;
 var SheetTrigger = SheetPrimitive.Trigger;
 var SheetClose = SheetPrimitive.Close;
 var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var SheetOverlay = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   SheetPrimitive.Overlay,
   {
     className: cn(
@@ -26835,7 +26885,7 @@ var sheetVariants = (0, import_class_variance_authority5.cva)(
     }
   }
 );
-var SheetContent = React35.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SheetPortal, { children: [
+var SheetContent = React36.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SheetPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SheetOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
     SheetPrimitive.Content,
@@ -26882,7 +26932,7 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var SheetTitle = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   SheetPrimitive.Title,
   {
     ref,
@@ -26891,7 +26941,7 @@ var SheetTitle = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = SheetPrimitive.Title.displayName;
-var SheetDescription = React35.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+var SheetDescription = React36.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
   SheetPrimitive.Description,
   {
     ref,
@@ -26914,7 +26964,7 @@ var SheetAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Sheet2, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
       SheetContent,
       {
@@ -26925,8 +26975,8 @@ var SheetAtom = ({
             /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetTitle, { className: "text-xl font-bold text-gray-900", children: title }),
             description && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetDescription, { className: "text-gray-500 font-medium", children: description })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) }),
-          footer && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react14.default.Fragment, { children: renderComponent(child) }, child.id)) })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "py-8", children: children.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }),
+          footer && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SheetFooter, { className: "absolute bottom-6 left-6 right-6", children: footer.map((child) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) })
         ]
       }
     )
@@ -26934,16 +26984,16 @@ var SheetAtom = ({
 };
 
 // src/atoms/AlertDialogAtom.tsx
-var import_react15 = __toESM(require("react"), 1);
+var import_react16 = __toESM(require("react"), 1);
 
 // src/components/ui/alert-dialog.tsx
-var React37 = __toESM(require("react"), 1);
+var React38 = __toESM(require("react"), 1);
 var AlertDialogPrimitive = __toESM(require("@radix-ui/react-alert-dialog"), 1);
 var import_jsx_runtime50 = require("react/jsx-runtime");
 var AlertDialog = AlertDialogPrimitive.Root;
 var AlertDialogTrigger = AlertDialogPrimitive.Trigger;
 var AlertDialogPortal = AlertDialogPrimitive.Portal;
-var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var AlertDialogOverlay = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   AlertDialogPrimitive.Overlay,
   {
     className: cn(
@@ -26955,7 +27005,7 @@ var AlertDialogOverlay = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName;
-var AlertDialogContent = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(AlertDialogPortal, { children: [
+var AlertDialogContent = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(AlertDialogPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(AlertDialogOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
     AlertDialogPrimitive.Content,
@@ -26998,7 +27048,7 @@ var AlertDialogFooter = ({
   }
 );
 AlertDialogFooter.displayName = "AlertDialogFooter";
-var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var AlertDialogTitle = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   AlertDialogPrimitive.Title,
   {
     ref,
@@ -27007,7 +27057,7 @@ var AlertDialogTitle = React37.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 AlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName;
-var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var AlertDialogDescription = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   AlertDialogPrimitive.Description,
   {
     ref,
@@ -27016,7 +27066,7 @@ var AlertDialogDescription = React37.forwardRef(({ className, ...props }, ref) =
   }
 ));
 AlertDialogDescription.displayName = AlertDialogPrimitive.Description.displayName;
-var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var AlertDialogAction = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   AlertDialogPrimitive.Action,
   {
     ref,
@@ -27025,7 +27075,7 @@ var AlertDialogAction = React37.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 AlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName;
-var AlertDialogCancel = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+var AlertDialogCancel = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
   AlertDialogPrimitive.Cancel,
   {
     ref,
@@ -27053,7 +27103,7 @@ var AlertDialogAtom = ({
   renderComponent
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AlertDialog, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react15.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: cn("inline-block cursor-pointer", className), children: trigger.map((child) => /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react16.default.Fragment, { children: renderComponent(child) }, child.id)) }) }),
     /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AlertDialogContent, { className: "rounded-3xl p-6 bg-white shadow-3xl border-gray-100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(AlertDialogHeader, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(AlertDialogTitle, { className: "text-lg font-bold text-gray-900", children: title }),
@@ -27075,15 +27125,15 @@ var AlertDialogAtom = ({
 };
 
 // src/atoms/BreadcrumbAtom.tsx
-var import_react16 = __toESM(require("react"), 1);
+var import_react17 = __toESM(require("react"), 1);
 
 // src/components/ui/breadcrumb.tsx
-var React39 = __toESM(require("react"), 1);
+var React40 = __toESM(require("react"), 1);
 var import_react_slot2 = require("@radix-ui/react-slot");
 var import_jsx_runtime52 = require("react/jsx-runtime");
-var Breadcrumb = React39.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var Breadcrumb = React40.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var BreadcrumbList = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   "ol",
   {
     ref,
@@ -27095,7 +27145,7 @@ var BreadcrumbList = React39.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var BreadcrumbItem = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   "li",
   {
     ref,
@@ -27104,7 +27154,7 @@ var BreadcrumbItem = React39.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref) => {
+var BreadcrumbLink = React40.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot2.Slot : "a";
   return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
     Comp,
@@ -27116,7 +27166,7 @@ var BreadcrumbLink = React39.forwardRef(({ asChild, className, ...props }, ref)
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React39.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+var BreadcrumbPage = React40.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
   "span",
   {
     ref,
@@ -27167,7 +27217,7 @@ var BreadcrumbAtom = ({
   items,
   className
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react16.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(Breadcrumb, { className, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbList, { children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react17.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbItem, { children: item.isCurrent ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbPage, { children: item.label }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbLink, { href: item.href || "#", children: item.label }) }),
     index < items.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(BreadcrumbSeparator, {})
   ] }, index)) }) });
@@ -27206,7 +27256,7 @@ var SpinnerAtom = ({
 };
 
 // src/components/ui/calendar.tsx
-var React68 = __toESM(require("react"), 1);
+var React69 = __toESM(require("react"), 1);
 
 // node_modules/@date-fns/tz/tzName/index.js
 function tzName(timeZone, date, format2 = "long") {
@@ -29659,55 +29709,55 @@ __export(custom_components_exports, {
 });
 
 // node_modules/react-day-picker/dist/esm/components/Button.js
-var import_react17 = __toESM(require("react"), 1);
+var import_react18 = __toESM(require("react"), 1);
 function Button2(props) {
-  return import_react17.default.createElement("button", { ...props });
+  return import_react18.default.createElement("button", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/CaptionLabel.js
-var import_react18 = __toESM(require("react"), 1);
+var import_react19 = __toESM(require("react"), 1);
 function CaptionLabel(props) {
-  return import_react18.default.createElement("span", { ...props });
+  return import_react19.default.createElement("span", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Chevron.js
-var import_react19 = __toESM(require("react"), 1);
+var import_react20 = __toESM(require("react"), 1);
 function Chevron(props) {
   const { size = 24, orientation = "left", className } = props;
   return (
     // biome-ignore lint/a11y/noSvgWithoutTitle: handled by the parent component
-    import_react19.default.createElement(
+    import_react20.default.createElement(
       "svg",
       { className, width: size, height: size, viewBox: "0 0 24 24" },
-      orientation === "up" && import_react19.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
-      orientation === "down" && import_react19.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
-      orientation === "left" && import_react19.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
-      orientation === "right" && import_react19.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
+      orientation === "up" && import_react20.default.createElement("polygon", { points: "6.77 17 12.5 11.43 18.24 17 20 15.28 12.5 8 5 15.28" }),
+      orientation === "down" && import_react20.default.createElement("polygon", { points: "6.77 8 12.5 13.57 18.24 8 20 9.72 12.5 17 5 9.72" }),
+      orientation === "left" && import_react20.default.createElement("polygon", { points: "16 18.112 9.81111111 12 16 5.87733333 14.0888889 4 6 12 14.0888889 20" }),
+      orientation === "right" && import_react20.default.createElement("polygon", { points: "8 18.112 14.18888889 12 8 5.87733333 9.91111111 4 18 12 9.91111111 20" })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/Day.js
-var import_react20 = __toESM(require("react"), 1);
+var import_react21 = __toESM(require("react"), 1);
 function Day(props) {
   const { day, modifiers, ...tdProps } = props;
-  return import_react20.default.createElement("td", { ...tdProps });
+  return import_react21.default.createElement("td", { ...tdProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/DayButton.js
-var import_react21 = __toESM(require("react"), 1);
+var import_react22 = __toESM(require("react"), 1);
 function DayButton(props) {
   const { day, modifiers, ...buttonProps } = props;
-  const ref = import_react21.default.useRef(null);
-  import_react21.default.useEffect(() => {
+  const ref = import_react22.default.useRef(null);
+  import_react22.default.useEffect(() => {
     if (modifiers.focused)
       ref.current?.focus();
   }, [modifiers.focused]);
-  return import_react21.default.createElement("button", { ref, ...buttonProps });
+  return import_react22.default.createElement("button", { ref, ...buttonProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Dropdown.js
-var import_react22 = __toESM(require("react"), 1);
+var import_react23 = __toESM(require("react"), 1);
 
 // node_modules/react-day-picker/dist/esm/UI.js
 var UI;
@@ -29769,65 +29819,65 @@ function Dropdown(props) {
   const { options, className, components, classNames, ...selectProps } = props;
   const cssClassSelect = [classNames[UI.Dropdown], className].join(" ");
   const selectedOption = options?.find(({ value }) => value === selectProps.value);
-  return import_react22.default.createElement(
+  return import_react23.default.createElement(
     "span",
     { "data-disabled": selectProps.disabled, className: classNames[UI.DropdownRoot] },
-    import_react22.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => import_react22.default.createElement(components.Option, { key: value, value, disabled }, label))),
-    import_react22.default.createElement(
+    import_react23.default.createElement(components.Select, { className: cssClassSelect, ...selectProps }, options?.map(({ value, label, disabled }) => import_react23.default.createElement(components.Option, { key: value, value, disabled }, label))),
+    import_react23.default.createElement(
       "span",
       { className: classNames[UI.CaptionLabel], "aria-hidden": true },
       selectedOption?.label,
-      import_react22.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
+      import_react23.default.createElement(components.Chevron, { orientation: "down", size: 18, className: classNames[UI.Chevron] })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/DropdownNav.js
-var import_react23 = __toESM(require("react"), 1);
+var import_react24 = __toESM(require("react"), 1);
 function DropdownNav(props) {
-  return import_react23.default.createElement("div", { ...props });
+  return import_react24.default.createElement("div", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Footer.js
-var import_react24 = __toESM(require("react"), 1);
+var import_react25 = __toESM(require("react"), 1);
 function Footer(props) {
-  return import_react24.default.createElement("div", { ...props });
+  return import_react25.default.createElement("div", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Month.js
-var import_react25 = __toESM(require("react"), 1);
+var import_react26 = __toESM(require("react"), 1);
 function Month(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return import_react25.default.createElement("div", { ...divProps }, props.children);
+  return import_react26.default.createElement("div", { ...divProps }, props.children);
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthCaption.js
-var import_react26 = __toESM(require("react"), 1);
+var import_react27 = __toESM(require("react"), 1);
 function MonthCaption(props) {
   const { calendarMonth, displayIndex, ...divProps } = props;
-  return import_react26.default.createElement("div", { ...divProps });
+  return import_react27.default.createElement("div", { ...divProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthGrid.js
-var import_react27 = __toESM(require("react"), 1);
+var import_react28 = __toESM(require("react"), 1);
 function MonthGrid(props) {
-  return import_react27.default.createElement("table", { ...props });
+  return import_react28.default.createElement("table", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Months.js
-var import_react28 = __toESM(require("react"), 1);
+var import_react29 = __toESM(require("react"), 1);
 function Months(props) {
-  return import_react28.default.createElement("div", { ...props });
+  return import_react29.default.createElement("div", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
-var import_react30 = __toESM(require("react"), 1);
+var import_react31 = __toESM(require("react"), 1);
 
 // node_modules/react-day-picker/dist/esm/useDayPicker.js
-var import_react29 = require("react");
-var dayPickerContext = (0, import_react29.createContext)(void 0);
+var import_react30 = require("react");
+var dayPickerContext = (0, import_react30.createContext)(void 0);
 function useDayPicker() {
-  const context = (0, import_react29.useContext)(dayPickerContext);
+  const context = (0, import_react30.useContext)(dayPickerContext);
   if (context === void 0) {
     throw new Error("useDayPicker() must be used within a custom component.");
   }
@@ -29837,124 +29887,124 @@ function useDayPicker() {
 // node_modules/react-day-picker/dist/esm/components/MonthsDropdown.js
 function MonthsDropdown(props) {
   const { components } = useDayPicker();
-  return import_react30.default.createElement(components.Dropdown, { ...props });
+  return import_react31.default.createElement(components.Dropdown, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Nav.js
-var import_react31 = __toESM(require("react"), 1);
+var import_react32 = __toESM(require("react"), 1);
 function Nav(props) {
   const { onPreviousClick, onNextClick, previousMonth, nextMonth, ...navProps } = props;
   const { components, classNames, labels: { labelPrevious: labelPrevious2, labelNext: labelNext2 } } = useDayPicker();
-  const handleNextClick = (0, import_react31.useCallback)((e) => {
+  const handleNextClick = (0, import_react32.useCallback)((e) => {
     if (nextMonth) {
       onNextClick?.(e);
     }
   }, [nextMonth, onNextClick]);
-  const handlePreviousClick = (0, import_react31.useCallback)((e) => {
+  const handlePreviousClick = (0, import_react32.useCallback)((e) => {
     if (previousMonth) {
       onPreviousClick?.(e);
     }
   }, [previousMonth, onPreviousClick]);
-  return import_react31.default.createElement(
+  return import_react32.default.createElement(
     "nav",
     { ...navProps },
-    import_react31.default.createElement(
+    import_react32.default.createElement(
       components.PreviousMonthButton,
       { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick },
-      import_react31.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
+      import_react32.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: "left" })
     ),
-    import_react31.default.createElement(
+    import_react32.default.createElement(
       components.NextMonthButton,
       { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick },
-      import_react31.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
+      import_react32.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, orientation: "right", className: classNames[UI.Chevron] })
     )
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/NextMonthButton.js
-var import_react32 = __toESM(require("react"), 1);
+var import_react33 = __toESM(require("react"), 1);
 function NextMonthButton(props) {
   const { components } = useDayPicker();
-  return import_react32.default.createElement(components.Button, { ...props });
+  return import_react33.default.createElement(components.Button, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Option.js
-var import_react33 = __toESM(require("react"), 1);
+var import_react34 = __toESM(require("react"), 1);
 function Option2(props) {
-  return import_react33.default.createElement("option", { ...props });
+  return import_react34.default.createElement("option", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/PreviousMonthButton.js
-var import_react34 = __toESM(require("react"), 1);
+var import_react35 = __toESM(require("react"), 1);
 function PreviousMonthButton(props) {
   const { components } = useDayPicker();
-  return import_react34.default.createElement(components.Button, { ...props });
+  return import_react35.default.createElement(components.Button, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Root.js
-var import_react35 = __toESM(require("react"), 1);
+var import_react36 = __toESM(require("react"), 1);
 function Root20(props) {
   const { rootRef, ...rest } = props;
-  return import_react35.default.createElement("div", { ...rest, ref: rootRef });
+  return import_react36.default.createElement("div", { ...rest, ref: rootRef });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Select.js
-var import_react36 = __toESM(require("react"), 1);
+var import_react37 = __toESM(require("react"), 1);
 function Select2(props) {
-  return import_react36.default.createElement("select", { ...props });
+  return import_react37.default.createElement("select", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Week.js
-var import_react37 = __toESM(require("react"), 1);
+var import_react38 = __toESM(require("react"), 1);
 function Week(props) {
   const { week, ...trProps } = props;
-  return import_react37.default.createElement("tr", { ...trProps });
+  return import_react38.default.createElement("tr", { ...trProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekday.js
-var import_react38 = __toESM(require("react"), 1);
+var import_react39 = __toESM(require("react"), 1);
 function Weekday(props) {
-  return import_react38.default.createElement("th", { ...props });
+  return import_react39.default.createElement("th", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weekdays.js
-var import_react39 = __toESM(require("react"), 1);
+var import_react40 = __toESM(require("react"), 1);
 function Weekdays(props) {
-  return import_react39.default.createElement(
+  return import_react40.default.createElement(
     "thead",
     { "aria-hidden": true },
-    import_react39.default.createElement("tr", { ...props })
+    import_react40.default.createElement("tr", { ...props })
   );
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumber.js
-var import_react40 = __toESM(require("react"), 1);
+var import_react41 = __toESM(require("react"), 1);
 function WeekNumber(props) {
   const { week, ...thProps } = props;
-  return import_react40.default.createElement("th", { ...thProps });
+  return import_react41.default.createElement("th", { ...thProps });
 }
 
 // node_modules/react-day-picker/dist/esm/components/WeekNumberHeader.js
-var import_react41 = __toESM(require("react"), 1);
+var import_react42 = __toESM(require("react"), 1);
 function WeekNumberHeader(props) {
-  return import_react41.default.createElement("th", { ...props });
+  return import_react42.default.createElement("th", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/Weeks.js
-var import_react42 = __toESM(require("react"), 1);
+var import_react43 = __toESM(require("react"), 1);
 function Weeks(props) {
-  return import_react42.default.createElement("tbody", { ...props });
+  return import_react43.default.createElement("tbody", { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/components/YearsDropdown.js
-var import_react43 = __toESM(require("react"), 1);
+var import_react44 = __toESM(require("react"), 1);
 function YearsDropdown(props) {
   const { components } = useDayPicker();
-  return import_react43.default.createElement(components.Dropdown, { ...props });
+  return import_react44.default.createElement(components.Dropdown, { ...props });
 }
 
 // node_modules/react-day-picker/dist/esm/DayPicker.js
-var import_react48 = __toESM(require("react"), 1);
+var import_react49 = __toESM(require("react"), 1);
 
 // node_modules/react-day-picker/dist/esm/utils/rangeIncludesDate.js
 function rangeIncludesDate(range, date, excludeEnds = false, dateLib = defaultDateLib) {
@@ -30557,7 +30607,7 @@ function createNoonOverrides(timeZone, options = {}) {
 }
 
 // node_modules/react-day-picker/dist/esm/useAnimation.js
-var import_react44 = require("react");
+var import_react45 = require("react");
 var asHtmlElement = (element) => {
   if (element instanceof HTMLElement)
     return element;
@@ -30572,10 +30622,10 @@ var queryWeeksEl = (element) => asHtmlElement(element.querySelector("[data-anima
 var queryNavEl = (element) => asHtmlElement(element.querySelector("[data-animated-nav]"));
 var queryWeekdaysEl = (element) => asHtmlElement(element.querySelector("[data-animated-weekdays]"));
 function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib }) {
-  const previousRootElSnapshotRef = (0, import_react44.useRef)(null);
-  const previousMonthsRef = (0, import_react44.useRef)(months);
-  const animatingRef = (0, import_react44.useRef)(false);
-  (0, import_react44.useLayoutEffect)(() => {
+  const previousRootElSnapshotRef = (0, import_react45.useRef)(null);
+  const previousMonthsRef = (0, import_react45.useRef)(months);
+  const animatingRef = (0, import_react45.useRef)(false);
+  (0, import_react45.useLayoutEffect)(() => {
     const previousMonths = previousMonthsRef.current;
     previousMonthsRef.current = months;
     if (!enabled || !rootElRef.current || // safety check because the ref can be set to anything by consumers
@@ -30685,7 +30735,7 @@ function useAnimation(rootElRef, enabled, { classNames, months, focused, dateLib
 }
 
 // node_modules/react-day-picker/dist/esm/useCalendar.js
-var import_react46 = require("react");
+var import_react47 = require("react");
 
 // node_modules/react-day-picker/dist/esm/helpers/getDates.js
 function getDates(displayMonths, maxDate, props, dateLib) {
@@ -30880,9 +30930,9 @@ function getWeeks(months) {
 }
 
 // node_modules/react-day-picker/dist/esm/helpers/useControlledValue.js
-var import_react45 = require("react");
+var import_react46 = require("react");
 function useControlledValue(defaultValue, controlledValue) {
-  const [uncontrolledValue, setValue] = (0, import_react45.useState)(defaultValue);
+  const [uncontrolledValue, setValue] = (0, import_react46.useState)(defaultValue);
   const value = controlledValue === void 0 ? uncontrolledValue : controlledValue;
   return [value, setValue];
 }
@@ -30897,11 +30947,11 @@ function useCalendar(props, dateLib) {
     // initialMonth is always computed from props.month if provided
     props.month ? initialMonth : void 0
   );
-  (0, import_react46.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     const newInitialMonth = getInitialMonth(props, navStart, navEnd, dateLib);
     setFirstMonth(newInitialMonth);
   }, [props.timeZone]);
-  const { months, weeks, days, previousMonth, nextMonth } = (0, import_react46.useMemo)(() => {
+  const { months, weeks, days, previousMonth, nextMonth } = (0, import_react47.useMemo)(() => {
     const displayMonths = getDisplayMonths(firstMonth, navEnd, { numberOfMonths: props.numberOfMonths }, dateLib);
     const dates = getDates(displayMonths, props.endMonth ? endOfMonth2(props.endMonth) : void 0, {
       ISOWeek: props.ISOWeek,
@@ -30976,7 +31026,7 @@ function useCalendar(props, dateLib) {
 }
 
 // node_modules/react-day-picker/dist/esm/useFocus.js
-var import_react47 = require("react");
+var import_react48 = require("react");
 
 // node_modules/react-day-picker/dist/esm/helpers/calculateFocusTarget.js
 var FocusTargetPriority;
@@ -31056,9 +31106,9 @@ function getNextFocus(moveBy, moveDir, refDay, calendarStartMonth, calendarEndMo
 // node_modules/react-day-picker/dist/esm/useFocus.js
 function useFocus(props, calendar, getModifiers, isSelected, dateLib) {
   const { autoFocus } = props;
-  const [lastFocused, setLastFocused] = (0, import_react47.useState)();
+  const [lastFocused, setLastFocused] = (0, import_react48.useState)();
   const focusTarget = calculateFocusTarget(calendar.days, getModifiers, isSelected || (() => false), lastFocused);
-  const [focusedDay, setFocused] = (0, import_react47.useState)(autoFocus ? focusTarget : void 0);
+  const [focusedDay, setFocused] = (0, import_react48.useState)(autoFocus ? focusTarget : void 0);
   const blur = () => {
     setLastFocused(focusedDay);
     setFocused(void 0);
@@ -31443,7 +31493,7 @@ function DayPicker(initialProps) {
       props.modifiers = nextModifiers;
     }
   }
-  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = (0, import_react48.useMemo)(() => {
+  const { components, formatters: formatters2, labels, dateLib, locale, classNames } = (0, import_react49.useMemo)(() => {
     const locale2 = { ...enUS2, ...props.locale };
     const weekStartsOn = props.broadcastCalendar ? 1 : props.weekStartsOn;
     const noonOverrides = props.noonSafe && props.timeZone ? createNoonOverrides(props.timeZone, {
@@ -31495,21 +31545,21 @@ function DayPicker(initialProps) {
   const { isSelected, select, selected: selectedValue } = useSelection(props, dateLib) ?? {};
   const { blur, focused, isFocusTarget, moveFocus, setFocused } = useFocus(props, calendar, getModifiers, isSelected ?? (() => false), dateLib);
   const { labelDayButton: labelDayButton2, labelGridcell: labelGridcell2, labelGrid: labelGrid2, labelMonthDropdown: labelMonthDropdown2, labelNav: labelNav2, labelPrevious: labelPrevious2, labelNext: labelNext2, labelWeekday: labelWeekday2, labelWeekNumber: labelWeekNumber2, labelWeekNumberHeader: labelWeekNumberHeader2, labelYearDropdown: labelYearDropdown2 } = labels;
-  const weekdays = (0, import_react48.useMemo)(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
+  const weekdays = (0, import_react49.useMemo)(() => getWeekdays(dateLib, props.ISOWeek, props.broadcastCalendar, props.today), [dateLib, props.ISOWeek, props.broadcastCalendar, props.today]);
   const isInteractive = mode !== void 0 || onDayClick !== void 0;
-  const handlePreviousClick = (0, import_react48.useCallback)(() => {
+  const handlePreviousClick = (0, import_react49.useCallback)(() => {
     if (!previousMonth)
       return;
     goToMonth(previousMonth);
     onPrevClick?.(previousMonth);
   }, [previousMonth, goToMonth, onPrevClick]);
-  const handleNextClick = (0, import_react48.useCallback)(() => {
+  const handleNextClick = (0, import_react49.useCallback)(() => {
     if (!nextMonth)
       return;
     goToMonth(nextMonth);
     onNextClick?.(nextMonth);
   }, [goToMonth, nextMonth, onNextClick]);
-  const handleDayClick = (0, import_react48.useCallback)((day, m) => (e) => {
+  const handleDayClick = (0, import_react49.useCallback)((day, m) => (e) => {
     e.preventDefault();
     e.stopPropagation();
     setFocused(day);
@@ -31519,15 +31569,15 @@ function DayPicker(initialProps) {
     select?.(day.date, m, e);
     onDayClick?.(day.date, m, e);
   }, [select, onDayClick, setFocused]);
-  const handleDayFocus = (0, import_react48.useCallback)((day, m) => (e) => {
+  const handleDayFocus = (0, import_react49.useCallback)((day, m) => (e) => {
     setFocused(day);
     onDayFocus?.(day.date, m, e);
   }, [onDayFocus, setFocused]);
-  const handleDayBlur = (0, import_react48.useCallback)((day, m) => (e) => {
+  const handleDayBlur = (0, import_react49.useCallback)((day, m) => (e) => {
     blur();
     onDayBlur?.(day.date, m, e);
   }, [blur, onDayBlur]);
-  const handleDayKeyDown = (0, import_react48.useCallback)((day, modifiers) => (e) => {
+  const handleDayKeyDown = (0, import_react49.useCallback)((day, modifiers) => (e) => {
     const keyMap = {
       ArrowLeft: [
         e.shiftKey ? "month" : "day",
@@ -31552,28 +31602,28 @@ function DayPicker(initialProps) {
     }
     onDayKeyDown?.(day.date, modifiers, e);
   }, [moveFocus, onDayKeyDown, props.dir]);
-  const handleDayMouseEnter = (0, import_react48.useCallback)((day, modifiers) => (e) => {
+  const handleDayMouseEnter = (0, import_react49.useCallback)((day, modifiers) => (e) => {
     onDayMouseEnter?.(day.date, modifiers, e);
   }, [onDayMouseEnter]);
-  const handleDayMouseLeave = (0, import_react48.useCallback)((day, modifiers) => (e) => {
+  const handleDayMouseLeave = (0, import_react49.useCallback)((day, modifiers) => (e) => {
     onDayMouseLeave?.(day.date, modifiers, e);
   }, [onDayMouseLeave]);
-  const handleMonthChange = (0, import_react48.useCallback)((date) => (e) => {
+  const handleMonthChange = (0, import_react49.useCallback)((date) => (e) => {
     const selectedMonth = Number(e.target.value);
     const month = dateLib.setMonth(dateLib.startOfMonth(date), selectedMonth);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const handleYearChange = (0, import_react48.useCallback)((date) => (e) => {
+  const handleYearChange = (0, import_react49.useCallback)((date) => (e) => {
     const selectedYear = Number(e.target.value);
     const month = dateLib.setYear(dateLib.startOfMonth(date), selectedYear);
     goToMonth(month);
   }, [dateLib, goToMonth]);
-  const { className, style } = (0, import_react48.useMemo)(() => ({
+  const { className, style } = (0, import_react49.useMemo)(() => ({
     className: [classNames[UI.Root], props.className].filter(Boolean).join(" "),
     style: { ...styles?.[UI.Root], ...props.style }
   }), [classNames, props.className, props.style, styles]);
   const dataAttributes = getDataAttributes(props);
-  const rootElRef = (0, import_react48.useRef)(null);
+  const rootElRef = (0, import_react49.useRef)(null);
   useAnimation(rootElRef, Boolean(props.animate), {
     classNames,
     months,
@@ -31596,18 +31646,18 @@ function DayPicker(initialProps) {
     labels,
     formatters: formatters2
   };
-  return import_react48.default.createElement(
+  return import_react49.default.createElement(
     dayPickerContext.Provider,
     { value: contextValue },
-    import_react48.default.createElement(
+    import_react49.default.createElement(
       components.Root,
       { rootRef: props.animate ? rootElRef : void 0, className, style, dir: props.dir, id: props.id, lang: props.lang, nonce: props.nonce, title: props.title, role: props.role, "aria-label": props["aria-label"], "aria-labelledby": props["aria-labelledby"], ...dataAttributes },
-      import_react48.default.createElement(
+      import_react49.default.createElement(
         components.Months,
         { className: classNames[UI.Months], style: styles?.[UI.Months] },
-        !props.hideNavigation && !navLayout && import_react48.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+        !props.hideNavigation && !navLayout && import_react49.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
         months.map((calendarMonth, displayIndex) => {
-          return import_react48.default.createElement(
+          return import_react49.default.createElement(
             components.Month,
             {
               "data-animated-month": props.animate ? "true" : void 0,
@@ -31618,21 +31668,21 @@ function DayPicker(initialProps) {
               displayIndex,
               calendarMonth
             },
-            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && import_react48.default.createElement(
+            navLayout === "around" && !props.hideNavigation && displayIndex === 0 && import_react49.default.createElement(
               components.PreviousMonthButton,
               { type: "button", className: classNames[UI.PreviousMonthButton], tabIndex: previousMonth ? void 0 : -1, "aria-disabled": previousMonth ? void 0 : true, "aria-label": labelPrevious2(previousMonth), onClick: handlePreviousClick, "data-animated-button": props.animate ? "true" : void 0 },
-              import_react48.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
+              import_react49.default.createElement(components.Chevron, { disabled: previousMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "right" : "left" })
             ),
-            import_react48.default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth, displayIndex }, captionLayout?.startsWith("dropdown") ? import_react48.default.createElement(
+            import_react49.default.createElement(components.MonthCaption, { "data-animated-caption": props.animate ? "true" : void 0, className: classNames[UI.MonthCaption], style: styles?.[UI.MonthCaption], calendarMonth, displayIndex }, captionLayout?.startsWith("dropdown") ? import_react49.default.createElement(
               components.DropdownNav,
               { className: classNames[UI.Dropdowns], style: styles?.[UI.Dropdowns] },
               (() => {
-                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? import_react48.default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : import_react48.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
-                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? import_react48.default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : import_react48.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
+                const monthControl = captionLayout === "dropdown" || captionLayout === "dropdown-months" ? import_react49.default.createElement(components.MonthsDropdown, { key: "month", className: classNames[UI.MonthsDropdown], "aria-label": labelMonthDropdown2(), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleMonthChange(calendarMonth.date), options: getMonthOptions(calendarMonth.date, navStart, navEnd, formatters2, dateLib), style: styles?.[UI.Dropdown], value: dateLib.getMonth(calendarMonth.date) }) : import_react49.default.createElement("span", { key: "month" }, formatMonthDropdown2(calendarMonth.date, dateLib));
+                const yearControl = captionLayout === "dropdown" || captionLayout === "dropdown-years" ? import_react49.default.createElement(components.YearsDropdown, { key: "year", className: classNames[UI.YearsDropdown], "aria-label": labelYearDropdown2(dateLib.options), classNames, components, disabled: Boolean(props.disableNavigation), onChange: handleYearChange(calendarMonth.date), options: getYearOptions(navStart, navEnd, formatters2, dateLib, Boolean(props.reverseYears)), style: styles?.[UI.Dropdown], value: dateLib.getYear(calendarMonth.date) }) : import_react49.default.createElement("span", { key: "year" }, formatYearDropdown2(calendarMonth.date, dateLib));
                 const controls = dateLib.getMonthYearOrder() === "year-first" ? [yearControl, monthControl] : [monthControl, yearControl];
                 return controls;
               })(),
-              import_react48.default.createElement("span", { role: "status", "aria-live": "polite", style: {
+              import_react49.default.createElement("span", { role: "status", "aria-live": "polite", style: {
                 border: 0,
                 clip: "rect(0 0 0 0)",
                 height: "1px",
@@ -31644,27 +31694,27 @@ function DayPicker(initialProps) {
                 whiteSpace: "nowrap",
                 wordWrap: "normal"
               } }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))
-            ) : import_react48.default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
-            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && import_react48.default.createElement(
+            ) : import_react49.default.createElement(components.CaptionLabel, { className: classNames[UI.CaptionLabel], role: "status", "aria-live": "polite" }, formatCaption2(calendarMonth.date, dateLib.options, dateLib))),
+            navLayout === "around" && !props.hideNavigation && displayIndex === numberOfMonths - 1 && import_react49.default.createElement(
               components.NextMonthButton,
               { type: "button", className: classNames[UI.NextMonthButton], tabIndex: nextMonth ? void 0 : -1, "aria-disabled": nextMonth ? void 0 : true, "aria-label": labelNext2(nextMonth), onClick: handleNextClick, "data-animated-button": props.animate ? "true" : void 0 },
-              import_react48.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
+              import_react49.default.createElement(components.Chevron, { disabled: nextMonth ? void 0 : true, className: classNames[UI.Chevron], orientation: props.dir === "rtl" ? "left" : "right" })
             ),
-            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && import_react48.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
-            import_react48.default.createElement(
+            displayIndex === numberOfMonths - 1 && navLayout === "after" && !props.hideNavigation && import_react49.default.createElement(components.Nav, { "data-animated-nav": props.animate ? "true" : void 0, className: classNames[UI.Nav], style: styles?.[UI.Nav], "aria-label": labelNav2(), onPreviousClick: handlePreviousClick, onNextClick: handleNextClick, previousMonth, nextMonth }),
+            import_react49.default.createElement(
               components.MonthGrid,
               { role: "grid", "aria-multiselectable": mode === "multiple" || mode === "range", "aria-label": labelGrid2(calendarMonth.date, dateLib.options, dateLib) || void 0, className: classNames[UI.MonthGrid], style: styles?.[UI.MonthGrid] },
-              !props.hideWeekdays && import_react48.default.createElement(
+              !props.hideWeekdays && import_react49.default.createElement(
                 components.Weekdays,
                 { "data-animated-weekdays": props.animate ? "true" : void 0, className: classNames[UI.Weekdays], style: styles?.[UI.Weekdays] },
-                showWeekNumber && import_react48.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
-                weekdays.map((weekday) => import_react48.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
+                showWeekNumber && import_react49.default.createElement(components.WeekNumberHeader, { "aria-label": labelWeekNumberHeader2(dateLib.options), className: classNames[UI.WeekNumberHeader], style: styles?.[UI.WeekNumberHeader], scope: "col" }, formatWeekNumberHeader2()),
+                weekdays.map((weekday) => import_react49.default.createElement(components.Weekday, { "aria-label": labelWeekday2(weekday, dateLib.options, dateLib), className: classNames[UI.Weekday], key: String(weekday), style: styles?.[UI.Weekday], scope: "col" }, formatWeekdayName2(weekday, dateLib.options, dateLib)))
               ),
-              import_react48.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
-                return import_react48.default.createElement(
+              import_react49.default.createElement(components.Weeks, { "data-animated-weeks": props.animate ? "true" : void 0, className: classNames[UI.Weeks], style: styles?.[UI.Weeks] }, calendarMonth.weeks.map((week) => {
+                return import_react49.default.createElement(
                   components.Week,
                   { className: classNames[UI.Week], key: week.weekNumber, style: styles?.[UI.Week], week },
-                  showWeekNumber && import_react48.default.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
+                  showWeekNumber && import_react49.default.createElement(components.WeekNumber, { week, style: styles?.[UI.WeekNumber], "aria-label": labelWeekNumber2(week.weekNumber, {
                     locale
                   }), className: classNames[UI.WeekNumber], scope: "row", role: "rowheader" }, formatWeekNumber2(week.weekNumber, dateLib)),
                   week.days.map((day) => {
@@ -31681,7 +31731,7 @@ function DayPicker(initialProps) {
                     const style2 = getStyleForModifiers(modifiers, styles, props.modifiersStyles);
                     const className2 = getClassNamesForModifiers(modifiers, classNames, props.modifiersClassNames);
                     const ariaLabel = !isInteractive && !modifiers.hidden ? labelGridcell2(date, modifiers, dateLib.options, dateLib) : void 0;
-                    return import_react48.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? import_react48.default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
+                    return import_react49.default.createElement(components.Day, { key: `${day.isoDate}_${day.displayMonthId}`, day, modifiers, className: className2.join(" "), style: style2, role: "gridcell", "aria-selected": modifiers.selected || void 0, "aria-label": ariaLabel, "data-day": day.isoDate, "data-month": day.outside ? day.dateMonthId : void 0, "data-selected": modifiers.selected || void 0, "data-disabled": modifiers.disabled || void 0, "data-hidden": modifiers.hidden || void 0, "data-outside": day.outside || void 0, "data-focused": modifiers.focused || void 0, "data-today": modifiers.today || void 0 }, !modifiers.hidden && isInteractive ? import_react49.default.createElement(components.DayButton, { className: classNames[UI.DayButton], style: styles?.[UI.DayButton], type: "button", day, modifiers, disabled: !modifiers.focused && modifiers.disabled || void 0, "aria-disabled": modifiers.focused && modifiers.disabled || void 0, tabIndex: isFocusTarget(day) ? 0 : -1, "aria-label": labelDayButton2(date, modifiers, dateLib.options, dateLib), onClick: handleDayClick(day, modifiers), onBlur: handleDayBlur(day, modifiers), onFocus: handleDayFocus(day, modifiers), onKeyDown: handleDayKeyDown(day, modifiers), onMouseEnter: handleDayMouseEnter(day, modifiers), onMouseLeave: handleDayMouseLeave(day, modifiers) }, formatDay2(date, dateLib.options, dateLib)) : !modifiers.hidden && formatDay2(day.date, dateLib.options, dateLib));
                   })
                 );
               }))
@@ -31689,7 +31739,7 @@ function DayPicker(initialProps) {
           );
         })
       ),
-      props.footer && import_react48.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
+      props.footer && import_react49.default.createElement(components.Footer, { className: classNames[UI.Footer], style: styles?.[UI.Footer], role: "status", "aria-live": "polite" }, props.footer)
     )
   );
 }
@@ -31848,8 +31898,8 @@ function CalendarDayButton({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  const ref = React68.useRef(null);
-  React68.useEffect(() => {
+  const ref = React69.useRef(null);
+  React69.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
@@ -31906,7 +31956,7 @@ var CalendarAtom = ({
 };
 
 // src/components/ui/pagination.tsx
-var React69 = __toESM(require("react"), 1);
+var React70 = __toESM(require("react"), 1);
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "nav",
@@ -31918,7 +31968,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_run
   }
 );
 Pagination.displayName = "Pagination";
-var PaginationContent = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var PaginationContent = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "ul",
   {
     ref,
@@ -31927,7 +31977,7 @@ var PaginationContent = React69.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationContent.displayName = "PaginationContent";
-var PaginationItem = React69.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { ref, className: cn("", className), ...props }));
+var PaginationItem = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("li", { ref, className: cn("", className), ...props }));
 PaginationItem.displayName = "PaginationItem";
 var PaginationLink = ({
   className,
@@ -32018,13 +32068,13 @@ var PaginationAtom = ({
 };
 
 // src/atoms/CommandAtom.tsx
-var import_react49 = __toESM(require("react"), 1);
+var import_react50 = __toESM(require("react"), 1);
 
 // src/components/ui/command.tsx
-var React70 = __toESM(require("react"), 1);
+var React71 = __toESM(require("react"), 1);
 var import_cmdk = require("cmdk");
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var Command2 = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var Command2 = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   import_cmdk.Command,
   {
     ref,
@@ -32039,7 +32089,7 @@ Command2.displayName = import_cmdk.Command.displayName;
 var CommandDialog = ({ children, ...props }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Dialog, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(DialogContent, { className: "overflow-hidden p-0 shadow-lg", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Command2, { className: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5", children }) }) });
 };
-var CommandInput = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
+var CommandInput = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center border-b px-3", "cmdk-input-wrapper": "", children: [
   /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(Search, { className: "mr-2 h-4 w-4 shrink-0 opacity-50" }),
   /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
     import_cmdk.Command.Input,
@@ -32054,7 +32104,7 @@ var CommandInput = React70.forwardRef(({ className, ...props }, ref) => /* @__PU
   )
 ] }));
 CommandInput.displayName = import_cmdk.Command.Input.displayName;
-var CommandList = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var CommandList = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   import_cmdk.Command.List,
   {
     ref,
@@ -32063,7 +32113,7 @@ var CommandList = React70.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 CommandList.displayName = import_cmdk.Command.List.displayName;
-var CommandEmpty = React70.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var CommandEmpty = React71.forwardRef((props, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   import_cmdk.Command.Empty,
   {
     ref,
@@ -32072,7 +32122,7 @@ var CommandEmpty = React70.forwardRef((props, ref) => /* @__PURE__ */ (0, import
   }
 ));
 CommandEmpty.displayName = import_cmdk.Command.Empty.displayName;
-var CommandGroup = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var CommandGroup = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   import_cmdk.Command.Group,
   {
     ref,
@@ -32084,7 +32134,7 @@ var CommandGroup = React70.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 CommandGroup.displayName = import_cmdk.Command.Group.displayName;
-var CommandSeparator = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var CommandSeparator = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   import_cmdk.Command.Separator,
   {
     ref,
@@ -32093,7 +32143,7 @@ var CommandSeparator = React70.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 CommandSeparator.displayName = import_cmdk.Command.Separator.displayName;
-var CommandItem = React70.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
+var CommandItem = React71.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
   import_cmdk.Command.Item,
   {
     ref,
@@ -32140,7 +32190,7 @@ var CommandAtom = ({
         /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandInput, { placeholder }),
         /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(CommandList, { children: [
           /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandEmpty, { children: "No results found." }),
-          groups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react49.default.Fragment, { children: [
+          groups.map((group, i) => /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)(import_react50.default.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandGroup, { heading: group.heading, children: group.items.map((item, j) => /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandItem, { value: item.value, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("span", { children: item.label }) }, j)) }),
             i < groups.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(CommandSeparator, {})
           ] }, i))
@@ -32151,20 +32201,20 @@ var CommandAtom = ({
 };
 
 // src/components/ui/form.tsx
-var React72 = __toESM(require("react"), 1);
+var React73 = __toESM(require("react"), 1);
 var import_react_slot3 = require("@radix-ui/react-slot");
 var import_react_hook_form = require("react-hook-form");
 var import_jsx_runtime61 = require("react/jsx-runtime");
 var Form = import_react_hook_form.FormProvider;
-var FormFieldContext = React72.createContext(null);
+var FormFieldContext = React73.createContext(null);
 var FormField = ({
   ...props
 }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react_hook_form.Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React72.useContext(FormFieldContext);
-  const itemContext = React72.useContext(FormItemContext);
+  const fieldContext = React73.useContext(FormFieldContext);
+  const itemContext = React73.useContext(FormItemContext);
   const { getFieldState, formState } = (0, import_react_hook_form.useFormContext)();
   if (!fieldContext) {
     throw new Error("useFormField should be used within <FormField>");
@@ -32183,13 +32233,13 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React72.createContext(null);
-var FormItem = React72.forwardRef(({ className, ...props }, ref) => {
-  const id = React72.useId();
+var FormItemContext = React73.createContext(null);
+var FormItem = React73.forwardRef(({ className, ...props }, ref) => {
+  const id = React73.useId();
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { ref, className: cn("space-y-2", className), ...props }) });
 });
 FormItem.displayName = "FormItem";
-var FormLabel = React72.forwardRef(({ className, ...props }, ref) => {
+var FormLabel = React73.forwardRef(({ className, ...props }, ref) => {
   const { error, formItemId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     Label,
@@ -32202,7 +32252,7 @@ var FormLabel = React72.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormLabel.displayName = "FormLabel";
-var FormControl = React72.forwardRef(({ ...props }, ref) => {
+var FormControl = React73.forwardRef(({ ...props }, ref) => {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     import_react_slot3.Slot,
@@ -32216,7 +32266,7 @@ var FormControl = React72.forwardRef(({ ...props }, ref) => {
   );
 });
 FormControl.displayName = "FormControl";
-var FormDescription = React72.forwardRef(({ className, ...props }, ref) => {
+var FormDescription = React73.forwardRef(({ className, ...props }, ref) => {
   const { formDescriptionId } = useFormField();
   return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
     "p",
@@ -32229,7 +32279,7 @@ var FormDescription = React72.forwardRef(({ className, ...props }, ref) => {
   );
 });
 FormDescription.displayName = "FormDescription";
-var FormMessage = React72.forwardRef(({ className, children, ...props }, ref) => {
+var FormMessage = React73.forwardRef(({ className, children, ...props }, ref) => {
   const { error, formMessageId } = useFormField();
   const body = error ? String(error?.message ?? "") : children;
   if (!body) {
@@ -32506,7 +32556,7 @@ var TextareaAtom = ({
 };
 
 // src/components/ui/toggle.tsx
-var React73 = __toESM(require("react"), 1);
+var React74 = __toESM(require("react"), 1);
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"), 1);
 var import_class_variance_authority6 = require("class-variance-authority");
 var import_jsx_runtime69 = require("react/jsx-runtime");
@@ -32530,7 +32580,7 @@ var toggleVariants = (0, import_class_variance_authority6.cva)(
     }
   }
 );
-var Toggle = React73.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+var Toggle = React74.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
   TogglePrimitive.Root,
   {
     ref,
@@ -32708,7 +32758,7 @@ var RadioAtom = ({ id, label, value, checked, disabled, className, style, onValu
 };
 
 // src/components/ui/dropdown-menu.tsx
-var React74 = __toESM(require("react"), 1);
+var React75 = __toESM(require("react"), 1);
 var DropdownMenuPrimitive = __toESM(require("@radix-ui/react-dropdown-menu"), 1);
 var import_jsx_runtime74 = require("react/jsx-runtime");
 var DropdownMenu = DropdownMenuPrimitive.Root;
@@ -32717,7 +32767,7 @@ var DropdownMenuGroup = DropdownMenuPrimitive.Group;
 var DropdownMenuPortal = DropdownMenuPrimitive.Portal;
 var DropdownMenuSub = DropdownMenuPrimitive.Sub;
 var DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup;
-var DropdownMenuSubTrigger = React74.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+var DropdownMenuSubTrigger = React75.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
   DropdownMenuPrimitive.SubTrigger,
   {
     ref,
@@ -32734,7 +32784,7 @@ var DropdownMenuSubTrigger = React74.forwardRef(({ className, inset, children, .
   }
 ));
 DropdownMenuSubTrigger.displayName = DropdownMenuPrimitive.SubTrigger.displayName;
-var DropdownMenuSubContent = React74.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var DropdownMenuSubContent = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
   DropdownMenuPrimitive.SubContent,
   {
     ref,
@@ -32746,7 +32796,7 @@ var DropdownMenuSubContent = React74.forwardRef(({ className, ...props }, ref) =
   }
 ));
 DropdownMenuSubContent.displayName = DropdownMenuPrimitive.SubContent.displayName;
-var DropdownMenuContent = React74.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var DropdownMenuContent = React75.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
   DropdownMenuPrimitive.Content,
   {
     ref,
@@ -32759,7 +32809,7 @@ var DropdownMenuContent = React74.forwardRef(({ className, sideOffset = 4, ...pr
   }
 ) }));
 DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName;
-var DropdownMenuItem = React74.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var DropdownMenuItem = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
   DropdownMenuPrimitive.Item,
   {
     ref,
@@ -32772,7 +32822,7 @@ var DropdownMenuItem = React74.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName;
-var DropdownMenuCheckboxItem = React74.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+var DropdownMenuCheckboxItem = React75.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
   DropdownMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -32789,7 +32839,7 @@ var DropdownMenuCheckboxItem = React74.forwardRef(({ className, children, checke
   }
 ));
 DropdownMenuCheckboxItem.displayName = DropdownMenuPrimitive.CheckboxItem.displayName;
-var DropdownMenuRadioItem = React74.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+var DropdownMenuRadioItem = React75.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
   DropdownMenuPrimitive.RadioItem,
   {
     ref,
@@ -32805,7 +32855,7 @@ var DropdownMenuRadioItem = React74.forwardRef(({ className, children, ...props
   }
 ));
 DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName;
-var DropdownMenuLabel = React74.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var DropdownMenuLabel = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
   DropdownMenuPrimitive.Label,
   {
     ref,
@@ -32818,7 +32868,7 @@ var DropdownMenuLabel = React74.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName;
-var DropdownMenuSeparator = React74.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+var DropdownMenuSeparator = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
   DropdownMenuPrimitive.Separator,
   {
     ref,
@@ -32878,7 +32928,7 @@ var DropdownMenuAtom = ({ trigger, items, className, onAction }) => {
 };
 
 // src/components/ui/context-menu.tsx
-var React75 = __toESM(require("react"), 1);
+var React76 = __toESM(require("react"), 1);
 var ContextMenuPrimitive = __toESM(require("@radix-ui/react-context-menu"), 1);
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var ContextMenu = ContextMenuPrimitive.Root;
@@ -32887,7 +32937,7 @@ var ContextMenuGroup = ContextMenuPrimitive.Group;
 var ContextMenuPortal = ContextMenuPrimitive.Portal;
 var ContextMenuSub = ContextMenuPrimitive.Sub;
 var ContextMenuRadioGroup = ContextMenuPrimitive.RadioGroup;
-var ContextMenuSubTrigger = React75.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+var ContextMenuSubTrigger = React76.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
   ContextMenuPrimitive.SubTrigger,
   {
     ref,
@@ -32904,7 +32954,7 @@ var ContextMenuSubTrigger = React75.forwardRef(({ className, inset, children, ..
   }
 ));
 ContextMenuSubTrigger.displayName = ContextMenuPrimitive.SubTrigger.displayName;
-var ContextMenuSubContent = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ContextMenuSubContent = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   ContextMenuPrimitive.SubContent,
   {
     ref,
@@ -32916,7 +32966,7 @@ var ContextMenuSubContent = React75.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 ContextMenuSubContent.displayName = ContextMenuPrimitive.SubContent.displayName;
-var ContextMenuContent = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ContextMenuContent = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   ContextMenuPrimitive.Content,
   {
     ref,
@@ -32928,7 +32978,7 @@ var ContextMenuContent = React75.forwardRef(({ className, ...props }, ref) => /*
   }
 ) }));
 ContextMenuContent.displayName = ContextMenuPrimitive.Content.displayName;
-var ContextMenuItem = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ContextMenuItem = React76.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   ContextMenuPrimitive.Item,
   {
     ref,
@@ -32941,7 +32991,7 @@ var ContextMenuItem = React75.forwardRef(({ className, inset, ...props }, ref) =
   }
 ));
 ContextMenuItem.displayName = ContextMenuPrimitive.Item.displayName;
-var ContextMenuCheckboxItem = React75.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+var ContextMenuCheckboxItem = React76.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
   ContextMenuPrimitive.CheckboxItem,
   {
     ref,
@@ -32958,7 +33008,7 @@ var ContextMenuCheckboxItem = React75.forwardRef(({ className, children, checked
   }
 ));
 ContextMenuCheckboxItem.displayName = ContextMenuPrimitive.CheckboxItem.displayName;
-var ContextMenuRadioItem = React75.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
+var ContextMenuRadioItem = React76.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(
   ContextMenuPrimitive.RadioItem,
   {
     ref,
@@ -32974,7 +33024,7 @@ var ContextMenuRadioItem = React75.forwardRef(({ className, children, ...props }
   }
 ));
 ContextMenuRadioItem.displayName = ContextMenuPrimitive.RadioItem.displayName;
-var ContextMenuLabel = React75.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ContextMenuLabel = React76.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   ContextMenuPrimitive.Label,
   {
     ref,
@@ -32987,7 +33037,7 @@ var ContextMenuLabel = React75.forwardRef(({ className, inset, ...props }, ref)
   }
 ));
 ContextMenuLabel.displayName = ContextMenuPrimitive.Label.displayName;
-var ContextMenuSeparator = React75.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+var ContextMenuSeparator = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   ContextMenuPrimitive.Separator,
   {
     ref,
@@ -33050,7 +33100,7 @@ var ContextMenuAtom = ({ trigger, items, className, onAction }) => {
 };
 
 // src/components/ui/drawer.tsx
-var React76 = __toESM(require("react"), 1);
+var React77 = __toESM(require("react"), 1);
 var import_vaul = require("vaul");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var Drawer = ({
@@ -33067,7 +33117,7 @@ Drawer.displayName = "Drawer";
 var DrawerTrigger = import_vaul.Drawer.Trigger;
 var DrawerPortal = import_vaul.Drawer.Portal;
 var DrawerClose = import_vaul.Drawer.Close;
-var DrawerOverlay = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var DrawerOverlay = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   import_vaul.Drawer.Overlay,
   {
     ref,
@@ -33076,7 +33126,7 @@ var DrawerOverlay = React76.forwardRef(({ className, ...props }, ref) => /* @__P
   }
 ));
 DrawerOverlay.displayName = import_vaul.Drawer.Overlay.displayName;
-var DrawerContent = React76.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DrawerPortal, { children: [
+var DrawerContent = React77.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DrawerPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DrawerOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
     import_vaul.Drawer.Content,
@@ -33117,7 +33167,7 @@ var DrawerFooter = ({
   }
 );
 DrawerFooter.displayName = "DrawerFooter";
-var DrawerTitle = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var DrawerTitle = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   import_vaul.Drawer.Title,
   {
     ref,
@@ -33129,7 +33179,7 @@ var DrawerTitle = React76.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DrawerTitle.displayName = import_vaul.Drawer.Title.displayName;
-var DrawerDescription = React76.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+var DrawerDescription = React77.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
   import_vaul.Drawer.Description,
   {
     ref,
@@ -33204,7 +33254,7 @@ var InputOTPAtom = ({ length, className, onChange }) => {
 };
 
 // src/atoms/KbdAtom.tsx
-var import_react50 = __toESM(require("react"), 1);
+var import_react51 = __toESM(require("react"), 1);
 var import_jsx_runtime81 = require("react/jsx-runtime");
 var KbdAtom = ({ keys, className }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
@@ -33214,7 +33264,7 @@ var KbdAtom = ({ keys, className }) => {
         "pointer-events-none inline-flex h-5 select-none items-center gap-1 rounded border bg-muted px-1.5 font-mono text-[10px] font-medium text-muted-foreground opacity-100",
         className
       ),
-      children: keys.map((key, i) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react50.default.Fragment, { children: [
+      children: keys.map((key, i) => /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(import_react51.default.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { className: "text-xs", children: key }),
         i < keys.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("span", { children: "+" })
       ] }, i))
@@ -33223,7 +33273,7 @@ var KbdAtom = ({ keys, className }) => {
 };
 
 // src/atoms/ResizableAtom.tsx
-var import_react51 = __toESM(require("react"), 1);
+var import_react52 = __toESM(require("react"), 1);
 
 // src/components/ui/resizable.tsx
 var ResizablePrimitive = __toESM(require("react-resizable-panels"), 1);
@@ -33272,9 +33322,9 @@ var ResizableAtom = ({
         "min-h-[200px] w-full rounded-lg border border-purple-100",
         className
       ),
-      children: panels.map((panel, i) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react51.default.Fragment, { children: [
+      children: panels.map((panel, i) => /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)(import_react52.default.Fragment, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(ResizablePanel, { defaultSize: panel.defaultSize, className: "p-4", children: panel.children.map((child, childIdx) => /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
-          import_react51.default.Fragment,
+          import_react52.default.Fragment,
           {
             children: renderComponent(child)
           },
@@ -33287,20 +33337,20 @@ var ResizableAtom = ({
 };
 
 // src/components/ui/chart.tsx
-var React79 = __toESM(require("react"), 1);
+var React80 = __toESM(require("react"), 1);
 var RechartsPrimitive = __toESM(require("recharts"), 1);
 var import_jsx_runtime84 = require("react/jsx-runtime");
 var THEMES = { light: "", dark: ".dark" };
-var ChartContext = React79.createContext(null);
+var ChartContext = React80.createContext(null);
 function useChart() {
-  const context = React79.useContext(ChartContext);
+  const context = React80.useContext(ChartContext);
   if (!context) {
     throw new Error("useChart must be used within a <ChartContainer />");
   }
   return context;
 }
-var ChartContainer = React79.forwardRef(({ id, className, children, config, ...props }, ref) => {
-  const uniqueId = React79.useId();
+var ChartContainer = React80.forwardRef(({ id, className, children, config, ...props }, ref) => {
+  const uniqueId = React80.useId();
   const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`;
   return /* @__PURE__ */ (0, import_jsx_runtime84.jsx)(ChartContext.Provider, { value: { config }, children: /* @__PURE__ */ (0, import_jsx_runtime84.jsxs)(
     "div",
@@ -33346,7 +33396,7 @@ ${colorConfig.map(([key, itemConfig]) => {
   );
 };
 var ChartTooltip = RechartsPrimitive.Tooltip;
-var ChartTooltipContent = React79.forwardRef(
+var ChartTooltipContent = React80.forwardRef(
   ({
     active,
     payload,
@@ -33363,7 +33413,7 @@ var ChartTooltipContent = React79.forwardRef(
     labelKey
   }, ref) => {
     const { config } = useChart();
-    const tooltipLabel = React79.useMemo(() => {
+    const tooltipLabel = React80.useMemo(() => {
       if (hideLabel || !payload?.length) {
         return null;
       }
@@ -33459,7 +33509,7 @@ var ChartTooltipContent = React79.forwardRef(
 );
 ChartTooltipContent.displayName = "ChartTooltip";
 var ChartLegend = RechartsPrimitive.Legend;
-var ChartLegendContent = React79.forwardRef(
+var ChartLegendContent = React80.forwardRef(
   ({ className, hideIcon = false, payload, verticalAlign = "bottom", nameKey }, ref) => {
     const { config } = useChart();
     if (!payload?.length) {
@@ -33755,10 +33805,10 @@ var VideoAtom = ({
 };
 
 // src/atoms/RatingAtom.tsx
-var import_react52 = __toESM(require("react"), 1);
+var import_react53 = __toESM(require("react"), 1);
 var import_jsx_runtime87 = require("react/jsx-runtime");
 var RatingAtom = ({ id, label, value, max: max2 = 5, readonly = false, className, style, onChange }) => {
-  const [hoverValue, setHoverValue] = import_react52.default.useState(null);
+  const [hoverValue, setHoverValue] = import_react53.default.useState(null);
   const hasPxVars = style && Object.keys(style).some((k) => k.startsWith("--px-"));
   const stars = /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: cn("flex items-center gap-1", className), style, "data-px-styled": hasPxVars ? "" : void 0, children: Array.from({ length: max2 }, (_, i) => {
     const starValue = i + 1;
@@ -33848,7 +33898,7 @@ var TimelineAtom = ({
 };
 
 // src/atoms/ArrowToggleAtom.tsx
-var import_react53 = require("react");
+var import_react54 = require("react");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var ArrowToggleAtom = ({
   isExpanded: controlledExpanded,
@@ -33857,7 +33907,7 @@ var ArrowToggleAtom = ({
   className,
   style
 }) => {
-  const [internalExpanded, setInternalExpanded] = (0, import_react53.useState)(false);
+  const [internalExpanded, setInternalExpanded] = (0, import_react54.useState)(false);
   const isExpanded = controlledExpanded !== void 0 ? controlledExpanded : internalExpanded;
   const handleToggle = (e) => {
     e.preventDefault();
@@ -33976,10 +34026,10 @@ __export(molecules_exports, {
 });
 
 // src/molecules/generic/widgetTheme.ts
-var import_react54 = require("react");
-var WidgetThemeContext = (0, import_react54.createContext)(void 0);
+var import_react55 = require("react");
+var WidgetThemeContext = (0, import_react55.createContext)(void 0);
 function useWidgetTheme(explicit) {
-  const ctx = (0, import_react54.useContext)(WidgetThemeContext);
+  const ctx = (0, import_react55.useContext)(WidgetThemeContext);
   return explicit ?? ctx;
 }
 function withAlpha(color, alpha) {
@@ -34054,15 +34104,15 @@ function th(theme) {
 }
 
 // src/molecules/generic/EditableField/EditableField.tsx
-var import_react55 = __toESM(require("react"), 1);
+var import_react56 = __toESM(require("react"), 1);
 
 // src/components/ui/hover-card.tsx
-var React82 = __toESM(require("react"), 1);
+var React83 = __toESM(require("react"), 1);
 var HoverCardPrimitive = __toESM(require("@radix-ui/react-hover-card"), 1);
 var import_jsx_runtime90 = require("react/jsx-runtime");
 var HoverCard = HoverCardPrimitive.Root;
 var HoverCardTrigger = HoverCardPrimitive.Trigger;
-var HoverCardContent = React82.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+var HoverCardContent = React83.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
   HoverCardPrimitive.Content,
   {
     ref,
@@ -34078,7 +34128,7 @@ var HoverCardContent = React82.forwardRef(({ className, align = "center", sideOf
 HoverCardContent.displayName = HoverCardPrimitive.Content.displayName;
 
 // src/components/ui/menubar.tsx
-var React83 = __toESM(require("react"), 1);
+var React84 = __toESM(require("react"), 1);
 var MenubarPrimitive = __toESM(require("@radix-ui/react-menubar"), 1);
 var import_jsx_runtime91 = require("react/jsx-runtime");
 function MenubarMenu({
@@ -34106,7 +34156,7 @@ function MenubarSub({
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
-var Menubar = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var Menubar = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   MenubarPrimitive.Root,
   {
     ref,
@@ -34118,7 +34168,7 @@ var Menubar = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 Menubar.displayName = MenubarPrimitive.Root.displayName;
-var MenubarTrigger = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var MenubarTrigger = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   MenubarPrimitive.Trigger,
   {
     ref,
@@ -34130,7 +34180,7 @@ var MenubarTrigger = React83.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 MenubarTrigger.displayName = MenubarPrimitive.Trigger.displayName;
-var MenubarSubTrigger = React83.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+var MenubarSubTrigger = React84.forwardRef(({ className, inset, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
   MenubarPrimitive.SubTrigger,
   {
     ref,
@@ -34147,7 +34197,7 @@ var MenubarSubTrigger = React83.forwardRef(({ className, inset, children, ...pro
   }
 ));
 MenubarSubTrigger.displayName = MenubarPrimitive.SubTrigger.displayName;
-var MenubarSubContent = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var MenubarSubContent = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   MenubarPrimitive.SubContent,
   {
     ref,
@@ -34159,7 +34209,7 @@ var MenubarSubContent = React83.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 MenubarSubContent.displayName = MenubarPrimitive.SubContent.displayName;
-var MenubarContent = React83.forwardRef(
+var MenubarContent = React84.forwardRef(
   ({ className, align = "start", alignOffset = -4, sideOffset = 8, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(MenubarPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
     MenubarPrimitive.Content,
     {
@@ -34176,7 +34226,7 @@ var MenubarContent = React83.forwardRef(
   ) })
 );
 MenubarContent.displayName = MenubarPrimitive.Content.displayName;
-var MenubarItem = React83.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var MenubarItem = React84.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   MenubarPrimitive.Item,
   {
     ref,
@@ -34189,7 +34239,7 @@ var MenubarItem = React83.forwardRef(({ className, inset, ...props }, ref) => /*
   }
 ));
 MenubarItem.displayName = MenubarPrimitive.Item.displayName;
-var MenubarCheckboxItem = React83.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+var MenubarCheckboxItem = React84.forwardRef(({ className, children, checked, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
   MenubarPrimitive.CheckboxItem,
   {
     ref,
@@ -34206,7 +34256,7 @@ var MenubarCheckboxItem = React83.forwardRef(({ className, children, checked, ..
   }
 ));
 MenubarCheckboxItem.displayName = MenubarPrimitive.CheckboxItem.displayName;
-var MenubarRadioItem = React83.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
+var MenubarRadioItem = React84.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
   MenubarPrimitive.RadioItem,
   {
     ref,
@@ -34222,7 +34272,7 @@ var MenubarRadioItem = React83.forwardRef(({ className, children, ...props }, re
   }
 ));
 MenubarRadioItem.displayName = MenubarPrimitive.RadioItem.displayName;
-var MenubarLabel = React83.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var MenubarLabel = React84.forwardRef(({ className, inset, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   MenubarPrimitive.Label,
   {
     ref,
@@ -34235,7 +34285,7 @@ var MenubarLabel = React83.forwardRef(({ className, inset, ...props }, ref) => /
   }
 ));
 MenubarLabel.displayName = MenubarPrimitive.Label.displayName;
-var MenubarSeparator = React83.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+var MenubarSeparator = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
   MenubarPrimitive.Separator,
   {
     ref,
@@ -34262,11 +34312,11 @@ var MenubarShortcut = ({
 MenubarShortcut.displayname = "MenubarShortcut";
 
 // src/components/ui/navigation-menu.tsx
-var React84 = __toESM(require("react"), 1);
+var React85 = __toESM(require("react"), 1);
 var NavigationMenuPrimitive = __toESM(require("@radix-ui/react-navigation-menu"), 1);
 var import_class_variance_authority7 = require("class-variance-authority");
 var import_jsx_runtime92 = require("react/jsx-runtime");
-var NavigationMenu = React84.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+var NavigationMenu = React85.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
   NavigationMenuPrimitive.Root,
   {
     ref,
@@ -34282,7 +34332,7 @@ var NavigationMenu = React84.forwardRef(({ className, children, ...props }, ref)
   }
 ));
 NavigationMenu.displayName = NavigationMenuPrimitive.Root.displayName;
-var NavigationMenuList = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var NavigationMenuList = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   NavigationMenuPrimitive.List,
   {
     ref,
@@ -34298,7 +34348,7 @@ var NavigationMenuItem = NavigationMenuPrimitive.Item;
 var navigationMenuTriggerStyle = (0, import_class_variance_authority7.cva)(
   "group inline-flex h-10 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[state=open]:text-accent-foreground data-[state=open]:bg-accent/50 data-[state=open]:hover:bg-accent data-[state=open]:focus:bg-accent"
 );
-var NavigationMenuTrigger = React84.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
+var NavigationMenuTrigger = React85.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
   NavigationMenuPrimitive.Trigger,
   {
     ref,
@@ -34318,7 +34368,7 @@ var NavigationMenuTrigger = React84.forwardRef(({ className, children, ...props
   }
 ));
 NavigationMenuTrigger.displayName = NavigationMenuPrimitive.Trigger.displayName;
-var NavigationMenuContent = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var NavigationMenuContent = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   NavigationMenuPrimitive.Content,
   {
     ref,
@@ -34331,7 +34381,7 @@ var NavigationMenuContent = React84.forwardRef(({ className, ...props }, ref) =>
 ));
 NavigationMenuContent.displayName = NavigationMenuPrimitive.Content.displayName;
 var NavigationMenuLink = NavigationMenuPrimitive.Link;
-var NavigationMenuViewport = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var NavigationMenuViewport = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { className: cn("absolute left-0 top-full flex justify-center"), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   NavigationMenuPrimitive.Viewport,
   {
     className: cn(
@@ -34343,7 +34393,7 @@ var NavigationMenuViewport = React84.forwardRef(({ className, ...props }, ref) =
   }
 ) }));
 NavigationMenuViewport.displayName = NavigationMenuPrimitive.Viewport.displayName;
-var NavigationMenuIndicator = React84.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+var NavigationMenuIndicator = React85.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
   NavigationMenuPrimitive.Indicator,
   {
     ref,
@@ -34373,7 +34423,7 @@ function Spinner({ className, ...props }) {
 
 // src/molecules/generic/EditableField/EditableField.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
-var EditableField = import_react55.default.memo(
+var EditableField = import_react56.default.memo(
   ({
     label,
     value,
@@ -34393,12 +34443,12 @@ var EditableField = import_react55.default.memo(
     ...rest
   }) => {
     void rest;
-    const [localValue, setLocalValue] = (0, import_react55.useState)(value);
-    const inputRef = (0, import_react55.useRef)(null);
-    (0, import_react55.useEffect)(() => {
+    const [localValue, setLocalValue] = (0, import_react56.useState)(value);
+    const inputRef = (0, import_react56.useRef)(null);
+    (0, import_react56.useEffect)(() => {
       setLocalValue(value);
     }, [value, isEditingProp]);
-    (0, import_react55.useEffect)(() => {
+    (0, import_react56.useEffect)(() => {
       if (isEditingProp) {
         setTimeout(() => inputRef.current?.focus(), 0);
       }
@@ -34585,9 +34635,9 @@ var EditableField = import_react55.default.memo(
 EditableField.displayName = "EditableField";
 
 // src/molecules/generic/ActionButton/ActionButton.tsx
-var import_react56 = __toESM(require("react"), 1);
+var import_react57 = __toESM(require("react"), 1);
 var import_jsx_runtime95 = require("react/jsx-runtime");
-var ActionButton = import_react56.default.memo(
+var ActionButton = import_react57.default.memo(
   ({
     label,
     secondaryLabel,
@@ -34602,13 +34652,13 @@ var ActionButton = import_react56.default.memo(
     className,
     showCountdown = true
   }) => {
-    const [timeLeft, setTimeLeft] = (0, import_react56.useState)(countdownProp || 0);
-    (0, import_react56.useEffect)(() => {
+    const [timeLeft, setTimeLeft] = (0, import_react57.useState)(countdownProp || 0);
+    (0, import_react57.useEffect)(() => {
       if (countdownProp !== void 0) {
         setTimeLeft(countdownProp);
       }
     }, [countdownProp]);
-    (0, import_react56.useEffect)(() => {
+    (0, import_react57.useEffect)(() => {
       if (countdownProp === void 0 || countdownProp <= 0 || isPaused || isLoading || disabled) {
         return;
       }
@@ -34677,10 +34727,10 @@ var ActionButton = import_react56.default.memo(
 ActionButton.displayName = "ActionButton";
 
 // src/molecules/generic/FormCard/FormCard.tsx
-var import_react57 = __toESM(require("react"), 1);
+var import_react58 = __toESM(require("react"), 1);
 var import_jsx_runtime96 = require("react/jsx-runtime");
 var humanizeKey = (key) => key.replace(/[_-]+/g, " ").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/\b\w/g, (c) => c.toUpperCase()).trim();
-var FormCard = import_react57.default.memo(
+var FormCard = import_react58.default.memo(
   ({
     title,
     fields = [],
@@ -34701,12 +34751,12 @@ var FormCard = import_react57.default.memo(
     footer,
     shouldStopPropagation = true
   }) => {
-    const [copied, setCopied] = (0, import_react57.useState)(false);
-    const [internalEditingFields, setInternalEditingFields] = (0, import_react57.useState)({});
-    const [internalSavingFields, setInternalSavingFields] = (0, import_react57.useState)({});
-    const [internalData, setInternalData] = (0, import_react57.useState)(data);
-    const [userEditedFields, setUserEditedFields] = (0, import_react57.useState)({});
-    import_react57.default.useEffect(() => {
+    const [copied, setCopied] = (0, import_react58.useState)(false);
+    const [internalEditingFields, setInternalEditingFields] = (0, import_react58.useState)({});
+    const [internalSavingFields, setInternalSavingFields] = (0, import_react58.useState)({});
+    const [internalData, setInternalData] = (0, import_react58.useState)(data);
+    const [userEditedFields, setUserEditedFields] = (0, import_react58.useState)({});
+    import_react58.default.useEffect(() => {
       setInternalData((prev) => {
         const newData = { ...data };
         Object.keys(userEditedFields).forEach((key) => {
@@ -34868,7 +34918,7 @@ var FormCard = import_react57.default.memo(
 FormCard.displayName = "FormCard";
 
 // src/molecules/generic/DynamicFormCard/DynamicFormCard.tsx
-var import_react58 = __toESM(require("react"), 1);
+var import_react59 = __toESM(require("react"), 1);
 
 // src/lib/field-utils.ts
 function normalizeLabel(key) {
@@ -34944,7 +34994,7 @@ function generateFieldsFromPropDefinitions(propDefs, data) {
 
 // src/molecules/generic/DynamicFormCard/DynamicFormCard.tsx
 var import_jsx_runtime97 = require("react/jsx-runtime");
-var DynamicFormCard = import_react58.default.memo(
+var DynamicFormCard = import_react59.default.memo(
   ({
     data = {},
     fields: providedFields,
@@ -34957,7 +35007,7 @@ var DynamicFormCard = import_react58.default.memo(
     showTimeline = true,
     ...rest
   }) => {
-    const fields = (0, import_react58.useMemo)(
+    const fields = (0, import_react59.useMemo)(
       () => providedFields ?? generateFieldsFromData(data),
       [providedFields, data]
     );
@@ -35220,10 +35270,10 @@ var FilterBar = ({ filters, showSearch = true, className, onFilterToggle, onSear
 };
 
 // src/molecules/generic/FileUpload/FileUpload.tsx
-var import_react59 = __toESM(require("react"), 1);
+var import_react60 = __toESM(require("react"), 1);
 var import_jsx_runtime102 = require("react/jsx-runtime");
 var FileUpload = ({ title, accept, multiple, className, style, onFilesSelected }) => {
-  const [isDragging, setIsDragging] = import_react59.default.useState(false);
+  const [isDragging, setIsDragging] = import_react60.default.useState(false);
   const hasPxVars = style && Object.keys(style).some((k) => k.startsWith("--px-"));
   const wrapperStyle = {
     ...hasPxVars && {
@@ -35385,7 +35435,7 @@ var DataGrid = ({
 };
 
 // src/molecules/generic/StepWizard/StepWizard.tsx
-var import_react60 = __toESM(require("react"), 1);
+var import_react61 = __toESM(require("react"), 1);
 var import_jsx_runtime105 = require("react/jsx-runtime");
 var StepWizard = ({
   steps,
@@ -35396,7 +35446,7 @@ var StepWizard = ({
     const isCompleted = i < currentStep;
     const isActive = i === currentStep;
     const isLast = i === steps.length - 1;
-    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_react60.default.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)(import_react61.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime105.jsxs)("div", { className: "flex flex-col items-center relative group", children: [
         /* @__PURE__ */ (0, import_jsx_runtime105.jsx)(
           "div",
@@ -35495,10 +35545,10 @@ var NotificationList = ({
 };
 
 // src/molecules/generic/SocialPostCard/SocialPostCard.tsx
-var import_react62 = require("react");
+var import_react63 = require("react");
 
 // src/molecules/generic/SocialPostCard/PlatformPost.tsx
-var import_react61 = require("react");
+var import_react62 = require("react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
 var PLATFORM_STYLES = {
   twitter: {
@@ -35524,8 +35574,8 @@ var PLATFORM_STYLES = {
   }
 };
 var PlatformPost = ({ post, loading, className }) => {
-  const [copied, setCopied] = (0, import_react61.useState)(false);
-  const [caption, setCaption] = (0, import_react61.useState)(post.caption);
+  const [copied, setCopied] = (0, import_react62.useState)(false);
+  const [caption, setCaption] = (0, import_react62.useState)(post.caption);
   const style = PLATFORM_STYLES[post.platform] || PLATFORM_STYLES.twitter;
   const charCount = caption.length;
   const isOverLimit = charCount > post.character_limit;
@@ -35654,7 +35704,7 @@ var SocialPostCard = ({
   sendMessage: _sendMessage
 }) => {
   const initialSelected = posts?.map((p) => p.platform) || ALL_PLATFORMS.slice();
-  const [selectedPlatforms, setSelectedPlatforms] = (0, import_react62.useState)(initialSelected);
+  const [selectedPlatforms, setSelectedPlatforms] = (0, import_react63.useState)(initialSelected);
   const togglePlatform = (platform) => {
     setSelectedPlatforms((prev) => {
       if (prev.includes(platform)) {
@@ -36790,9 +36840,9 @@ var GoogleSheetsListCard = ({
 };
 
 // src/molecules/generic/RecommendationCard/RecommendationCard.tsx
-var import_react63 = __toESM(require("react"), 1);
+var import_react64 = __toESM(require("react"), 1);
 var import_jsx_runtime121 = require("react/jsx-runtime");
-var RecommendationCard = import_react63.default.memo(
+var RecommendationCard = import_react64.default.memo(
   ({
     question,
     recommended,
@@ -36804,11 +36854,11 @@ var RecommendationCard = import_react63.default.memo(
     className,
     onAction
   }) => {
-    const [mode, setMode] = import_react63.default.useState(
+    const [mode, setMode] = import_react64.default.useState(
       "recommended"
     );
-    const [customText, setCustomText] = import_react63.default.useState("");
-    const [isSubmitted, setIsSubmitted] = import_react63.default.useState(false);
+    const [customText, setCustomText] = import_react64.default.useState("");
+    const [isSubmitted, setIsSubmitted] = import_react64.default.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const handleModeChange = (newMode) => {
       if (isInteractive) {
@@ -36955,9 +37005,9 @@ var RecommendationCard = import_react63.default.memo(
 RecommendationCard.displayName = "RecommendationCard";
 
 // src/molecules/generic/ConfirmationCard/ConfirmationCard.tsx
-var import_react64 = __toESM(require("react"), 1);
+var import_react65 = __toESM(require("react"), 1);
 var import_jsx_runtime122 = require("react/jsx-runtime");
-var ConfirmationCard = import_react64.default.memo(
+var ConfirmationCard = import_react65.default.memo(
   ({
     title,
     description,
@@ -36970,8 +37020,8 @@ var ConfirmationCard = import_react64.default.memo(
     className,
     onAction
   }) => {
-    const [isSubmitted, setIsSubmitted] = import_react64.default.useState(false);
-    const [choice, setChoice] = import_react64.default.useState(null);
+    const [isSubmitted, setIsSubmitted] = import_react65.default.useState(false);
+    const [choice, setChoice] = import_react65.default.useState(null);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const handleConfirm = (e) => {
       e.preventDefault();
@@ -37040,7 +37090,7 @@ var ConfirmationCard = import_react64.default.memo(
 ConfirmationCard.displayName = "ConfirmationCard";
 
 // src/molecules/generic/InputWidget/InputWidget.tsx
-var import_react65 = __toESM(require("react"), 1);
+var import_react66 = __toESM(require("react"), 1);
 
 // src/lib/run-sse.ts
 var INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
@@ -37162,7 +37212,7 @@ var InputWidget = ({
   onAction,
   isSubmitting = false
 }) => {
-  const [values, setValues] = import_react65.default.useState(() => {
+  const [values, setValues] = import_react66.default.useState(() => {
     const initial = {};
     for (const f of fields) {
       initial[f.key] = f.defaultValue ?? defaultForKind(f.kind);
@@ -37418,7 +37468,7 @@ function stringifyValue(value, atomName, props) {
 }
 
 // src/molecules/generic/KPIStatsCard/KPIStatsCard.tsx
-var import_react66 = __toESM(require("react"), 1);
+var import_react67 = __toESM(require("react"), 1);
 var import_jsx_runtime124 = require("react/jsx-runtime");
 var TrendBadge = ({ item }) => {
   if (!item.delta && item.trend === void 0) return null;
@@ -37435,7 +37485,7 @@ var TrendBadge = ({ item }) => {
     item.delta
   ] });
 };
-var KPIStatsCard = import_react66.default.memo(
+var KPIStatsCard = import_react67.default.memo(
   ({ title, subtitle, stats, items, theme, className, onAction: _onAction }) => {
     const s = th(theme);
     const displayStats = stats || items || [];
@@ -37495,7 +37545,7 @@ var KPIStatsCard = import_react66.default.memo(
 KPIStatsCard.displayName = "KPIStatsCard";
 
 // src/molecules/generic/ApprovalCard/ApprovalCard.tsx
-var import_react67 = __toESM(require("react"), 1);
+var import_react68 = __toESM(require("react"), 1);
 var import_jsx_runtime125 = require("react/jsx-runtime");
 var STATUS_CONFIG2 = {
   pending: { label: "Pending Review", icon: Clock, className: "text-yellow-400 bg-yellow-500/10 border-yellow-500/20" },
@@ -37503,7 +37553,7 @@ var STATUS_CONFIG2 = {
   rejected: { label: "Rejected", icon: CircleX, className: "text-rose-400 bg-rose-500/10 border-rose-500/20" },
   changes_requested: { label: "Changes Requested", icon: MessageSquare, className: "text-blue-400 bg-blue-500/10 border-blue-500/20" }
 };
-var ApprovalCard = import_react67.default.memo(
+var ApprovalCard = import_react68.default.memo(
   ({
     title,
     description,
@@ -37521,9 +37571,9 @@ var ApprovalCard = import_react67.default.memo(
     onAction
   }) => {
     const s = th(theme);
-    const [status, setStatus] = import_react67.default.useState(propStatus || "pending");
-    const [isSubmitted, setIsSubmitted] = import_react67.default.useState(!!propStatus && propStatus !== "pending");
-    import_react67.default.useEffect(() => {
+    const [status, setStatus] = import_react68.default.useState(propStatus || "pending");
+    const [isSubmitted, setIsSubmitted] = import_react68.default.useState(!!propStatus && propStatus !== "pending");
+    import_react68.default.useEffect(() => {
       if (propStatus) {
         setStatus(propStatus);
         setIsSubmitted(propStatus !== "pending");
@@ -37611,7 +37661,7 @@ var ApprovalCard = import_react67.default.memo(
 ApprovalCard.displayName = "ApprovalCard";
 
 // src/molecules/generic/TimelineCard/TimelineCard.tsx
-var import_react68 = __toESM(require("react"), 1);
+var import_react69 = __toESM(require("react"), 1);
 var import_jsx_runtime126 = require("react/jsx-runtime");
 var StepDot = ({ step, accentColor }) => {
   if (step.status === "completed") return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-emerald-500/20 ring-2 ring-emerald-500/40", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Check, { className: "h-3 w-3 text-emerald-400", strokeWidth: 2.5 }) });
@@ -37629,7 +37679,7 @@ var StepDot = ({ step, accentColor }) => {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)("div", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-gray400/20 ring-2 ring-gray400/20", children: /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(Circle, { className: "h-2.5 w-2.5 text-cardText/20" }) });
 };
-var TimelineCard = import_react68.default.memo(
+var TimelineCard = import_react69.default.memo(
   ({ title, steps, milestones, theme, className, onAction: _onAction }) => {
     const s = th(theme);
     const displaySteps = steps || milestones || [];
@@ -37687,9 +37737,9 @@ var TimelineCard = import_react68.default.memo(
 TimelineCard.displayName = "TimelineCard";
 
 // src/molecules/generic/FeedbackRatingCard/FeedbackRatingCard.tsx
-var import_react69 = __toESM(require("react"), 1);
+var import_react70 = __toESM(require("react"), 1);
 var import_jsx_runtime127 = require("react/jsx-runtime");
-var FeedbackRatingCard = import_react69.default.memo(
+var FeedbackRatingCard = import_react70.default.memo(
   ({
     question,
     max_rating = 5,
@@ -37705,10 +37755,10 @@ var FeedbackRatingCard = import_react69.default.memo(
     onAction
   }) => {
     const s = th(theme);
-    const [rating, setRating] = import_react69.default.useState(0);
-    const [hovered, setHovered] = import_react69.default.useState(0);
-    const [comment, setComment] = import_react69.default.useState("");
-    const [isSubmitted, setIsSubmitted] = import_react69.default.useState(false);
+    const [rating, setRating] = import_react70.default.useState(0);
+    const [hovered, setHovered] = import_react70.default.useState(0);
+    const [comment, setComment] = import_react70.default.useState("");
+    const [isSubmitted, setIsSubmitted] = import_react70.default.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const stars = Array.from({ length: max_rating }, (_, i) => i + 1);
     const handleSubmit = (e) => {
@@ -37787,9 +37837,9 @@ Feedback: ${comment}` : `Rating: ${rating}/${max_rating} ${label}`;
 FeedbackRatingCard.displayName = "FeedbackRatingCard";
 
 // src/molecules/generic/DataTableCard/DataTableCard.tsx
-var import_react70 = __toESM(require("react"), 1);
+var import_react71 = __toESM(require("react"), 1);
 var import_jsx_runtime128 = require("react/jsx-runtime");
-var DataTableCard = import_react70.default.memo(
+var DataTableCard = import_react71.default.memo(
   ({ title, caption, columns, rows, highlight_column, theme, className, onAction: _onAction }) => {
     const s = th(theme);
     return /* @__PURE__ */ (0, import_jsx_runtime128.jsxs)("div", { className: cn("w-full rounded-[16px] border border-gray400 bg-cardSurface overflow-hidden", className), style: s.root, children: [
@@ -37839,9 +37889,9 @@ var DataTableCard = import_react70.default.memo(
 DataTableCard.displayName = "DataTableCard";
 
 // src/molecules/generic/ChecklistCard/ChecklistCard.tsx
-var import_react71 = __toESM(require("react"), 1);
+var import_react72 = __toESM(require("react"), 1);
 var import_jsx_runtime129 = require("react/jsx-runtime");
-var ChecklistCard = import_react71.default.memo(
+var ChecklistCard = import_react72.default.memo(
   ({
     title,
     description,
@@ -37858,10 +37908,10 @@ var ChecklistCard = import_react71.default.memo(
   }) => {
     const s = th(theme);
     const source = items || tasks || [];
-    const [checked, setChecked] = import_react71.default.useState(
+    const [checked, setChecked] = import_react72.default.useState(
       () => new Set(source.filter((i) => i.checked).map((i) => i.id))
     );
-    const [isSubmitted, setIsSubmitted] = import_react71.default.useState(false);
+    const [isSubmitted, setIsSubmitted] = import_react72.default.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const toggle = (id) => {
       if (!isInteractive) return;
@@ -37974,9 +38024,9 @@ var ChecklistCard = import_react71.default.memo(
 ChecklistCard.displayName = "ChecklistCard";
 
 // src/molecules/generic/PollCard/PollCard.tsx
-var import_react72 = __toESM(require("react"), 1);
+var import_react73 = __toESM(require("react"), 1);
 var import_jsx_runtime130 = require("react/jsx-runtime");
-var PollCard = import_react72.default.memo(
+var PollCard = import_react73.default.memo(
   ({
     question,
     options,
@@ -37993,9 +38043,9 @@ var PollCard = import_react72.default.memo(
   }) => {
     const s = th(theme);
     const source = options || choices || [];
-    const [selected, setSelected] = import_react72.default.useState(/* @__PURE__ */ new Set());
-    const [hasVoted, setHasVoted] = import_react72.default.useState(false);
-    const [voteCounts, setVoteCounts] = import_react72.default.useState(
+    const [selected, setSelected] = import_react73.default.useState(/* @__PURE__ */ new Set());
+    const [hasVoted, setHasVoted] = import_react73.default.useState(false);
+    const [voteCounts, setVoteCounts] = import_react73.default.useState(
       () => Object.fromEntries(source.map((o) => [o.id, o.votes ?? 0]))
     );
     const isInteractive = isLatestMessage && !disabled && !hasVoted;
@@ -38134,7 +38184,7 @@ Selected: ${labels.join(", ")}`);
 PollCard.displayName = "PollCard";
 
 // src/molecules/generic/CalendarEventCard/CalendarEventCard.tsx
-var import_react73 = __toESM(require("react"), 1);
+var import_react74 = __toESM(require("react"), 1);
 var import_jsx_runtime131 = require("react/jsx-runtime");
 var STATUS_STYLES = {
   upcoming: { label: "Upcoming", className: "text-blue-400 bg-blue-500/10 border-blue-500/20", dot: "bg-blue-400" },
@@ -38155,7 +38205,7 @@ function AvatarInitials({ name }) {
     }
   );
 }
-var CalendarEventCard = import_react73.default.memo(
+var CalendarEventCard = import_react74.default.memo(
   ({
     title,
     date,
@@ -38172,7 +38222,7 @@ var CalendarEventCard = import_react73.default.memo(
   }) => {
     const s = th(theme);
     const cfg = STATUS_STYLES[status];
-    const parsedDate = import_react73.default.useMemo(() => {
+    const parsedDate = import_react74.default.useMemo(() => {
       try {
         const d = new Date(date);
         if (isNaN(d.getTime())) {
@@ -38258,7 +38308,7 @@ var CalendarEventCard = import_react73.default.memo(
 CalendarEventCard.displayName = "CalendarEventCard";
 
 // src/molecules/generic/BudgetAllocCard/BudgetAllocCard.tsx
-var import_react74 = __toESM(require("react"), 1);
+var import_react75 = __toESM(require("react"), 1);
 var import_jsx_runtime132 = require("react/jsx-runtime");
 var PALETTE = [
   "#BFAD82",
@@ -38284,7 +38334,7 @@ function formatAmount(amount, currency) {
   if (amount >= 1e3) return `${currency}${(amount / 1e3).toFixed(0)}K`;
   return `${currency}${amount.toLocaleString()}`;
 }
-var BudgetAllocCard = import_react74.default.memo(
+var BudgetAllocCard = import_react75.default.memo(
   ({
     title,
     currency = "$",
@@ -38401,7 +38451,7 @@ var BudgetAllocCard = import_react74.default.memo(
 BudgetAllocCard.displayName = "BudgetAllocCard";
 
 // src/molecules/generic/ComparisonCard/ComparisonCard.tsx
-var import_react75 = __toESM(require("react"), 1);
+var import_react76 = __toESM(require("react"), 1);
 var import_jsx_runtime133 = require("react/jsx-runtime");
 var BADGE_COLORS = {
   gold: "text-gold border-gold/30 bg-gold/10",
@@ -38409,7 +38459,7 @@ var BADGE_COLORS = {
   emerald: "text-emerald-400 border-emerald-500/30 bg-emerald-500/10",
   violet: "text-violet-400 border-violet-500/30 bg-violet-500/10"
 };
-var ComparisonCard = import_react75.default.memo(
+var ComparisonCard = import_react76.default.memo(
   ({
     title,
     description,
@@ -38424,8 +38474,8 @@ var ComparisonCard = import_react75.default.memo(
     onAction
   }) => {
     const s = th(theme);
-    const [selected, setSelected] = import_react75.default.useState(null);
-    const [isSubmitted, setIsSubmitted] = import_react75.default.useState(false);
+    const [selected, setSelected] = import_react76.default.useState(null);
+    const [isSubmitted, setIsSubmitted] = import_react76.default.useState(false);
     const isInteractive = isLatestMessage && !disabled && !isSubmitted;
     const handleSelect = (opt) => (e) => {
       e.preventDefault();
@@ -39020,7 +39070,7 @@ var NextStepCard = ({
 ] });
 
 // src/molecules/generic/PresentationJobCard/PresentationJobCard.tsx
-var import_react76 = require("react");
+var import_react77 = require("react");
 var import_jsx_runtime147 = require("react/jsx-runtime");
 var DownloadIcon = () => /* @__PURE__ */ (0, import_jsx_runtime147.jsxs)("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime147.jsx)("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
@@ -39077,7 +39127,7 @@ var FORMATS = [
 var ExportModal = ({ formats, title, onClose }) => {
   const available = FORMATS.filter((f) => formats[f.key]);
   const filename = title.replace(/[^a-z0-9]/gi, "-").toLowerCase();
-  const [downloadingKey, setDownloadingKey] = (0, import_react76.useState)(null);
+  const [downloadingKey, setDownloadingKey] = (0, import_react77.useState)(null);
   const handleDownload = async (fmtKey, url, ext) => {
     if (downloadingKey) return;
     const downloadName = `${filename}${ext}`;
@@ -39145,10 +39195,10 @@ var ExportModal = ({ formats, title, onClose }) => {
   ] });
 };
 var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) => {
-  const [currentSlide, setCurrentSlide] = (0, import_react76.useState)(initialSlide);
-  const [iframeReady, setIframeReady] = (0, import_react76.useState)(false);
-  const iframeRef = (0, import_react76.useRef)(null);
-  (0, import_react76.useEffect)(() => {
+  const [currentSlide, setCurrentSlide] = (0, import_react77.useState)(initialSlide);
+  const [iframeReady, setIframeReady] = (0, import_react77.useState)(false);
+  const iframeRef = (0, import_react77.useRef)(null);
+  (0, import_react77.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
@@ -39166,7 +39216,7 @@ var FullscreenModal = ({ url, title, slideCount, initialSlide = 1, onClose }) =>
       window.removeEventListener("message", onMsg);
     };
   }, [onClose, iframeReady]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -39264,46 +39314,46 @@ var PresentationJobCard = ({
 }) => {
   const t = th(theme);
   const accentGradient = theme?.gradient;
-  const [status, setStatus] = (0, import_react76.useState)(initialStatus);
-  const [title, setTitle] = (0, import_react76.useState)(initialTitle);
-  const [slideCount, setSlideCount] = (0, import_react76.useState)(initialSlideCount ?? 0);
-  const [formats, setFormats] = (0, import_react76.useState)(initialFormats);
-  const [error, setError] = (0, import_react76.useState)(initialError);
-  const [progress, setProgress] = (0, import_react76.useState)(initialProgress);
-  const [showExport, setShowExport] = (0, import_react76.useState)(false);
-  const [showFullscreen, setShowFullscreen] = (0, import_react76.useState)(false);
-  const [copied, setCopied] = (0, import_react76.useState)(false);
-  const [currentSlide, setCurrentSlide] = (0, import_react76.useState)(1);
-  const [previewScale, setPreviewScale] = (0, import_react76.useState)(1);
-  const [iframeReady, setIframeReady] = (0, import_react76.useState)(false);
-  const intervalRef = (0, import_react76.useRef)(null);
-  const previewRef = (0, import_react76.useRef)(null);
-  const iframeRef = (0, import_react76.useRef)(null);
-  (0, import_react76.useEffect)(() => {
+  const [status, setStatus] = (0, import_react77.useState)(initialStatus);
+  const [title, setTitle] = (0, import_react77.useState)(initialTitle);
+  const [slideCount, setSlideCount] = (0, import_react77.useState)(initialSlideCount ?? 0);
+  const [formats, setFormats] = (0, import_react77.useState)(initialFormats);
+  const [error, setError] = (0, import_react77.useState)(initialError);
+  const [progress, setProgress] = (0, import_react77.useState)(initialProgress);
+  const [showExport, setShowExport] = (0, import_react77.useState)(false);
+  const [showFullscreen, setShowFullscreen] = (0, import_react77.useState)(false);
+  const [copied, setCopied] = (0, import_react77.useState)(false);
+  const [currentSlide, setCurrentSlide] = (0, import_react77.useState)(1);
+  const [previewScale, setPreviewScale] = (0, import_react77.useState)(1);
+  const [iframeReady, setIframeReady] = (0, import_react77.useState)(false);
+  const intervalRef = (0, import_react77.useRef)(null);
+  const previewRef = (0, import_react77.useRef)(null);
+  const iframeRef = (0, import_react77.useRef)(null);
+  (0, import_react77.useEffect)(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (initialSlideCount !== void 0) setSlideCount(initialSlideCount);
   }, [initialSlideCount]);
   const htmlUrl = initialFormats?.html_url;
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (initialFormats) setFormats(initialFormats);
   }, [htmlUrl]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
-  const updateScale = (0, import_react76.useCallback)(() => {
+  const updateScale = (0, import_react77.useCallback)(() => {
     if (previewRef.current) setPreviewScale(previewRef.current.offsetWidth / 1280);
   }, []);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     updateScale();
     setIframeReady(false);
     if (typeof ResizeObserver === "undefined") return;
@@ -39311,7 +39361,7 @@ var PresentationJobCard = ({
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, formats.html_url]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     const handler = (e) => {
       if (e.data?.type === "slideChanged") {
         setCurrentSlide(e.data.slide);
@@ -39336,12 +39386,12 @@ var PresentationJobCard = ({
     iframe.contentWindow.postMessage({ type: command }, "*");
   };
   const isTerminal = status === "complete" || status === "failed";
-  const onCompleteRef = (0, import_react76.useRef)(onComplete);
-  const onFailedRef = (0, import_react76.useRef)(onFailed);
-  const hasNotifiedRef = (0, import_react76.useRef)(false);
+  const onCompleteRef = (0, import_react77.useRef)(onComplete);
+  const onFailedRef = (0, import_react77.useRef)(onFailed);
+  const hasNotifiedRef = (0, import_react77.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (isTerminal || !pollUrl) return;
     const poll = async () => {
       try {
@@ -39390,7 +39440,7 @@ var PresentationJobCard = ({
       if (intervalRef.current) clearInterval(intervalRef.current);
     };
   }, [isTerminal, pollUrl, authToken, initialTitle]);
-  (0, import_react76.useEffect)(() => {
+  (0, import_react77.useEffect)(() => {
     if (isTerminal && intervalRef.current) {
       clearInterval(intervalRef.current);
       intervalRef.current = null;
@@ -39667,7 +39717,7 @@ var PresentationJobCard = ({
 };
 
 // src/molecules/generic/ResearchReportJobCard/ResearchReportJobCard.tsx
-var import_react77 = require("react");
+var import_react78 = require("react");
 var import_jsx_runtime148 = require("react/jsx-runtime");
 var DEFAULT_THEME = {
   primary: "#8b5cf6",
@@ -39710,14 +39760,14 @@ var ExpandIcon2 = () => /* @__PURE__ */ (0, import_jsx_runtime148.jsxs)("svg", {
   /* @__PURE__ */ (0, import_jsx_runtime148.jsx)("line", { x1: "3", y1: "21", x2: "10", y2: "14" })
 ] });
 var FullscreenPreviewModal = ({ url, title, onClose }) => {
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const onKey = (e) => {
       if (e.key === "Escape") onClose();
     };
     document.addEventListener("keydown", onKey);
     return () => document.removeEventListener("keydown", onKey);
   }, [onClose]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     document.body.style.overflow = "hidden";
     return () => {
       document.body.style.overflow = "";
@@ -39776,79 +39826,79 @@ var ResearchReportJobCard = (props) => {
     compact = false
   } = props;
   const inferredStatus = initialStatus ?? (initialHtmlUrl ? "complete" : void 0);
-  const [status, setStatus] = (0, import_react77.useState)(inferredStatus);
-  const [title, setTitle] = (0, import_react77.useState)(initialTitle);
-  const [depth, setDepth] = (0, import_react77.useState)(initialDepth || "");
-  const [sectionCount, setSectionCount] = (0, import_react77.useState)(initialSectionCount ?? 0);
-  const [sourceCount, setSourceCount] = (0, import_react77.useState)(initialSourceCount ?? 0);
-  const [wordCount, setWordCount] = (0, import_react77.useState)(initialWordCount ?? 0);
-  const [summary, setSummary] = (0, import_react77.useState)(initialSummary || "");
-  const [htmlUrl, setHtmlUrl] = (0, import_react77.useState)(initialHtmlUrl || "");
-  const [theme, setTheme] = (0, import_react77.useState)(initialTheme || DEFAULT_THEME);
-  const [error, setError] = (0, import_react77.useState)(initialError);
-  const [progress, setProgress] = (0, import_react77.useState)(initialProgress);
-  const [showPreview, setShowPreview] = (0, import_react77.useState)(false);
-  const [previewScale, setPreviewScale] = (0, import_react77.useState)(1);
-  const previewRef = (0, import_react77.useRef)(null);
-  const intervalRef = (0, import_react77.useRef)(null);
-  const onCompleteRef = (0, import_react77.useRef)(onComplete);
-  const onFailedRef = (0, import_react77.useRef)(onFailed);
-  const hasNotifiedRef = (0, import_react77.useRef)(false);
+  const [status, setStatus] = (0, import_react78.useState)(inferredStatus);
+  const [title, setTitle] = (0, import_react78.useState)(initialTitle);
+  const [depth, setDepth] = (0, import_react78.useState)(initialDepth || "");
+  const [sectionCount, setSectionCount] = (0, import_react78.useState)(initialSectionCount ?? 0);
+  const [sourceCount, setSourceCount] = (0, import_react78.useState)(initialSourceCount ?? 0);
+  const [wordCount, setWordCount] = (0, import_react78.useState)(initialWordCount ?? 0);
+  const [summary, setSummary] = (0, import_react78.useState)(initialSummary || "");
+  const [htmlUrl, setHtmlUrl] = (0, import_react78.useState)(initialHtmlUrl || "");
+  const [theme, setTheme] = (0, import_react78.useState)(initialTheme || DEFAULT_THEME);
+  const [error, setError] = (0, import_react78.useState)(initialError);
+  const [progress, setProgress] = (0, import_react78.useState)(initialProgress);
+  const [showPreview, setShowPreview] = (0, import_react78.useState)(false);
+  const [previewScale, setPreviewScale] = (0, import_react78.useState)(1);
+  const previewRef = (0, import_react78.useRef)(null);
+  const intervalRef = (0, import_react78.useRef)(null);
+  const onCompleteRef = (0, import_react78.useRef)(onComplete);
+  const onFailedRef = (0, import_react78.useRef)(onFailed);
+  const hasNotifiedRef = (0, import_react78.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     const newStatus = initialStatus ?? (initialHtmlUrl ? "complete" : void 0);
     setStatus(newStatus);
   }, [initialStatus, initialHtmlUrl]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialTitle) setTitle(initialTitle);
   }, [initialTitle]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialHtmlUrl) setHtmlUrl(initialHtmlUrl);
   }, [initialHtmlUrl]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialDepth) setDepth(initialDepth);
   }, [initialDepth]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialSectionCount !== void 0) setSectionCount(initialSectionCount);
   }, [initialSectionCount]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialSourceCount !== void 0) setSourceCount(initialSourceCount);
   }, [initialSourceCount]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialWordCount !== void 0) setWordCount(initialWordCount);
   }, [initialWordCount]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
   const themePrimary = initialTheme?.primary;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialTheme) setTheme(initialTheme);
   }, [themePrimary]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
   const isTerminal = status === "complete" || status === "failed";
   const primaryColor = theme?.primary || DEFAULT_THEME.primary;
   const hasHTML = Boolean(htmlUrl);
-  const updateScale = (0, import_react77.useCallback)(() => {
+  const updateScale = (0, import_react78.useCallback)(() => {
     if (previewRef.current) {
       setPreviewScale(previewRef.current.offsetWidth / 800);
     }
   }, []);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     updateScale();
     if (typeof ResizeObserver === "undefined") return;
     const ro = new ResizeObserver(updateScale);
     if (previewRef.current) ro.observe(previewRef.current);
     return () => ro.disconnect();
   }, [updateScale, htmlUrl]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (isTerminal || !pollUrl) return;
     const poll = async () => {
       try {
@@ -39898,7 +39948,7 @@ var ResearchReportJobCard = (props) => {
       if (intervalRef.current) clearInterval(intervalRef.current);
     };
   }, [isTerminal, pollUrl, authToken, initialTitle]);
-  (0, import_react77.useEffect)(() => {
+  (0, import_react78.useEffect)(() => {
     if (isTerminal && intervalRef.current) {
       clearInterval(intervalRef.current);
       intervalRef.current = null;
@@ -40169,7 +40219,7 @@ var ResearchReportJobCard = (props) => {
 };
 
 // src/molecules/generic/WebSearchJobCard/WebSearchJobCard.tsx
-var import_react78 = require("react");
+var import_react79 = require("react");
 var import_jsx_runtime149 = require("react/jsx-runtime");
 var SearchIcon = () => /* @__PURE__ */ (0, import_jsx_runtime149.jsxs)("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ (0, import_jsx_runtime149.jsx)("circle", { cx: "11", cy: "11", r: "8" }),
@@ -40198,51 +40248,51 @@ var WebSearchJobCard = ({
   onFailed,
   compact = false
 }) => {
-  const [status, setStatus] = (0, import_react78.useState)(initialStatus);
-  const [query, setQuery] = (0, import_react78.useState)(initialQuery || initialTitle || "");
-  const [resultCount, setResultCount] = (0, import_react78.useState)(initialResultCount ?? 0);
-  const [searchCount, setSearchCount] = (0, import_react78.useState)(initialSearchCount ?? 0);
-  const [summary, setSummary] = (0, import_react78.useState)(initialSummary || "");
-  const [results, setResults] = (0, import_react78.useState)(initialResults || []);
-  const [error, setError] = (0, import_react78.useState)(initialError);
-  const [progress, setProgress] = (0, import_react78.useState)(initialProgress);
-  const intervalRef = (0, import_react78.useRef)(null);
-  const onCompleteRef = (0, import_react78.useRef)(onComplete);
-  const onFailedRef = (0, import_react78.useRef)(onFailed);
-  const hasNotifiedRef = (0, import_react78.useRef)(false);
+  const [status, setStatus] = (0, import_react79.useState)(initialStatus);
+  const [query, setQuery] = (0, import_react79.useState)(initialQuery || initialTitle || "");
+  const [resultCount, setResultCount] = (0, import_react79.useState)(initialResultCount ?? 0);
+  const [searchCount, setSearchCount] = (0, import_react79.useState)(initialSearchCount ?? 0);
+  const [summary, setSummary] = (0, import_react79.useState)(initialSummary || "");
+  const [results, setResults] = (0, import_react79.useState)(initialResults || []);
+  const [error, setError] = (0, import_react79.useState)(initialError);
+  const [progress, setProgress] = (0, import_react79.useState)(initialProgress);
+  const intervalRef = (0, import_react79.useRef)(null);
+  const onCompleteRef = (0, import_react79.useRef)(onComplete);
+  const onFailedRef = (0, import_react79.useRef)(onFailed);
+  const hasNotifiedRef = (0, import_react79.useRef)(false);
   onCompleteRef.current = onComplete;
   onFailedRef.current = onFailed;
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     setStatus(initialStatus);
   }, [initialStatus]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialQuery) setQuery(initialQuery);
   }, [initialQuery]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialTitle && !initialQuery) setQuery(initialTitle);
   }, [initialTitle, initialQuery]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialResultCount !== void 0) setResultCount(initialResultCount);
   }, [initialResultCount]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialSearchCount !== void 0) setSearchCount(initialSearchCount);
   }, [initialSearchCount]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialSummary) setSummary(initialSummary);
   }, [initialSummary]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialResults) setResults(initialResults);
   }, [initialResults]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialError) setError(initialError);
   }, [initialError]);
   const progressPct = initialProgress?.percentage;
   const progressStep = initialProgress?.current_step;
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (initialProgress) setProgress(initialProgress);
   }, [progressPct, progressStep]);
   const isTerminal = status === "complete" || status === "failed";
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (isTerminal || !pollUrl) return;
     const poll = async () => {
       try {
@@ -40285,7 +40335,7 @@ var WebSearchJobCard = ({
       if (intervalRef.current) clearInterval(intervalRef.current);
     };
   }, [isTerminal, pollUrl, authToken]);
-  (0, import_react78.useEffect)(() => {
+  (0, import_react79.useEffect)(() => {
     if (isTerminal && intervalRef.current) {
       clearInterval(intervalRef.current);
       intervalRef.current = null;
@@ -40429,10 +40479,10 @@ var WebSearchJobCard = ({
 };
 
 // src/molecules/creator-discovery/CampaignSeedCard/CampaignSeedCard.tsx
-var import_react80 = __toESM(require("react"), 1);
+var import_react81 = __toESM(require("react"), 1);
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-var import_react79 = require("react");
+var import_react80 = require("react");
 
 // src/lib/countries.ts
 var countries = [
@@ -40644,10 +40694,10 @@ var CountrySelectEdit = ({
   value,
   onChange
 }) => {
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react79.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react79.useState)("");
-  const dropdownRef = (0, import_react79.useRef)(null);
-  (0, import_react79.useEffect)(() => {
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react80.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react80.useState)("");
+  const dropdownRef = (0, import_react80.useRef)(null);
+  (0, import_react80.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -40656,7 +40706,7 @@ var CountrySelectEdit = ({
     document.addEventListener("mousedown", handleClickOutside);
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
-  const inputValue = (0, import_react79.useMemo)(() => {
+  const inputValue = (0, import_react80.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") {
       const foundCountry = countries.find(
@@ -40757,7 +40807,7 @@ var CountrySelectEdit = ({
   ] });
 };
 var CountrySelectDisplay = ({ value }) => {
-  const displayValues = (0, import_react79.useMemo)(() => {
+  const displayValues = (0, import_react80.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") return [value];
     return [];
@@ -40933,7 +40983,7 @@ var PlatformSelectEdit = ({
   value,
   onChange
 }) => {
-  const selectedPlatforms = (0, import_react79.useMemo)(() => {
+  const selectedPlatforms = (0, import_react80.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") {
       return value.split(",").map((s) => s.trim()).filter(Boolean);
@@ -40952,7 +41002,7 @@ var PlatformSelectEdit = ({
       onChange([...selectedPlatforms, platform]);
     }
   };
-  const options = (0, import_react79.useMemo)(() => {
+  const options = (0, import_react80.useMemo)(() => {
     return DEFAULT_PLATFORMS;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime150.jsx)("div", { className: "flex flex-wrap gap-4 py-2", children: options.map((platform) => /* @__PURE__ */ (0, import_jsx_runtime150.jsxs)(
@@ -40978,7 +41028,7 @@ var PlatformSelectEdit = ({
   )) });
 };
 var PlatformSelectDisplay = ({ value }) => {
-  const displayValues = (0, import_react79.useMemo)(() => {
+  const displayValues = (0, import_react80.useMemo)(() => {
     if (Array.isArray(value)) return value;
     if (typeof value === "string" && value.trim() !== "") {
       return value.split(",").map((s) => s.trim()).filter(Boolean);
@@ -41138,7 +41188,7 @@ function buildCampaignSeedFields(data) {
     return generated;
   });
 }
-var CampaignSeedCard = import_react80.default.memo(
+var CampaignSeedCard = import_react81.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -41150,7 +41200,7 @@ var CampaignSeedCard = import_react80.default.memo(
     sendMessage,
     ...formCardProps
   }) => {
-    const fields = (0, import_react80.useMemo)(() => {
+    const fields = (0, import_react81.useMemo)(() => {
       return providedFields || buildCampaignSeedFields(data);
     }, [providedFields, data]);
     const handleProceed = () => {
@@ -41184,7 +41234,7 @@ var CampaignSeedCard = import_react80.default.memo(
 CampaignSeedCard.displayName = "CampaignSeedCard";
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
-var import_react81 = __toESM(require("react"), 1);
+var import_react82 = __toESM(require("react"), 1);
 var import_jsx_runtime152 = require("react/jsx-runtime");
 var ObjectDisplay2 = ({ value }) => {
   if (!value || typeof value !== "object") return null;
@@ -41300,7 +41350,7 @@ function buildSearchSpecFields(data) {
     return generated;
   });
 }
-var SearchSpecCard = import_react81.default.memo(
+var SearchSpecCard = import_react82.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -41314,7 +41364,7 @@ var SearchSpecCard = import_react81.default.memo(
     ...formCardProps
   }) => {
     const resolvedData = data || specData;
-    const fields = (0, import_react81.useMemo)(() => {
+    const fields = (0, import_react82.useMemo)(() => {
       return providedFields || buildSearchSpecFields(resolvedData ?? {});
     }, [providedFields, resolvedData]);
     const handleProceed = () => {
@@ -41350,7 +41400,7 @@ var SearchSpecCard = import_react81.default.memo(
 SearchSpecCard.displayName = "SearchSpecCard";
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
-var import_react82 = __toESM(require("react"), 1);
+var import_react83 = __toESM(require("react"), 1);
 
 // src/molecules/creator-discovery/MCQCard/defaultFetchers.ts
 function getBackendOrigin() {
@@ -41451,7 +41501,7 @@ async function defaultPersistSelection(sessionId, questionKey, value) {
 
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
 var import_jsx_runtime153 = require("react/jsx-runtime");
-var MCQCard = import_react82.default.memo(
+var MCQCard = import_react83.default.memo(
   ({
     question,
     options,
@@ -41476,16 +41526,16 @@ var MCQCard = import_react82.default.memo(
     const resolvedQuestion = question || allProps.Question || allProps.q || "";
     const resolvedOptions = options || allProps.Options || allProps.opts || {};
     const t = th(theme);
-    const [selectedOption, setSelectedOption] = import_react82.default.useState(propsSelectedOption);
-    const [isProceeded, setIsProceeded] = import_react82.default.useState(false);
-    const fetchedSessionRef = import_react82.default.useRef("");
-    import_react82.default.useEffect(() => {
+    const [selectedOption, setSelectedOption] = import_react83.default.useState(propsSelectedOption);
+    const [isProceeded, setIsProceeded] = import_react83.default.useState(false);
+    const fetchedSessionRef = import_react83.default.useRef("");
+    import_react83.default.useEffect(() => {
       if (propsSelectedOption) {
         setSelectedOption(propsSelectedOption);
         setIsProceeded(true);
       }
     }, [propsSelectedOption]);
-    const buildQuestionKey = import_react82.default.useCallback((sid, question2) => {
+    const buildQuestionKey = import_react83.default.useCallback((sid, question2) => {
       let hash = 2166136261;
       for (let i = 0; i < question2.length; i++) {
         hash ^= question2.charCodeAt(i);
@@ -41493,7 +41543,7 @@ var MCQCard = import_react82.default.memo(
       }
       return `mcq_${sid}_${hash.toString(36)}`;
     }, []);
-    import_react82.default.useEffect(() => {
+    import_react83.default.useEffect(() => {
       if (!sessionId || !resolvedQuestion) return;
       const fetchKey = `${sessionId}::${resolvedQuestion}`;
       if (fetchedSessionRef.current === fetchKey) return;
@@ -41554,6 +41604,7 @@ A: ${label}`);
     return /* @__PURE__ */ (0, import_jsx_runtime153.jsxs)(
       "div",
       {
+        "data-testid": "mcq-card",
         className: cn(
           "p-4 rounded-lg border border-gray400 bg-cardSurface w-full",
           className
@@ -41567,6 +41618,8 @@ A: ${label}`);
             return /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
               "div",
               {
+                "data-testid": "mcq-option",
+                "data-option-key": key,
                 onClick: (e) => handleOptionClick(key, e),
                 className: cn(
                   "cursor-pointer rounded-lg p-3 transition-colors",
@@ -41603,6 +41656,7 @@ A: ${label}`);
           /* @__PURE__ */ (0, import_jsx_runtime153.jsx)("div", { className: "flex justify-end", children: /* @__PURE__ */ (0, import_jsx_runtime153.jsx)(
             "button",
             {
+              "data-testid": "mcq-continue",
               onClick: handleProceed,
               disabled: isContinueDisabled || isLoading || !selectedOption && !recommended,
               className: cn(
@@ -42098,9 +42152,9 @@ var CreatorActionHeader = ({
 };
 
 // src/molecules/creator-discovery/CreatorSearchBox/CreatorSearch.tsx
-var import_react83 = __toESM(require("react"), 1);
+var import_react84 = __toESM(require("react"), 1);
 var import_jsx_runtime164 = require("react/jsx-runtime");
-var CreatorSearch = import_react83.default.memo(
+var CreatorSearch = import_react84.default.memo(
   ({
     selectionStatus,
     isLatestMessage = true,
@@ -42109,7 +42163,7 @@ var CreatorSearch = import_react83.default.memo(
     data,
     ...formCardProps
   }) => {
-    const fields = (0, import_react83.useMemo)(() => {
+    const fields = (0, import_react84.useMemo)(() => {
       const baseFields = providedFields || generateFieldsFromData(data);
       return baseFields.map((field) => {
         if (field.key === "platforms") {
@@ -42189,10 +42243,10 @@ var CreatorSearch = import_react83.default.memo(
 CreatorSearch.displayName = "CreatorSearch";
 
 // src/molecules/creator-discovery/CampaignConceptCard/CampaignConceptCard.tsx
-var import_react84 = __toESM(require("react"), 1);
+var import_react85 = __toESM(require("react"), 1);
 var import_framer_motion = require("framer-motion");
 var import_jsx_runtime165 = require("react/jsx-runtime");
-var CampaignConceptCard = import_react84.default.memo(
+var CampaignConceptCard = import_react85.default.memo(
   ({
     index,
     isRecommended,
@@ -42208,7 +42262,7 @@ var CampaignConceptCard = import_react84.default.memo(
     onAction,
     ...formCardProps
   }) => {
-    const [internalIsOpen, setInternalIsOpen] = (0, import_react84.useState)(false);
+    const [internalIsOpen, setInternalIsOpen] = (0, import_react85.useState)(false);
     const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
     const handleToggle = () => {
       if (onToggle) {
@@ -42227,7 +42281,7 @@ var CampaignConceptCard = import_react84.default.memo(
       });
     };
     const effectiveIsLatest = isLatestMessage && !hasUserResponded;
-    const fields = (0, import_react84.useMemo)(() => {
+    const fields = (0, import_react85.useMemo)(() => {
       const baseFields = providedFields || generateFieldsFromData(data);
       const FIELD_ORDER = [
         "description",
@@ -42539,14 +42593,14 @@ var CampaignConceptCard = import_react84.default.memo(
 CampaignConceptCard.displayName = "CampaignConceptCard";
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorWidget.tsx
-var import_react92 = require("react");
+var import_react93 = require("react");
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorImageList.tsx
-var import_react85 = require("react");
+var import_react86 = require("react");
 var import_jsx_runtime166 = require("react/jsx-runtime");
 function useMediaQuery(query) {
-  const [matches, setMatches] = (0, import_react85.useState)(false);
-  (0, import_react85.useEffect)(() => {
+  const [matches, setMatches] = (0, import_react86.useState)(false);
+  (0, import_react86.useEffect)(() => {
     const media = window.matchMedia(query);
     const listener = () => setMatches(media.matches);
     listener();
@@ -42629,7 +42683,7 @@ function CreatorImageList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorProgressBar.tsx
-var import_react86 = require("react");
+var import_react87 = require("react");
 var import_framer_motion2 = require("framer-motion");
 var import_jsx_runtime167 = require("react/jsx-runtime");
 function truncateName(name, maxLength) {
@@ -42637,8 +42691,8 @@ function truncateName(name, maxLength) {
   return name.substring(0, maxLength) + "...";
 }
 function ProgressBar({ overallPercentage }) {
-  const [showTooltip, setShowTooltip] = (0, import_react86.useState)(true);
-  (0, import_react86.useEffect)(() => {
+  const [showTooltip, setShowTooltip] = (0, import_react87.useState)(true);
+  (0, import_react87.useEffect)(() => {
     if (overallPercentage && overallPercentage >= 100) {
       setShowTooltip(false);
     }
@@ -42798,7 +42852,7 @@ function CreatorCompactView({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorExpandedPanel.tsx
-var import_react90 = require("react");
+var import_react91 = require("react");
 var import_react_dom2 = __toESM(require("react-dom"), 1);
 var import_framer_motion5 = require("framer-motion");
 
@@ -43284,7 +43338,7 @@ function getPlatformIconColor(platform) {
 }
 
 // src/molecules/creator-discovery/CreatorWidget/PostCard.tsx
-var import_react87 = require("react");
+var import_react88 = require("react");
 var import_jsx_runtime172 = require("react/jsx-runtime");
 var formatFollowerCount = (count) => {
   if (count >= 1e6) {
@@ -43298,8 +43352,8 @@ var formatFollowerCount = (count) => {
   return Math.floor(count).toString();
 };
 function PostCard({ post, platformUsername }) {
-  const [expanded, setExpanded] = (0, import_react87.useState)(false);
-  const [errored, setErrored] = (0, import_react87.useState)(false);
+  const [expanded, setExpanded] = (0, import_react88.useState)(false);
+  const [errored, setErrored] = (0, import_react88.useState)(false);
   const thumbnail = post.thumbnail_url || post.thumbnail || post.image || "";
   const likes = post.engagement?.likes ?? post.likes ?? null;
   const comments = post.engagement?.comments ?? post.comments ?? null;
@@ -43508,7 +43562,7 @@ function PlatformPostsSection({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/BrandCollaborationsList.tsx
-var import_react88 = require("react");
+var import_react89 = require("react");
 var import_react_dom = __toESM(require("react-dom"), 1);
 var import_framer_motion3 = require("framer-motion");
 var import_jsx_runtime174 = require("react/jsx-runtime");
@@ -43710,8 +43764,8 @@ function BrandMentionDetails({
 function BrandCollaborationsList({
   brandBreakdown
 }) {
-  const [openDetails, setOpenDetails] = (0, import_react88.useState)(false);
-  const [selectedBrand, setSelectedBrand] = (0, import_react88.useState)("");
+  const [openDetails, setOpenDetails] = (0, import_react89.useState)(false);
+  const [selectedBrand, setSelectedBrand] = (0, import_react89.useState)("");
   if (!brandBreakdown?.insights?.brandBreakdown || brandBreakdown.insights.brandBreakdown.length === 0) {
     return null;
   }
@@ -43770,7 +43824,7 @@ function BrandCollaborationsList({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/CreatorGridView.tsx
-var import_react89 = require("react");
+var import_react90 = require("react");
 var import_framer_motion4 = require("framer-motion");
 var import_jsx_runtime175 = require("react/jsx-runtime");
 var formatFollowerCount3 = (count) => {
@@ -43819,25 +43873,25 @@ var itemsExplanation = [
   { key: "brandSafety", label: "Brand Safety" }
 ];
 function CreatorGridViewCard({ creator }) {
-  const [isExpanded, setIsExpanded] = (0, import_react89.useState)(false);
-  const [showFullDescription, setShowFullDescription] = (0, import_react89.useState)(false);
-  const [isDescriptionOverflowing, setIsDescriptionOverflowing] = (0, import_react89.useState)(false);
-  const descriptionRef = (0, import_react89.useRef)(null);
-  const cardRef = (0, import_react89.useRef)(null);
-  const checkDescriptionOverflow = (0, import_react89.useCallback)(() => {
+  const [isExpanded, setIsExpanded] = (0, import_react90.useState)(false);
+  const [showFullDescription, setShowFullDescription] = (0, import_react90.useState)(false);
+  const [isDescriptionOverflowing, setIsDescriptionOverflowing] = (0, import_react90.useState)(false);
+  const descriptionRef = (0, import_react90.useRef)(null);
+  const cardRef = (0, import_react90.useRef)(null);
+  const checkDescriptionOverflow = (0, import_react90.useCallback)(() => {
     const el = descriptionRef.current;
     if (!el) return;
     setIsDescriptionOverflowing(el.scrollHeight > el.clientHeight + 1);
   }, []);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     checkDescriptionOverflow();
   }, [checkDescriptionOverflow, isExpanded, showFullDescription]);
-  (0, import_react89.useEffect)(() => {
+  (0, import_react90.useEffect)(() => {
     const onResize = () => checkDescriptionOverflow();
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
   }, [checkDescriptionOverflow]);
-  const platformStats = (0, import_react89.useMemo)(() => {
+  const platformStats = (0, import_react90.useMemo)(() => {
     return [
       {
         platform: "instagram",
@@ -44255,7 +44309,7 @@ function BrandMentionPerformance({ creator }) {
   ] });
 }
 function CreatorFitSummary({ creator, showBrandPerformance }) {
-  const [contentExpanded, setContentExpanded] = (0, import_react90.useState)(false);
+  const [contentExpanded, setContentExpanded] = (0, import_react91.useState)(false);
   const hasDeepAnalysis = creator?.sentiment?.deepAnalysis?.deepAnalysis;
   const title = hasDeepAnalysis ? "CREATOR DEEP ANALYSIS" : "CREATOR FIT SUMMARY";
   const content = hasDeepAnalysis ? creator.sentiment.deepAnalysis.deepAnalysis : creator?.sentiment?.aiReasoning || "No data available.";
@@ -44275,7 +44329,7 @@ function CreatorFitSummary({ creator, showBrandPerformance }) {
   ] });
 }
 function ProfileSection({ creator, isValidationComplete }) {
-  const [descriptionExpanded, setDescriptionExpanded] = (0, import_react90.useState)(false);
+  const [descriptionExpanded, setDescriptionExpanded] = (0, import_react91.useState)(false);
   const username = creator.platformMetrics?.instagramMetrics?.username ? `@${creator.platformMetrics.instagramMetrics.username}` : creator.platformMetrics?.youtubeMetrics?.channelName ? `@${creator.platformMetrics.youtubeMetrics.channelName}` : creator.platformMetrics?.tiktokMetrics?.username ? `@${creator.platformMetrics.tiktokMetrics.username}` : "";
   const iso2 = normalizeToIso2(creator.country);
   const meta = codeToMeta[iso2];
@@ -44365,7 +44419,7 @@ function CreatorCard({
   creator,
   isValidationComplete
 }) {
-  const [detailsExpanded, setDetailsExpanded] = (0, import_react90.useState)(false);
+  const [detailsExpanded, setDetailsExpanded] = (0, import_react91.useState)(false);
   const hasValidBrandMention = (() => {
     const insights = creator?.brandCollaborations?.insights;
     if (!insights) return false;
@@ -44407,7 +44461,7 @@ function CreatorDisplay({
   creators,
   isValidationComplete
 }) {
-  const [viewMode, setViewMode] = (0, import_react90.useState)("list");
+  const [viewMode, setViewMode] = (0, import_react91.useState)("list");
   return /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "px-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("div", { className: "flex justify-end items-center my-3 gap-1", children: [
       /* @__PURE__ */ (0, import_jsx_runtime176.jsxs)("span", { className: "text-xs text-gray600 mr-2", children: [
@@ -44488,10 +44542,10 @@ function CreatorExpandedPanel({
   searchSpec,
   fetchCreatorDetails
 }) {
-  const [creators, setCreators] = (0, import_react90.useState)([]);
-  const [loading, setLoading] = (0, import_react90.useState)(false);
+  const [creators, setCreators] = (0, import_react91.useState)([]);
+  const [loading, setLoading] = (0, import_react91.useState)(false);
   const fetcher = fetchCreatorDetails ?? defaultFetchCreatorDetails;
-  const loadCreators = (0, import_react90.useCallback)(async () => {
+  const loadCreators = (0, import_react91.useCallback)(async () => {
     if (!creatorIds.length) return;
     setLoading(true);
     try {
@@ -44503,7 +44557,7 @@ function CreatorExpandedPanel({
       setLoading(false);
     }
   }, [creatorIds, sessionId, version, fetcher]);
-  (0, import_react90.useEffect)(() => {
+  (0, import_react91.useEffect)(() => {
     if (isOpen && creatorIds.length > 0) {
       loadCreators();
     }
@@ -44557,7 +44611,7 @@ function CreatorExpandedPanel({
 }
 
 // src/molecules/creator-discovery/CreatorWidget/useCreatorWidgetPolling.ts
-var import_react91 = require("react");
+var import_react92 = require("react");
 var DEFAULT_POLLING_CONFIG = {
   pollInterval: 5e3,
   maxDuration: 15 * 60 * 1e3,
@@ -44574,22 +44628,22 @@ function useCreatorWidgetPolling({
 }) {
   const fetchVersions = fetchVersionsProp ?? defaultFetchVersions;
   const fetchStatus = fetchStatusProp ?? defaultFetchStatus;
-  const config = (0, import_react91.useMemo)(
+  const config = (0, import_react92.useMemo)(
     () => ({ ...DEFAULT_POLLING_CONFIG, ...pollingConfig }),
     [pollingConfig]
   );
-  const [versionData, setVersionData] = (0, import_react91.useState)(null);
-  const [totalVersions, setTotalVersions] = (0, import_react91.useState)(0);
-  const [selectedVersion, setSelectedVersion] = (0, import_react91.useState)();
-  const [isLoadingVersion, setIsLoadingVersion] = (0, import_react91.useState)(false);
-  const [isValidationComplete, setIsValidationComplete] = (0, import_react91.useState)(false);
-  const [versionStatus, setVersionStatus] = (0, import_react91.useState)("checking");
-  const [statusDetails, setStatusDetails] = (0, import_react91.useState)();
-  const [timeDisplay, setTimeDisplay] = (0, import_react91.useState)("");
-  const [loadingStatus, setLoadingStatus] = (0, import_react91.useState)(true);
-  const remainingTimeRef = (0, import_react91.useRef)(0);
+  const [versionData, setVersionData] = (0, import_react92.useState)(null);
+  const [totalVersions, setTotalVersions] = (0, import_react92.useState)(0);
+  const [selectedVersion, setSelectedVersion] = (0, import_react92.useState)();
+  const [isLoadingVersion, setIsLoadingVersion] = (0, import_react92.useState)(false);
+  const [isValidationComplete, setIsValidationComplete] = (0, import_react92.useState)(false);
+  const [versionStatus, setVersionStatus] = (0, import_react92.useState)("checking");
+  const [statusDetails, setStatusDetails] = (0, import_react92.useState)();
+  const [timeDisplay, setTimeDisplay] = (0, import_react92.useState)("");
+  const [loadingStatus, setLoadingStatus] = (0, import_react92.useState)(true);
+  const remainingTimeRef = (0, import_react92.useRef)(0);
   const requestedVersion = selectedVersion ?? currentVersion ?? versionData?.currentVersion;
-  const fetchVersionData = (0, import_react91.useCallback)(async () => {
+  const fetchVersionData = (0, import_react92.useCallback)(async () => {
     if (!sessionId) return;
     if (!versionData) setIsLoadingVersion(true);
     try {
@@ -44610,17 +44664,17 @@ function useCreatorWidgetPolling({
       setIsLoadingVersion(false);
     }
   }, [sessionId, requestedVersion, isValidationComplete, fetchVersions, versionData]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     fetchVersionData();
   }, [sessionId, requestedVersion, isValidationComplete]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (totalVersions > 0 || !sessionId) return;
     const interval = setInterval(() => {
       if (totalVersions === 0) fetchVersionData();
     }, config.pollInterval);
     return () => clearInterval(interval);
   }, [totalVersions, sessionId, fetchVersionData, config.pollInterval]);
-  (0, import_react91.useEffect)(() => {
+  (0, import_react92.useEffect)(() => {
     if (!selectedVersion && !requestedVersion) return;
     const activeVersion = selectedVersion ?? requestedVersion;
     let isMounted = true;
@@ -44703,7 +44757,7 @@ function useCreatorWidgetPolling({
       stopPolling();
     };
   }, [selectedVersion, requestedVersion, sessionId]);
-  const versionNumbers = (0, import_react91.useMemo)(() => {
+  const versionNumbers = (0, import_react92.useMemo)(() => {
     if (!totalVersions) return [];
     return Array.from({ length: totalVersions }, (_, i) => i + 1);
   }, [totalVersions]);
@@ -44743,7 +44797,7 @@ function CreatorWidgetInner({
   onAction,
   className
 }) {
-  const [isExpanded, setIsExpanded] = (0, import_react92.useState)(false);
+  const [isExpanded, setIsExpanded] = (0, import_react93.useState)(false);
   const {
     versionNumbers,
     selectedVersion,
@@ -44764,11 +44818,11 @@ function CreatorWidgetInner({
     pollingConfig,
     onStatusChange
   });
-  const handleVersionSelect = (0, import_react92.useCallback)(
+  const handleVersionSelect = (0, import_react93.useCallback)(
     (version) => setSelectedVersion(version),
     [setSelectedVersion]
   );
-  const handleViewCreators = (0, import_react92.useCallback)(() => {
+  const handleViewCreators = (0, import_react93.useCallback)(() => {
     setIsExpanded(true);
     onAction?.({
       type: "view-creators",
@@ -44809,7 +44863,7 @@ function CreatorWidgetInner({
     )
   ] });
 }
-var CreatorWidget = (0, import_react92.memo)(CreatorWidgetInner);
+var CreatorWidget = (0, import_react93.memo)(CreatorWidgetInner);
 
 // src/components/ui/index.ts
 var ui_exports = {};
@@ -45266,7 +45320,7 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/ui/field.tsx
-var import_react93 = require("react");
+var import_react94 = require("react");
 var import_class_variance_authority10 = require("class-variance-authority");
 var import_jsx_runtime180 = require("react/jsx-runtime");
 function FieldSet({ className, ...props }) {
@@ -45449,7 +45503,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = (0, import_react93.useMemo)(() => {
+  const content = (0, import_react94.useMemo)(() => {
     if (children) {
       return children;
     }
@@ -45826,16 +45880,16 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-var React115 = __toESM(require("react"), 1);
+var React116 = __toESM(require("react"), 1);
 var import_react_slot6 = require("@radix-ui/react-slot");
 var import_class_variance_authority13 = require("class-variance-authority");
 
 // src/hooks/use-mobile.tsx
-var React114 = __toESM(require("react"), 1);
+var React115 = __toESM(require("react"), 1);
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React114.useState(void 0);
-  React114.useEffect(() => {
+  const [isMobile, setIsMobile] = React115.useState(void 0);
+  React115.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -45855,15 +45909,15 @@ var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React115.createContext(null);
+var SidebarContext = React116.createContext(null);
 function useSidebar() {
-  const context = React115.useContext(SidebarContext);
+  const context = React116.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React115.forwardRef(
+var SidebarProvider = React116.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -45874,10 +45928,10 @@ var SidebarProvider = React115.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React115.useState(false);
-    const [_open, _setOpen] = React115.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React116.useState(false);
+    const [_open, _setOpen] = React116.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React115.useCallback(
+    const setOpen = React116.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -45889,10 +45943,10 @@ var SidebarProvider = React115.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React115.useCallback(() => {
+    const toggleSidebar = React116.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React115.useEffect(() => {
+    React116.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -45903,7 +45957,7 @@ var SidebarProvider = React115.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React115.useMemo(
+    const contextValue = React116.useMemo(
       () => ({
         state,
         open,
@@ -45935,7 +45989,7 @@ var SidebarProvider = React115.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React115.forwardRef(
+var Sidebar = React116.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -46028,7 +46082,7 @@ var Sidebar = React115.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React115.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React116.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
     Button,
@@ -46051,7 +46105,7 @@ var SidebarTrigger = React115.forwardRef(({ className, onClick, ...props }, ref)
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React116.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     "button",
@@ -46076,7 +46130,7 @@ var SidebarRail = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarInset = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     "main",
     {
@@ -46091,7 +46145,7 @@ var SidebarInset = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarInput = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     Input,
     {
@@ -46106,7 +46160,7 @@ var SidebarInput = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarHeader = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     "div",
     {
@@ -46118,7 +46172,7 @@ var SidebarHeader = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarFooter = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     "div",
     {
@@ -46130,7 +46184,7 @@ var SidebarFooter = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarSeparator = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     Separator2,
     {
@@ -46142,7 +46196,7 @@ var SidebarSeparator = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarContent = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     "div",
     {
@@ -46157,7 +46211,7 @@ var SidebarContent = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React115.forwardRef(({ className, ...props }, ref) => {
+var SidebarGroup = React116.forwardRef(({ className, ...props }, ref) => {
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     "div",
     {
@@ -46169,7 +46223,7 @@ var SidebarGroup = React115.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React115.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React116.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot6.Slot : "div";
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     Comp,
@@ -46186,7 +46240,7 @@ var SidebarGroupLabel = React115.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React115.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React116.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot6.Slot : "button";
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     Comp,
@@ -46205,7 +46259,7 @@ var SidebarGroupAction = React115.forwardRef(({ className, asChild = false, ...p
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var SidebarGroupContent = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
   "div",
   {
     ref,
@@ -46215,7 +46269,7 @@ var SidebarGroupContent = React115.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var SidebarMenu = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
   "ul",
   {
     ref,
@@ -46225,7 +46279,7 @@ var SidebarMenu = React115.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var SidebarMenuItem = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
   "li",
   {
     ref,
@@ -46255,7 +46309,7 @@ var sidebarMenuButtonVariants = (0, import_class_variance_authority13.cva)(
     }
   }
 );
-var SidebarMenuButton = React115.forwardRef(
+var SidebarMenuButton = React116.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -46301,7 +46355,7 @@ var SidebarMenuButton = React115.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React115.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React116.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? import_react_slot6.Slot : "button";
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     Comp,
@@ -46324,7 +46378,7 @@ var SidebarMenuAction = React115.forwardRef(({ className, asChild = false, showO
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var SidebarMenuBadge = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
   "div",
   {
     ref,
@@ -46342,8 +46396,8 @@ var SidebarMenuBadge = React115.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React115.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React115.useMemo(() => {
+var SidebarMenuSkeleton = React116.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React116.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)(
@@ -46376,7 +46430,7 @@ var SidebarMenuSkeleton = React115.forwardRef(({ className, showIcon = false, ..
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React115.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
+var SidebarMenuSub = React116.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
   "ul",
   {
     ref,
@@ -46390,9 +46444,9 @@ var SidebarMenuSub = React115.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React115.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("li", { ref, ...props }));
+var SidebarMenuSubItem = React116.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React115.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React116.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot6.Slot : "a";
   return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     Comp,
@@ -46447,14 +46501,14 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/ui/toggle-group.tsx
-var React116 = __toESM(require("react"), 1);
+var React117 = __toESM(require("react"), 1);
 var ToggleGroupPrimitive = __toESM(require("@radix-ui/react-toggle-group"), 1);
 var import_jsx_runtime186 = require("react/jsx-runtime");
-var ToggleGroupContext = React116.createContext({
+var ToggleGroupContext = React117.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React116.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
+var ToggleGroup = React117.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
   ToggleGroupPrimitive.Root,
   {
     ref,
@@ -46464,8 +46518,8 @@ var ToggleGroup = React116.forwardRef(({ className, variant, size, children, ...
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React116.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React116.useContext(ToggleGroupContext);
+var ToggleGroupItem = React117.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React117.useContext(ToggleGroupContext);
   return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     ToggleGroupPrimitive.Item,
     {
@@ -46677,24 +46731,48 @@ var normalizeProps = (props) => {
   });
   return { normalized, dynamicStyle };
 };
+var FORM_INPUT_ATOM_NAMES = /* @__PURE__ */ new Set([
+  "InputAtom",
+  "TextareaAtom",
+  "SelectAtom",
+  "SliderAtom",
+  "CheckboxAtom",
+  "SwitchAtom",
+  "RadioAtom",
+  "RadioGroupAtom",
+  "FormInputAtom",
+  "FormSelectAtom",
+  "FormTextareaAtom",
+  "RatingAtom",
+  "CalendarAtom",
+  "InputOTPAtom",
+  "ToggleAtom"
+]);
 var PXEngineRenderer = ({
   schema,
   onAction,
   disabled,
-  theme
+  theme,
+  onFormSubmit
 }) => {
-  const contextTheme = import_react94.default.useContext(WidgetThemeContext);
+  const contextTheme = import_react95.default.useContext(WidgetThemeContext);
   const effectiveTheme = theme ?? contextTheme;
+  const formValuesRef = import_react95.default.useRef({});
+  const [, forceUpdate] = import_react95.default.useReducer((x) => x + 1, 0);
+  const handleInputValueChange = import_react95.default.useCallback((key, value) => {
+    formValuesRef.current[key] = value;
+    forceUpdate();
+  }, []);
   if (!schema) return null;
   const root = schema.root || schema;
   const renderRecursive = (component, index) => {
     if (Array.isArray(component)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_react94.default.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
+      return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(import_react95.default.Fragment, { children: component.map((child, idx) => renderRecursive(child, idx)) }, index !== void 0 ? `array-${index}` : "array-root");
     }
     if (typeof component === "string" || typeof component === "number") {
       return component;
     }
-    if (import_react94.default.isValidElement(component)) {
+    if (import_react95.default.isValidElement(component)) {
       return component;
     }
     if (!component || typeof component !== "object") return null;
@@ -46716,12 +46794,43 @@ var PXEngineRenderer = ({
     if (disabled !== void 0 && rawProps.disabled === void 0) {
       rawProps.disabled = disabled;
     }
+    const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
+    const earlyAtomName = normalizedName.endsWith("Atom") ? normalizedName : `${normalizedName}Atom`;
+    if (onFormSubmit && FORM_INPUT_ATOM_NAMES.has(earlyAtomName)) {
+      const fieldKey = rawProps.fieldKey || rawProps.id || id || rawProps.label || componentName;
+      const storedValue = formValuesRef.current[fieldKey];
+      if (storedValue !== void 0) {
+        rawProps.defaultValue = storedValue;
+      }
+      rawProps.onValueChange = handleInputValueChange;
+      rawProps.fieldKey = fieldKey;
+      if (id) rawProps.id = id;
+    }
+    if (onFormSubmit && earlyAtomName === "ButtonAtom") {
+      const action = rawProps.action || rawProps.buttonAction;
+      if (action === "submit") {
+        const originalOnAction = rawProps.onAction;
+        rawProps.onAction = (evt) => {
+          const elements = Object.entries(formValuesRef.current).map(
+            ([key, value]) => ({
+              id: key,
+              atomName: "InputAtom",
+              props: { fieldKey: key, label: key, question: key },
+              value
+            })
+          );
+          const qaText = formatQAMessage(elements);
+          const values = { ...formValuesRef.current };
+          onFormSubmit(qaText, values);
+          if (originalOnAction) originalOnAction(evt);
+        };
+      }
+    }
     const { normalized: finalProps, dynamicStyle } = normalizeProps(rawProps);
     if (id && !finalProps.id) {
       finalProps.id = id;
     }
     const uniqueKey = id || (index !== void 0 ? `${componentName}-${index}` : `${componentName}-root`);
-    const normalizedName = componentName.charAt(0).toUpperCase() + componentName.slice(1);
     const resolveComponent = (identifier) => {
       const normalized = identifier.split(/[-_]/).map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join("");
       const atomName2 = normalized.endsWith("Atom") ? normalized : `${normalized}Atom`;
@@ -46778,13 +46887,15 @@ var PXEngineRenderer = ({
       finalProps.theme = effectiveTheme;
     }
     const finalStyle = { ...dynamicStyle, ...finalProps.style || {} };
+    const effectiveOnAction = finalProps.onAction ?? onAction;
+    delete finalProps.onAction;
     if (isAtomWithRenderProp) {
       return /* @__PURE__ */ (0, import_jsx_runtime187.jsx)(
         TargetComponent,
         {
           ...finalProps,
           style: finalStyle,
-          onAction,
+          onAction: effectiveOnAction,
           renderComponent: renderRecursive,
           children
         },
@@ -46796,7 +46907,7 @@ var PXEngineRenderer = ({
         {
           ...finalProps,
           style: finalStyle,
-          onAction,
+          onAction: effectiveOnAction,
           children: Array.isArray(children) ? children.map((child, idx) => renderRecursive(child, idx)) : children
         },
         uniqueKey