pxengine 0.1.23 → 0.1.25

package/dist/index.d.cts

@@ -1766,9 +1766,13 @@ interface CampaignSeedCardProps extends Omit<FormCardProps, "fields"> {
      */
     isLatestMessage?: boolean;
     /**
-     * Optional field configuration to override dynamic generation
-     */
+    * Optional field configuration to override dynamic generation
+    */
     fields?: FieldConfig[];
+    /**
+     * Optional action handler
+     */
+    onAction?: (action: any) => void;
 }
 
 /**
@@ -1798,9 +1802,13 @@ interface SearchSpecCardProps extends Omit<FormCardProps, "fields"> {
      */
     fields?: FieldConfig[];
     /**
-     * Alias for data — the agent schema uses specData as the prop name
-     */
+    * Alias for data — the agent schema uses specData as the prop name
+    */
     specData?: Record<string, any>;
+    /**
+     * Optional action handler
+     */
+    onAction?: (action: any) => void;
 }
 
 /**
@@ -2007,6 +2015,10 @@ interface CampaignConceptCardProps extends Omit<FormCardProps, "fields" | "title
      * Whether this is the latest message
      */
     isLatestMessage?: boolean;
+    /**
+     * Optional action handler
+     */
+    onAction?: (action: any) => void;
 }
 
 /**

package/dist/index.d.ts

@@ -1766,9 +1766,13 @@ interface CampaignSeedCardProps extends Omit<FormCardProps, "fields"> {
      */
     isLatestMessage?: boolean;
     /**
-     * Optional field configuration to override dynamic generation
-     */
+    * Optional field configuration to override dynamic generation
+    */
     fields?: FieldConfig[];
+    /**
+     * Optional action handler
+     */
+    onAction?: (action: any) => void;
 }
 
 /**
@@ -1798,9 +1802,13 @@ interface SearchSpecCardProps extends Omit<FormCardProps, "fields"> {
      */
     fields?: FieldConfig[];
     /**
-     * Alias for data — the agent schema uses specData as the prop name
-     */
+    * Alias for data — the agent schema uses specData as the prop name
+    */
     specData?: Record<string, any>;
+    /**
+     * Optional action handler
+     */
+    onAction?: (action: any) => void;
 }
 
 /**
@@ -2007,6 +2015,10 @@ interface CampaignConceptCardProps extends Omit<FormCardProps, "fields" | "title
      * Whether this is the latest message
      */
     isLatestMessage?: boolean;
