pxengine 0.1.21 → 0.1.22

package/dist/index.cjs

@@ -34861,40 +34861,10 @@ var CampaignSeedCard = import_react59.default.memo(
 CampaignSeedCard.displayName = "CampaignSeedCard";
 
 // src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
-var import_react60 = __toESM(require("react"), 1);
-var import_jsx_runtime107 = require("react/jsx-runtime");
-var SearchSpecCard = import_react60.default.memo(
-  ({
-    selectionStatus,
-    isLatestMessage = true,
-    className,
-    fields: providedFields,
-    data,
-    ...formCardProps
-  }) => {
-    const fields = (0, import_react60.useMemo)(() => {
-      return providedFields || generateFieldsFromData(data);
-    }, [providedFields, data]);
-    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
-      FormCard,
-      {
-        ...formCardProps,
-        data,
-        title: formCardProps.title || "Search Specification",
-        fields,
-        className,
-        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(CircleCheck, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
-        ] }) : formCardProps.footer
-      }
-    );
-  }
-);
-SearchSpecCard.displayName = "SearchSpecCard";
+var import_react61 = __toESM(require("react"), 1);
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-var import_react61 = require("react");
+var import_react60 = require("react");
 
 // src/lib/countries.ts
 var countries = [
@@ -35101,15 +35071,15 @@ var countriesWithFlags = Object.fromEntries(
 );
 
 // src/molecules/creator-discovery/SearchSpecCard/CustomFieldRenderers.tsx
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_jsx_runtime107 = require("react/jsx-runtime");
 var CountrySelectEdit = ({
   value,
   onChange
 }) => {
-  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react61.useState)(false);
-  const [searchTerm, setSearchTerm] = (0, import_react61.useState)("");
-  const dropdownRef = (0, import_react61.useRef)(null);
-  (0, import_react61.useEffect)(() => {
+  const [isDropdownOpen, setIsDropdownOpen] = (0, import_react60.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react60.useState)("");
+  const dropdownRef = (0, import_react60.useRef)(null);
+  (0, import_react60.useEffect)(() => {
     const handleClickOutside = (event) => {
       if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
         setIsDropdownOpen(false);
@@ -35119,16 +35089,16 @@ var CountrySelectEdit = ({
     return () => document.removeEventListener("mousedown", handleClickOutside);
   }, []);
   const inputValue = Array.isArray(value) ? value : [];
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "relative", ref: dropdownRef, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "relative", ref: dropdownRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
         "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__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-gray-700", children: inputValue.length > 0 ? `${inputValue.length} ${inputValue.length === 1 ? "country" : "countries"} selected` : "Select countries..." }),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-gray-700", children: inputValue.length > 0 ? `${inputValue.length} ${inputValue.length === 1 ? "country" : "countries"} selected` : "Select countries..." }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               ChevronDown,
               {
                 className: cn(
@@ -35140,8 +35110,8 @@ var CountrySelectEdit = ({
           ]
         }
       ),
-      isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("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__ */ (0, import_jsx_runtime108.jsx)("div", { className: "p-2 border-b border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      isDropdownOpen && /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("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__ */ (0, import_jsx_runtime107.jsx)("div", { className: "p-2 border-b border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
           "input",
           {
             type: "text",
@@ -35152,9 +35122,9 @@ var CountrySelectEdit = ({
             onClick: (e) => e.stopPropagation()
           }
         ) }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "max-h-40 overflow-y-auto p-1", children: countries.filter(
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("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__ */ (0, import_jsx_runtime108.jsxs)(
+        ).map((country) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
           "div",
           {
             className: cn(
@@ -35175,31 +35145,31 @@ var CountrySelectEdit = ({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-sm text-gray-700", children: country.name }),
-                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-xs text-gray-400 font-mono", children: country.code })
+              /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-sm text-gray-700", children: country.name }),
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-xs text-gray-400 font-mono", children: country.code })
               ] }),
-              inputValue.includes(country.code) && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(Check, { className: "h-4 w-4 text-purple500" })
+              inputValue.includes(country.code) && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(Check, { className: "h-4 w-4 text-purple500" })
             ]
           },
           country.code
         )) })
       ] })
     ] }),
