@active-reach/web-sdk 1.29.0 → 1.30.0

package/dist/index.js

@@ -311,12 +311,12 @@ const ICONS = {
 function escapeAttr(value) {
   return value.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
 }
-const SVG_NS = "http://www.w3.org/2000/svg";
+const SVG_NS$1 = "http://www.w3.org/2000/svg";
 function lucideSvgEl(name, opts = {}) {
   const node = ICONS[name];
   if (!node || typeof document === "undefined") return null;
   const size = opts.size ?? 24;
-  const svg = document.createElementNS(SVG_NS, "svg");
+  const svg = document.createElementNS(SVG_NS$1, "svg");
   svg.setAttribute("width", String(size));
   svg.setAttribute("height", String(size));
   svg.setAttribute("viewBox", "0 0 24 24");
@@ -333,7 +333,7 @@ function lucideSvgEl(name, opts = {}) {
     svg.setAttribute("aria-hidden", "true");
   }
   for (const [tag, attrs] of node) {
-    const child = document.createElementNS(SVG_NS, tag);
+    const child = document.createElementNS(SVG_NS$1, tag);
     for (const [k, v] of Object.entries(attrs)) child.setAttribute(k, String(v));
     svg.appendChild(child);
   }
@@ -525,6 +525,16 @@ function applyPerCardOverride(tpl, look) {
   if (look.hide_cta) drop("cta");
   if (look.hide_rating) drop("rating");
   if (look.cta_text) elements = elements.map((e) => e.type === "cta" ? { ...e, text: look.cta_text } : e);
+  if (look.cta_action || look.cta_url || look.cta_custom_name) {
+    elements = elements.map(
+      (e) => e.type === "cta" ? {
+        ...e,
+        ...look.cta_action ? { cta_action: look.cta_action } : {},
+        ...look.cta_url ? { cta_url: look.cta_url } : {},
+        ...look.cta_custom_name ? { cta_custom_name: look.cta_custom_name } : {}
+      } : e
+    );
+  }
   if (look.badge) {
     const badgeEl = { type: "badge", text: look.badge, color: look.badge_color };
     elements = elements.some((e) => e.type === "badge") ? elements.map((e) => e.type === "badge" ? badgeEl : e) : [elements[0], badgeEl, ...elements.slice(1)].filter(Boolean);
@@ -538,7 +548,7 @@ function priceText(card) {
   if (card.body && /\d/.test(card.body)) return card.body;
   return void 0;
 }
-function paintPrice(card, el, accent, ctx) {
+function paintPrice(card, el2, accent, ctx) {
   const price = priceText(card);
   if (price === void 0) return null;
   const meta = card.metadata || {};
@@ -547,10 +557,10 @@ function paintPrice(card, el, accent, ctx) {
   row.style.cssText = "display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;";
   const p = document.createElement("span");
   p.textContent = price;
-  if (el.variant === "plain") {
+  if (el2.variant === "plain") {
     p.style.cssText = `color:${accent};font-weight:700;font-size:13px;`;
   } else {
-    const pillBg = el.color ? ctx.sanitizeColor(el.color) : "#059669";
+    const pillBg = el2.color ? ctx.sanitizeColor(el2.color) : "#059669";
     p.style.cssText = `background:${pillBg};color:#fff;font-weight:800;font-size:12px;padding:2px 7px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,0.30);`;
   }
   row.appendChild(p);
@@ -602,14 +612,14 @@ function contrastFg(bg) {
   const lum = (0.299 * r + 0.587 * g + 0.114 * b) / 255;
   return lum < 0.5 ? "#ffffff" : "#1f2937";
 }
-function buildCountdownElement(el, fg, muted) {
-  const targetStr = typeof el.countdown_target === "string" ? el.countdown_target : "";
+function buildCountdownElement(el2, fg, muted) {
+  const targetStr = typeof el2.countdown_target === "string" ? el2.countdown_target : "";
   const target = targetStr ? Date.parse(targetStr) : NaN;
   if (!targetStr || isNaN(target)) return null;
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;margin:2px 0;";
   const label = document.createElement("span");
-  label.textContent = typeof el.countdown_label === "string" && el.countdown_label || "Ends in";
+  label.textContent = typeof el2.countdown_label === "string" && el2.countdown_label || "Ends in";
   label.style.cssText = `font-size:12px;color:${muted};`;
   const time = document.createElement("span");
   time.style.cssText = `font-size:15px;font-weight:700;color:${fg};letter-spacing:0.2px;`;
@@ -631,13 +641,13 @@ function buildCountdownElement(el, fg, muted) {
   timer = setInterval(tick, 1e3);
   return wrap;
 }
-function appendRatingThanks(wrap, el, ctx, fg, accent, isHigh) {
-  appendThanks(wrap, el, fg, "Thanks for rating us!");
-  const url = isHigh && typeof el.rating_high_url === "string" ? ctx.sanitizeUrl(el.rating_high_url) : "";
+function appendRatingThanks(wrap, el2, ctx, fg, accent, isHigh) {
+  appendThanks(wrap, el2, fg, "Thanks for rating us!");
+  const url = isHigh && typeof el2.rating_high_url === "string" ? ctx.sanitizeUrl(el2.rating_high_url) : "";
   if (url) {
     const cta = document.createElement("button");
     cta.type = "button";
-    cta.textContent = el.rating_high_cta || "Leave a review";
+    cta.textContent = el2.rating_high_cta || "Leave a review";
     cta.style.cssText = `margin:4px auto 0;display:block;padding:9px 18px;border:none;border-radius:999px;background:${accent};color:#fff;font-size:13px;font-weight:800;cursor:pointer;`;
     cta.addEventListener("click", () => {
       ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "rating_input", cta: "high_review" } });
@@ -647,10 +657,10 @@ function appendRatingThanks(wrap, el, ctx, fg, accent, isHigh) {
     wrap.appendChild(cta);
   }
 }
-function renderRatingFollowupStep(wrap, el, ctx, stars, fg, accent) {
+function renderRatingFollowupStep(wrap, el2, ctx, stars2, fg, accent) {
   while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
   const heading = document.createElement("div");
-  heading.textContent = el.rating_followup_prompt || "Sorry to hear that — what went wrong?";
+  heading.textContent = el2.rating_followup_prompt || "Sorry to hear that — what went wrong?";
   heading.style.cssText = `font-size:13px;font-weight:700;color:${fg};text-align:center;margin-bottom:8px;`;
   wrap.appendChild(heading);
   const ta = document.createElement("textarea");
@@ -664,9 +674,9 @@ function renderRatingFollowupStep(wrap, el, ctx, stars, fg, accent) {
     if (done) return;
     done = true;
     const comment = withComment ? ta.value.trim() : "";
-    void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "rating", comment ? { stars, comment } : { stars }));
+    void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "rating", comment ? { stars: stars2, comment } : { stars: stars2 }));
     (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, "acknowledge");
-    appendThanks(wrap, el, fg, "Thanks — we’ll do better.");
+    appendThanks(wrap, el2, fg, "Thanks — we’ll do better.");
   };
   const btnRow = document.createElement("div");
   btnRow.style.cssText = "display:flex;gap:8px;justify-content:center;";
@@ -685,23 +695,23 @@ function renderRatingFollowupStep(wrap, el, ctx, stars, fg, accent) {
   wrap.appendChild(btnRow);
   ta.focus();
 }
-function buildRatingInputElement(el, ctx, fg) {
+function buildRatingInputElement(el2, ctx, fg) {
   const accent = ctx.sanitizeColor(ctx.campaign.background_color || "#4169e1");
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;flex-direction:column;gap:6px;margin:2px 0;";
-  if (el.content) {
+  if (el2.content) {
     const q = document.createElement("div");
-    q.textContent = el.content;
+    q.textContent = el2.content;
     q.style.cssText = `font-size:13px;font-weight:600;color:${fg};`;
     wrap.appendChild(q);
   }
-  const scale = typeof el.rating_scale === "number" && el.rating_scale >= 2 && el.rating_scale <= 10 ? Math.floor(el.rating_scale) : 5;
+  const scale = typeof el2.rating_scale === "number" && el2.rating_scale >= 2 && el2.rating_scale <= 10 ? Math.floor(el2.rating_scale) : 5;
   const row = document.createElement("div");
   row.style.cssText = "display:flex;gap:6px;";
-  const stars = [];
+  const stars2 = [];
   let submitted = false;
   const paint = (upto) => {
-    stars.forEach((s, idx) => {
+    stars2.forEach((s, idx) => {
       const on = idx < upto;
       s.setAttribute("stroke", on ? "#f59e0b" : "#d1d5db");
       s.setAttribute("fill", on ? "#f59e0b" : "none");
@@ -715,7 +725,7 @@ function buildRatingInputElement(el, ctx, fg) {
     const svg = lucideSvgEl("star", { size: 26, color: "#d1d5db" });
     if (svg) {
       btn.appendChild(svg);
-      stars.push(svg);
+      stars2.push(svg);
     }
     btn.addEventListener("mouseenter", () => {
       if (!submitted) paint(i);
@@ -729,13 +739,13 @@ function buildRatingInputElement(el, ctx, fg) {
       submitted = true;
       paint(i);
       ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "rating_input", stars: i } });
-      const lowThreshold = typeof el.rating_followup_threshold === "number" ? el.rating_followup_threshold : Math.ceil(scale * 0.8);
-      if (el.rating_followup_enabled === true && i <= lowThreshold) {
-        renderRatingFollowupStep(wrap, el, ctx, i, fg, accent);
+      const lowThreshold = typeof el2.rating_followup_threshold === "number" ? el2.rating_followup_threshold : Math.ceil(scale * 0.8);
+      if (el2.rating_followup_enabled === true && i <= lowThreshold) {
+        renderRatingFollowupStep(wrap, el2, ctx, i, fg, accent);
       } else {
         void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "rating", { stars: i }));
         (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, i >= Math.ceil(scale * 0.6) ? "affirm" : "acknowledge");
-        appendRatingThanks(wrap, el, ctx, fg, accent, i >= Math.ceil(scale * 0.6));
+        appendRatingThanks(wrap, el2, ctx, fg, accent, i >= Math.ceil(scale * 0.6));
       }
     });
     row.appendChild(btn);
@@ -743,8 +753,8 @@ function buildRatingInputElement(el, ctx, fg) {
   wrap.appendChild(row);
   return wrap;
 }
-function appendThanks(wrap, el, fg, fallback) {
-  const msg = typeof el.thanks_text === "string" && el.thanks_text.trim() ? el.thanks_text : fallback;
+function appendThanks(wrap, el2, fg, fallback) {
+  const msg = typeof el2.thanks_text === "string" && el2.thanks_text.trim() ? el2.thanks_text : fallback;
   if (!msg) return;
   const note = document.createElement("div");
   note.textContent = msg;
@@ -752,14 +762,14 @@ function appendThanks(wrap, el, fg, fallback) {
   note.style.cssText = `font-size:12px;font-weight:600;color:${fg};opacity:0.85;margin-top:4px;`;
   wrap.appendChild(note);
 }
-function buildPollElement(el, ctx, fg, accent) {
-  const opts = Array.isArray(el.poll_options) ? el.poll_options.filter((o) => typeof o === "string" && o.trim().length > 0) : [];
+function buildPollElement(el2, ctx, fg, accent) {
+  const opts = Array.isArray(el2.poll_options) ? el2.poll_options.filter((o) => typeof o === "string" && o.trim().length > 0) : [];
   if (opts.length < 2) return null;
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;flex-direction:column;gap:6px;margin:2px 0;";
-  if (el.content) {
+  if (el2.content) {
     const q = document.createElement("div");
-    q.textContent = el.content;
+    q.textContent = el2.content;
     q.style.cssText = `font-size:13px;font-weight:600;color:${fg};`;
     wrap.appendChild(q);
   }
@@ -789,24 +799,24 @@ function buildPollElement(el, ctx, fg, accent) {
       ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "poll", option_index: idx, option_label: label } });
       void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "poll", { option_index: idx, option_label: label }));
       (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, "affirm");
-      appendThanks(wrap, el, fg, "Thanks for your answer!");
+      appendThanks(wrap, el2, fg, "Thanks for your answer!");
     });
     wrap.appendChild(btn);
   });
   return wrap;
 }
-function appendNpsThanks(wrap, el, ctx, fg, accent, isPromoter) {
+function appendNpsThanks(wrap, el2, ctx, fg, accent, isPromoter) {
   while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
   const note = document.createElement("div");
   note.setAttribute("role", "status");
-  note.textContent = (typeof el.thanks_text === "string" && el.thanks_text.trim() ? el.thanks_text : "") || (isPromoter ? "Thank you! We’d love a public review." : "Thanks — your feedback helps us improve.");
+  note.textContent = (typeof el2.thanks_text === "string" && el2.thanks_text.trim() ? el2.thanks_text : "") || (isPromoter ? "Thank you! We’d love a public review." : "Thanks — your feedback helps us improve.");
   note.style.cssText = `font-size:13px;font-weight:700;color:${fg};text-align:center;margin:6px 0;`;
   wrap.appendChild(note);
-  const url = isPromoter && typeof el.nps_promoter_url === "string" ? ctx.sanitizeUrl(el.nps_promoter_url) : "";
+  const url = isPromoter && typeof el2.nps_promoter_url === "string" ? ctx.sanitizeUrl(el2.nps_promoter_url) : "";
   if (url) {
     const cta = document.createElement("button");
     cta.type = "button";
-    cta.textContent = el.nps_promoter_cta || "Leave a review";
+    cta.textContent = el2.nps_promoter_cta || "Leave a review";
     cta.style.cssText = `margin:4px auto 0;display:block;padding:9px 18px;border:none;border-radius:999px;background:${accent};color:#fff;font-size:13px;font-weight:800;cursor:pointer;`;
     cta.addEventListener("click", () => {
       ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "nps", cta: "promoter_review" } });
@@ -816,30 +826,30 @@ function appendNpsThanks(wrap, el, ctx, fg, accent, isPromoter) {
     wrap.appendChild(cta);
   }
 }
-function renderNpsReasonStep(wrap, el, ctx, score, fg, accent) {
-  const promoterThreshold = typeof el.nps_promoter_threshold === "number" ? el.nps_promoter_threshold : 9;
+function renderNpsReasonStep(wrap, el2, ctx, score, fg, accent) {
+  const promoterThreshold = typeof el2.nps_promoter_threshold === "number" ? el2.nps_promoter_threshold : 9;
   const band = npsBandFromScore(score);
-  const prompt = score >= promoterThreshold ? el.nps_follow_up_promoter || "What do you love most about us?" : score <= 6 ? el.nps_follow_up_detractor || "How can we improve?" : el.nps_follow_up_passive || "What would make us a 10?";
+  const prompt = score >= promoterThreshold ? el2.nps_follow_up_promoter || "What do you love most about us?" : score <= 6 ? el2.nps_follow_up_detractor || "How can we improve?" : el2.nps_follow_up_passive || "What would make us a 10?";
   while (wrap.firstChild) wrap.removeChild(wrap.firstChild);
   const heading = document.createElement("div");
   heading.textContent = prompt;
   heading.style.cssText = `font-size:13px;font-weight:700;color:${fg};text-align:center;margin-bottom:8px;`;
   wrap.appendChild(heading);
   const ta = document.createElement("textarea");
-  const chips = Array.isArray(el.nps_reason_chips) ? el.nps_reason_chips : [];
+  const chips = Array.isArray(el2.nps_reason_chips) ? el2.nps_reason_chips : [];
   if (chips.length) {
     const chipRow = document.createElement("div");
     chipRow.style.cssText = "display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:8px;";
     chips.slice(0, 8).forEach((c) => {
-      const chip = document.createElement("button");
-      chip.type = "button";
-      chip.textContent = c;
-      chip.style.cssText = `padding:5px 11px;border-radius:999px;border:1px solid color-mix(in srgb, ${accent} 35%, transparent);background:transparent;color:${fg};font-size:12px;cursor:pointer;`;
-      chip.addEventListener("click", () => {
+      const chip2 = document.createElement("button");
+      chip2.type = "button";
+      chip2.textContent = c;
+      chip2.style.cssText = `padding:5px 11px;border-radius:999px;border:1px solid color-mix(in srgb, ${accent} 35%, transparent);background:transparent;color:${fg};font-size:12px;cursor:pointer;`;
+      chip2.addEventListener("click", () => {
         ta.value = ta.value ? `${ta.value}, ${c}` : c;
         ta.focus();
       });
-      chipRow.appendChild(chip);
+      chipRow.appendChild(chip2);
     });
     wrap.appendChild(chipRow);
   }
@@ -855,7 +865,7 @@ function renderNpsReasonStep(wrap, el, ctx, score, fg, accent) {
     const comment = withComment ? ta.value.trim() : "";
     void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "nps", comment ? { score, band, comment } : { score, band }));
     (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, score >= promoterThreshold ? "affirm" : score <= 6 ? "empathize" : "acknowledge");
-    appendNpsThanks(wrap, el, ctx, fg, accent, score >= promoterThreshold);
+    appendNpsThanks(wrap, el2, ctx, fg, accent, score >= promoterThreshold);
   };
   const btnRow = document.createElement("div");
   btnRow.style.cssText = "display:flex;gap:8px;justify-content:center;";
@@ -874,12 +884,12 @@ function renderNpsReasonStep(wrap, el, ctx, score, fg, accent) {
   wrap.appendChild(btnRow);
   ta.focus();
 }
-function buildNpsElement(el, ctx, fg, accent, muted) {
+function buildNpsElement(el2, ctx, fg, accent, muted) {
   const wrap = document.createElement("div");
   wrap.style.cssText = "display:flex;flex-direction:column;gap:6px;margin:2px 0;";
-  if (el.content) {
+  if (el2.content) {
     const q = document.createElement("div");
-    q.textContent = el.content;
+    q.textContent = el2.content;
     q.style.cssText = `font-size:13px;font-weight:600;color:${fg};`;
     wrap.appendChild(q);
   }
@@ -911,12 +921,12 @@ function buildNpsElement(el, ctx, fg, accent, muted) {
       btn.style.opacity = "1";
       const npsPayload = { score: n, band: npsBandFromScore(n) };
       ctx.trackEvent(ctx.campaign.id, "clicked", { meta: { element: "nps", score: n, band: npsPayload.band } });
-      if (el.nps_followup_enabled === true) {
-        renderNpsReasonStep(wrap, el, ctx, n, fg, accent);
+      if (el2.nps_followup_enabled === true) {
+        renderNpsReasonStep(wrap, el2, ctx, n, fg, accent);
       } else {
         void ((_a = ctx.submitResponse) == null ? void 0 : _a.call(ctx, "nps", { ...npsPayload }));
         (_b = ctx.playReaction) == null ? void 0 : _b.call(ctx, wrap, n >= 9 ? "affirm" : n >= 7 ? "acknowledge" : "empathize");
-        appendThanks(wrap, el, fg, "Thanks for your feedback!");
+        appendThanks(wrap, el2, fg, "Thanks for your feedback!");
       }
     });
     row.appendChild(btn);
@@ -933,22 +943,22 @@ function buildNpsElement(el, ctx, fg, accent, muted) {
   wrap.appendChild(scale);
   return wrap;
 }
-function buildProgressElement(el, ctx, accent, muted) {
+function buildProgressElement(el2, ctx, accent, muted) {
   const { trackEvent, campaign, sanitizeColor } = ctx;
-  const goal = el.goal_type || "cart_total";
+  const goal = el2.goal_type || "cart_total";
   const moneyGoal = goal === "cart_total";
-  const fill = el.fill ? sanitizeColor(el.fill) : accent;
+  const fill = el2.fill ? sanitizeColor(el2.fill) : accent;
   const props = () => ctx.properties && ctx.properties() || {};
   const sym = () => {
     var _a;
-    if (el.currency_symbol) return el.currency_symbol;
+    if (el2.currency_symbol) return el2.currency_symbol;
     const code = ctx.getCartState && ((_a = ctx.getCartState()) == null ? void 0 : _a.currency);
     const M = { INR: "₹", USD: "$", EUR: "€", GBP: "£" };
     return code && M[code] || "";
   };
   const threshold = () => {
-    if (typeof el.threshold === "number" && el.threshold > 0) return el.threshold;
-    if (el.threshold_source === "free_delivery_setting") {
+    if (typeof el2.threshold === "number" && el2.threshold > 0) return el2.threshold;
+    if (el2.threshold_source === "free_delivery_setting") {
       const v = Number(props()["cart.free_delivery_above"]);
       if (v > 0) return v;
     }
@@ -989,9 +999,9 @@ function buildProgressElement(el, ctx, accent, muted) {
       goalType: goal,
       threshold: th,
       current: cur,
-      rewardText: el.reward_text,
+      rewardText: el2.reward_text,
       currencySymbol: moneyGoal ? sym() : "",
-      showPct: el.show_pct
+      showPct: el2.show_pct
     });
     sub.textContent = labeled.text;
     if (complete) {
@@ -1000,8 +1010,8 @@ function buildProgressElement(el, ctx, accent, muted) {
       if (!firedUnlock) {
         firedUnlock = true;
         if (seenIncomplete) {
-          trackEvent(campaign.id, "clicked", { stepId: el.id || "unlocked" });
-          if (el.celebrate_on_complete !== false) (_a = ctx.playReaction) == null ? void 0 : _a.call(ctx, wrap, "celebrate");
+          trackEvent(campaign.id, "clicked", { stepId: el2.id || "unlocked" });
+          if (el2.celebrate_on_complete !== false) (_a = ctx.playReaction) == null ? void 0 : _a.call(ctx, wrap, "celebrate");
         }
       }
     } else {
@@ -1019,6 +1029,40 @@ function buildProgressElement(el, ctx, accent, muted) {
   }
   return wrap;
 }
+function buildCtaAction(el2, card, meta, inline, sanitizeUrl) {
+  const kind = el2.cta_action ?? (inline ? "add_to_cart" : "navigate");
+  const safe = (u) => u ? sanitizeUrl(u) || void 0 : void 0;
+  const url = safe(el2.cta_url || card.cta_url);
+  const productId = meta.product_id;
+  const sku = meta.sku;
+  const platformProductId = meta.platform_product_id;
+  const platformUrl = safe(meta.platform_url);
+  switch (kind) {
+    case "open_cart":
+      return { type: "open_cart" };
+    case "open_login":
+      return { type: "open_login" };
+    case "open_product":
+      return { type: "open_product", productId, sku, url: platformUrl || url, platformProductId, platformUrl };
+    case "navigate":
+      return { type: "navigate", url: url || "" };
+    case "custom":
+      return { type: "custom", name: el2.cta_custom_name || "cta", payload: { ...meta, url } };
+    case "add_to_cart":
+    default:
+      return {
+        type: "add_to_cart",
+        productId,
+        sku,
+        platformProductId,
+        title: card.title,
+        price: meta.price ?? card.body,
+        imageUrl: card.image_url,
+        url: platformUrl || url,
+        qty: 1
+      };
+  }
+}
 function renderCardFromTemplate(card, opts) {
   const { ctx, action, layout, layoutAccent } = opts;
   const inline = action === "cart";
@@ -1038,7 +1082,7 @@ function renderCardFromTemplate(card, opts) {
   const fLayout = frame.layout;
   const dir = fLayout === "row" ? "row" : "column";
   const tileGap = frame.gap != null ? frame.gap : 6;
-  const sizing = fLayout ? frame.width != null ? `width:${typeof frame.width === "number" ? `${frame.width}px` : frame.width};` : "flex:1 1 auto; width:100%;" : layout === "grid" ? "" : "flex:0 0 150px; scroll-snap-align:start;";
+  const sizing = fLayout ? frame.width != null ? `width:${typeof frame.width === "number" ? `${frame.width}px` : frame.width};` : "flex:1 1 auto; width:100%;" : layout === "grid" || layout === "list" ? "" : "flex:0 0 150px; scroll-snap-align:start;";
   tile.style.cssText = `
     box-sizing:border-box; display:flex; flex-direction:${dir}; ${fLayout === "row" ? "align-items:center;" : ""} gap:${tileGap}px; position:relative;
     color:${fg};
@@ -1055,11 +1099,11 @@ function renderCardFromTemplate(card, opts) {
   const elements = tpl.elements && tpl.elements.length ? tpl.elements : DEFAULT_CARD_TEMPLATE.elements;
   let imageWrap = null;
   const paintInto = (container, els) => {
-    for (const el of els) {
-      switch (el.type) {
+    for (const el2 of els) {
+      switch (el2.type) {
         case "image": {
           const wrap = document.createElement("div");
-          wrap.style.cssText = `position:relative;width:100%;aspect-ratio:${ASPECT$2[el.aspect || "1/1"] || "1 / 1"};border-radius:${el.radius ?? 10}px;overflow:hidden;background:#f7f8fa;`;
+          wrap.style.cssText = `position:relative;width:100%;aspect-ratio:${ASPECT$2[el2.aspect || "1/1"] || "1 / 1"};border-radius:${el2.radius ?? 10}px;overflow:hidden;background:#f7f8fa;`;
           const safeVideo = card.video_url ? sanitizeUrl(card.video_url) : "";
           if (safeVideo) {
             const v = document.createElement("video");
@@ -1087,17 +1131,17 @@ function renderCardFromTemplate(card, opts) {
           break;
         }
         case "badge": {
-          const text = el.text;
+          const text = el2.text;
           if (!text) break;
           const badge = document.createElement("span");
           badge.textContent = text;
-          const bg = el.color ? sanitizeColor(el.color) : brand;
+          const bg = el2.color ? sanitizeColor(el2.color) : brand;
           badge.style.cssText = `position:absolute;top:6px;left:6px;z-index:1;background:${bg};color:#fff;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:0.03em;padding:3px 6px;border-radius:5px;`;
           (imageWrap || container).appendChild(badge);
           break;
         }
         case "price": {
-          const node = paintPrice(card, el, accent, ctx);
+          const node = paintPrice(card, el2, accent, ctx);
           if (node) container.appendChild(node);
           break;
         }
@@ -1105,8 +1149,8 @@ function renderCardFromTemplate(card, opts) {
           if (!card.title) break;
           const t = document.createElement("div");
           t.textContent = card.title;
-          const lines = el.lines && el.lines > 0 ? el.lines : 2;
-          t.style.cssText = `font-size:12.5px;font-weight:600;line-height:1.3;text-align:${el.align ?? "left"};color:${el.color ? sanitizeColor(el.color) : fg};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
+          const lines = el2.lines && el2.lines > 0 ? el2.lines : 2;
+          t.style.cssText = `font-size:12.5px;font-weight:600;line-height:1.3;text-align:${el2.align ?? "left"};color:${el2.color ? sanitizeColor(el2.color) : fg};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
           container.appendChild(t);
           break;
         }
@@ -1114,8 +1158,8 @@ function renderCardFromTemplate(card, opts) {
           if (!card.body) break;
           const s = document.createElement("div");
           s.textContent = card.body;
-          const lines = el.lines && el.lines > 0 ? el.lines : 2;
-          s.style.cssText = `font-size:11px;color:${el.color ? sanitizeColor(el.color) : muted};line-height:1.3;text-align:${el.align ?? "left"};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
+          const lines = el2.lines && el2.lines > 0 ? el2.lines : 2;
+          s.style.cssText = `font-size:11px;color:${el2.color ? sanitizeColor(el2.color) : muted};line-height:1.3;text-align:${el2.align ?? "left"};display:-webkit-box;-webkit-line-clamp:${lines};-webkit-box-orient:vertical;overflow:hidden;`;
           container.appendChild(s);
           break;
         }
@@ -1127,25 +1171,25 @@ function renderCardFromTemplate(card, opts) {
         case "category": {
           const cat = meta.category;
           if (typeof cat !== "string" || !cat) break;
-          const chip = document.createElement("span");
-          chip.textContent = cat;
-          chip.style.cssText = "align-self:flex-start;background:#f3f4f6;color:#6b7280;font-size:10px;font-weight:500;padding:2px 7px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;";
-          container.appendChild(chip);
+          const chip2 = document.createElement("span");
+          chip2.textContent = cat;
+          chip2.style.cssText = "align-self:flex-start;background:#f3f4f6;color:#6b7280;font-size:10px;font-weight:500;padding:2px 7px;border-radius:6px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;";
+          container.appendChild(chip2);
           break;
         }
         // ── rich-card-editor elements (P0) ──────────────────────────────────
         case "icon": {
-          const px = ICON_PX[el.size || "md"] || 30;
+          const px = ICON_PX[el2.size || "md"] || 30;
           const node = document.createElement("div");
-          const iconColor = el.color ? sanitizeColor(el.color) : fg;
-          if (el.bubble) {
-            const bubbleTint = el.color ? sanitizeColor(el.color) : brand;
+          const iconColor = el2.color ? sanitizeColor(el2.color) : fg;
+          if (el2.bubble) {
+            const bubbleTint = el2.color ? sanitizeColor(el2.color) : brand;
             node.style.cssText = `flex:0 0 auto;width:${px}px;height:${px}px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb, ${bubbleTint} 16%, transparent);`;
           } else {
             node.style.cssText = "flex:0 0 auto;display:flex;align-items:center;";
           }
-          const svg = lucideSvgEl(el.icon_name || "circle-check", {
-            size: el.bubble ? Math.round(px * 0.55) : Math.round(px * 0.7),
+          const svg = lucideSvgEl(el2.icon_name || "circle-check", {
+            size: el2.bubble ? Math.round(px * 0.55) : Math.round(px * 0.7),
             color: iconColor,
             strokeWidth: 2
           });
@@ -1155,99 +1199,64 @@ function renderCardFromTemplate(card, opts) {
         }
         case "text": {
           const t = document.createElement("div");
-          const fs = TEXT_PX[el.size || "md"] || 13;
-          t.style.cssText = `font-size:${fs}px;font-weight:${WEIGHT[el.weight ?? "medium"]};text-align:${el.align ?? "left"};color:${el.color ? sanitizeColor(el.color) : fg};line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;`;
-          t.textContent = interpolateTokens(el.content ?? "", ctx);
+          const fs = TEXT_PX[el2.size || "md"] || 13;
+          t.style.cssText = `font-size:${fs}px;font-weight:${WEIGHT[el2.weight ?? "medium"]};text-align:${el2.align ?? "left"};color:${el2.color ? sanitizeColor(el2.color) : fg};line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;`;
+          t.textContent = interpolateTokens(el2.content ?? "", ctx);
           container.appendChild(t);
           break;
         }
         case "spacer": {
           const sp = document.createElement("div");
-          sp.style.height = `${el.height ?? 8}px`;
+          sp.style.height = `${el2.height ?? 8}px`;
           container.appendChild(sp);
           break;
         }
         case "progress": {
-          container.appendChild(buildProgressElement(el, ctx, brand, muted));
+          container.appendChild(buildProgressElement(el2, ctx, brand, muted));
           break;
         }
         case "countdown": {
-          const cd = buildCountdownElement(el, fg, muted);
+          const cd = buildCountdownElement(el2, fg, muted);
           if (cd) container.appendChild(cd);
           break;
         }
         case "rating_input": {
-          container.appendChild(buildRatingInputElement(el, ctx, fg));
+          container.appendChild(buildRatingInputElement(el2, ctx, fg));
           break;
         }
         case "poll": {
-          const p = buildPollElement(el, ctx, fg, brand);
+          const p = buildPollElement(el2, ctx, fg, brand);
           if (p) container.appendChild(p);
           break;
         }
         case "nps": {
-          container.appendChild(buildNpsElement(el, ctx, fg, brand, muted));
+          container.appendChild(buildNpsElement(el2, ctx, fg, brand, muted));
           break;
         }
         case "group": {
           const g = document.createElement("div");
-          const gdir = el.layout === "row" ? "row" : "column";
-          g.style.cssText = `display:flex;flex-direction:${gdir};${el.layout === "row" ? "align-items:center;" : ""}gap:${el.gap ?? 4}px;min-width:0;${el.layout === "row" ? "" : "flex:1 1 auto;"}`;
-          paintInto(g, el.elements || []);
+          const gdir = el2.layout === "row" ? "row" : "column";
+          g.style.cssText = `display:flex;flex-direction:${gdir};${el2.layout === "row" ? "align-items:center;" : ""}gap:${el2.gap ?? 4}px;min-width:0;${el2.layout === "row" ? "" : "flex:1 1 auto;"}`;
+          paintInto(g, el2.elements || []);
           container.appendChild(g);
           break;
         }
         case "cta": {
-          const label = el.text || card.cta_text || (inline ? "Add" : "Shop");
+          const label = el2.text || card.cta_text || (inline ? "Add" : "Shop");
           const cta = document.createElement("button");
           cta.className = "aegis-cta";
           cta.textContent = label;
-          const overlayOnImage = !!el.overlay && !!imageWrap;
+          const overlayOnImage = !!el2.overlay && !!imageWrap;
           if (overlayOnImage) {
-            cta.style.cssText = el.variant === "outline" ? `position:absolute;right:6px;bottom:6px;background:#fff;color:${brand};border:1px solid ${brand};border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);` : `position:absolute;right:6px;bottom:6px;background:${brand};color:#fff;border:none;border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);`;
+            cta.style.cssText = el2.variant === "outline" ? `position:absolute;right:6px;bottom:6px;background:#fff;color:${brand};border:1px solid ${brand};border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);` : `position:absolute;right:6px;bottom:6px;background:${brand};color:#fff;border:none;border-radius:9px;padding:5px 18px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:0.04em;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,0.14);`;
           } else {
-            cta.style.cssText = el.variant === "outline" ? `margin-top:${fLayout === "row" ? "0" : "auto"};background:transparent;color:${brand};border:1px solid ${brand};border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;` : `margin-top:${fLayout === "row" ? "0" : "auto"};background:${brand};color:#fff;border:none;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;`;
+            cta.style.cssText = el2.variant === "outline" ? `margin-top:${fLayout === "row" ? "0" : "auto"};background:transparent;color:${brand};border:1px solid ${brand};border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;` : `margin-top:${fLayout === "row" ? "0" : "auto"};background:${brand};color:#fff;border:none;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;`;
           }
           cta.addEventListener("click", (e) => {
+            var _a;
             e.stopPropagation();
-            trackEvent(campaign.id, "clicked", { stepId: el.id || "add" });
-            if (inline) {
-              const m2 = meta;
-              if (ctx.dispatchAction) {
-                ctx.dispatchAction({
-                  type: "add_to_cart",
-                  productId: m2.product_id,
-                  sku: m2.sku,
-                  // Platform-native id (catalog-sync C.2) — plugins use this for a
-                  // native add; undefined today → graceful product-search fallback.
-                  platformProductId: m2.platform_product_id,
-                  title: card.title,
-                  price: m2.price ?? card.body,
-                  imageUrl: card.image_url,
-                  url: m2.platform_url || card.cta_url,
-                  qty: 1
-                });
-              } else if (typeof window !== "undefined") {
-                window.dispatchEvent(
-                  new CustomEvent("aegis:add-to-cart", {
-                    detail: {
-                      campaign_id: campaign.id,
-                      product_id: m2.product_id,
-                      sku: m2.sku,
-                      title: card.title,
-                      price: m2.price ?? card.body,
-                      image_url: card.image_url,
-                      cta_url: card.cta_url
-                    }
-                  })
-                );
-              }
-              return;
-            }
-            if (card.cta_url) {
-              const safe = sanitizeUrl(card.cta_url);
-              if (safe) ctx.navigate ? ctx.navigate(safe) : window.location.href = safe;
-            }
+            trackEvent(campaign.id, "clicked", { stepId: el2.id || "add" });
+            (_a = ctx.dispatchAction) == null ? void 0 : _a.call(ctx, buildCtaAction(el2, card, meta, inline, sanitizeUrl));
           });
           (overlayOnImage ? imageWrap : container).appendChild(cta);
           break;
@@ -1257,37 +1266,20 @@ function renderCardFromTemplate(card, opts) {
   };
   paintInto(tile, elements);
   const open = (e) => {
+    var _a;
     e.stopPropagation();
     trackEvent(campaign.id, "clicked");
-    if (inline) {
-      const bm = meta;
-      if (ctx.dispatchAction) {
-        ctx.dispatchAction({
-          type: "open_product",
-          productId: bm.product_id,
-          sku: bm.sku,
-          url: bm.platform_url || card.cta_url,
-          platformProductId: bm.platform_product_id,
-          platformUrl: bm.platform_url
-        });
-      } else if (typeof window !== "undefined") {
-        window.dispatchEvent(
-          new CustomEvent("aegis:open-product", {
-            detail: {
-              campaign_id: campaign.id,
-              product_id: bm.product_id,
-              sku: bm.sku,
-              cta_url: card.cta_url
-            }
-          })
-        );
-      }
-      return;
-    }
-    if (card.cta_url) {
-      const safe = sanitizeUrl(card.cta_url);
-      if (safe) ctx.navigate ? ctx.navigate(safe) : window.location.href = safe;
-    }
+    const bm = meta;
+    const safe = (u) => u ? sanitizeUrl(u) || void 0 : void 0;
+    const act = inline ? {
+      type: "open_product",
+      productId: bm.product_id,
+      sku: bm.sku,
+      url: safe(bm.platform_url) || safe(card.cta_url),
+      platformProductId: bm.platform_product_id,
+      platformUrl: safe(bm.platform_url)
+    } : { type: "navigate", url: safe(card.cta_url) || "" };
+    (_a = ctx.dispatchAction) == null ? void 0 : _a.call(ctx, act);
   };
   if (inline || card.cta_url) tile.addEventListener("click", open);
   if (frame.celebrate_on_show === true && ctx.playReaction) {
@@ -1320,6 +1312,7 @@ function renderCarouselCards(ctx) {
   }
   const autoplay = Number(ic.autoplay_ms) || 0;
   const loop = ic.loop !== false;
+  const layout = ic.rec_layout || "row";
   addAnimationStyles();
   ensureInAppFont();
   const bg = "#ffffff";
@@ -1367,20 +1360,26 @@ function renderCarouselCards(ctx) {
   header.appendChild(closeBtn);
   card.appendChild(header);
   const track = document.createElement("div");
-  track.style.cssText = `
-    display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity;
-    scroll-padding-left: 0; scrollbar-width: none; -ms-overflow-style: none;
-    /* room so overflow-x: auto doesn't clip the card drop-shadow */
-    padding: 8px 6px 16px; margin: -8px -6px -6px; -webkit-overflow-scrolling: touch;
-  `;
-  track.style.msOverflowStyle = "none";
+  if (layout === "grid") {
+    track.style.cssText = "display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; padding: 4px 2px;";
+  } else if (layout === "list") {
+    track.style.cssText = "display: flex; flex-direction: column; gap: 10px; padding: 4px 2px;";
+  } else {
+    track.style.cssText = `
+      display: flex; gap: 10px; overflow-x: auto; scroll-snap-type: x proximity;
+      scroll-padding-left: 0; scrollbar-width: none; -ms-overflow-style: none;
+      /* room so overflow-x: auto doesn't clip the card drop-shadow */
+      padding: 8px 6px 16px; margin: -8px -6px -6px; -webkit-overflow-scrolling: touch;
+    `;
+    track.style.msOverflowStyle = "none";
+  }
   const template = resolveGlobalTemplate(ic);
   cards.forEach((c, i) => {
     const tile = renderCardFromTemplate(c, {
       template,
       ctx,
       action: "navigate",
-      layout: "row",
+      layout,
       layoutAccent: accent
     });
     tile.setAttribute("data-card-index", String(i));
@@ -1390,6 +1389,12 @@ function renderCarouselCards(ctx) {
     track.appendChild(tile);
   });
   card.appendChild(track);
+  if (layout !== "row") {
+    cards.forEach((_, i) => trackEvent(campaign.id, "impression", { stepId: `card_${i}` }));
+    overlay.appendChild(card);
+    document.body.appendChild(overlay);
+    return;
+  }
   const dots = document.createElement("div");
   dots.style.cssText = "display: flex; justify-content: center; gap: 6px; margin-top: 10px;";
   const dotEls = [];
@@ -1419,9 +1424,9 @@ function renderCarouselCards(ctx) {
   const tiles = track.querySelectorAll("[data-card-index]");
   const goto = (idx) => {
     activeIdx = (idx % cards.length + cards.length) % cards.length;
-    const el = tiles[activeIdx];
-    if (el) {
-      const delta = el.getBoundingClientRect().left - track.getBoundingClientRect().left;
+    const el2 = tiles[activeIdx];
+    if (el2) {
+      const delta = el2.getBoundingClientRect().left - track.getBoundingClientRect().left;
       track.scrollTo({ left: track.scrollLeft + delta, behavior: "smooth" });
       setActive(activeIdx);
     }
@@ -2038,6 +2043,10 @@ function renderProductRecommendation(ctx) {
       display: flex; gap: 10px; overflow-x: auto;
       scroll-snap-type: x mandatory; padding: 14px 2px 18px;
     `;
+  } else if (layout === "list") {
+    grid.style.cssText = `
+      display: flex; flex-direction: column; gap: 10px; padding: 14px 2px 6px;
+    `;
   } else {
     grid.style.cssText = `
       display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
@@ -2094,9 +2103,11 @@ function renderProductRecommendationInline(ctx, target) {
     section.appendChild(body);
   }
   const grid = document.createElement("div");
-  const isRow = layout !== "grid";
+  const isRow = layout === "row" || layout !== "grid" && layout !== "list";
   if (layout === "grid") {
     grid.style.cssText = "display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;";
+  } else if (layout === "list") {
+    grid.style.cssText = "display: flex; flex-direction: column; gap: 10px;";
   } else {
     grid.style.cssText = `
       display: flex; gap: 10px; overflow-x: auto;
@@ -2639,10 +2650,10 @@ function brandAccent(ctx) {
 function injectGameStyles() {
   if (typeof document === "undefined" || document.getElementById("aegis-game-styles")) return;
   if (typeof window !== "undefined" && window.matchMedia && window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
-  const el = document.createElement("style");
-  el.id = "aegis-game-styles";
-  el.textContent = "@keyframes aegisBoxRattle{0%,100%{transform:scale(1) rotate(0)}20%{transform:scale(1.05) rotate(-4deg)}40%{transform:scale(1.05) rotate(4deg)}60%{transform:scale(1.06) rotate(-3deg)}80%{transform:scale(1.06) rotate(3deg)}}@keyframes aegisStampIn{0%{transform:scale(2.4) rotate(-20deg);opacity:0}55%{transform:scale(0.82) rotate(7deg);opacity:1}100%{transform:scale(1) rotate(-6deg);opacity:1}}@keyframes aegisBadgePop{0%{transform:scale(0) rotate(-12deg);opacity:0}70%{transform:scale(1.18) rotate(4deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}";
-  document.head.appendChild(el);
+  const el2 = document.createElement("style");
+  el2.id = "aegis-game-styles";
+  el2.textContent = "@keyframes aegisBoxRattle{0%,100%{transform:scale(1) rotate(0)}20%{transform:scale(1.05) rotate(-4deg)}40%{transform:scale(1.05) rotate(4deg)}60%{transform:scale(1.06) rotate(-3deg)}80%{transform:scale(1.06) rotate(3deg)}}@keyframes aegisStampIn{0%{transform:scale(2.4) rotate(-20deg);opacity:0}55%{transform:scale(0.82) rotate(7deg);opacity:1}100%{transform:scale(1) rotate(-6deg);opacity:1}}@keyframes aegisBadgePop{0%{transform:scale(0) rotate(-12deg);opacity:0}70%{transform:scale(1.18) rotate(4deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}";
+  document.head.appendChild(el2);
 }
 function openGameModal(ctx, className, maxWidth = 360) {
   const { campaign, trackEvent, addAnimationStyles } = ctx;
@@ -2737,10 +2748,10 @@ function renderStreak(ctx) {
   s.content.appendChild(gEl("div", "font-size:22px;font-weight:800;margin:4px 0 2px", `${count}-day streak!`));
   const chips = gEl("div", "display:flex;justify-content:center;gap:8px;margin:12px 0");
   for (let i = 0; i < 7; i++) {
-    const chip = gEl("div", "display:inline-flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;opacity:0.8");
-    chip.appendChild(gEl("span", "", days[i]));
-    chip.appendChild(gEl("span", "font-size:16px", i < count % 7 || count >= 7 && i < 7 ? "✅" : i === count % 7 ? "🔥" : "⚪"));
-    chips.appendChild(chip);
+    const chip2 = gEl("div", "display:inline-flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;opacity:0.8");
+    chip2.appendChild(gEl("span", "", days[i]));
+    chip2.appendChild(gEl("span", "font-size:16px", i < count % 7 || count >= 7 && i < 7 ? "✅" : i === count % 7 ? "🔥" : "⚪"));
+    chips.appendChild(chip2);
   }
   s.content.appendChild(chips);
   const note = gEl("div", "font-size:13px;opacity:0.8");
@@ -4105,15 +4116,15 @@ class AegisChat {
     row.className = "aegis-chat-quickreplies";
     for (const label of this.quickReplies) {
       if (typeof label !== "string" || !label.trim()) continue;
-      const chip = document.createElement("button");
-      chip.type = "button";
-      chip.className = "aegis-chat-chip";
-      chip.textContent = label;
-      chip.addEventListener("click", () => {
+      const chip2 = document.createElement("button");
+      chip2.type = "button";
+      chip2.className = "aegis-chat-chip";
+      chip2.textContent = label;
+      chip2.addEventListener("click", () => {
         row.remove();
         void this.send(label);
       });
-      row.appendChild(chip);
+      row.appendChild(chip2);
     }
     if (row.childElementCount > 0) this.thread.appendChild(row);
   }
@@ -4150,8 +4161,8 @@ class AegisChat {
     }
     if (msg.interactive && Array.isArray(msg.interactive)) {
       for (const inter of msg.interactive) {
-        const el = this.renderInteractive(inter);
-        if (el) row.appendChild(el);
+        const el2 = this.renderInteractive(inter);
+        if (el2) row.appendChild(el2);
       }
     }
     this.thread.appendChild(row);
@@ -5015,6 +5026,408 @@ function disposeActiveWebChat() {
   activeInstance == null ? void 0 : activeInstance.destroy();
   activeInstance = null;
 }
+const SVG_NS = "http://www.w3.org/2000/svg";
+function el(tag, css, text) {
+  const e = document.createElement(tag);
+  if (css) e.style.cssText = css;
+  if (text != null) e.textContent = text;
+  return e;
+}
+function stars(rating, size = 14) {
+  const wrap = el("span", "display:inline-flex;gap:1px;vertical-align:middle;");
+  wrap.setAttribute("aria-label", `${rating} out of 5`);
+  for (let i = 1; i <= 5; i++) {
+    const svg = document.createElementNS(SVG_NS, "svg");
+    svg.setAttribute("viewBox", "0 0 24 24");
+    svg.setAttribute("width", String(size));
+    svg.setAttribute("height", String(size));
+    const path = document.createElementNS(SVG_NS, "path");
+    path.setAttribute(
+      "d",
+      "M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01L12 2z"
+    );
+    path.setAttribute("fill", i <= rating ? "#f59e0b" : "#e2e8f0");
+    svg.appendChild(path);
+    wrap.appendChild(svg);
+  }
+  return wrap;
+}
+function chip(text, kind) {
+  const palette = kind === "verified" ? "background:#ecfdf5;color:#047857;" : "background:#fffbeb;color:#b45309;";
+  return el(
+    "span",
+    `display:inline-flex;align-items:center;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;${palette}`,
+    text
+  );
+}
+function sparkles() {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", "15");
+  svg.setAttribute("height", "15");
+  const p = document.createElementNS(SVG_NS, "path");
+  p.setAttribute("d", "M12 3l1.6 4.4L18 9l-4.4 1.6L12 15l-1.6-4.4L6 9l4.4-1.6L12 3z");
+  p.setAttribute("fill", "#7c3aed");
+  svg.appendChild(p);
+  return svg;
+}
+function miniStar() {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", "11");
+  svg.setAttribute("height", "11");
+  const p = document.createElementNS(SVG_NS, "path");
+  p.setAttribute(
+    "d",
+    "M12 2l2.9 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l7.1-1.01L12 2z"
+  );
+  p.setAttribute("fill", "#f59e0b");
+  svg.appendChild(p);
+  return svg;
+}
+function distributionRows(dist, total) {
+  const box = el("div", "display:flex;flex-direction:column;gap:3px;margin:10px 0 4px;");
+  for (let r = 5; r >= 1; r--) {
+    const n = dist[String(r)] ?? 0;
+    const pct = total > 0 ? Math.round(n / total * 100) : 0;
+    const row = el("div", "display:flex;align-items:center;gap:8px;font-size:12px;color:#64748b;");
+    const label = el("span", "width:26px;display:inline-flex;align-items:center;gap:2px;color:#334155;", String(r));
+    label.appendChild(miniStar());
+    row.appendChild(label);
+    const track = el("div", "flex:1;height:6px;background:#f1f5f9;border-radius:999px;overflow:hidden;");
+    track.appendChild(el("div", `width:${pct}%;height:100%;background:#f59e0b;`));
+    row.appendChild(track);
+    row.appendChild(el("span", "width:28px;text-align:right;", String(n)));
+    box.appendChild(row);
+  }
+  return box;
+}
+function injectJsonLd(target, data, productId) {
+  if (!data.aggregate.count || data.aggregate.avg_rating == null) return;
+  const ld = {
+    "@context": "https://schema.org",
+    "@type": "Product",
+    ...productId ? { sku: productId } : {},
+    aggregateRating: {
+      "@type": "AggregateRating",
+      ratingValue: data.aggregate.avg_rating,
+      reviewCount: data.aggregate.count
+    },
+    review: data.items.slice(0, 10).map((r) => {
+      var _a;
+      return {
+        "@type": "Review",
+        reviewRating: { "@type": "Rating", ratingValue: r.rating ?? 0 },
+        author: { "@type": "Person", name: ((_a = r.reviewer_snapshot) == null ? void 0 : _a.name) ?? "Customer" },
+        ...r.review_text ? { reviewBody: r.review_text } : {}
+      };
+    })
+  };
+  const script = document.createElement("script");
+  script.type = "application/ld+json";
+  script.textContent = JSON.stringify(ld);
+  target.appendChild(script);
+}
+function thumbSvg(up) {
+  const svg = document.createElementNS(SVG_NS, "svg");
+  svg.setAttribute("viewBox", "0 0 24 24");
+  svg.setAttribute("width", "14");
+  svg.setAttribute("height", "14");
+  if (!up) svg.style.cssText = "transform:rotate(180deg);";
+  const p = document.createElementNS(SVG_NS, "path");
+  p.setAttribute(
+    "d",
+    "M2 21h4V9H2v12zM23 10a2 2 0 0 0-2-2h-6.31l.95-4.57.03-.32a1.5 1.5 0 0 0-.44-1.06L14.17 1 7.59 7.59A2 2 0 0 0 7 9v10a2 2 0 0 0 2 2h9a2 2 0 0 0 1.84-1.22l3.02-7.05c.09-.23.14-.47.14-.73v-1z"
+  );
+  p.setAttribute("fill", "currentColor");
+  svg.appendChild(p);
+  return svg;
+}
+function helpfulButton(reviewId, up, count, creds) {
+  const btn = el(
+    "button",
+    "display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#64748b;background:none;border:none;cursor:pointer;padding:2px 4px;"
+  );
+  btn.appendChild(thumbSvg(up));
+  const countEl = el("span", "", String(count));
+  btn.appendChild(countEl);
+  const voteKey = `aegis_rv_voted_${reviewId}`;
+  const already = (() => {
+    try {
+      return typeof localStorage !== "undefined" && localStorage.getItem(voteKey) != null;
+    } catch {
+      return false;
+    }
+  })();
+  if (already) btn.style.opacity = "0.5";
+  btn.addEventListener("click", () => {
+    try {
+      if (localStorage.getItem(voteKey) != null) return;
+      localStorage.setItem(voteKey, up ? "up" : "down");
+    } catch {
+    }
+    countEl.textContent = String(count + 1);
+    btn.style.opacity = "0.5";
+    const url = new URL(`/v1/reviews/${reviewId}/helpful`, creds.apiHost);
+    void fetch(url.toString(), {
+      method: "POST",
+      headers: { "X-Aegis-Write-Key": creds.writeKey, "Content-Type": "application/json" },
+      body: JSON.stringify({ direction: up ? "up" : "down" })
+    }).catch(() => {
+    });
+  });
+  return btn;
+}
+function reviewCard(ctx, r, creds) {
+  var _a, _b;
+  const li = el("li", "padding:14px 0;border-top:1px solid #e2e8f0;");
+  const meta = el("div", "display:flex;flex-wrap:wrap;align-items:center;gap:8px;");
+  meta.appendChild(stars(r.rating ?? 0));
+  meta.appendChild(el("span", "font-size:14px;font-weight:600;", ((_a = r.reviewer_snapshot) == null ? void 0 : _a.name) ?? "Customer"));
+  if (r.verified_purchase) meta.appendChild(chip("Verified purchase", "verified"));
+  if (r.is_incentivized) meta.appendChild(chip("Reward included", "reward"));
+  if (r.created_at) {
+    const d = new Date(r.created_at);
+    if (!Number.isNaN(d.getTime())) {
+      meta.appendChild(el("span", "margin-left:auto;font-size:12px;color:#94a3b8;", d.toLocaleDateString()));
+    }
+  }
+  li.appendChild(meta);
+  if (r.review_text) {
+    li.appendChild(el("p", "margin:6px 0 0;font-size:14px;line-height:1.5;color:#334155;", r.review_text));
+  }
+  if (r.media && r.media.length > 0) {
+    const gallery = el("div", "display:flex;gap:6px;margin-top:8px;");
+    for (const m2 of r.media.slice(0, 6)) {
+      const safe = ctx.sanitizeUrl(m2.url);
+      if (!safe) continue;
+      const img = document.createElement("img");
+      img.src = safe;
+      img.loading = "lazy";
+      img.alt = "";
+      img.style.cssText = "width:56px;height:56px;object-fit:cover;border-radius:8px;";
+      gallery.appendChild(img);
+    }
+    if (gallery.childElementCount) li.appendChild(gallery);
+  }
+  if ((_b = r.operator_reply) == null ? void 0 : _b.text) {
+    const reply = el(
+      "div",
+      "margin-top:8px;padding:8px 10px;background:#f8fafc;border-radius:8px;font-size:13px;color:#475569;"
+    );
+    reply.appendChild(el("span", "font-weight:600;margin-right:6px;", "Reply"));
+    reply.appendChild(el("span", "", r.operator_reply.text));
+    li.appendChild(reply);
+  }
+  const votes = el("div", "display:flex;align-items:center;gap:10px;margin-top:8px;");
+  votes.appendChild(el("span", "font-size:12px;color:#94a3b8;", "Helpful?"));
+  votes.appendChild(helpfulButton(r.id, true, r.helpful_count ?? 0, creds));
+  votes.appendChild(helpfulButton(r.id, false, r.not_helpful_count ?? 0, creds));
+  li.appendChild(votes);
+  return li;
+}
+const SORTS = [
+  { key: "recent", label: "Most recent" },
+  { key: "helpful", label: "Most helpful" },
+  { key: "rating", label: "Highest rated" }
+];
+function renderReviewsInline(ctx, target, creds) {
+  var _a;
+  if (typeof document === "undefined" || !(creds == null ? void 0 : creds.apiHost) || !(creds == null ? void 0 : creds.writeKey)) return false;
+  const productId = target.getAttribute("data-product-id") || ctx.campaign.product_id || null;
+  const state = { sort: "recent", withPhotos: false };
+  target.innerHTML = "";
+  target.appendChild(el("div", "font-size:13px;color:#94a3b8;padding:8px 0;", "Loading reviews…"));
+  function buildUrl() {
+    const url = new URL("/v1/reviews/public", creds.apiHost);
+    if (productId) url.searchParams.set("product_id", productId);
+    url.searchParams.set("sort", state.sort);
+    if (state.withPhotos) url.searchParams.set("with_photos", "true");
+    url.searchParams.set("limit", "20");
+    return url.toString();
+  }
+  function fetchReviews() {
+    return fetch(buildUrl(), { method: "GET", headers: { "X-Aegis-Write-Key": creds.writeKey } }).then((r) => r.ok ? r.json() : null).catch(() => null);
+  }
+  let listContainer = null;
+  function renderList(items) {
+    if (!listContainer) return;
+    listContainer.innerHTML = "";
+    if (items.length === 0) {
+      listContainer.appendChild(el("p", "padding:14px 0;font-size:13px;color:#94a3b8;", "No reviews match this filter."));
+      return;
+    }
+    const ul = el("ul", "list-style:none;margin:0;padding:0;");
+    for (const r of items) ul.appendChild(reviewCard(ctx, r, creds));
+    listContainer.appendChild(ul);
+  }
+  function controls(onChange) {
+    const bar = el("div", "display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0;");
+    const sel = document.createElement("select");
+    sel.style.cssText = "font-size:13px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#334155;";
+    for (const s of SORTS) {
+      const opt = document.createElement("option");
+      opt.value = s.key;
+      opt.textContent = s.label;
+      sel.appendChild(opt);
+    }
+    sel.value = state.sort;
+    sel.addEventListener("change", () => {
+      state.sort = sel.value;
+      onChange();
+    });
+    bar.appendChild(sel);
+    const photos = el(
+      "button",
+      "font-size:13px;padding:4px 12px;border:1px solid #e2e8f0;border-radius:999px;background:#fff;color:#334155;cursor:pointer;",
+      "With photos"
+    );
+    photos.addEventListener("click", () => {
+      state.withPhotos = !state.withPhotos;
+      photos.style.cssText = "font-size:13px;padding:4px 12px;border-radius:999px;cursor:pointer;" + (state.withPhotos ? "background:#4169e1;color:#fff;border:1px solid #4169e1;" : "background:#fff;color:#334155;border:1px solid #e2e8f0;");
+      onChange();
+    });
+    bar.appendChild(photos);
+    return bar;
+  }
+  function renderWall(data) {
+    target.innerHTML = "";
+    const root = el(
+      "section",
+      "font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a;max-width:760px;"
+    );
+    root.setAttribute("data-aegis-reviews", "true");
+    const summary = data.aggregate.ai_summary;
+    if (summary && summary.text) {
+      const card = el(
+        "div",
+        "border:1px solid #ede9fe;background:#faf5ff;border-radius:12px;padding:12px 14px;margin-bottom:14px;"
+      );
+      const h = el("div", "display:flex;align-items:center;gap:6px;margin-bottom:6px;");
+      h.appendChild(sparkles());
+      h.appendChild(el("span", "font-size:12px;font-weight:700;color:#7c3aed;text-transform:uppercase;letter-spacing:.04em;", "AI summary"));
+      card.appendChild(h);
+      card.appendChild(el("p", "margin:0;font-size:14px;line-height:1.5;color:#334155;", summary.text));
+      card.appendChild(
+        el("p", "margin:6px 0 0;font-size:11px;color:#a78bda;text-align:right;", `summarized from ${summary.review_count} reviews`)
+      );
+      root.appendChild(card);
+    }
+    const head = el("div", "display:flex;align-items:center;gap:8px;");
+    const avg = data.aggregate.avg_rating ?? 0;
+    head.appendChild(stars(Math.round(avg), 18));
+    head.appendChild(el("span", "font-size:20px;font-weight:700;", avg ? avg.toFixed(1) : "—"));
+    head.appendChild(
+      el("span", "font-size:13px;color:#64748b;", `${data.aggregate.count} review${data.aggregate.count === 1 ? "" : "s"}`)
+    );
+    root.appendChild(head);
+    if (data.aggregate.count === 0) {
+      root.appendChild(el("p", "margin-top:8px;font-size:14px;color:#94a3b8;", "No reviews yet."));
+      target.appendChild(root);
+      return;
+    }
+    root.appendChild(distributionRows(data.aggregate.distribution, data.aggregate.count));
+    root.appendChild(
+      controls(() => {
+        void fetchReviews().then((d) => renderList((d == null ? void 0 : d.items) ?? []));
+      })
+    );
+    listContainer = el("div");
+    root.appendChild(listContainer);
+    renderList(data.items);
+    target.appendChild(root);
+    injectJsonLd(target, data, productId);
+    ctx.trackEvent(ctx.campaign.id, "impression");
+  }
+  const displayStyle = (_a = ctx.campaign.interactive_config) == null ? void 0 : _a["display_style"];
+  const compact = displayStyle === "compact";
+  function renderCompact(data) {
+    var _a2;
+    target.innerHTML = "";
+    if (data.aggregate.count === 0) return;
+    const root = el(
+      "section",
+      "font-family:Inter,system-ui,-apple-system,sans-serif;color:#0f172a;max-width:760px;border:1px solid #e2e8f0;border-radius:12px;padding:12px 14px;"
+    );
+    const line = el("div", "display:flex;align-items:center;gap:8px;");
+    const avg = data.aggregate.avg_rating ?? 0;
+    line.appendChild(stars(Math.round(avg), 16));
+    line.appendChild(el("span", "font-size:15px;font-weight:700;", avg ? avg.toFixed(1) : "—"));
+    line.appendChild(el("span", "font-size:13px;color:#64748b;", `(${data.aggregate.count})`));
+    line.appendChild(chip("Verified reviews", "verified"));
+    root.appendChild(line);
+    const top = data.items.find((i) => i.review_text);
+    if (top && top.review_text) {
+      const q = el("p", "margin:8px 0 0;font-size:14px;color:#334155;", `“${top.review_text}”`);
+      root.appendChild(q);
+      root.appendChild(
+        el("span", "font-size:12px;color:#94a3b8;", `— ${((_a2 = top.reviewer_snapshot) == null ? void 0 : _a2.name) ?? "Customer"}`)
+      );
+    }
+    const seeAll = el(
+      "button",
+      "margin-top:10px;font-size:13px;font-weight:600;color:#4169e1;background:none;border:none;cursor:pointer;padding:0;",
+      "See all reviews"
+    );
+    seeAll.addEventListener("click", () => renderWall(data));
+    root.appendChild(seeAll);
+    target.appendChild(root);
+    ctx.trackEvent(ctx.campaign.id, "impression");
+  }
+  void fetchReviews().then((data) => {
+    if (!data || !Array.isArray(data.items)) {
+      target.innerHTML = "";
+      return;
+    }
+    if (compact) renderCompact(data);
+    else renderWall(data);
+  });
+  return true;
+}
+function renderReviewsOverlay(ctx, creds) {
+  if (typeof document === "undefined" || !(creds == null ? void 0 : creds.apiHost) || !(creds == null ? void 0 : creds.writeKey)) return;
+  const overlay = document.createElement("div");
+  overlay.setAttribute("data-campaign-id", ctx.campaign.id);
+  overlay.style.cssText = "position:fixed;inset:0;background:rgba(15,23,42,0.55);display:flex;align-items:flex-end;justify-content:center;z-index:99999;";
+  const sheet = document.createElement("div");
+  sheet.style.cssText = "background:#fff;color:#0f172a;max-width:620px;width:100%;max-height:82vh;overflow-y:auto;border-radius:20px 20px 0 0;padding:16px 16px 24px;font-family:Inter,system-ui,-apple-system,sans-serif;box-shadow:0 -12px 30px rgba(0,0,0,0.12);";
+  const handle = el("div", "width:36px;height:4px;border-radius:999px;background:#e2e8f0;margin:0 auto 12px;");
+  sheet.appendChild(handle);
+  const bar = el("div", "display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;");
+  bar.appendChild(el("div", "font-weight:700;font-size:16px;", ctx.campaign.title || "Customer reviews"));
+  const close = el("button", "background:none;border:none;cursor:pointer;padding:4px 8px;color:#64748b;");
+  const xsvg = document.createElementNS(SVG_NS, "svg");
+  xsvg.setAttribute("viewBox", "0 0 24 24");
+  xsvg.setAttribute("width", "18");
+  xsvg.setAttribute("height", "18");
+  const xp = document.createElementNS(SVG_NS, "path");
+  xp.setAttribute("d", "M18 6L6 18M6 6l12 12");
+  xp.setAttribute("stroke", "currentColor");
+  xp.setAttribute("stroke-width", "2");
+  xp.setAttribute("stroke-linecap", "round");
+  xsvg.appendChild(xp);
+  close.appendChild(xsvg);
+  close.setAttribute("aria-label", "Close");
+  close.addEventListener("click", () => {
+    ctx.trackEvent(ctx.campaign.id, "dismissed");
+    overlay.remove();
+  });
+  bar.appendChild(close);
+  sheet.appendChild(bar);
+  const body = el("div");
+  const pid = ctx.campaign.product_id;
+  if (pid) body.setAttribute("data-product-id", pid);
+  sheet.appendChild(body);
+  overlay.appendChild(sheet);
+  overlay.addEventListener("click", (e) => {
+    if (e.target === overlay) {
+      ctx.trackEvent(ctx.campaign.id, "dismissed");
+      overlay.remove();
+    }
+  });
+  document.body.appendChild(overlay);
+  renderReviewsInline(ctx, body, creds);
+}
 function readAnonIdFromStorage$1() {
   if (typeof document === "undefined") return void 0;
   try {
@@ -5642,8 +6055,8 @@ const _AegisInAppManager = class _AegisInAppManager {
         m2.addedNodes.forEach((n) => {
           var _a, _b;
           if (sawSlot || n.nodeType !== 1) return;
-          const el = n;
-          if (((_a = el.matches) == null ? void 0 : _a.call(el, "[data-aegis-slot]")) || ((_b = el.querySelector) == null ? void 0 : _b.call(el, "[data-aegis-slot]"))) {
+          const el2 = n;
+          if (((_a = el2.matches) == null ? void 0 : _a.call(el2, "[data-aegis-slot]")) || ((_b = el2.querySelector) == null ? void 0 : _b.call(el2, "[data-aegis-slot]"))) {
             sawSlot = true;
           }
         });
@@ -5850,13 +6263,13 @@ const _AegisInAppManager = class _AegisInAppManager {
       const anchor = ic == null ? void 0 : ic.anchor;
       const selector = anchor == null ? void 0 : anchor.element_selector;
       if (!selector) continue;
-      let el = null;
+      let el2 = null;
       try {
-        el = document.querySelector(selector);
+        el2 = document.querySelector(selector);
       } catch {
-        el = null;
+        el2 = null;
       }
-      if (!el) {
+      if (!el2) {
         void this.trackEvent(c.id, "anchor_unresolved", {
           meta: { anchor_resolved: false, anchor_selector: selector, widget_type: c.sub_type }
         });
@@ -5867,9 +6280,9 @@ const _AegisInAppManager = class _AegisInAppManager {
       if (position === "before" || position === "after") {
         target = document.createElement("div");
         target.setAttribute("data-aegis-anchor-wrapper", c.id);
-        (_a = el.parentNode) == null ? void 0 : _a.insertBefore(target, position === "before" ? el : el.nextSibling);
+        (_a = el2.parentNode) == null ? void 0 : _a.insertBefore(target, position === "before" ? el2 : el2.nextSibling);
       } else {
-        target = el;
+        target = el2;
         if (position === "replace") {
           target.querySelectorAll(":scope > [data-aegis-slot-default]").forEach((d) => d.remove());
         }
@@ -6026,6 +6439,12 @@ const _AegisInAppManager = class _AegisInAppManager {
         case "product_recommendation":
           rendered = renderProductRecommendationInline(this.buildRenderContext(campaign), target);
           break;
+        case "reviews":
+          rendered = renderReviewsInline(this.buildRenderContext(campaign), target, {
+            apiHost: this.apiHost,
+            writeKey: this.writeKey
+          });
+          break;
         case "quiz":
           rendered = this.renderQuizSlot(campaign, ic, bg, text, target);
           if (!rendered) {
@@ -6258,10 +6677,10 @@ const _AegisInAppManager = class _AegisInAppManager {
       cbody.appendChild(b);
     }
     if (couponCode) {
-      const chip = document.createElement("span");
-      chip.style.cssText = `align-self: flex-start; border: 1px dashed ${text}66; border-radius: 6px; padding: 2px 8px; font-family: monospace; font-size: 11px; letter-spacing: 0.04em;`;
-      chip.textContent = couponCode;
-      cbody.appendChild(chip);
+      const chip2 = document.createElement("span");
+      chip2.style.cssText = `align-self: flex-start; border: 1px dashed ${text}66; border-radius: 6px; padding: 2px 8px; font-family: monospace; font-size: 11px; letter-spacing: 0.04em;`;
+      chip2.textContent = couponCode;
+      cbody.appendChild(chip2);
     }
     if (buttonText) {
       const btn = document.createElement("button");
@@ -6844,19 +7263,19 @@ const _AegisInAppManager = class _AegisInAppManager {
       ov.appendChild(eyebrow);
       ov.appendChild(big);
       if (r.code) {
-        const chip = document.createElement("button");
-        chip.type = "button";
-        chip.textContent = `${r.code}  ⧉`;
-        chip.style.cssText = `margin-top: 4px; padding: 9px 16px; border-radius: 999px; border: 1.5px dashed ${text}66; background: transparent; color: ${text}; font-weight: 800; font-size: 14px; letter-spacing: 1px; cursor: pointer;`;
-        chip.addEventListener("click", () => {
+        const chip2 = document.createElement("button");
+        chip2.type = "button";
+        chip2.textContent = `${r.code}  ⧉`;
+        chip2.style.cssText = `margin-top: 4px; padding: 9px 16px; border-radius: 999px; border: 1.5px dashed ${text}66; background: transparent; color: ${text}; font-weight: 800; font-size: 14px; letter-spacing: 1px; cursor: pointer;`;
+        chip2.addEventListener("click", () => {
           var _a;
           try {
             void ((_a = navigator.clipboard) == null ? void 0 : _a.writeText(r.code));
-            chip.textContent = "Copied";
+            chip2.textContent = "Copied";
           } catch {
           }
         });
-        ov.appendChild(chip);
+        ov.appendChild(chip2);
       } else if (r.kind === "freebie") {
         const hint = document.createElement("div");
         hint.textContent = "🎟️ Show this screen to claim";
@@ -6890,20 +7309,20 @@ const _AegisInAppManager = class _AegisInAppManager {
         result.textContent = "";
         const tag = document.createElement("span");
         tag.textContent = `${r.label} — `;
-        const chip = document.createElement("button");
-        chip.type = "button";
-        chip.textContent = `${r.code} ⧉`;
-        chip.style.cssText = `padding: 2px 8px; border-radius: 999px; border: 1.5px dashed ${text}66; background: transparent; color: ${text}; font-weight: 800; font-size: 12px; letter-spacing: 0.5px; cursor: pointer;`;
-        chip.addEventListener("click", () => {
+        const chip2 = document.createElement("button");
+        chip2.type = "button";
+        chip2.textContent = `${r.code} ⧉`;
+        chip2.style.cssText = `padding: 2px 8px; border-radius: 999px; border: 1.5px dashed ${text}66; background: transparent; color: ${text}; font-weight: 800; font-size: 12px; letter-spacing: 0.5px; cursor: pointer;`;
+        chip2.addEventListener("click", () => {
           var _a;
           try {
             void ((_a = navigator.clipboard) == null ? void 0 : _a.writeText(r.code));
-            chip.textContent = "Copied";
+            chip2.textContent = "Copied";
           } catch {
           }
         });
         result.appendChild(tag);
-        result.appendChild(chip);
+        result.appendChild(chip2);
       } else result.textContent = r.label || "Thanks for playing!";
       retireCta();
     };
@@ -7078,17 +7497,27 @@ const _AegisInAppManager = class _AegisInAppManager {
       h.textContent = campaign.title;
       card.appendChild(h);
     }
+    const layout = ic.rec_layout || "row";
     const strip = document.createElement("div");
-    strip.style.cssText = `display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; padding: ${st.padY ?? 12}px ${st.padX ?? 12}px;`;
+    const pad = `${st.padY ?? 12}px ${st.padX ?? 12}px`;
+    if (layout === "grid") {
+      strip.style.cssText = `display: grid; grid-template-columns: repeat(2, 1fr); gap: 8px; padding: ${pad};`;
+    } else if (layout === "list") {
+      strip.style.cssText = `display: flex; flex-direction: column; gap: 8px; padding: ${pad};`;
+    } else {
+      strip.style.cssText = `display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: ${pad};`;
+    }
     const template = resolveGlobalTemplate(ic);
     const ctx = this.buildRenderContext(campaign);
     const accent = this.sanitizeColor(campaign.background_color || text);
     cards.forEach((c, i) => {
+      const meta = c.metadata || {};
+      const linked = !!(meta.product_id || meta.sku);
       const tile = renderCardFromTemplate(c, {
         template,
         ctx,
-        action: "navigate",
-        layout: "row",
+        action: linked ? "cart" : "navigate",
+        layout,
         layoutAccent: accent
       });
       tile.setAttribute("data-card-index", String(i));
@@ -7096,6 +7525,43 @@ const _AegisInAppManager = class _AegisInAppManager {
     });
     card.appendChild(strip);
     target.appendChild(card);
+    const autoplayMs = Number(ic.autoplay_ms) || 0;
+    if (layout === "row" && autoplayMs > 0 && cards.length > 1) {
+      const loop = ic.loop !== false;
+      const interval = Math.max(autoplayMs, 600);
+      let idx = 0;
+      let timer = null;
+      const stop = () => {
+        if (timer) {
+          clearInterval(timer);
+          timer = null;
+        }
+      };
+      timer = setInterval(() => {
+        if (!document.body.contains(strip)) {
+          stop();
+          return;
+        }
+        if (strip.scrollWidth <= strip.clientWidth + 4) return;
+        const tiles = Array.from(strip.children);
+        idx += 1;
+        if (idx >= tiles.length) {
+          if (!loop) {
+            stop();
+            return;
+          }
+          idx = 0;
+        }
+        const el2 = tiles[idx];
+        if (el2) {
+          const delta = el2.getBoundingClientRect().left - strip.getBoundingClientRect().left;
+          strip.scrollTo({ left: strip.scrollLeft + delta, behavior: "smooth" });
+        }
+      }, interval);
+      ["pointerdown", "wheel", "touchstart"].forEach(
+        (evt) => strip.addEventListener(evt, stop, { passive: true })
+      );
+    }
     return true;
   }
   /** Built-in embedded COUNTDOWN — live H:M:S digits that pulse red in the
@@ -7118,10 +7584,10 @@ const _AegisInAppManager = class _AegisInAppManager {
     const digits = document.createElement("div");
     digits.style.cssText = "display: flex; gap: 6px; justify-content: center;";
     const mkDigit = () => {
-      const el = document.createElement("span");
-      el.style.cssText = `padding: 6px 9px; border-radius: 8px; font-size: 18px; font-weight: 700; font-family: ui-monospace, monospace; background: ${text}1a; transition: background 0.3s ease, color 0.3s ease;`;
-      el.textContent = "00";
-      return el;
+      const el2 = document.createElement("span");
+      el2.style.cssText = `padding: 6px 9px; border-radius: 8px; font-size: 18px; font-weight: 700; font-family: ui-monospace, monospace; background: ${text}1a; transition: background 0.3s ease, color 0.3s ease;`;
+      el2.textContent = "00";
+      return el2;
     };
     const hEl = mkDigit();
     const mEl = mkDigit();
@@ -7151,9 +7617,9 @@ const _AegisInAppManager = class _AegisInAppManager {
       sEl.textContent = String(s).padStart(2, "0");
       if (diff > 0 && diff <= 6e4 && !urgent) {
         urgent = true;
-        [hEl, mEl, sEl].forEach((el) => {
-          el.style.boxShadow = "0 0 0 2px #ef4444";
-          el.style.animation = "aegisUrgencyPulse 1s ease-in-out infinite";
+        [hEl, mEl, sEl].forEach((el2) => {
+          el2.style.boxShadow = "0 0 0 2px #ef4444";
+          el2.style.animation = "aegisUrgencyPulse 1s ease-in-out infinite";
         });
       }
       if (diff > 0) requestAnimationFrame(tick);
@@ -7508,19 +7974,19 @@ const _AegisInAppManager = class _AegisInAppManager {
         ov.appendChild(eb);
         ov.appendChild(big);
         if (code) {
-          const chip = document.createElement("button");
-          chip.type = "button";
-          chip.textContent = `${code}  ⧉`;
-          chip.style.cssText = `margin-top: 4px; padding: 8px 14px; border-radius: 999px; border: 1.5px dashed ${text}66; background: transparent; color: ${text}; font-weight: 800; font-size: 13px; letter-spacing: 1px; cursor: pointer;`;
-          chip.addEventListener("click", () => {
+          const chip2 = document.createElement("button");
+          chip2.type = "button";
+          chip2.textContent = `${code}  ⧉`;
+          chip2.style.cssText = `margin-top: 4px; padding: 8px 14px; border-radius: 999px; border: 1.5px dashed ${text}66; background: transparent; color: ${text}; font-weight: 800; font-size: 13px; letter-spacing: 1px; cursor: pointer;`;
+          chip2.addEventListener("click", () => {
             var _a;
             try {
               void ((_a = navigator.clipboard) == null ? void 0 : _a.writeText(code));
-              chip.textContent = "Copied";
+              chip2.textContent = "Copied";
             } catch {
             }
           });
-          ov.appendChild(chip);
+          ov.appendChild(chip2);
         }
         card.appendChild(ov);
         try {
@@ -7530,10 +7996,10 @@ const _AegisInAppManager = class _AegisInAppManager {
       } else {
         prizeText.textContent = icoVal && !isUrl(icoVal) ? `${icoVal} ${label}` : label;
         if (code) {
-          const chip = document.createElement("div");
-          chip.style.cssText = `margin-top: 6px; font-family: ui-monospace, monospace; font-size: 12px; font-weight: 700; padding: 4px 8px; border-radius: 6px; background: ${text}14; color: ${text};`;
-          chip.textContent = code;
-          body.appendChild(chip);
+          const chip2 = document.createElement("div");
+          chip2.style.cssText = `margin-top: 6px; font-family: ui-monospace, monospace; font-size: 12px; font-weight: 700; padding: 4px 8px; border-radius: 6px; background: ${text}14; color: ${text};`;
+          chip2.textContent = code;
+          body.appendChild(chip2);
         }
         this._playReaction(body, "celebrate", "gift.json", ic);
       }
@@ -7695,9 +8161,9 @@ const _AegisInAppManager = class _AegisInAppManager {
    */
   _flattenSlotCard(container) {
     const cards = container.matches("[data-campaign-id]") ? [container] : Array.from(container.querySelectorAll("[data-campaign-id]"));
-    for (const el of cards) {
-      el.style.borderRadius = "0";
-      el.style.boxShadow = "none";
+    for (const el2 of cards) {
+      el2.style.borderRadius = "0";
+      el2.style.boxShadow = "none";
     }
   }
   /**
@@ -7783,6 +8249,15 @@ const _AegisInAppManager = class _AegisInAppManager {
       this.emit("campaign-shown", campaign);
       return;
     }
+    if (campaign.sub_type === "reviews") {
+      renderReviewsOverlay(this.buildRenderContext(campaign), {
+        apiHost: this.apiHost,
+        writeKey: this.writeKey
+      });
+      this.trackEvent(campaign.id, "impression");
+      this.emit("campaign-shown", campaign);
+      return;
+    }
     {
       const ic2 = campaign.interactive_config || {};
       const multiCard2 = campaign.sub_type === "product_recommendation" || campaign.sub_type === "carousel_cards";
@@ -7910,7 +8385,7 @@ const _AegisInAppManager = class _AegisInAppManager {
       navigate: (url, buttonId) => this.navigateToCampaignAction(campaign, url, buttonId),
       dispatchAction: (action) => this.dispatchAction(action, campaign.id),
       submitResponse: (responseType, payload) => this.submitWidgetResponse(campaign, responseType, payload),
-      playReaction: (el, intent, lottieFile, scope) => this._playReaction(el, intent, lottieFile, campaign.interactive_config, scope),
+      playReaction: (el2, intent, lottieFile, scope) => this._playReaction(el2, intent, lottieFile, campaign.interactive_config, scope),
       haptic: (pattern) => {
         try {
           if (typeof navigator !== "undefined" && typeof navigator.vibrate === "function") {
@@ -8167,9 +8642,9 @@ const _AegisInAppManager = class _AegisInAppManager {
       if (cells.s) cells.s.textContent = pad(s);
       if (!urgent && diff > 0 && diff <= 6e4) {
         urgent = true;
-        Object.values(cells).forEach((el) => {
-          if (el) {
-            el.style.boxShadow = "0 0 0 2px #ef4444";
+        Object.values(cells).forEach((el2) => {
+          if (el2) {
+            el2.style.boxShadow = "0 0 0 2px #ef4444";
           }
         });
         digits.style.animation = "aegisCountdownPulse 1.1s ease-in-out infinite";
@@ -8698,58 +9173,21 @@ const _AegisInAppManager = class _AegisInAppManager {
    *   3. if STILL unhandled → canonical fallback (navigate to the product/cart
    *      page) so a CTA is never a dead no-op (the rail-"Add" 3rd-party gap).
    * Both add-to-cart paths (card "Add" + the `aegis://cart-add` verb) funnel here,
-   * so they're one behaviour with one legacy event (`aegis:add-to-cart`).
+   * so they're one behaviour delivered to the host's single `onAction` handler.
+   * (Phase E.2 hard cutover — the legacy `aegis:*` DOM events were removed.)
    */
-  dispatchAction(action, campaignId) {
+  dispatchAction(action, _campaignId) {
     var _a;
     let handled = false;
     try {
       handled = ((_a = this.onActionHandler) == null ? void 0 : _a.call(this, action)) === true;
     } catch {
     }
-    if (typeof window !== "undefined") {
-      const legacy = this._legacyEventFor(action, campaignId);
-      if (legacy) {
-        const evt = new CustomEvent(legacy.name, { detail: legacy.detail, cancelable: true });
-        const proceed = window.dispatchEvent(evt);
-        if (!proceed || evt.defaultPrevented) handled = true;
-      }
-    }
     if (!handled) {
       const url = fallbackUrlForAction(action, this.productUrl);
       if (url && typeof window !== "undefined") window.location.href = url;
     }
   }
-  /** Back-compat mapping: canonical action → the legacy DOM event hosts listen
-   *  for today. `add_to_cart` always emits `aegis:add-to-cart` (the one ACS
-   *  handles), collapsing the old `aegis:cart-add` divergence. */
-  _legacyEventFor(a, campaignId) {
-    const base = { campaign_id: campaignId };
-    switch (a.type) {
-      case "add_to_cart":
-        return {
-          name: "aegis:add-to-cart",
-          detail: {
-            ...base,
-            product_id: a.productId,
-            sku: a.sku,
-            title: a.title,
-            price: a.price,
-            image_url: a.imageUrl,
-            cta_url: a.url,
-            qty: a.qty ?? 1
-          }
-        };
-      case "open_product":
-        return { name: "aegis:open-product", detail: { ...base, sku: a.sku, product_id: a.productId, url: a.url } };
-      case "open_cart":
-        return { name: "aegis:open-cart", detail: base };
-      case "open_login":
-        return { name: "aegis:open-login", detail: base };
-      default:
-        return null;
-    }
-  }
   /**
    * Phase-2 CTA action verbs (`aegis://<verb>?<params>`). Performs an in-app
    * behaviour instead of navigating. Verbs:
@@ -8789,9 +9227,9 @@ const _AegisInAppManager = class _AegisInAppManager {
   /** Remove a rendered campaign's element(s) from the DOM by campaign id. */
   removeCampaignEl(campaignId) {
     if (typeof document === "undefined") return;
-    document.querySelectorAll(`[data-campaign-id="${campaignId}"]`).forEach((el) => {
+    document.querySelectorAll(`[data-campaign-id="${campaignId}"]`).forEach((el2) => {
       var _a;
-      return (_a = el.parentNode) == null ? void 0 : _a.removeChild(el);
+      return (_a = el2.parentNode) == null ? void 0 : _a.removeChild(el2);
     });
   }
   /**
@@ -10518,9 +10956,9 @@ const _AegisInAppManager = class _AegisInAppManager {
     if (typeof document !== "undefined") {
       document.querySelectorAll(
         ".aegis-in-app-banner, .aegis-in-app-modal-overlay, .aegis-in-app-fullscreen-overlay, .aegis-in-app-half-interstitial-overlay, .aegis-in-app-alert-overlay, .aegis-in-app-pip, .aegis-in-app-nps-overlay, .aegis-in-app-countdown-overlay, .aegis-in-app-rating-overlay, .aegis-in-app-poll-overlay, .aegis-in-app-quiz-overlay, .aegis-in-app-rating-card, .aegis-in-app-nps-card"
-      ).forEach((el) => {
-        if (el.parentNode) {
-          el.parentNode.removeChild(el);
+      ).forEach((el2) => {
+        if (el2.parentNode) {
+          el2.parentNode.removeChild(el2);
         }
       });
       const styles = document.getElementById("aegis-in-app-styles");
@@ -10552,9 +10990,9 @@ let AegisInAppManager = _AegisInAppManager;
 function renderPreview(config, opts) {
   document.querySelectorAll(
     '[class^="aegis-in-app-"]'
-  ).forEach((el) => {
-    if (el.parentNode) {
-      el.parentNode.removeChild(el);
+  ).forEach((el2) => {
+    if (el2.parentNode) {
+      el2.parentNode.removeChild(el2);
     }
   });
   try {
@@ -10590,7 +11028,7 @@ function renderPreview(config, opts) {
     if (anchors.length > 0) {
       try {
         anchors.forEach((slot) => {
-          slot.querySelectorAll(":scope > :not([data-aegis-slot-default])").forEach((el) => el.remove());
+          slot.querySelectorAll(":scope > :not([data-aegis-slot-default])").forEach((el2) => el2.remove());
         });
         const mm = manager;
         mm.campaigns = (inline ? [config, ...coGroup] : coGroup).map((c) => ({ ...c, surface: void 0, target_screens: void 0 })).sort((a, b) => (b.priority || 0) - (a.priority || 0));
@@ -10611,17 +11049,17 @@ function renderPreview(config, opts) {
   m2.displayCampaign(config);
 }
 const MAX_NODES = 400;
-function selectorFor(el) {
-  if (el.id) return `#${CSS.escape(el.id)}`;
+function selectorFor(el2) {
+  if (el2.id) return `#${CSS.escape(el2.id)}`;
   for (const attr of ["data-testid", "data-test", "data-aegis-anchor", "data-qa", "name"]) {
-    const v = el.getAttribute(attr);
+    const v = el2.getAttribute(attr);
     if (v) {
-      const sel = `${el.tagName.toLowerCase()}[${attr}="${CSS.escape(v)}"]`;
+      const sel = `${el2.tagName.toLowerCase()}[${attr}="${CSS.escape(v)}"]`;
       if (document.querySelectorAll(sel).length === 1) return sel;
     }
   }
   const parts = [];
-  let node = el;
+  let node = el2;
   while (node && node !== document.body && parts.length < 6) {
     if (node.id) {
       parts.unshift(`#${CSS.escape(node.id)}`);
@@ -10645,15 +11083,15 @@ function captureWebScreen(screenName) {
   const candidates = document.querySelectorAll(
     "a,button,input,select,textarea,[role],[data-aegis-anchor],[data-testid],h1,h2,h3,img,[data-aegis-slot]"
   );
-  for (const el of Array.from(candidates)) {
+  for (const el2 of Array.from(candidates)) {
     if (nodes.length >= MAX_NODES) break;
-    const rect = el.getBoundingClientRect();
+    const rect = el2.getBoundingClientRect();
     if (rect.width <= 0 || rect.height <= 0) continue;
-    const slotKey = el.getAttribute("data-aegis-slot");
-    const role = slotKey ? `slot:${slotKey}` : el.getAttribute("role") || el.tagName.toLowerCase();
-    const text = (el.textContent || el.getAttribute("aria-label") || "").trim().slice(0, 80);
+    const slotKey = el2.getAttribute("data-aegis-slot");
+    const role = slotKey ? `slot:${slotKey}` : el2.getAttribute("role") || el2.tagName.toLowerCase();
+    const text = (el2.textContent || el2.getAttribute("aria-label") || "").trim().slice(0, 80);
     nodes.push({
-      selector: selectorFor(el),
+      selector: selectorFor(el2),
       role,
       ...text ? { text } : {},
       bounds: {