pxengine 0.1.19 → 0.1.22

package/dist/index.mjs

@@ -5,7 +5,7 @@ var __export = (target, all) => {
 };
 
 // src/render/PXEngineRenderer.tsx
-import React96 from "react";
+import React98 from "react";
 
 // src/atoms/index.ts
 var atoms_exports = {};
@@ -118,7 +118,8 @@ var buttonVariants = cva(
         outline: "border border-input bg-background hover:bg-accent hover:text-accent-foreground",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground",
-        link: "text-primary underline-offset-4 hover:underline"
+        link: "text-primary underline-offset-4 hover:underline",
+        purple: "bg-purpleLight dark:bg-purple200 hover:bg-purpleText1 dark:hover:bg-purple100 text-purpleText2 dark:text-purpleText border border-purpleText1 dark:border-purpleText shadow-none font-medium"
       },
       size: {
         default: "h-10 px-4 py-2",
@@ -25262,7 +25263,8 @@ var badgeVariants = cva3(
         default: "border-transparent bg-primary text-primary-foreground hover:bg-primary/80",
         secondary: "border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80",
         destructive: "border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80",
-        outline: "text-foreground"
+        outline: "text-foreground",
+        purple: "bg-purpleLight dark:bg-purple200 hover:bg-purpleText1 dark:hover:bg-purple100 text-purpleText2 dark:text-purpleText border border-purpleText1 dark:border-purpleText"
       }
     },
     defaultVariants: {
@@ -33283,6 +33285,7 @@ __export(molecules_exports, {
   AudienceDemographicsCard: () => AudienceDemographicsCard,
   AudienceMetricCard: () => AudienceMetricCard,
   BrandAffinityGroup: () => BrandAffinityGroup,
+  CampaignConceptCard: () => CampaignConceptCard,
   CampaignSeedCard: () => CampaignSeedCard,
   ContentPreviewGallery: () => ContentPreviewGallery,
   CountrySelectDisplay: () => CountrySelectDisplay,
@@ -33290,6 +33293,7 @@ __export(molecules_exports, {
   CreatorActionHeader: () => CreatorActionHeader,
   CreatorGridCard: () => CreatorGridCard,
   CreatorProfileSummary: () => CreatorProfileSummary,
+  CreatorSearch: () => CreatorSearch,
   DataGrid: () => DataGrid,
   EditableField: () => EditableField,
   EmptyState: () => EmptyState,
@@ -33640,12 +33644,13 @@ var EditableField = React85.memo(
     onSave,
     onCancel,
     isSaving = false,
-    isChanged = false,
     config = {},
     className,
     renderDisplay,
-    renderEdit
+    renderEdit,
+    ...rest
   }) => {
+    void rest;
     const [localValue, setLocalValue] = useState5(value);
     const inputRef = useRef4(null);
     useEffect4(() => {
@@ -33682,7 +33687,7 @@ var EditableField = React85.memo(
               onKeyDown: handleKeyDown,
               placeholder: config.placeholder,
               rows: config.rows || 3,
-              className: "min-h-[80px] resize-none"
+              className: "min-h-[80px] resize-none bg-background dark:bg-gray100 border-gray300"
             }
           );
         case "select":
@@ -33711,9 +33716,12 @@ var EditableField = React85.memo(
             /* @__PURE__ */ jsx94(
               Slider,
               {
-                defaultValue: [localValue?.min || 0, localValue?.max || 100],
-                max: config.sliderConfig?.max || 100,
+                defaultValue: [
+                  localValue?.min || 0,
+                  localValue?.max || 100
+                ],
                 min: config.sliderConfig?.min || 0,
+                max: config.sliderConfig?.max || 100,
                 step: config.sliderConfig?.step || 1,
                 onValueChange: ([min2, max2]) => setLocalValue({ min: min2, max: max2 })
               }
@@ -33731,7 +33739,8 @@ var EditableField = React85.memo(
               onKeyDown: handleKeyDown,
               min: config.numberConfig?.min,
               max: config.numberConfig?.max,
-              step: config.numberConfig?.step
+              step: config.numberConfig?.step,
+              className: "bg-background dark:bg-gray100 border-gray300"
             }
           );
         default:
@@ -33743,7 +33752,8 @@ var EditableField = React85.memo(
               value: localValue || "",
               onChange: (e) => setLocalValue(e.target.value),
               onKeyDown: handleKeyDown,
-              placeholder: config.placeholder
+              placeholder: config.placeholder,
+              className: "bg-background dark:bg-gray100 border-gray300"
             }
           );
       }
@@ -33753,60 +33763,77 @@ var EditableField = React85.memo(
       if (type === "slider") {
         return config.sliderConfig?.formatValue ? config.sliderConfig.formatValue(value) : `${value?.min} - ${value?.max}`;
       }
-      if (!value) return /* @__PURE__ */ jsx94("span", { className: "opacity-0", children: "-" });
+      if (!value) {
+        return /* @__PURE__ */ jsx94("span", { className: "opacity-0", children: "-" });
+      }
       return value.toString();
     };
-    return /* @__PURE__ */ jsxs54("div", { className: cn("group flex flex-col gap-1 py-1.5", className), children: [
-      /* @__PURE__ */ jsxs54("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx94(Label, { className: "text-[13px] font-bold text-foreground opacity-80 uppercase tracking-wider", children: label }),
-        isChanged && !isEditingProp && /* @__PURE__ */ jsx94(
-          "div",
-          {
-            className: "w-2 h-2 rounded-full bg-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.6)]",
-            title: "Unsaved changes"
-          }
-        )
-      ] }),
-      isEditingProp ? /* @__PURE__ */ jsxs54("div", { className: "flex flex-col gap-3", children: [
-        renderInput(),
-        /* @__PURE__ */ jsxs54("div", { className: "flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsx94(
-            Button,
-            {
-              size: "icon",
-              variant: "outline",
-              className: "h-9 w-9 text-destructive border-destructive/20 hover:bg-destructive/10 rounded-xl",
-              onClick: onCancel,
-              disabled: isSaving,
-              children: /* @__PURE__ */ jsx94(X, { className: "h-5 w-5" })
-            }
-          ),
-          /* @__PURE__ */ jsx94(
-            Button,
+    return /* @__PURE__ */ jsxs54(
+      "div",
+      {
+        className: cn(
+          "relative z-10 group flex flex-col gap-2 p-3 bg-[#0A0A0A] rounded-md mb-8",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx94("div", { className: "flex justify-between items-start mb-2", children: /* @__PURE__ */ jsxs54("div", { className: "w-full flex justify-between items-center flex-wrap gap-2", children: [
+            /* @__PURE__ */ jsx94(
+              "h4",
+              {
+                className: "px-2 py-1 tracking-widest bg-purple200/50 dark:bg-purple-500/20 text-purpleText dark:text-purple-400 text-[10px] font-bold rounded uppercase",
+                style: { fontFamily: "Noto Sans, sans-serif" },
+                children: label
+              }
+            ),
+            !isEditingProp && /* @__PURE__ */ jsxs54("span", { className: "inline-flex items-center gap-1 text-[10px] font-medium text-green-600 dark:text-green-500", children: [
+              "Suggested by an Agent",
+              /* @__PURE__ */ jsx94(
+                Pencil,
+                {
+                  className: "h-3 w-3 hover:text-green-700 cursor-pointer",
+                  onClick: onEdit
+                }
+              )
+            ] })
+          ] }) }),
+          isEditingProp ? /* @__PURE__ */ jsxs54("div", { className: "flex flex-col gap-3", children: [
+            renderInput(),
+            /* @__PURE__ */ jsxs54("div", { className: "flex items-center justify-end gap-2", children: [
+              /* @__PURE__ */ jsx94(
+                Button,
+                {
+                  size: "icon",
+                  variant: "outline",
+                  className: "h-8 w-8 text-destructive border-destructive/20 hover:bg-destructive/10 rounded-lg",
+                  onClick: onCancel,
+                  disabled: isSaving,
+                  children: /* @__PURE__ */ jsx94(X, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ jsx94(
+                Button,
+                {
+                  size: "icon",
+                  className: "h-8 w-8 bg-purpleLight text-purpleText2 hover:bg-purpleText1 rounded-lg border border-purpleText1 shadow-none",
+                  onClick: handleSave,
+                  disabled: isSaving,
+                  children: isSaving ? /* @__PURE__ */ jsx94(LoaderCircle, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx94(Check, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] }) : /* @__PURE__ */ jsx94(
+            "div",
             {
-              size: "icon",
-              className: "h-9 w-9 bg-primary hover:opacity-90 text-primary-foreground rounded-xl shadow-lg shadow-primary/20",
-              onClick: handleSave,
-              disabled: isSaving,
-              children: isSaving ? /* @__PURE__ */ jsx94(LoaderCircle, { className: "h-5 w-5 animate-spin" }) : /* @__PURE__ */ jsx94(Check, { className: "h-5 w-5" })
+              className: cn(
+                "relative flex items-center justify-between rounded-lg px-3 py-2",
+                "text-[14px] text-foreground font-normal leading-relaxed"
+              ),
+              children: /* @__PURE__ */ jsx94("div", { className: "flex-1", children: formattedValue() })
             }
           )
-        ] })
-      ] }) : /* @__PURE__ */ jsxs54(
-        "div",
-        {
-          className: cn(
-            "relative flex items-center justify-between rounded-xl px-2 py-1.5 transition-all duration-200",
-            "hover:bg-muted cursor-pointer border border-transparent hover:border-border group-hover:shadow-sm"
-          ),
-          onClick: onEdit,
-          children: [
-            /* @__PURE__ */ jsx94("div", { className: "text-[14px] text-foreground font-semibold truncate flex-1 leading-relaxed", children: formattedValue() }),
-            /* @__PURE__ */ jsx94(Pencil, { className: "h-4 w-4 text-muted-foreground opacity-0 group-hover:opacity-100 transition-opacity" })
-          ]
-        }
-      )
-    ] });
+        ]
+      }
+    );
   }
 );
 EditableField.displayName = "EditableField";
@@ -33864,6 +33891,7 @@ var ActionButton = React86.memo(
             "relative min-w-[140px] overflow-hidden group transition-all duration-300",
             "bg-[var(--primary-color)] hover:opacity-90 text-white font-bold rounded-full px-5 py-2.5 shadow-[0_4px_14px_0_hsl(var(--primary)/30%)] hover:shadow-[0_6px_20px_0_hsl(var(--primary)/40%)]",
             variant === "outline" && "bg-transparent border-[var(--primary-color)] text-[var(--primary-color)] hover:bg-[var(--primary-color)]/5",
+            variant === "purple" && "bg-gray100 hover:bg-gray200 text-foreground border border-purple100 shadow-none font-semibold px-8 py-3 h-auto",
             isLoading && "opacity-80"
           ),
           children: [
@@ -33903,7 +33931,7 @@ var ActionButton = React86.memo(
 ActionButton.displayName = "ActionButton";
 
 // src/molecules/generic/FormCard/FormCard.tsx
-import React87 from "react";
+import React87, { useState as useState7 } from "react";
 import { jsx as jsx96, jsxs as jsxs56 } from "react/jsx-runtime";
 var FormCard = React87.memo(
   ({
@@ -33916,94 +33944,103 @@ var FormCard = React87.memo(
     onFieldEdit,
     onFieldSave,
     onFieldCancel,
-    showTimeline = false,
-    // Default to false to remove "bullets"
+    showTimeline = true,
     proceedLabel,
-    countdown,
-    isPaused = false,
-    onPause,
     onProceed,
+    isLatestMessage = true,
     className,
     footer
   }) => {
+    const [showCopyButton, setShowCopyButton] = useState7(false);
     const handleCopyAll = () => {
-      const text = fields.map(
-        (f) => `${f.label}: ${typeof data[f.key] === "object" ? JSON.stringify(data[f.key]) : data[f.key]}`
-      ).join("\n");
+      const text = fields.map((field) => {
+        const value = data[field.key];
+        return `${field.label}: ${typeof value === "object" ? JSON.stringify(value) : value}`;
+      }).join("\n");
       navigator.clipboard.writeText(text);
     };
     return /* @__PURE__ */ jsxs56(
-      Card,
+      "div",
       {
         className: cn(
-          "w-full rounded-[24px] border border-border bg-card shadow-lg overflow-hidden transition-all duration-300 hover:shadow-xl",
+          "relative w-full rounded-[20px] bg-background dark:bg-gray50 border border-gray400 shadow-lg overflow-hidden mb-6",
           className
         ),
+        onMouseEnter: () => setShowCopyButton(true),
+        onMouseLeave: () => setShowCopyButton(false),
         children: [
-          /* @__PURE__ */ jsxs56(CardHeader, { className: "flex flex-row items-center justify-between pb-3 pt-4 px-6 space-y-0", children: [
-            /* @__PURE__ */ jsx96(CardTitle, { className: "text-lg font-bold text-foreground tracking-tight", children: title }),
+          showCopyButton && /* @__PURE__ */ jsx96(
+            "button",
+            {
+              onClick: handleCopyAll,
+              title: "Copy all details",
+              className: "absolute top-4 right-4 p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray200 text-gray-400 hover:text-gray-600 dark:hover:text-gray300 transition-all active:scale-95 z-10",
+              children: /* @__PURE__ */ jsx96(Copy, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ jsxs56("div", { className: "p-6 relative", children: [
             /* @__PURE__ */ jsx96(
-              "button",
+              "h3",
               {
-                onClick: handleCopyAll,
-                className: "p-1.5 rounded-xl hover:bg-foreground/5 text-foreground/40 hover:text-foreground/60 transition-all active:scale-95",
-                title: "Copy all details",
-                children: /* @__PURE__ */ jsx96(Copy, { className: "h-4 w-4" })
+                className: "text-gray900 mb-12",
+                style: { fontFamily: "Noto Sans, sans-serif" },
+                children: title
               }
-            )
-          ] }),
-          /* @__PURE__ */ jsx96(CardContent, { className: "px-6 pt-1 pb-4", children: /* @__PURE__ */ jsxs56("div", { className: "relative", children: [
-            showTimeline && /* @__PURE__ */ jsx96("div", { className: "absolute left-[7px] top-2 bottom-6 w-0.5 border-l-2 border-dotted border-border pointer-events-none" }),
-            /* @__PURE__ */ jsx96("div", { className: "space-y-2.5", children: fields.map((field) => /* @__PURE__ */ jsxs56(
+            ),
+            showTimeline && /* @__PURE__ */ jsx96(
               "div",
               {
-                className: cn(
-                  "relative transition-all duration-300",
-                  showTimeline && "pl-8"
-                ),
-                children: [
-                  showTimeline && /* @__PURE__ */ jsx96(
-                    "div",
-                    {
-                      className: cn(
-                        "absolute left-0 top-[18px] w-[14px] h-[14px] -translate-x-1/2 rounded-full border-2 bg-background z-10 transition-all duration-300",
-                        changedFields[field.key] ? "border-amber-500 shadow-[0_0_8px_rgba(245,158,11,0.4)]" : "border-border shadow-sm"
-                      )
-                    }
-                  ),
-                  /* @__PURE__ */ jsx96(
-                    EditableField,
-                    {
-                      label: field.label,
-                      value: data[field.key],
-                      type: field.type,
-                      config: field,
-                      isEditing: editingFields[field.key],
-                      isChanged: changedFields[field.key],
-                      isSaving: savingFields[field.key],
-                      onEdit: () => onFieldEdit?.(field.key),
-                      onSave: (val) => onFieldSave?.(field.key, val),
-                      onCancel: () => onFieldCancel?.(field.key)
-                    }
-                  )
-                ]
+                className: "absolute z-0 left-[60px] top-[100px] bottom-[60px] w-[3px]",
+                style: {
+                  background: `
+                  radial-gradient(circle closest-side, #3C3D3E 98%, transparent) 50%/2px 5px repeat-y,
+                  linear-gradient(#3C3D3E 50%, transparent 0) 50%/2px 10px repeat-y
+                `
+                }
+              }
+            ),
+            fields.map((field, index) => /* @__PURE__ */ jsx96(
+              EditableField,
+              {
+                label: field.label,
+                value: data[field.key],
+                type: field.type,
+                config: field,
+                isEditing: editingFields[field.key],
+                isChanged: changedFields[field.key],
+                isSaving: savingFields[field.key],
+                isLatestMessage,
+                onEdit: () => onFieldEdit?.(field.key),
+                onSave: (val) => onFieldSave?.(field.key, val),
+                onCancel: () => onFieldCancel?.(field.key),
+                renderDisplay: field.renderDisplay,
+                renderEdit: field.renderEdit,
+                showIndex: showTimeline,
+                index,
+                totalFields: fields.length
               },
               field.key
-            )) })
-          ] }) }),
-          (onProceed || footer) && /* @__PURE__ */ jsxs56(CardFooter, { className: "flex flex-col gap-3 border-t border-border bg-foreground/[0.03] p-6", children: [
-            onProceed && proceedLabel && /* @__PURE__ */ jsx96("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ jsx96(
-              ActionButton,
-              {
-                label: proceedLabel,
-                countdown,
-                isPaused,
-                onPause,
-                onProceed
-              }
-            ) }),
-            footer
-          ] })
+            ))
+          ] }),
+          isLatestMessage && onProceed && proceedLabel ? /* @__PURE__ */ jsx96("div", { className: "my-6 flex justify-center", children: /* @__PURE__ */ jsxs56(
+            "button",
+            {
+              onClick: () => {
+                if (isLatestMessage) {
+                  onProceed();
+                }
+              },
+              className: cn(
+                "px-6 py-2.5 border rounded-full transition-colors text-sm font-medium flex items-center gap-2",
+                "bg-purpleLight dark:bg-purple200 text-purpleText2 dark:text-purpleText border-purpleText1 dark:border-purple100",
+                "hover:bg-purpleText1 dark:hover:bg-purple100 dark:hover:text-white"
+              ),
+              children: [
+                proceedLabel,
+                /* @__PURE__ */ jsx96(ChevronRight, { className: "w-4 h-4" })
+              ]
+            }
+          ) }) : !isLatestMessage && footer ? /* @__PURE__ */ jsx96("div", { className: "flex justify-end items-center pb-4 pr-4 gap-1 text-green-600 text-sm font-medium", children: footer }) : null
         ]
       }
     );
@@ -34525,59 +34562,41 @@ var CampaignSeedCard = React90.memo(
     const fields = useMemo4(() => {
       return providedFields || generateFieldsFromData(data);
     }, [providedFields, data]);
-    return /* @__PURE__ */ jsx106("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx106(
-      FormCard,
-      {
-        ...formCardProps,
-        data,
-        title: formCardProps.title || "Campaign Brief",
-        fields,
-        className,
-        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs66("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
-          /* @__PURE__ */ jsx106(CircleCheck, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx106("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
-        ] }) : formCardProps.footer
-      }
-    ) });
+    return /* @__PURE__ */ jsxs66("div", { className: "flex flex-col gap-2 mb-10", children: [
+      /* @__PURE__ */ jsx106(
+        FormCard,
+        {
+          ...formCardProps,
+          data,
+          title: formCardProps.title || "Campaign Brief",
+          fields,
+          className,
+          footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs66("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1 mb-6", children: [
+            /* @__PURE__ */ jsx106(CircleCheck, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx106("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
+          ] }) : formCardProps.footer
+        }
+      ),
+      !isLatestMessage && selectionStatus && /* @__PURE__ */ jsx106("div", { className: "flex justify-center mt-4", children: /* @__PURE__ */ jsx106(
+        "button",
+        {
+          className: cn(
+            "flex items-center gap-2 px-6 py-2.5 border rounded-full text-sm transition-all active:scale-95",
+            "bg-purpleLight dark:bg-purple200 hover:bg-purpleText1 dark:hover:bg-purple100 text-purpleText2 dark:text-purpleText border-purpleText1 dark:border-purpleText dark:hover:text-white"
+          ),
+          children: "Continue"
+        }
+      ) })
+    ] });
   }
 );
 CampaignSeedCard.displayName = "CampaignSeedCard";
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
 import React91, { useMemo as useMemo5 } from "react";
-import { jsx as jsx107, jsxs as jsxs67 } from "react/jsx-runtime";
-var SearchSpecCard = React91.memo(
-  ({
-    selectionStatus,
-    isLatestMessage = true,
-    className,
-    fields: providedFields,
-    data,
-    ...formCardProps
-  }) => {
-    const fields = useMemo5(() => {
-      return providedFields || generateFieldsFromData(data);
-    }, [providedFields, data]);
-    return /* @__PURE__ */ jsx107(
-      FormCard,
-      {
-        ...formCardProps,
-        data,
-        title: formCardProps.title || "Search Specification",
-        fields,
-        className,
-        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs67("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
-          /* @__PURE__ */ jsx107(CircleCheck, { className: "h-4 w-4" }),
-          /* @__PURE__ */ jsx107("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
-        ] }) : formCardProps.footer
-      }
-    );
-  }
-);
-SearchSpecCard.displayName = "SearchSpecCard";
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-import { useState as useState7, useRef as useRef5, useEffect as useEffect6 } from "react";
+import { useState as useState8, useRef as useRef5, useEffect as useEffect6 } from "react";
 
 // src/lib/countries.ts
 var countries = [
@@ -34784,13 +34803,13 @@ var countriesWithFlags = Object.fromEntries(
 );
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-import { jsx as jsx108, jsxs as jsxs68 } from "react/jsx-runtime";
+import { jsx as jsx107, jsxs as jsxs67 } from "react/jsx-runtime";
 var CountrySelectEdit = ({
   value,
   onChange
 }) => {
-  const [isDropdownOpen, setIsDropdownOpen] = useState7(false);
-  const [searchTerm, setSearchTerm] = useState7("");
+  const [isDropdownOpen, setIsDropdownOpen] = useState8(false);
+  const [searchTerm, setSearchTerm] = useState8("");
   const dropdownRef = useRef5(null);
   useEffect6(() => {
     const handleClickOutside = (event) => {
@@ -34802,16 +34821,16 @@ var CountrySelectEdit = ({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const inputValue = Array.isArray(value) ? value : [];
-  return /* @__PURE__ */ jsxs68("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs68("div", { className: "relative", ref: dropdownRef, children: [
-      /* @__PURE__ */ jsxs68(
+  return /* @__PURE__ */ jsxs67("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs67("div", { className: "relative", ref: dropdownRef, children: [
+      /* @__PURE__ */ jsxs67(
         "div",
         {
           className: "flex-1 bg-white border border-gray200 rounded-md px-3 py-2 text-sm cursor-pointer flex items-center justify-between font-medium hover:border-purple500 transition-colors",
           onClick: () => setIsDropdownOpen(!isDropdownOpen),
           children: [
-            /* @__PURE__ */ jsx108("span", { className: "text-gray-700", children: inputValue.length > 0 ? `${inputValue.length} ${inputValue.length === 1 ? "country" : "countries"} selected` : "Select countries..." }),
-            /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx107("span", { className: "text-gray-700", children: inputValue.length > 0 ? `${inputValue.length} ${inputValue.length === 1 ? "country" : "countries"} selected` : "Select countries..." }),
+            /* @__PURE__ */ jsx107(
               ChevronDown,
               {
                 className: cn(
@@ -34823,8 +34842,8 @@ var CountrySelectEdit = ({
           ]
         }
       ),
-      isDropdownOpen && /* @__PURE__ */ jsxs68("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white border border-gray200 rounded-lg shadow-xl z-50 max-h-60 overflow-hidden animate-in fade-in slide-in-from-top-1", children: [
-        /* @__PURE__ */ jsx108("div", { className: "p-2 border-b border-gray-100", children: /* @__PURE__ */ jsx108(
+      isDropdownOpen && /* @__PURE__ */ jsxs67("div", { className: "absolute top-full left-0 right-0 mt-1 bg-white border border-gray200 rounded-lg shadow-xl z-50 max-h-60 overflow-hidden animate-in fade-in slide-in-from-top-1", children: [
+        /* @__PURE__ */ jsx107("div", { className: "p-2 border-b border-gray-100", children: /* @__PURE__ */ jsx107(
           "input",
           {
             type: "text",
@@ -34835,9 +34854,9 @@ var CountrySelectEdit = ({
             onClick: (e) => e.stopPropagation()
           }
         ) }),
-        /* @__PURE__ */ jsx108("div", { className: "max-h-40 overflow-y-auto p-1", children: countries.filter(
+        /* @__PURE__ */ jsx107("div", { className: "max-h-40 overflow-y-auto p-1", children: countries.filter(
           (country) => country.name.toLowerCase().includes(searchTerm.toLowerCase()) || country.code.toLowerCase().includes(searchTerm.toLowerCase())
-        ).map((country) => /* @__PURE__ */ jsxs68(
+        ).map((country) => /* @__PURE__ */ jsxs67(
           "div",
           {
             className: cn(
@@ -34858,31 +34877,31 @@ var CountrySelectEdit = ({
               }
             },
             children: [
-              /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ jsx108("span", { className: "text-sm text-gray-700", children: country.name }),
-                /* @__PURE__ */ jsx108("span", { className: "text-xs text-gray-400 font-mono", children: country.code })
+              /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ jsx107("span", { className: "text-sm text-gray-700", children: country.name }),
+                /* @__PURE__ */ jsx107("span", { className: "text-xs text-gray-400 font-mono", children: country.code })
               ] }),
-              inputValue.includes(country.code) && /* @__PURE__ */ jsx108(Check, { className: "h-4 w-4 text-purple500" })
+              inputValue.includes(country.code) && /* @__PURE__ */ jsx107(Check, { className: "h-4 w-4 text-purple500" })
             ]
           },
           country.code
         )) })
       ] })
     ] }),
-    inputValue.length > 0 && /* @__PURE__ */ jsx108("div", { className: "flex flex-wrap gap-1.5", children: inputValue.map((countryCode) => /* @__PURE__ */ jsxs68(
+    inputValue.length > 0 && /* @__PURE__ */ jsx107("div", { className: "flex flex-wrap gap-1.5", children: inputValue.map((countryCode) => /* @__PURE__ */ jsxs67(
       Badge2,
       {
         variant: "secondary",
         className: "bg-purple50 text-purple700 border-purple100 hover:bg-purple100 cursor-default flex items-center gap-1 pr-1",
         children: [
           countryCode,
-          /* @__PURE__ */ jsxs68(
+          /* @__PURE__ */ jsxs67(
             "button",
             {
               onClick: () => onChange(inputValue.filter((c) => c !== countryCode)),
               className: "hover:bg-purple200 rounded-full p-0.5 transition-colors",
               children: [
-                /* @__PURE__ */ jsx108(ChevronDown, { className: "h-3 w-3 rotate-45" }),
+                /* @__PURE__ */ jsx107(ChevronDown, { className: "h-3 w-3 rotate-45" }),
                 " "
               ]
             }
@@ -34895,9 +34914,9 @@ var CountrySelectEdit = ({
 };
 var CountrySelectDisplay = ({ value }) => {
   if (!value || !Array.isArray(value) || value.length === 0) {
-    return /* @__PURE__ */ jsx108("span", { className: "text-muted-foreground italic", children: "Not specified" });
+    return /* @__PURE__ */ jsx107("span", { className: "text-muted-foreground italic", children: "Not specified" });
   }
-  return /* @__PURE__ */ jsx108("div", { className: "flex flex-wrap gap-1.5", children: value.map((countryCode) => /* @__PURE__ */ jsx108(
+  return /* @__PURE__ */ jsx107("div", { className: "flex flex-wrap gap-1.5", children: value.map((countryCode) => /* @__PURE__ */ jsx107(
     Badge2,
     {
       variant: "outline",
@@ -34919,22 +34938,22 @@ var KeywordBundlesEdit = ({
     groups[p].push({ bundle: b, index: idx });
   });
   const sortedPriorities = Object.keys(groups).map((n) => parseInt(n)).sort((a, b) => a - b);
-  return /* @__PURE__ */ jsx108("div", { className: "space-y-6 pt-2", children: sortedPriorities.map((priority) => /* @__PURE__ */ jsxs68("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsxs68(Badge2, { className: "bg-purple500 hover:bg-purple500", children: [
+  return /* @__PURE__ */ jsx107("div", { className: "space-y-6 pt-2", children: sortedPriorities.map((priority) => /* @__PURE__ */ jsxs67("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsxs67(Badge2, { className: "bg-purple500 hover:bg-purple500", children: [
         "Priority ",
         priority
       ] }),
-      /* @__PURE__ */ jsx108("div", { className: "h-px flex-1 bg-gray-100" })
+      /* @__PURE__ */ jsx107("div", { className: "h-px flex-1 bg-gray-100" })
     ] }),
-    groups[priority].map(({ bundle, index: bundleIndex }) => /* @__PURE__ */ jsx108(
+    groups[priority].map(({ bundle, index: bundleIndex }) => /* @__PURE__ */ jsx107(
       "div",
       {
         className: "bg-gray-50/50 border border-gray-100 rounded-xl p-4 transition-all hover:bg-gray-50 hover:border-gray-200 shadow-sm",
-        children: /* @__PURE__ */ jsxs68("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ jsx108("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Keywords" }),
-          /* @__PURE__ */ jsxs68("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ jsx108("div", { className: "flex flex-wrap gap-1.5", children: Array.isArray(bundle.keywords) && bundle.keywords.map((keyword, kIndex) => /* @__PURE__ */ jsxs68(
+        children: /* @__PURE__ */ jsxs67("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ jsx107("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Keywords" }),
+          /* @__PURE__ */ jsxs67("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ jsx107("div", { className: "flex flex-wrap gap-1.5", children: Array.isArray(bundle.keywords) && bundle.keywords.map((keyword, kIndex) => /* @__PURE__ */ jsxs67(
               Badge2,
               {
                 className: "bg-white border-gray-200 text-gray-700 hover:bg-red-50 hover:text-red-600 hover:border-red-100 transition-all cursor-pointer group",
@@ -34950,12 +34969,12 @@ var KeywordBundlesEdit = ({
                 },
                 children: [
                   keyword,
-                  /* @__PURE__ */ jsx108("span", { className: "ml-1 opacity-0 group-hover:opacity-100 transition-opacity", children: "\xD7" })
+                  /* @__PURE__ */ jsx107("span", { className: "ml-1 opacity-0 group-hover:opacity-100 transition-opacity", children: "\xD7" })
                 ]
               },
               kIndex
             )) }),
-            /* @__PURE__ */ jsx108("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx108(
+            /* @__PURE__ */ jsx107("div", { className: "flex gap-2", children: /* @__PURE__ */ jsx107(
               "input",
               {
                 type: "text",
@@ -34979,9 +34998,9 @@ var KeywordBundlesEdit = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ jsxs68("div", { className: "flex flex-col gap-1.5 mt-1", children: [
-            /* @__PURE__ */ jsx108("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Priority Level (1-5)" }),
-            /* @__PURE__ */ jsx108(
+          /* @__PURE__ */ jsxs67("div", { className: "flex flex-col gap-1.5 mt-1", children: [
+            /* @__PURE__ */ jsx107("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Priority Level (1-5)" }),
+            /* @__PURE__ */ jsx107(
               "input",
               {
                 type: "number",
@@ -35009,7 +35028,7 @@ var KeywordBundlesEdit = ({
 var KeywordBundlesDisplay = ({ value }) => {
   const bundles = Array.isArray(value) ? value : [];
   if (bundles.length === 0)
-    return /* @__PURE__ */ jsx108("span", { className: "text-muted-foreground italic", children: "Not specified" });
+    return /* @__PURE__ */ jsx107("span", { className: "text-gray-500 italic text-sm", children: "Not specified" });
   const groups = {};
   bundles.forEach((b) => {
     const p = Number(b?.priority) || 1;
@@ -35018,28 +35037,20 @@ var KeywordBundlesDisplay = ({ value }) => {
     groups[p].push(...keywords);
   });
   const sortedPriorities = Object.keys(groups).map((n) => parseInt(n)).sort((a, b) => a - b);
-  return /* @__PURE__ */ jsx108("div", { className: "space-y-4 pt-1", children: sortedPriorities.map((priority) => {
+  return /* @__PURE__ */ jsx107("div", { className: "space-y-4 pt-2", children: sortedPriorities.map((priority) => {
     const deduped = Array.from(new Set(groups[priority]));
-    return /* @__PURE__ */ jsxs68("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ jsxs68("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs68(
-          Badge2,
-          {
-            variant: "outline",
-            className: "text-[10px] uppercase tracking-wider text-purple600 border-purple100 bg-purple50/30",
-            children: [
-              "Priority ",
-              priority
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsx108("div", { className: "h-px flex-1 bg-gray-100/50" })
+    return /* @__PURE__ */ jsxs67("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ jsxs67("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs67("span", { className: "text-[10px] uppercase tracking-widest text-purple-400 font-bold", children: [
+          "Priority ",
+          priority
+        ] }),
+        /* @__PURE__ */ jsx107("div", { className: "h-[1px] flex-1 bg-white/10" })
       ] }),
-      /* @__PURE__ */ jsx108("div", { className: "flex flex-wrap gap-1.5", children: deduped.map((keyword) => /* @__PURE__ */ jsx108(
-        Badge2,
+      /* @__PURE__ */ jsx107("div", { className: "flex flex-wrap gap-2", children: deduped.map((keyword) => /* @__PURE__ */ jsx107(
+        "div",
         {
-          variant: "secondary",
-          className: "bg-white border-gray-200 text-gray-700 font-medium",
+          className: "px-2 py-1 rounded bg-[#1A1A1A] border border-white/10 text-gray-300 text-xs font-medium",
           children: keyword
         },
         keyword
@@ -35048,124 +35059,223 @@ var KeywordBundlesDisplay = ({ value }) => {
   }) });
 };
 
+// src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
+import { jsx as jsx108, jsxs as jsxs68 } from "react/jsx-runtime";
+var ObjectDisplay = ({ value }) => {
+  if (!value || typeof value !== "object") return null;
+  return /* @__PURE__ */ jsx108("div", { className: "space-y-1 pt-1", children: Object.entries(value).map(([k, v]) => /* @__PURE__ */ jsxs68("div", { className: "flex gap-2 text-sm", children: [
+    /* @__PURE__ */ jsxs68("span", { className: "text-muted-foreground capitalize min-w-[120px]", children: [
+      k.replace(/_/g, " "),
+      ":"
+    ] }),
+    /* @__PURE__ */ jsx108("span", { className: "text-foreground font-medium", children: Array.isArray(v) ? v.join(", ") : String(v) })
+  ] }, k)) });
+};
+var StringArrayDisplay = ({ value }) => {
+  if (!Array.isArray(value) || value.length === 0)
+    return /* @__PURE__ */ jsx108("span", { className: "text-muted-foreground italic text-sm", children: "Not specified" });
+  return /* @__PURE__ */ jsx108("div", { className: "flex flex-wrap gap-1.5 pt-1", children: value.map((item) => /* @__PURE__ */ jsx108(Badge2, { variant: "outline", className: "text-xs", children: item }, item)) });
+};
+function buildSearchSpecFields(data) {
+  if (!data || typeof data !== "object") return [];
+  return Object.keys(data).map((key) => {
+    const value = data[key];
+    if (key === "keyword_bundles") {
+      return {
+        key,
+        label: "Keyword Bundles",
+        type: "custom",
+        renderDisplay: (v) => /* @__PURE__ */ jsx108(KeywordBundlesDisplay, { value: v }),
+        renderEdit: (v, onChange) => /* @__PURE__ */ jsx108(KeywordBundlesEdit, { value: v, onChange })
+      };
+    }
+    if (key === "geography") {
+      return {
+        key,
+        label: "Geography",
+        type: "custom",
+        renderDisplay: (v) => /* @__PURE__ */ jsx108(CountrySelectDisplay, { value: v }),
+        renderEdit: (v, onChange) => /* @__PURE__ */ jsx108(CountrySelectEdit, { value: v, onChange })
+      };
+    }
+    if (key === "platforms" && Array.isArray(value)) {
+      return {
+        key,
+        label: "Platforms",
+        type: "custom",
+        renderDisplay: (v) => /* @__PURE__ */ jsx108(StringArrayDisplay, { value: v })
+      };
+    }
+    if (typeof value === "object" && value !== null && !Array.isArray(value) && !("min" in value && "max" in value)) {
+      const label = key.split("_").map((w) => w.charAt(0).toUpperCase() + w.slice(1)).join(" ");
+      return {
+        key,
+        label,
+        type: "custom",
+        renderDisplay: (v) => /* @__PURE__ */ jsx108(ObjectDisplay, { value: v })
+      };
+    }
+    const [generated] = generateFieldsFromData({ [key]: value });
+    return generated;
+  });
+}
+var SearchSpecCard = React91.memo(
+  ({
+    selectionStatus,
+    isLatestMessage = true,
+    className,
+    fields: providedFields,
+    data,
+    specData,
+    ...formCardProps
+  }) => {
+    const resolvedData = data || specData;
+    const fields = useMemo5(() => {
+      return providedFields || buildSearchSpecFields(resolvedData ?? {});
+    }, [providedFields, resolvedData]);
+    return /* @__PURE__ */ jsx108(
+      FormCard,
+      {
+        ...formCardProps,
+        data: resolvedData ?? {},
+        title: formCardProps.title || "Search Specification",
+        fields,
+        className,
+        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs68("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
+          /* @__PURE__ */ jsx108(CircleCheck, { className: "h-4 w-4" }),
+          /* @__PURE__ */ jsx108("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
+        ] }) : formCardProps.footer
+      }
+    );
+  }
+);
+SearchSpecCard.displayName = "SearchSpecCard";
+
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
-import React92, { useState as useState8 } from "react";
+import React92 from "react";
 import { jsx as jsx109, jsxs as jsxs69 } from "react/jsx-runtime";
 var MCQCard = React92.memo(
   ({
     question,
     options,
     recommended,
-    selectedOption,
+    selectedOption: propsSelectedOption,
     onSelect,
-    onAction,
+    onProceed,
     isLatestMessage = true,
-    countdown,
-    isPaused = false,
-    onPause,
     isLoading = false,
     className,
-    selectionStatus
+    selectionStatus,
+    onAction,
+    disabled = false
   }) => {
-    const [localSelected, setLocalSelected] = useState8(null);
-    const effectiveSelected = selectedOption ?? localSelected;
-    const handleOptionClick = (key) => {
-      if (!isLoading) {
-        setLocalSelected(key);
+    const [selectedOption, setSelectedOption] = React92.useState(propsSelectedOption);
+    const [isProceeded, setIsProceeded] = React92.useState(false);
+    React92.useEffect(() => {
+      if (propsSelectedOption) {
+        setSelectedOption(propsSelectedOption);
+        setIsProceeded(true);
+      }
+    }, [propsSelectedOption]);
+    const handleOptionClick = (key, e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (isLatestMessage && !isLoading && !disabled && !isProceeded) {
+        setSelectedOption(key);
         onSelect?.(key);
       }
     };
-    const handleProceed = () => {
-      const value = effectiveSelected || recommended || "";
-      if (value) {
-        if (onAction) {
-          onAction(value);
-        }
+    const handleProceed = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if ((selectedOption || recommended) && !disabled && !isProceeded) {
+        const result = selectedOption || recommended || "";
+        setIsProceeded(true);
+        onProceed?.(result);
+        onAction?.({
+          type: "mcq_selection",
+          value: result,
+          label: options[result] || result
+        });
       }
     };
+    const isInteractionDisabled = disabled || !isLatestMessage || isProceeded;
     return /* @__PURE__ */ jsxs69(
-      Card,
+      "div",
       {
         className: cn(
-          "w-full rounded-[24px] border border-border bg-card shadow-sm overflow-hidden",
+          "p-6 rounded-[20px] border border-gray400 bg-background dark:bg-gray200 font-noto w-full",
           className
         ),
         children: [
-          /* @__PURE__ */ jsx109(CardHeader, { className: "pb-2", children: /* @__PURE__ */ jsx109(CardTitle, { className: "text-lg font-bold text-foreground tracking-tight leading-snug", children: question }) }),
-          /* @__PURE__ */ jsx109(CardContent, { className: "space-y-3 pb-6", children: Object.entries(options).map(([key, label]) => {
-            const isSelected = effectiveSelected === key;
+          /* @__PURE__ */ jsx109("div", { className: "mb-4", children: /* @__PURE__ */ jsx109("h4", { className: "font-medium text-foreground px-3 py-1 rounded-md inline-block mb-2", children: question }) }),
+          /* @__PURE__ */ jsx109("div", { className: "mb-6", children: /* @__PURE__ */ jsx109("div", { className: "space-y-4", children: Object.entries(options).map(([key, label]) => {
+            const isSelected = selectedOption === key;
             const isRecommended = key === recommended;
             return /* @__PURE__ */ jsxs69(
               "div",
               {
-                onClick: () => handleOptionClick(key),
+                onClick: (e) => handleOptionClick(key, e),
                 className: cn(
-                  "group relative flex items-start gap-4 p-4 rounded-2xl border transition-all duration-200 cursor-pointer",
-                  isSelected ? "border-primary bg-primary/5 shadow-[0_0_0_1px_theme(colors.primary.DEFAULT)]" : "border-border bg-background/30 hover:border-gray-300 hover:bg-background/50",
-                  isLoading && "opacity-50 cursor-not-allowed"
+                  "cursor-pointer rounded-xl p-3 transition-colors relative",
+                  "border border-transparent bg-paperBackground",
+                  !selectedOption && !isInteractionDisabled && "hover:border-gray500",
+                  (isLoading || isInteractionDisabled) && "opacity-50 cursor-not-allowed"
                 ),
                 children: [
-                  /* @__PURE__ */ jsx109(
+                  /* @__PURE__ */ jsx109("div", { className: "absolute top-1/2 left-4 transform -translate-y-1/2", children: /* @__PURE__ */ jsx109(
                     "div",
                     {
                       className: cn(
-                        "mt-1 w-5 h-5 rounded-full border-2 flex items-center justify-center transition-colors",
-                        isSelected ? "border-primary bg-primary" : "border-border bg-background group-hover:border-gray-400"
+                        "w-5 h-5 rounded-full border flex items-center justify-center transition-colors",
+                        isSelected ? "border-purple100 bg-gray300" : cn(
+                          "border-gray300 bg-background",
+                          !selectedOption && !isInteractionDisabled && "hover:border-purple100"
+                        )
                       ),
-                      children: isSelected && /* @__PURE__ */ jsx109("div", { className: "w-1.5 h-1.5 rounded-full bg-white" })
+                      children: isSelected && /* @__PURE__ */ jsx109("div", { className: "w-2.5 h-2.5 rounded-full bg-purple100" })
                     }
-                  ),
-                  /* @__PURE__ */ jsx109("div", { className: "flex-1 space-y-1.5", children: /* @__PURE__ */ jsxs69("div", { className: "flex items-center gap-2 flex-wrap", children: [
-                    /* @__PURE__ */ jsx109(
-                      "span",
-                      {
-                        className: cn(
-                          "text-sm font-semibold transition-colors",
-                          isSelected ? "text-foreground" : "text-foreground/80"
-                        ),
-                        children: label
-                      }
-                    ),
-                    isRecommended && /* @__PURE__ */ jsxs69(
-                      Badge2,
-                      {
-                        variant: "outline",
-                        className: "bg-green-500/10 text-green-500 border-green-500/20 flex items-center gap-1 text-[10px] py-0 h-5",
-                        children: [
-                          /* @__PURE__ */ jsx109(Sparkles, { className: "h-3 w-3" }),
-                          "Recommended"
-                        ]
-                      }
-                    ),
-                    isSelected && /* @__PURE__ */ jsx109(
-                      Badge2,
-                      {
-                        variant: "outline",
-                        className: "bg-[var(--primary-color)]/10 text-[var(--primary-color)] border-[var(--primary-color)]/20 text-[10px] py-0 h-5",
-                        children: "Selected"
-                      }
-                    )
-                  ] }) })
+                  ) }),
+                  /* @__PURE__ */ jsxs69("div", { className: "pl-12", children: [
+                    (isRecommended || isSelected) && /* @__PURE__ */ jsxs69("div", { className: "flex gap-2 mb-2 flex-wrap", children: [
+                      isRecommended && /* @__PURE__ */ jsx109("div", { className: "flex text-xs font-semibold", children: /* @__PURE__ */ jsx109("p", { className: "bg-greenBackground text-greenText px-2 py-1 rounded-[20px]", children: "Recommended" }) }),
+                      isSelected && /* @__PURE__ */ jsx109("div", { className: "flex text-xs font-semibold", children: /* @__PURE__ */ jsx109(
+                        "p",
+                        {
+                          className: cn(
+                            "px-2 py-1 rounded-[20px]",
+                            selectedOption === recommended ? "bg-purpleLight text-purpleText2 dark:bg-primary/20 dark:text-primary" : "bg-paperBackground text-primaryDark2 dark:bg-primary/20 dark:text-primary"
+                          ),
+                          children: "Selected by you"
+                        }
+                      ) })
+                    ] }),
+                    /* @__PURE__ */ jsx109("div", { className: "text-base font-medium text-txtColor", children: label })
+                  ] })
                 ]
               },
               key
             );
-          }) }),
-          /* @__PURE__ */ jsx109(CardFooter, { className: "flex flex-col gap-4 pt-0 border-t border-[var(--border-color)] bg-black/5 p-6", children: isLatestMessage ? /* @__PURE__ */ jsx109("div", { className: "w-full flex justify-center", children: /* @__PURE__ */ jsx109(
-            ActionButton,
-            {
-              label: effectiveSelected ? "Continue" : "Proceed with Recommendation",
-              countdown,
-              isPaused,
-              onPause,
-              onProceed: handleProceed,
-              isLoading,
-              disabled: !effectiveSelected && !recommended
-            }
-          ) }) : /* @__PURE__ */ jsxs69("div", { className: "w-full flex justify-end items-center gap-1.5 text-green-500 text-xs font-semibold", children: [
-            /* @__PURE__ */ jsx109(CircleCheck, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx109("span", { children: selectionStatus === "agent" ? "Suggested by Agent, Approved by You" : "Selected by You" })
-          ] }) })
+          }) }) }),
+          /* @__PURE__ */ jsxs69("div", { className: "flex justify-between items-center", children: [
+            /* @__PURE__ */ jsx109("div", { className: "flex-1" }),
+            /* @__PURE__ */ jsx109(
+              "button",
+              {
+                onClick: (e) => handleProceed(e),
+                disabled: isInteractionDisabled || isLoading || !selectedOption && !recommended,
+                className: cn(
+                  "flex-3 px-4 py-2 border rounded-full text-sm disabled:opacity-50 disabled:cursor-not-allowed transition-colors",
+                  "bg-purpleLight dark:bg-purple200 hover:bg-purpleText1 dark:hover:bg-purple100 text-purpleText2 dark:text-purpleText border-purpleText1 dark:border-purple-border dark:hover:text-white"
+                ),
+                children: isLoading ? "Sending..." : "Continue"
+              }
+            ),
+            isLatestMessage ? /* @__PURE__ */ jsx109("div", { className: "flex-1" }) : /* @__PURE__ */ jsx109("div", { className: "flex-1 text-right text-xs bg-green100 text-green-600 dark:text-green500", children: selectionStatus === "agent" ? /* @__PURE__ */ jsxs69("div", { className: "flex flex-col gap-1 sm:flex-row sm:justify-end", children: [
+              /* @__PURE__ */ jsx109("span", { className: "whitespace-nowrap", children: "Suggested by an Agent," }),
+              /* @__PURE__ */ jsx109("span", { className: "whitespace-nowrap", children: "Approved by You" })
+            ] }) : /* @__PURE__ */ jsx109("span", { children: "Selected by you" }) })
+          ] })
         ]
       }
     );
@@ -35645,6 +35755,216 @@ var CreatorActionHeader = ({
   );
 };
 
+// src/molecules/creator-discovery/CreatorSearchBox/CreatorSearch.tsx
+import React93, { useMemo as useMemo6 } from "react";
+import { jsx as jsx120, jsxs as jsxs79 } from "react/jsx-runtime";
+var CreatorSearch = React93.memo(
+  ({
+    selectionStatus,
+    isLatestMessage = true,
+    className,
+    fields: providedFields,
+    data,
+    ...formCardProps
+  }) => {
+    const fields = useMemo6(() => {
+      const baseFields = providedFields || generateFieldsFromData(data);
+      return baseFields.map((field) => {
+        if (field.key === "platforms") {
+          return {
+            ...field,
+            renderDisplay: (val) => {
+              const platforms = Array.isArray(val) ? val : [val];
+              return /* @__PURE__ */ jsx120("div", { className: "flex flex-wrap gap-2", children: platforms.map((p) => /* @__PURE__ */ jsx120(
+                BadgeAtom,
+                {
+                  id: `platform-${p}`,
+                  type: "badge",
+                  label: p,
+                  variant: "outline",
+                  className: "bg-[#1A1A1A] border-gray400 text-white font-medium"
+                },
+                p
+              )) });
+            }
+          };
+        }
+        if (field.key === "geography") {
+          return {
+            ...field,
+            renderDisplay: (val) => /* @__PURE__ */ jsx120(CountrySelectDisplay, { value: val })
+          };
+        }
+        if (field.key === "keywordBundles") {
+          return {
+            ...field,
+            renderDisplay: (val) => /* @__PURE__ */ jsx120(KeywordBundlesDisplay, { value: val })
+          };
+        }
+        if (field.key === "followerRange") {
+          return {
+            ...field,
+            renderDisplay: (val) => {
+              if (typeof val === "object" && val !== null) {
+                return /* @__PURE__ */ jsx120("span", { className: "text-white font-medium", children: `${val.min?.toLocaleString()} - ${val.max?.toLocaleString()} followers` });
+              }
+              return /* @__PURE__ */ jsxs79("span", { className: "text-white font-medium", children: [
+                val,
+                " followers"
+              ] });
+            }
+          };
+        }
+        if (field.key === "initialCreators") {
+          return {
+            ...field,
+            renderDisplay: (val) => /* @__PURE__ */ jsxs79("span", { className: "text-white font-medium", children: [
+              val,
+              " creators"
+            ] })
+          };
+        }
+        return field;
+      });
+    }, [providedFields, data]);
+    return /* @__PURE__ */ jsx120("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx120(
+      FormCard,
+      {
+        ...formCardProps,
+        data,
+        title: formCardProps.title || "Creator Search Settings",
+        fields,
+        showTimeline: true,
+        className: cn("font-noto", className),
+        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs79("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
+          /* @__PURE__ */ jsx120(CircleCheck, { className: "h-3.5 w-3.5" }),
+          /* @__PURE__ */ jsx120("span", { children: selectionStatus === "agent" ? "Suggested by Agent" : "Selected by you" })
+        ] }) : formCardProps.footer
+      }
+    ) });
+  }
+);
+CreatorSearch.displayName = "CreatorSearch";
+
+// src/molecules/creator-discovery/CampaignConceptCard/CampaignConceptCard.tsx
+import React94, { useMemo as useMemo7, useState as useState9 } from "react";
+import { motion, AnimatePresence } from "framer-motion";
+import { jsx as jsx121, jsxs as jsxs80 } from "react/jsx-runtime";
+var CampaignConceptCard = React94.memo(
+  ({
+    isRecommended,
+    isOpen: controlledIsOpen,
+    onToggle,
+    data,
+    fields: providedFields,
+    title,
+    selectionStatus,
+    isLatestMessage = true,
+    className,
+    ...formCardProps
+  }) => {
+    const [internalIsOpen, setInternalIsOpen] = useState9(false);
+    const isOpen = controlledIsOpen !== void 0 ? controlledIsOpen : internalIsOpen;
+    const handleToggle = () => {
+      if (onToggle) {
+        onToggle();
+      } else {
+        setInternalIsOpen(!internalIsOpen);
+      }
+    };
+    const fields = useMemo7(() => {
+      const baseFields = providedFields || generateFieldsFromData(data);
+      return baseFields.map((field) => {
+        if (field.key === "budgetAllocation") {
+          return {
+            ...field,
+            renderDisplay: (val) => {
+              if (!Array.isArray(val)) return /* @__PURE__ */ jsx121("span", { children: val });
+              return /* @__PURE__ */ jsx121("div", { className: "space-y-2", children: val.map((item, idx) => /* @__PURE__ */ jsxs80("div", { className: "flex items-center gap-2 text-xs font-medium", children: [
+                /* @__PURE__ */ jsxs80("span", { children: [
+                  idx + 1,
+                  "."
+                ] }),
+                /* @__PURE__ */ jsx121("div", { className: "bg-[#1A1A1A] border border-white/10 px-2 py-0.5 rounded text-gray-300", children: item.label }),
+                /* @__PURE__ */ jsx121("span", { className: "text-gray-400", children: "=" }),
+                /* @__PURE__ */ jsx121("div", { className: "bg-[#1A1A1A] border border-white/10 px-2 py-0.5 rounded text-gray-300", children: item.value })
+              ] }, idx)) });
+            }
+          };
+        }
+        if (field.key === "estimatedCreators") {
+          return {
+            ...field,
+            renderDisplay: (val) => {
+              if (!Array.isArray(val)) return /* @__PURE__ */ jsx121("span", { className: "text-white font-medium", children: val });
+              return /* @__PURE__ */ jsx121("div", { className: "flex gap-2", children: val.map((v, idx) => /* @__PURE__ */ jsx121("div", { className: "bg-[#1A1A1A] border border-white/10 px-2 py-0.5 rounded text-white text-xs font-medium", children: v }, idx)) });
+            }
+          };
+        }
+        return {
+          ...field,
+          renderDisplay: (val) => /* @__PURE__ */ jsx121("span", { className: "text-gray-300 text-sm", children: val })
+        };
+      });
+    }, [providedFields, data]);
+    return /* @__PURE__ */ jsxs80(
+      "div",
+      {
+        className: cn(
+          "w-full rounded-[20px] transition-all duration-300 bg-background dark:bg-gray50",
+          isOpen ? "border border-green-500/50 shadow-[0_0_15px_rgba(34,197,94,0.1)]" : "border border-gray400",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs80(
+            "div",
+            {
+              className: "flex items-center justify-between p-6 cursor-pointer select-none",
+              onClick: handleToggle,
+              children: [
+                /* @__PURE__ */ jsxs80("div", { className: "flex flex-col gap-2", children: [
+                  /* @__PURE__ */ jsx121("h3", { className: "text-lg font-semibold text-white tracking-wide", children: title || data.title }),
+                  isRecommended && /* @__PURE__ */ jsx121("div", { className: "inline-flex text-[10px] font-bold uppercase tracking-widest text-[#22C55E]", children: /* @__PURE__ */ jsx121("span", { className: "bg-[#22C55E]/10 px-2 py-0.5 rounded border border-[#22C55E]/20", children: "Recommended" }) })
+                ] }),
+                /* @__PURE__ */ jsx121("div", { className: cn(
+                  "p-2 rounded-lg bg-white/5 border border-white/10 text-gray-400 transition-transform duration-300",
+                  isOpen && "rotate-180"
+                ), children: /* @__PURE__ */ jsx121(ChevronDown, { className: "h-4 w-4" }) })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx121(AnimatePresence, { initial: false, children: isOpen && /* @__PURE__ */ jsx121(
+            motion.div,
+            {
+              initial: { height: 0, opacity: 0 },
+              animate: { height: "auto", opacity: 1 },
+              exit: { height: 0, opacity: 0 },
+              transition: { duration: 0.3, ease: "easeInOut" },
+              className: "overflow-hidden",
+              children: /* @__PURE__ */ jsx121("div", { className: "px-6 pb-6 pt-0 border-t border-white/5", children: /* @__PURE__ */ jsx121(
+                FormCard,
+                {
+                  ...formCardProps,
+                  title: title || data.title || "Campaign Concept",
+                  data,
+                  fields,
+                  showTimeline: true,
+                  className: "bg-transparent border-none shadow-none mb-0 p-0",
+                  footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs80("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
+                    /* @__PURE__ */ jsx121(CircleCheck, { className: "h-3.5 w-3.5" }),
+                    /* @__PURE__ */ jsx121("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by You" })
+                  ] }) : formCardProps.footer
+                }
+              ) })
+            }
+          ) })
+        ]
+      }
+    );
+  }
+);
+CampaignConceptCard.displayName = "CampaignConceptCard";
+
 // src/components/ui/index.ts
 var ui_exports = {};
 __export(ui_exports, {
@@ -35937,7 +36257,7 @@ __export(ui_exports, {
 // src/components/ui/button-group.tsx
 import { Slot as Slot4 } from "@radix-ui/react-slot";
 import { cva as cva8 } from "class-variance-authority";
-import { jsx as jsx120 } from "react/jsx-runtime";
+import { jsx as jsx122 } from "react/jsx-runtime";
 var buttonGroupVariants = cva8(
   "flex w-fit items-stretch has-[>[data-slot=button-group]]:gap-2 [&>*]:focus-visible:relative [&>*]:focus-visible:z-10 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-r-md [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1",
   {
@@ -35957,7 +36277,7 @@ function ButtonGroup({
   orientation,
   ...props
 }) {
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx122(
     "div",
     {
       role: "group",
@@ -35974,7 +36294,7 @@ function ButtonGroupText({
   ...props
 }) {
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx122(
     Comp,
     {
       className: cn(
@@ -35990,7 +36310,7 @@ function ButtonGroupSeparator({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx120(
+  return /* @__PURE__ */ jsx122(
     Separator2,
     {
       "data-slot": "button-group-separator",
@@ -36006,9 +36326,9 @@ function ButtonGroupSeparator({
 
 // src/components/ui/empty.tsx
 import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx121 } from "react/jsx-runtime";
+import { jsx as jsx123 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       "data-slot": "empty",
@@ -36021,7 +36341,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       "data-slot": "empty-header",
@@ -36052,7 +36372,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       "data-slot": "empty-icon",
@@ -36063,7 +36383,7 @@ function EmptyMedia({
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       "data-slot": "empty-title",
@@ -36073,7 +36393,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       "data-slot": "empty-description",
@@ -36086,7 +36406,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx121(
+  return /* @__PURE__ */ jsx123(
     "div",
     {
       "data-slot": "empty-content",
@@ -36100,11 +36420,11 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/ui/field.tsx
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo8 } from "react";
 import { cva as cva10 } from "class-variance-authority";
-import { jsx as jsx122, jsxs as jsxs79 } from "react/jsx-runtime";
+import { jsx as jsx124, jsxs as jsxs81 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -36122,7 +36442,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "legend",
     {
       "data-slot": "field-legend",
@@ -36138,7 +36458,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "div",
     {
       "data-slot": "field-group",
@@ -36178,7 +36498,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "div",
     {
       role: "group",
@@ -36190,7 +36510,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "div",
     {
       "data-slot": "field-content",
@@ -36206,7 +36526,7 @@ function FieldLabel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     Label,
     {
       "data-slot": "field-label",
@@ -36221,7 +36541,7 @@ function FieldLabel({
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "div",
     {
       "data-slot": "field-label",
@@ -36234,7 +36554,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "p",
     {
       "data-slot": "field-description",
@@ -36253,7 +36573,7 @@ function FieldSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs79(
+  return /* @__PURE__ */ jsxs81(
     "div",
     {
       "data-slot": "field-separator",
@@ -36264,8 +36584,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx122(Separator2, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx122(
+        /* @__PURE__ */ jsx124(Separator2, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx124(
           "span",
           {
             className: "bg-background text-muted-foreground relative mx-auto block w-fit px-2",
@@ -36283,7 +36603,7 @@ function FieldError({
   errors,
   ...props
 }) {
-  const content = useMemo6(() => {
+  const content = useMemo8(() => {
     if (children) {
       return children;
     }
@@ -36293,14 +36613,14 @@ function FieldError({
     if (errors?.length === 1 && errors[0]?.message) {
       return errors[0].message;
     }
-    return /* @__PURE__ */ jsx122("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx122("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx124("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx124("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx122(
+  return /* @__PURE__ */ jsx124(
     "div",
     {
       role: "alert",
@@ -36314,9 +36634,9 @@ function FieldError({
 
 // src/components/ui/input-group.tsx
 import { cva as cva11 } from "class-variance-authority";
-import { jsx as jsx123 } from "react/jsx-runtime";
+import { jsx as jsx125 } from "react/jsx-runtime";
 function InputGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx125(
     "div",
     {
       "data-slot": "input-group",
@@ -36360,7 +36680,7 @@ function InputGroupAddon({
   align = "inline-start",
   ...props
 }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx125(
     "div",
     {
       role: "group",
@@ -36400,7 +36720,7 @@ function InputGroupButton({
   size = "xs",
   ...props
 }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx125(
     Button,
     {
       type,
@@ -36412,7 +36732,7 @@ function InputGroupButton({
   );
 }
 function InputGroupText({ className, ...props }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx125(
     "span",
     {
       className: cn(
@@ -36427,7 +36747,7 @@ function InputGroupInput({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx125(
     Input,
     {
       "data-slot": "input-group-control",
@@ -36443,7 +36763,7 @@ function InputGroupTextarea({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx123(
+  return /* @__PURE__ */ jsx125(
     Textarea,
     {
       "data-slot": "input-group-control",
@@ -36459,9 +36779,9 @@ function InputGroupTextarea({
 // src/components/ui/item.tsx
 import { Slot as Slot5 } from "@radix-ui/react-slot";
 import { cva as cva12 } from "class-variance-authority";
-import { jsx as jsx124 } from "react/jsx-runtime";
+import { jsx as jsx126 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "div",
     {
       role: "list",
@@ -36475,7 +36795,7 @@ function ItemSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     Separator2,
     {
       "data-slot": "item-separator",
@@ -36513,7 +36833,7 @@ function Item8({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     Comp,
     {
       "data-slot": "item",
@@ -36544,7 +36864,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "div",
     {
       "data-slot": "item-media",
@@ -36555,7 +36875,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "div",
     {
       "data-slot": "item-content",
@@ -36568,7 +36888,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "div",
     {
       "data-slot": "item-title",
@@ -36581,7 +36901,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "p",
     {
       "data-slot": "item-description",
@@ -36595,7 +36915,7 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "div",
     {
       "data-slot": "item-actions",
@@ -36605,7 +36925,7 @@ function ItemActions({ className, ...props }) {
   );
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "div",
     {
       "data-slot": "item-header",
@@ -36618,7 +36938,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx124(
+  return /* @__PURE__ */ jsx126(
     "div",
     {
       "data-slot": "item-footer",
@@ -36632,9 +36952,9 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/components/ui/kbd.tsx
-import { jsx as jsx125 } from "react/jsx-runtime";
+import { jsx as jsx127 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx127(
     "kbd",
     {
       "data-slot": "kbd",
@@ -36649,7 +36969,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx125(
+  return /* @__PURE__ */ jsx127(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -36660,16 +36980,16 @@ function KbdGroup({ className, ...props }) {
 }
 
 // src/components/ui/sidebar.tsx
-import * as React94 from "react";
+import * as React96 from "react";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
 import { cva as cva13 } from "class-variance-authority";
 
 // src/hooks/use-mobile.tsx
-import * as React93 from "react";
+import * as React95 from "react";
 var MOBILE_BREAKPOINT = 768;
 function useIsMobile() {
-  const [isMobile, setIsMobile] = React93.useState(void 0);
-  React93.useEffect(() => {
+  const [isMobile, setIsMobile] = React95.useState(void 0);
+  React95.useEffect(() => {
     const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`);
     const onChange = () => {
       setIsMobile(window.innerWidth < MOBILE_BREAKPOINT);
@@ -36682,22 +37002,22 @@ function useIsMobile() {
 }
 
 // src/components/ui/sidebar.tsx
-import { jsx as jsx126, jsxs as jsxs80 } from "react/jsx-runtime";
+import { jsx as jsx128, jsxs as jsxs82 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React94.createContext(null);
+var SidebarContext = React96.createContext(null);
 function useSidebar() {
-  const context = React94.useContext(SidebarContext);
+  const context = React96.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
   return context;
 }
-var SidebarProvider = React94.forwardRef(
+var SidebarProvider = React96.forwardRef(
   ({
     defaultOpen = true,
     open: openProp,
@@ -36708,10 +37028,10 @@ var SidebarProvider = React94.forwardRef(
     ...props
   }, ref) => {
     const isMobile = useIsMobile();
-    const [openMobile, setOpenMobile] = React94.useState(false);
-    const [_open, _setOpen] = React94.useState(defaultOpen);
+    const [openMobile, setOpenMobile] = React96.useState(false);
+    const [_open, _setOpen] = React96.useState(defaultOpen);
     const open = openProp ?? _open;
-    const setOpen = React94.useCallback(
+    const setOpen = React96.useCallback(
       (value) => {
         const openState = typeof value === "function" ? value(open) : value;
         if (setOpenProp) {
@@ -36723,10 +37043,10 @@ var SidebarProvider = React94.forwardRef(
       },
       [setOpenProp, open]
     );
-    const toggleSidebar = React94.useCallback(() => {
+    const toggleSidebar = React96.useCallback(() => {
       return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
     }, [isMobile, setOpen, setOpenMobile]);
-    React94.useEffect(() => {
+    React96.useEffect(() => {
       const handleKeyDown = (event) => {
         if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
           event.preventDefault();
@@ -36737,7 +37057,7 @@ var SidebarProvider = React94.forwardRef(
       return () => window.removeEventListener("keydown", handleKeyDown);
     }, [toggleSidebar]);
     const state = open ? "expanded" : "collapsed";
-    const contextValue = React94.useMemo(
+    const contextValue = React96.useMemo(
       () => ({
         state,
         open,
@@ -36749,7 +37069,7 @@ var SidebarProvider = React94.forwardRef(
       }),
       [state, open, setOpen, isMobile, openMobile, setOpenMobile, toggleSidebar]
     );
-    return /* @__PURE__ */ jsx126(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx126(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx126(
+    return /* @__PURE__ */ jsx128(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx128(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx128(
       "div",
       {
         style: {
@@ -36769,7 +37089,7 @@ var SidebarProvider = React94.forwardRef(
   }
 );
 SidebarProvider.displayName = "SidebarProvider";
-var Sidebar = React94.forwardRef(
+var Sidebar = React96.forwardRef(
   ({
     side = "left",
     variant = "sidebar",
@@ -36780,7 +37100,7 @@ var Sidebar = React94.forwardRef(
   }, ref) => {
     const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
     if (collapsible === "none") {
-      return /* @__PURE__ */ jsx126(
+      return /* @__PURE__ */ jsx128(
         "div",
         {
           className: cn(
@@ -36794,7 +37114,7 @@ var Sidebar = React94.forwardRef(
       );
     }
     if (isMobile) {
-      return /* @__PURE__ */ jsx126(Sheet2, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs80(
+      return /* @__PURE__ */ jsx128(Sheet2, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs82(
         SheetContent,
         {
           "data-sidebar": "sidebar",
@@ -36805,16 +37125,16 @@ var Sidebar = React94.forwardRef(
           },
           side,
           children: [
-            /* @__PURE__ */ jsxs80(SheetHeader, { className: "sr-only", children: [
-              /* @__PURE__ */ jsx126(SheetTitle, { children: "Sidebar" }),
-              /* @__PURE__ */ jsx126(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsxs82(SheetHeader, { className: "sr-only", children: [
+              /* @__PURE__ */ jsx128(SheetTitle, { children: "Sidebar" }),
+              /* @__PURE__ */ jsx128(SheetDescription, { children: "Displays the mobile sidebar." })
             ] }),
-            /* @__PURE__ */ jsx126("div", { className: "flex h-full w-full flex-col", children })
+            /* @__PURE__ */ jsx128("div", { className: "flex h-full w-full flex-col", children })
           ]
         }
       ) });
     }
-    return /* @__PURE__ */ jsxs80(
+    return /* @__PURE__ */ jsxs82(
       "div",
       {
         ref,
@@ -36824,7 +37144,7 @@ var Sidebar = React94.forwardRef(
         "data-variant": variant,
         "data-side": side,
         children: [
-          /* @__PURE__ */ jsx126(
+          /* @__PURE__ */ jsx128(
             "div",
             {
               className: cn(
@@ -36835,7 +37155,7 @@ var Sidebar = React94.forwardRef(
               )
             }
           ),
-          /* @__PURE__ */ jsx126(
+          /* @__PURE__ */ jsx128(
             "div",
             {
               className: cn(
@@ -36846,7 +37166,7 @@ var Sidebar = React94.forwardRef(
                 className
               ),
               ...props,
-              children: /* @__PURE__ */ jsx126(
+              children: /* @__PURE__ */ jsx128(
                 "div",
                 {
                   "data-sidebar": "sidebar",
@@ -36862,9 +37182,9 @@ var Sidebar = React94.forwardRef(
   }
 );
 Sidebar.displayName = "Sidebar";
-var SidebarTrigger = React94.forwardRef(({ className, onClick, ...props }, ref) => {
+var SidebarTrigger = React96.forwardRef(({ className, onClick, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs82(
     Button,
     {
       ref,
@@ -36878,16 +37198,16 @@ var SidebarTrigger = React94.forwardRef(({ className, onClick, ...props }, ref)
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx126(PanelLeft, {}),
-        /* @__PURE__ */ jsx126("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx128(PanelLeft, {}),
+        /* @__PURE__ */ jsx128("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 });
 SidebarTrigger.displayName = "SidebarTrigger";
-var SidebarRail = React94.forwardRef(({ className, ...props }, ref) => {
+var SidebarRail = React96.forwardRef(({ className, ...props }, ref) => {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx128(
     "button",
     {
       ref,
@@ -36910,8 +37230,8 @@ var SidebarRail = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarRail.displayName = "SidebarRail";
-var SidebarInset = React94.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx126(
+var SidebarInset = React96.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx128(
     "main",
     {
       ref,
@@ -36925,8 +37245,8 @@ var SidebarInset = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInset.displayName = "SidebarInset";
-var SidebarInput = React94.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx126(
+var SidebarInput = React96.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx128(
     Input,
     {
       ref,
@@ -36940,8 +37260,8 @@ var SidebarInput = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarInput.displayName = "SidebarInput";
-var SidebarHeader = React94.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx126(
+var SidebarHeader = React96.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx128(
     "div",
     {
       ref,
@@ -36952,8 +37272,8 @@ var SidebarHeader = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarHeader.displayName = "SidebarHeader";
-var SidebarFooter = React94.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx126(
+var SidebarFooter = React96.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx128(
     "div",
     {
       ref,
@@ -36964,8 +37284,8 @@ var SidebarFooter = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarFooter.displayName = "SidebarFooter";
-var SidebarSeparator = React94.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx126(
+var SidebarSeparator = React96.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx128(
     Separator2,
     {
       ref,
@@ -36976,8 +37296,8 @@ var SidebarSeparator = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarSeparator.displayName = "SidebarSeparator";
-var SidebarContent = React94.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx126(
+var SidebarContent = React96.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx128(
     "div",
     {
       ref,
@@ -36991,8 +37311,8 @@ var SidebarContent = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarContent.displayName = "SidebarContent";
-var SidebarGroup = React94.forwardRef(({ className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx126(
+var SidebarGroup = React96.forwardRef(({ className, ...props }, ref) => {
+  return /* @__PURE__ */ jsx128(
     "div",
     {
       ref,
@@ -37003,9 +37323,9 @@ var SidebarGroup = React94.forwardRef(({ className, ...props }, ref) => {
   );
 });
 SidebarGroup.displayName = "SidebarGroup";
-var SidebarGroupLabel = React94.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupLabel = React96.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx128(
     Comp,
     {
       ref,
@@ -37020,9 +37340,9 @@ var SidebarGroupLabel = React94.forwardRef(({ className, asChild = false, ...pro
   );
 });
 SidebarGroupLabel.displayName = "SidebarGroupLabel";
-var SidebarGroupAction = React94.forwardRef(({ className, asChild = false, ...props }, ref) => {
+var SidebarGroupAction = React96.forwardRef(({ className, asChild = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx128(
     Comp,
     {
       ref,
@@ -37039,7 +37359,7 @@ var SidebarGroupAction = React94.forwardRef(({ className, asChild = false, ...pr
   );
 });
 SidebarGroupAction.displayName = "SidebarGroupAction";
-var SidebarGroupContent = React94.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx126(
+var SidebarGroupContent = React96.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx128(
   "div",
   {
     ref,
@@ -37049,7 +37369,7 @@ var SidebarGroupContent = React94.forwardRef(({ className, ...props }, ref) => /
   }
 ));
 SidebarGroupContent.displayName = "SidebarGroupContent";
-var SidebarMenu = React94.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx126(
+var SidebarMenu = React96.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx128(
   "ul",
   {
     ref,
@@ -37059,7 +37379,7 @@ var SidebarMenu = React94.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SidebarMenu.displayName = "SidebarMenu";
-var SidebarMenuItem = React94.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx126(
+var SidebarMenuItem = React96.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx128(
   "li",
   {
     ref,
@@ -37089,7 +37409,7 @@ var sidebarMenuButtonVariants = cva13(
     }
   }
 );
-var SidebarMenuButton = React94.forwardRef(
+var SidebarMenuButton = React96.forwardRef(
   ({
     asChild = false,
     isActive = false,
@@ -37101,7 +37421,7 @@ var SidebarMenuButton = React94.forwardRef(
   }, ref) => {
     const Comp = asChild ? Slot6 : "button";
     const { isMobile, state } = useSidebar();
-    const button = /* @__PURE__ */ jsx126(
+    const button = /* @__PURE__ */ jsx128(
       Comp,
       {
         ref,
@@ -37120,9 +37440,9 @@ var SidebarMenuButton = React94.forwardRef(
         children: tooltip
       };
     }
-    return /* @__PURE__ */ jsxs80(Tooltip, { children: [
-      /* @__PURE__ */ jsx126(TooltipTrigger, { asChild: true, children: button }),
-      /* @__PURE__ */ jsx126(
+    return /* @__PURE__ */ jsxs82(Tooltip, { children: [
+      /* @__PURE__ */ jsx128(TooltipTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsx128(
         TooltipContent,
         {
           side: "right",
@@ -37135,9 +37455,9 @@ var SidebarMenuButton = React94.forwardRef(
   }
 );
 SidebarMenuButton.displayName = "SidebarMenuButton";
-var SidebarMenuAction = React94.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
+var SidebarMenuAction = React96.forwardRef(({ className, asChild = false, showOnHover = false, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "button";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx128(
     Comp,
     {
       ref,
@@ -37158,7 +37478,7 @@ var SidebarMenuAction = React94.forwardRef(({ className, asChild = false, showOn
   );
 });
 SidebarMenuAction.displayName = "SidebarMenuAction";
-var SidebarMenuBadge = React94.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx126(
+var SidebarMenuBadge = React96.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx128(
   "div",
   {
     ref,
@@ -37176,11 +37496,11 @@ var SidebarMenuBadge = React94.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SidebarMenuBadge.displayName = "SidebarMenuBadge";
-var SidebarMenuSkeleton = React94.forwardRef(({ className, showIcon = false, ...props }, ref) => {
-  const width = React94.useMemo(() => {
+var SidebarMenuSkeleton = React96.forwardRef(({ className, showIcon = false, ...props }, ref) => {
+  const width = React96.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
-  return /* @__PURE__ */ jsxs80(
+  return /* @__PURE__ */ jsxs82(
     "div",
     {
       ref,
@@ -37188,14 +37508,14 @@ var SidebarMenuSkeleton = React94.forwardRef(({ className, showIcon = false, ...
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx126(
+        showIcon && /* @__PURE__ */ jsx128(
           Skeleton,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
-        /* @__PURE__ */ jsx126(
+        /* @__PURE__ */ jsx128(
           Skeleton,
           {
             className: "h-4 max-w-[--skeleton-width] flex-1",
@@ -37210,7 +37530,7 @@ var SidebarMenuSkeleton = React94.forwardRef(({ className, showIcon = false, ...
   );
 });
 SidebarMenuSkeleton.displayName = "SidebarMenuSkeleton";
-var SidebarMenuSub = React94.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx126(
+var SidebarMenuSub = React96.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx128(
   "ul",
   {
     ref,
@@ -37224,11 +37544,11 @@ var SidebarMenuSub = React94.forwardRef(({ className, ...props }, ref) => /* @__
   }
 ));
 SidebarMenuSub.displayName = "SidebarMenuSub";
-var SidebarMenuSubItem = React94.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx126("li", { ref, ...props }));
+var SidebarMenuSubItem = React96.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx128("li", { ref, ...props }));
 SidebarMenuSubItem.displayName = "SidebarMenuSubItem";
-var SidebarMenuSubButton = React94.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
+var SidebarMenuSubButton = React96.forwardRef(({ asChild = false, size = "md", isActive, className, ...props }, ref) => {
   const Comp = asChild ? Slot6 : "a";
-  return /* @__PURE__ */ jsx126(
+  return /* @__PURE__ */ jsx128(
     Comp,
     {
       ref,
@@ -37252,20 +37572,20 @@ SidebarMenuSubButton.displayName = "SidebarMenuSubButton";
 // src/components/ui/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx127 } from "react/jsx-runtime";
+import { jsx as jsx129 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx127(
+  return /* @__PURE__ */ jsx129(
     Sonner,
     {
       theme,
       className: "toaster group",
       icons: {
-        success: /* @__PURE__ */ jsx127(CircleCheck, { className: "h-4 w-4" }),
-        info: /* @__PURE__ */ jsx127(Info, { className: "h-4 w-4" }),
-        warning: /* @__PURE__ */ jsx127(TriangleAlert, { className: "h-4 w-4" }),
-        error: /* @__PURE__ */ jsx127(OctagonX, { className: "h-4 w-4" }),
-        loading: /* @__PURE__ */ jsx127(LoaderCircle, { className: "h-4 w-4 animate-spin" })
+        success: /* @__PURE__ */ jsx129(CircleCheck, { className: "h-4 w-4" }),
+        info: /* @__PURE__ */ jsx129(Info, { className: "h-4 w-4" }),
+        warning: /* @__PURE__ */ jsx129(TriangleAlert, { className: "h-4 w-4" }),
+        error: /* @__PURE__ */ jsx129(OctagonX, { className: "h-4 w-4" }),
+        loading: /* @__PURE__ */ jsx129(LoaderCircle, { className: "h-4 w-4 animate-spin" })
       },
       toastOptions: {
         classNames: {
@@ -37281,26 +37601,26 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/components/ui/toggle-group.tsx
-import * as React95 from "react";
+import * as React97 from "react";
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
-import { jsx as jsx128 } from "react/jsx-runtime";
-var ToggleGroupContext = React95.createContext({
+import { jsx as jsx130 } from "react/jsx-runtime";
+var ToggleGroupContext = React97.createContext({
   size: "default",
   variant: "default"
 });
-var ToggleGroup = React95.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx128(
+var ToggleGroup = React97.forwardRef(({ className, variant, size, children, ...props }, ref) => /* @__PURE__ */ jsx130(
   ToggleGroupPrimitive.Root,
   {
     ref,
     className: cn("flex items-center justify-center gap-1", className),
     ...props,
-    children: /* @__PURE__ */ jsx128(ToggleGroupContext.Provider, { value: { variant, size }, children })
+    children: /* @__PURE__ */ jsx130(ToggleGroupContext.Provider, { value: { variant, size }, children })
   }
 ));
 ToggleGroup.displayName = ToggleGroupPrimitive.Root.displayName;
-var ToggleGroupItem = React95.forwardRef(({ className, children, variant, size, ...props }, ref) => {
-  const context = React95.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx128(
+var ToggleGroupItem = React97.forwardRef(({ className, children, variant, size, ...props }, ref) => {
+  const context = React97.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx130(
     ToggleGroupPrimitive.Item,
     {
       ref,
@@ -37319,7 +37639,7 @@ var ToggleGroupItem = React95.forwardRef(({ className, children, variant, size,
 ToggleGroupItem.displayName = ToggleGroupPrimitive.Item.displayName;
 
 // src/render/PXEngineRenderer.tsx
-import { jsx as jsx129, jsxs as jsxs81 } from "react/jsx-runtime";
+import { jsx as jsx131, jsxs as jsxs83 } from "react/jsx-runtime";
 var CONTEXT_DEPENDENT_COMPONENTS = /* @__PURE__ */ new Set([
   // Form components - require FormField + FormItem context
   "FormLabel",
@@ -37411,24 +37731,24 @@ var COMPONENT_SUGGESTIONS = {
 };
 var renderContextDependentError = (componentName, normalizedName, key) => {
   const suggestion = COMPONENT_SUGGESTIONS[normalizedName] || `${componentName}Atom (if available)`;
-  return /* @__PURE__ */ jsxs81(
+  return /* @__PURE__ */ jsxs83(
     "div",
     {
       className: "p-4 border-2 border-amber-500/50 rounded-lg bg-amber-50/80 space-y-2 my-2",
       children: [
-        /* @__PURE__ */ jsxs81("div", { className: "flex items-start gap-2", children: [
-          /* @__PURE__ */ jsx129("span", { className: "text-amber-600 font-bold text-lg", children: "\u26A0\uFE0F" }),
-          /* @__PURE__ */ jsxs81("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs81("p", { className: "text-sm font-semibold text-amber-900", children: [
+        /* @__PURE__ */ jsxs83("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx131("span", { className: "text-amber-600 font-bold text-lg", children: "\u26A0\uFE0F" }),
+          /* @__PURE__ */ jsxs83("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs83("p", { className: "text-sm font-semibold text-amber-900", children: [
               "Invalid Component: ",
               componentName
             ] }),
-            /* @__PURE__ */ jsx129("p", { className: "text-xs text-amber-700 mt-1", children: "This component requires React Context and cannot be rendered directly in schemas." })
+            /* @__PURE__ */ jsx131("p", { className: "text-xs text-amber-700 mt-1", children: "This component requires React Context and cannot be rendered directly in schemas." })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs81("div", { className: "bg-white/60 p-3 rounded border border-amber-200", children: [
-          /* @__PURE__ */ jsx129("p", { className: "text-xs font-semibold text-gray-700 mb-1.5", children: "\u2713 Use instead:" }),
-          /* @__PURE__ */ jsx129("code", { className: "text-xs text-blue-700 bg-blue-50 px-2 py-1 rounded", children: suggestion })
+        /* @__PURE__ */ jsxs83("div", { className: "bg-white/60 p-3 rounded border border-amber-200", children: [
+          /* @__PURE__ */ jsx131("p", { className: "text-xs font-semibold text-gray-700 mb-1.5", children: "\u2713 Use instead:" }),
+          /* @__PURE__ */ jsx131("code", { className: "text-xs text-blue-700 bg-blue-50 px-2 py-1 rounded", children: suggestion })
         ] })
       ]
     },
@@ -37499,7 +37819,8 @@ var normalizeProps = (props) => {
 };
 var PXEngineRenderer = ({
   schema,
-  onAction
+  onAction,
+  disabled
 }) => {
   if (!schema) return null;
   const root = schema.root || schema;
@@ -37507,7 +37828,7 @@ var PXEngineRenderer = ({
     if (typeof component === "string" || typeof component === "number") {
       return component;
     }
-    if (React96.isValidElement(component)) {
+    if (React98.isValidElement(component)) {
       return component;
     }
     if (!component || typeof component !== "object") return null;
@@ -37523,6 +37844,9 @@ var PXEngineRenderer = ({
     const componentName = name || type || componentType;
     if (!componentName || typeof componentName !== "string") return null;
     const rawProps = { ...remainingProps, ...props };
+    if (disabled !== void 0 && rawProps.disabled === void 0) {
+      rawProps.disabled = disabled;
+    }
     const { normalized: finalProps, dynamicStyle } = normalizeProps(rawProps);
     if (id && !finalProps.id) {
       finalProps.id = id;
@@ -37582,7 +37906,7 @@ var PXEngineRenderer = ({
     const isAtomWithRenderProp = ATOMS_WITH_RENDER.has(atomName);
     const finalStyle = { ...dynamicStyle, ...finalProps.style || {} };
     if (isAtomWithRenderProp) {
-      return /* @__PURE__ */ jsx129(
+      return /* @__PURE__ */ jsx131(
         TargetComponent,
         {
           ...finalProps,
@@ -37594,7 +37918,7 @@ var PXEngineRenderer = ({
         uniqueKey
       );
     } else {
-      return /* @__PURE__ */ jsx129(
+      return /* @__PURE__ */ jsx131(
         TargetComponent,
         {
           ...finalProps,
@@ -37606,7 +37930,7 @@ var PXEngineRenderer = ({
       );
     }
   };
-  return /* @__PURE__ */ jsx129("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) });
+  return /* @__PURE__ */ jsx131("div", { className: "px-engine-root relative w-full h-full", children: renderRecursive(root) });
 };
 export {
   Accordion,
@@ -37652,6 +37976,7 @@ export {
   ButtonAtom,
   Calendar2 as Calendar,
   CalendarAtom,
+  CampaignConceptCard,
   CampaignSeedCard,
   Card,
   CardAtom,
@@ -37699,6 +38024,7 @@ export {
   CreatorActionHeader,
   CreatorGridCard,
   CreatorProfileSummary,
+  CreatorSearch,
   DataGrid,
   Dialog,
   DialogAtom,