-    inputValue.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-wrap gap-1.5", children: inputValue.map((countryCode) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+    inputValue.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex flex-wrap gap-1.5", children: inputValue.map((countryCode) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
       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__ */ (0, import_jsx_runtime108.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
             "button",
             {
               onClick: () => onChange(inputValue.filter((c) => c !== countryCode)),
               className: "hover:bg-purple200 rounded-full p-0.5 transition-colors",
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(ChevronDown, { className: "h-3 w-3 rotate-45" }),
+                /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(ChevronDown, { className: "h-3 w-3 rotate-45" }),
                 " "
               ]
             }
@@ -35212,9 +35182,9 @@ var CountrySelectEdit = ({
 };
 var CountrySelectDisplay = ({ value }) => {
   if (!value || !Array.isArray(value) || value.length === 0) {
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-muted-foreground italic", children: "Not specified" });
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-muted-foreground italic", children: "Not specified" });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-wrap gap-1.5", children: value.map((countryCode) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex flex-wrap gap-1.5", children: value.map((countryCode) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
     Badge2,
     {
       variant: "outline",
@@ -35236,22 +35206,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__ */ (0, import_jsx_runtime108.jsx)("div", { className: "space-y-6 pt-2", children: sortedPriorities.map((priority) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "space-y-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(Badge2, { className: "bg-purple500 hover:bg-purple500", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "space-y-6 pt-2", children: sortedPriorities.map((priority) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(Badge2, { className: "bg-purple500 hover:bg-purple500", children: [
         "Priority ",
         priority
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "h-px flex-1 bg-gray-100" })
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "h-px flex-1 bg-gray-100" })
     ] }),
-    groups[priority].map(({ bundle, index: bundleIndex }) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+    groups[priority].map(({ bundle, index: bundleIndex }) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
       "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__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Keywords" }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "space-y-3", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-wrap gap-1.5", children: Array.isArray(bundle.keywords) && bundle.keywords.map((keyword, kIndex) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Keywords" }),
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "space-y-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex flex-wrap gap-1.5", children: Array.isArray(bundle.keywords) && bundle.keywords.map((keyword, kIndex) => /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)(
               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",
@@ -35267,12 +35237,12 @@ var KeywordBundlesEdit = ({
                 },
                 children: [
                   keyword,
-                  /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "ml-1 opacity-0 group-hover:opacity-100 transition-opacity", children: "\xD7" })
+                  /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "ml-1 opacity-0 group-hover:opacity-100 transition-opacity", children: "\xD7" })
                 ]
               },
               kIndex
             )) }),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               "input",
               {
                 type: "text",
@@ -35296,9 +35266,9 @@ var KeywordBundlesEdit = ({
               }
             ) })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex flex-col gap-1.5 mt-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Priority Level (1-5)" }),