+    /**
+     * Optional action handler
+     */
+    onAction?: (action: any) => void;
 }
 
 /**

package/dist/index.mjs

@@ -33781,11 +33781,10 @@ var EditableField = React85.memo(
               "h4",
               {
                 className: "px-2 py-1 tracking-widest bg-background bg-purple200 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: [
+            !isEditingProp && /* @__PURE__ */ jsxs54("span", { className: "inline-flex items-center gap-1 text-[10px] font-medium text-green-500 dark:text-green-500", children: [
               "Suggested by an Agent",
               /* @__PURE__ */ jsx94(
                 Pencil,
@@ -33963,7 +33962,7 @@ var FormCard = React87.memo(
       "div",
       {
         className: cn(
-          "relative w-full rounded-[20px] bg-background dark:bg-gray100 border border-gray400 shadow-lg overflow-hidden mb-6",
+          "relative w-full rounded-[20px] bg-background dark:bg-gray100 border border-gray400 shadow-lg overflow-hidden mb-6 font-noto",
           className
         ),
         onMouseEnter: () => setShowCopyButton(true),
@@ -33983,7 +33982,6 @@ var FormCard = React87.memo(
               "h3",
               {
                 className: "text-gray900 mb-12",
-                style: { fontFamily: "Noto Sans, sans-serif" },
                 children: title
               }
             ),
@@ -35113,11 +35111,19 @@ var CampaignSeedCard = React90.memo(
     className,
     fields: providedFields,
     data,
+    onAction,
     ...formCardProps
   }) => {
     const fields = useMemo4(() => {
       return providedFields || buildCampaignSeedFields(data);
     }, [providedFields, data]);
+    const handleProceed = () => {
+      onAction?.({
+        type: "brief_confirmation",
+        value: "Continue to concepts",
+        data
+      });
+    };
     return /* @__PURE__ */ jsx107("div", { className: "flex flex-col gap-2", children: /* @__PURE__ */ jsx107(
       FormCard,
       {
@@ -35125,6 +35131,8 @@ var CampaignSeedCard = React90.memo(
         data,
         title: formCardProps.title || "Campaign Brief",
         fields,
+        proceedLabel: "Continue to concepts",
+        onProceed: handleProceed,
         showTimeline: true,
         className: cn("font-noto", className),
         footer: !isLatestMessage && selectionStatus ? /* @__PURE__ */ jsxs67("div", { className: "flex justify-end items-center gap-1.5 text-green-600 text-[10px] font-semibold py-4 pr-6", children: [
@@ -35206,12 +35214,20 @@ var SearchSpecCard = React91.memo(
     fields: providedFields,
     data,
     specData,
+    onAction,
     ...formCardProps
   }) => {
     const resolvedData = data || specData;
     const fields = useMemo5(() => {
       return providedFields || buildSearchSpecFields(resolvedData ?? {});
     }, [providedFields, resolvedData]);
+    const handleProceed = () => {
+      onAction?.({
+        type: "search_spec_confirmation",
+        value: "Continue with search",
+        data: resolvedData
+      });
+    };
     return /* @__PURE__ */ jsx108(
       FormCard,
       {
@@ -35219,6 +35235,8 @@ var SearchSpecCard = React91.memo(
         data: resolvedData ?? {},
         title: formCardProps.title || "Search Specification",
         fields,
+        proceedLabel: "Continue with search",
+        onProceed: handleProceed,
         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" }),
@@ -35936,10 +35954,11 @@ var CampaignConceptCard = React94.memo(
     onToggle,
     data,
     fields: providedFields,
-    title,
+    title: propsTitle,
     selectionStatus,
     isLatestMessage = true,
     className,
+    onAction,
     ...formCardProps
   }) => {
     const [internalIsOpen, setInternalIsOpen] = useState9(false);
@@ -35951,38 +35970,101 @@ var CampaignConceptCard = React94.memo(
         setInternalIsOpen(!internalIsOpen);
       }
     };
+    const cardTitle = propsTitle || data.title || data.name || data.concept_name || data.conceptName || "Campaign Concept";
+    const handleProceed = () => {
+      onAction?.({
+        type: "concept_selection",
+        value: typeof cardTitle === "string" ? cardTitle : JSON.stringify(cardTitle),
+        data
+      });
+    };
     const fields = useMemo7(() => {
       const baseFields = providedFields || generateFieldsFromData(data);
       return baseFields.map((field) => {
-        if (field.key === "budgetAllocation") {
+        if (field.key === "budgetAllocation" || field.key === "budget_allocation") {
           return {
             ...field,
+            label: "Budget Allocation",
             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-background bg-gray400 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-background bg-gray400 border border-white/10 px-2 py-0.5 rounded text-gray-300", children: item.value })
-              ] }, idx)) });
+              if (val && typeof val === "object" && !Array.isArray(val)) {
+                return /* @__PURE__ */ jsx121("div", { className: "flex flex-wrap gap-2 pt-1", children: Object.entries(val).map(([k, v]) => /* @__PURE__ */ jsxs80(
+                  "div",
+                  {
+                    className: "flex items-center gap-1.5 bg-background bg-gray400 border border-white/10 px-2 py-1 rounded shadow-sm",
+                    children: [
+                      /* @__PURE__ */ jsxs80("span", { className: "text-[10px] text-gray-400 font-bold uppercase tracking-tight", children: [
+                        k.replace(/_/g, " "),
+                        ":"
+                      ] }),
+                      /* @__PURE__ */ jsx121("span", { className: "text-xs text-white font-medium", children: String(v) })
+                    ]
+                  },
+                  k
+                )) });
+              }
+              if (Array.isArray(val)) {
+                return /* @__PURE__ */ jsx121("div", { className: "flex flex-wrap gap-2 pt-1", children: val.map((item, idx) => /* @__PURE__ */ jsxs80(
+                  "div",
+                  {
+                    className: "flex items-center gap-1.5 bg-background bg-gray400 border border-white/10 px-2 py-1 rounded shadow-sm",
+                    children: [
+                      item.label && /* @__PURE__ */ jsxs80("span", { className: "text-[10px] text-gray-400 font-bold uppercase tracking-tight", children: [
+                        item.label,
+                        ":"
+                      ] }),
+                      /* @__PURE__ */ jsx121("span", { className: "text-xs text-white font-medium", children: String(item.value || item) })
+                    ]
+                  },
+                  idx
+                )) });
+              }
+              return /* @__PURE__ */ jsx121("span", { className: "text-gray-300 text-sm", children: val ? String(val) : "-" });
             }
           };
         }
-        if (field.key === "estimatedCreators") {
+        if (field.key === "estimatedCreators" || field.key === "estimated_creators") {
           return {
             ...field,
+            label: "Estimated Creators",
             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-background bg-gray400 border border-white/10 px-2 py-0.5 rounded text-white text-xs font-medium", children: v }, idx)) });
+              if (Array.isArray(val)) {
+                return /* @__PURE__ */ jsx121("div", { className: "flex gap-2 pt-1", children: val.map((v, idx) => /* @__PURE__ */ jsx121(
+                  "div",
+                  {
+                    className: "bg-background bg-purple200 border border-purple100/20 px-2 py-0.5 rounded text-white text-xs font-medium",
+                    children: String(v)
+                  },
+                  idx
+                )) });
+              }
+              return /* @__PURE__ */ jsx121("span", { className: "text-white font-medium", children: val ? String(val) : "-" });
+            }
+          };
+        }
+        if (field.key === "platforms") {
+          return {
+            ...field,
+            renderDisplay: (val) => {
+              const platforms = Array.isArray(val) ? val : typeof val === "string" ? val.split(/,\s*/) : [val];
+              return /* @__PURE__ */ jsx121("div", { className: "flex flex-wrap gap-1.5 pt-1", children: platforms.map((p) => /* @__PURE__ */ jsx121(
+                "div",
+                {
+                  className: "px-2 py-0.5 rounded-full bg-blue-500/10 border border-blue-500/20 text-blue-400 text-[10px] font-bold uppercase",
+                  children: String(p)
+                },
+                String(p)
+              )) });
             }
           };
         }
         return {
           ...field,
-          renderDisplay: (val) => /* @__PURE__ */ jsx121("span", { className: "text-gray-300 text-sm", children: val })
+          renderDisplay: (val) => {
+            if (typeof val === "object" && val !== null) {
+              return /* @__PURE__ */ jsx121("div", { className: "text-gray-300 text-xs font-mono bg-black/20 p-2 rounded border border-white/5 mt-1 overflow-auto max-h-24", children: JSON.stringify(val, null, 2) });
+            }
+            return /* @__PURE__ */ jsx121("span", { className: "text-gray-300 text-sm", children: String(val) });
+          }
         };
       });
     }, [providedFields, data]);
@@ -36002,13 +36084,19 @@ var CampaignConceptCard = React94.memo(
               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 }),
+                  /* @__PURE__ */ jsx121("h3", { className: "text-lg font-semibold text-white tracking-wide", children: typeof cardTitle === "object" ? JSON.stringify(cardTitle) : String(cardTitle) }),
                   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(
+                  "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" })
+                  }
+                )
               ]
             }
           ),
@@ -36024,10 +36112,12 @@ var CampaignConceptCard = React94.memo(
                 FormCard,
                 {
                   ...formCardProps,
-                  title: title || data.title || "Campaign Concept",
+                  title: typeof cardTitle === "object" ? JSON.stringify(cardTitle) : String(cardTitle),
                   data,
                   fields,
                   showTimeline: true,
+                  proceedLabel: "Continue with this concept",
+                  onProceed: handleProceed,
                   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" }),