pxengine 0.1.152 → 0.1.154

package/dist/index.cjs

@@ -11196,7 +11196,30 @@ __export(molecules_exports, {
 var FENCE_TAG_ALIASES = {
   "google-sheets": "GoogleSheetsCard",
   "google-sheets-connect": "GoogleSheetsConnectCard",
-  "google-sheets-list": "GoogleSheetsListCard"
+  "google-sheets-list": "GoogleSheetsListCard",
+  // The creators widget is registered as "CreatorWidget" and its canonical
+  // fence tag is `creator-widget`. Agents (notably on smaller models like
+  // Haiku) frequently emit near-synonym tags — `creator-list`, `creators`,
+  // `creator-grid` — for the same widget. Without these aliases such a tag
+  // kebab→PascalCases to a non-existent component ("CreatorList"), so the
+  // block resolves to neither a built-in nor an organism and renders the
+  // "Couldn't load this widget" placeholder. Map the synonyms to the one
+  // real component so the creators widget renders regardless of the exact
+  // tag the model chose. (DEV-342)
+  "creator-list": "CreatorWidget",
+  "creators": "CreatorWidget",
+  "creator-grid": "CreatorWidget",
+  "creator_list": "CreatorWidget",
+  // Acronym-cased components: kebab→PascalCase title-cases each part
+  // independently ("mcq" → "Mcq", "mcq-card" → "McqCard"), which does not match
+  // the exported acronym name "MCQCard". The agent emits the `mcq` fence tag
+  // (see server global_enforcement rules), so without this alias the block
+  // fails to resolve and renders a "component not found" placeholder.
+  mcq: "MCQCard",
+  "mcq-card": "MCQCard",
+  "mcq_card": "MCQCard",
+  "kpi-stats-card": "KPIStatsCard",
+  "kpi-metric-card": "KPIMetricCard"
 };
 function resolveFenceTagComponent(tag) {
   if (FENCE_TAG_ALIASES[tag]) return FENCE_TAG_ALIASES[tag];
@@ -20668,9 +20691,20 @@ var KeywordBundlesDisplay = ({ value }) => {
   }) });
 };
 var DEFAULT_PLATFORMS = ["Instagram", "YouTube", "TikTok"];
+var normalizePlatformOptions = (options) => {
+  const raw = Array.isArray(options) ? options : typeof options === "string" && options.trim() !== "" ? options.split(",") : null;
+  if (!raw) return null;
+  const cleaned = Array.from(
+    new Set(
+      raw.map((o) => typeof o === "string" ? o.trim() : String(o?.label ?? o?.value ?? o ?? "").trim()).filter(Boolean)
+    )
+  );
+  return cleaned.length > 0 ? cleaned : null;
+};
 var PlatformSelectEdit = ({
   value,
-  onChange
+  onChange,
+  options
 }) => {
   const selectedPlatforms = (0, import_react85.useMemo)(() => {
     if (Array.isArray(value)) return value;
@@ -20691,10 +20725,10 @@ var PlatformSelectEdit = ({
       onChange([...selectedPlatforms, platform]);
     }
   };
-  const options = (0, import_react85.useMemo)(() => {
-    return DEFAULT_PLATFORMS;
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { className: "flex flex-wrap gap-4 py-2", children: options.map((platform) => /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
+  const resolvedOptions = (0, import_react85.useMemo)(() => {
+    return normalizePlatformOptions(options) ?? DEFAULT_PLATFORMS;
+  }, [options]);
+  return /* @__PURE__ */ (0, import_jsx_runtime157.jsx)("div", { className: "flex flex-wrap gap-4 py-2", children: resolvedOptions.map((platform) => /* @__PURE__ */ (0, import_jsx_runtime157.jsxs)(
     "label",
     {
       className: "flex items-center gap-2 cursor-pointer group",
@@ -20817,7 +20851,8 @@ function buildCampaignSeedFields(data) {
           PlatformSelectEdit,
           {
             value: v,
-            onChange
+            onChange,
+            options: data.platform_options || data.available_platforms || data.platforms_list || []
           }
         )
       };
@@ -20982,7 +21017,8 @@ function buildSearchSpecFields(data) {
           PlatformSelectEdit,
           {
             value: v,
-            onChange
+            onChange,
+            options: data.platform_options || data.available_platforms || data.platforms_list || []
           }
         )
       };
@@ -22325,7 +22361,14 @@ var CampaignConceptCard = import_react90.default.memo(
           return {
             ...field,
             renderDisplay: (v) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(PlatformSelectDisplay, { value: v }),
-            renderEdit: (v, onChange) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(PlatformSelectEdit, { value: v, onChange })
+            renderEdit: (v, onChange) => /* @__PURE__ */ (0, import_jsx_runtime172.jsx)(
+              PlatformSelectEdit,
+              {
+                value: v,
+                onChange,
+                options: data.platform_options || data.available_platforms || data.platforms_list || []
+              }
+            )
           };
         }
         if (field.key === "description" || field.key === "creator_strategy" || field.key === "creatorStrategy") {
@@ -27013,9 +27056,27 @@ var resolveComponent = (identifier) => {
   if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
     Comp = ui_exports[normalized] || ui_exports[identifier] || null;
   }
+  if (!Comp && !CONTEXT_DEPENDENT_COMPONENTS.has(normalized)) {
+    Comp = resolveByCaseInsensitiveName(normalized);
+  }
   COMPONENT_LOOKUP_CACHE.set(identifier, Comp);
   return Comp;
 };
+var CASE_INSENSITIVE_INDEX = null;
+var resolveByCaseInsensitiveName = (normalized) => {
+  if (!CASE_INSENSITIVE_INDEX) {
+    CASE_INSENSITIVE_INDEX = /* @__PURE__ */ new Map();
+    for (const source of [atoms_exports, molecules_exports]) {
+      for (const [exportName, comp] of Object.entries(source)) {
+        if (typeof comp === "function" || typeof comp === "object") {
+          CASE_INSENSITIVE_INDEX.set(exportName.toLowerCase(), comp);
+        }
+      }
+    }
+  }
+  const key = normalized.toLowerCase();
+  return CASE_INSENSITIVE_INDEX.get(key) || CASE_INSENSITIVE_INDEX.get(`${key}card`) || null;
+};
 var CONTEXT_DEPENDENT_COMPONENTS = /* @__PURE__ */ new Set([
   // Form components - require FormField + FormItem context
   "FormLabel",