-            /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex flex-col gap-1.5 mt-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("label", { className: "text-[10px] font-bold text-gray-400 uppercase tracking-widest pl-1", children: "Priority Level (1-5)" }),
+            /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
               "input",
               {
                 type: "number",
@@ -35326,7 +35296,7 @@ var KeywordBundlesEdit = ({
 var KeywordBundlesDisplay = ({ value }) => {
   const bundles = Array.isArray(value) ? value : [];
   if (bundles.length === 0)
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-gray-500 italic text-sm", children: "Not specified" });
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("span", { className: "text-gray-500 italic text-sm", children: "Not specified" });
   const groups = {};
   bundles.forEach((b) => {
     const p = Number(b?.priority) || 1;
@@ -35335,17 +35305,17 @@ var KeywordBundlesDisplay = ({ value }) => {
     groups[p].push(...keywords);
   });
   const sortedPriorities = Object.keys(groups).map((n) => parseInt(n)).sort((a, b) => a - b);
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "space-y-4 pt-2", children: sortedPriorities.map((priority) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "space-y-4 pt-2", children: sortedPriorities.map((priority) => {
     const deduped = Array.from(new Set(groups[priority]));
-    return /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "space-y-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "text-[10px] uppercase tracking-widest text-purple-400 font-bold", children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsxs)("span", { className: "text-[10px] uppercase tracking-widest text-purple-400 font-bold", children: [
           "Priority ",
           priority
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "h-[1px] flex-1 bg-white/10" })
+        /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "h-[1px] flex-1 bg-white/10" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-wrap gap-2", children: deduped.map((keyword) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime107.jsx)("div", { className: "flex flex-wrap gap-2", children: deduped.map((keyword) => /* @__PURE__ */ (0, import_jsx_runtime107.jsx)(
         "div",
         {
           className: "px-2 py-1 rounded bg-[#1A1A1A] border border-white/10 text-gray-300 text-xs font-medium",
@@ -35357,6 +35327,98 @@ var KeywordBundlesDisplay = ({ value }) => {
   }) });
 };
 
+// src/molecules/creator-discovery/SearchSpecCard/SearchSpecCard.tsx
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var ObjectDisplay = ({ value }) => {
+  if (!value || typeof value !== "object") return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "space-y-1 pt-1", children: Object.entries(value).map(([k, v]) => /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex gap-2 text-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("span", { className: "text-muted-foreground capitalize min-w-[120px]", children: [
+      k.replace(/_/g, " "),
+      ":"
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("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__ */ (0, import_jsx_runtime108.jsx)("span", { className: "text-muted-foreground italic text-sm", children: "Not specified" });
+  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "flex flex-wrap gap-1.5 pt-1", children: value.map((item) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(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__ */ (0, import_jsx_runtime108.jsx)(KeywordBundlesDisplay, { value: v }),
+        renderEdit: (v, onChange) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(KeywordBundlesEdit, { value: v, onChange })
+      };
+    }
+    if (key === "geography") {
+      return {
+        key,
+        label: "Geography",
+        type: "custom",
+        renderDisplay: (v) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CountrySelectDisplay, { value: v }),
+        renderEdit: (v, onChange) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CountrySelectEdit, { value: v, onChange })
+      };
+    }
+    if (key === "platforms" && Array.isArray(value)) {
+      return {
+        key,
+        label: "Platforms",
+        type: "custom",
+        renderDisplay: (v) => /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(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__ */ (0, import_jsx_runtime108.jsx)(ObjectDisplay, { value: v })
+      };
+    }
+    const [generated] = generateFieldsFromData({ [key]: value });
+    return generated;
+  });
+}
+var SearchSpecCard = import_react61.default.memo(
+  ({
+    selectionStatus,
+    isLatestMessage = true,
+    className,
+    fields: providedFields,
+    data,
+    specData,
+    ...formCardProps
+  }) => {
+    const resolvedData = data || specData;
+    const fields = (0, import_react61.useMemo)(() => {
+      return providedFields || buildSearchSpecFields(resolvedData ?? {});
+    }, [providedFields, resolvedData]);
+    return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      FormCard,
+      {
+        ...formCardProps,
+        data: resolvedData ?? {},
+        title: formCardProps.title || "Search Specification",
+        fields,
+        className,
+        footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-xs font-semibold py-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(CircleCheck, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("span", { children: selectionStatus === "agent" ? "Selected by Agent" : "Selected by User" })
+        ] }) : formCardProps.footer
+      }
+    );
+  }
+);
+SearchSpecCard.displayName = "SearchSpecCard";
+
 // src/molecules/creator-discovery/MCQCard/MCQCard.tsx
 var import_react62 = __toESM(require("react"), 1);
 var import_jsx_runtime109 = require("react/jsx-runtime");
@@ -35376,15 +35438,17 @@ var MCQCard = import_react62.default.memo(
     disabled = false
   }) => {
     const [selectedOption, setSelectedOption] = import_react62.default.useState(propsSelectedOption);
+    const [isProceeded, setIsProceeded] = import_react62.default.useState(false);
     import_react62.default.useEffect(() => {
       if (propsSelectedOption) {
         setSelectedOption(propsSelectedOption);
+        setIsProceeded(true);
       }
     }, [propsSelectedOption]);
     const handleOptionClick = (key, e) => {
       e.preventDefault();
       e.stopPropagation();
-      if (isLatestMessage && !isLoading && !disabled) {
+      if (isLatestMessage && !isLoading && !disabled && !isProceeded) {
         setSelectedOption(key);
         onSelect?.(key);
       }
@@ -35392,8 +35456,9 @@ var MCQCard = import_react62.default.memo(
     const handleProceed = (e) => {
       e.preventDefault();
       e.stopPropagation();
-      if ((selectedOption || recommended) && !disabled) {
+      if ((selectedOption || recommended) && !disabled && !isProceeded) {
         const result = selectedOption || recommended || "";
+        setIsProceeded(true);
         onProceed?.(result);
         onAction?.({
           type: "mcq_selection",
@@ -35402,7 +35467,7 @@ var MCQCard = import_react62.default.memo(
         });
       }
     };
-    const isInteractionDisabled = disabled || !isLatestMessage;
+    const isInteractionDisabled = disabled || !isLatestMessage || isProceeded;
     return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)(
       "div",
       {