@koda-sl/baker-cli 0.550.0 → 0.551.0-dev.ad2740332

package/dist/chunk-XU6XQPNM.js

@@ -0,0 +1,1919 @@
+import {
+  REFERENCE_SHEET_MODEL
+} from "./chunk-F3CZFUXZ.js";
+import {
+  askJev
+} from "./chunk-JF2XP76K.js";
+
+// src/engine/scaffold/lib/elements.ts
+var ACTOR_SHEET_MODEL = REFERENCE_SHEET_MODEL;
+function sanitizeId(raw, fallback) {
+  const id = raw.toLowerCase().replace(/[^a-z0-9]+/g, "_").replace(/^_+|_+$/g, "");
+  return /^[a-z]/.test(id) ? id : `${fallback}_${id}`.replace(/_+$/g, "") || fallback;
+}
+function assignElementLabels(elements, medium) {
+  if (medium === "static") return staticElementLabels(elements);
+  const used = /* @__PURE__ */ new Set();
+  return elements.map((el) => {
+    const raw = medium === "video" && el.type?.toLowerCase() === "logo" ? "BRAND_LOGO" : el.label ?? el.type ?? "ELEMENT";
+    const base = raw.toUpperCase().replace(/[^A-Z0-9]+/g, "_").replace(/^_+|_+$/g, "") || "ELEMENT";
+    let label = base;
+    let n = 2;
+    while (used.has(label)) label = `${base}_${n++}`;
+    used.add(label);
+    return { el, label };
+  });
+}
+var STATIC_LABEL_PREFIX = {
+  person: "PERSON",
+  animal: "ANIMAL",
+  product: "PRODUCT",
+  badge: "BADGE"
+};
+function staticElementLabels(elements) {
+  const counts = /* @__PURE__ */ new Map();
+  return elements.map((el) => {
+    const type = el.type?.toLowerCase() ?? "";
+    const prefix = type === "logo" ? "LOGO" : STATIC_LABEL_PREFIX[type] ?? "PROP";
+    const n = (counts.get(prefix) ?? 0) + 1;
+    counts.set(prefix, n);
+    const label = prefix === "LOGO" ? n === 1 ? "LOGO" : `LOGO_${n}` : `${prefix}_${n}`;
+    return { el, label };
+  });
+}
+var REFERENCE_ROLES = {
+  video: {
+    byType: {
+      logo: "the brand wordmark/logo; reproduce it exactly, do not redraw or restyle it.",
+      badge: "a trust/rating badge; reproduce it exactly, do not invent ratings or seals.",
+      product: "the showcased product; keep this exact product identity consistent across every frame. Ignore any caption text printed on this reference.",
+      person: "a recurring cast member; render the SAME individual as this reference image and keep them consistent across EVERY frame \u2014 their appearance comes from this reference, never from prose. Ignore any caption text printed on this reference.",
+      animal: "a recurring cast member; render the SAME individual as this reference image and keep them consistent across EVERY frame \u2014 their appearance comes from this reference, never from prose. Ignore any caption text printed on this reference.",
+      location: "the fixed set/location; keep the room, background, and layout identical to this reference across EVERY frame \u2014 do not re-invent the environment. Ignore any caption text printed on this reference."
+    },
+    fallback: "a recurring identity element; reproduce it faithfully and keep it consistent across every frame. Ignore any caption text printed on it."
+  },
+  static: {
+    byType: {
+      logo: "the brand wordmark/logo; reproduce it as closely as possible, do not redraw or restyle it.",
+      badge: "a trust/rating badge; reproduce it exactly, do not invent ratings or seals.",
+      product: "the showcased product; keep this exact product identity. Ignore any caption text printed on this reference.",
+      person: "the emotional hero \u2014 the brand's cast person: a company Avatar's identity sheet, a multi-view turnaround of ONE person the brand may show. Keep this exact face, hair and build, and render them once in the pose, gaze, wardrobe and expression the blueprint specifies \u2014 never as a grid. Ignore the cell labels printed on the sheet.",
+      animal: "the emotional hero \u2014 the face/muzzle/eyes the viewer locks onto and exactly where AI artifacts (malformed mouths, teeth, foam, extra fingers) betray a fake. It MUST be grounded in this real reference, never invented from prose. Keep this identity AND the expression the blueprint specifies. Ignore any caption text printed on this reference."
+    },
+    fallback: "an identity-bearing element; reproduce it faithfully from this reference. Ignore any caption text printed on it."
+  }
+};
+function referenceRole(type, medium) {
+  const roles = REFERENCE_ROLES[medium];
+  return roles.byType[type.toLowerCase()] ?? roles.fallback;
+}
+function elementTodo(el, label, medium) {
+  const desc = el.description ? ` \u2014 ${el.description}` : "";
+  const expr = el.expression ? `, with a ${el.expression} expression` : "";
+  const t = el.type.toLowerCase();
+  return medium === "video" ? videoElementTodo(el, t, label, `${desc}${expr}`) : staticElementTodo(el, t, label, `${desc}${expr}`);
+}
+function videoElementTodo(el, t, label, brief) {
+  const fresh = t === "animal" || t === "location" ? " [SOURCE FRESH \u2014 a DIFFERENT animal/set than the original ad; do not reuse the source's]" : "";
+  const same = el.same_as ? ` [SAME INDIVIDUAL as ${el.same_as} \u2014 a different wardrobe/look of the same person; reuse that cast person, change only the outfit]` : "";
+  if (t === "person") {
+    return `[TODO: cast a company Avatar as ${label} (person)${brief}${same} \u2014 re-run scaffold-video with \`--avatar <handle>\` (\`baker avatars list\`; \`baker avatars create\` invents a new face). NEVER a photo of a real person found on the web or taken from the source ad: the image model reproduces that face]`;
+  }
+  return `[TODO: drop one real source image for ${label} (${el.type})${brief} \u2014 reused across every frame it appears in${fresh}${same}; use a path relative to this canvas file, never an absolute path]`;
+}
+function staticElementTodo(el, t, label, brief) {
+  if (t === "person") {
+    return `[TODO: cast a company Avatar as ${label} (person)${brief} \u2014 REQUIRED: this is the emotional hero and the render keeps this face, so re-run scaffold-static-ad with \`--avatar <handle>\` (\`baker avatars list\`; \`baker avatars create\` invents a new face); never a found photo of a real person (web search, the source ad), who never agreed to appear in this ad]`;
+  }
+  const lock = t === "animal" ? " \u2014 REQUIRED: this is the emotional hero; ground it in a real reference (image-library / video-library / Pinterest), do not delete this slot and free-generate" : "";
+  return `[TODO: drop a real image for ${label} (${el.type})${brief}${lock} \u2014 replace with a path relative to this canvas file, never an absolute path]`;
+}
+
+// src/engine/scaffold/review-platforms.ts
+var REVIEW_PLATFORMS = [
+  { name: "Trustpilot", domain: "trustpilot.com", pattern: /\btrust ?pilot\b/i, reviewOnly: true },
+  { name: "G2", domain: "g2.com", pattern: /\bG2\b/, reviewOnly: true },
+  { name: "Capterra", domain: "capterra.com", pattern: /\bcapterra\b/i, reviewOnly: true },
+  { name: "Tripadvisor", domain: "tripadvisor.com", pattern: /\btrip ?advisor\b/i, reviewOnly: true },
+  { name: "Yelp", domain: "yelp.com", pattern: /\byelp\b/i, reviewOnly: true },
+  { name: "Feefo", domain: "feefo.com", pattern: /\bfeefo\b/i, reviewOnly: true },
+  // Before Google: the first match names the platform.
+  { name: "Google Play", domain: "play.google.com", pattern: /\bgoogle play\b/i, reviewOnly: false },
+  { name: "Google", domain: "google.com", pattern: /\bgoogle\b/i, reviewOnly: false },
+  { name: "the App Store", domain: "apple.com", pattern: /\bapp ?store\b/i, reviewOnly: false }
+];
+var RATING_SIGN = /[★☆⭐]|(?<![\d.,])[1-5](?:[.,]\d)?\s*\/\s*5(?![\d.,]\d)/u;
+function namedPlatform(text) {
+  return REVIEW_PLATFORMS.find((p) => p.pattern.test(text)) ?? null;
+}
+function claimedPlatform(text) {
+  const platform = namedPlatform(text);
+  return platform && (platform.reviewOnly || RATING_SIGN.test(text)) ? platform : null;
+}
+var CITES_PLATFORM = 0.5;
+var CITATION_QUESTION = "Does `line` cite `platform` as the source of a rating or of customers' reviews (stars, a score, reviews or opinions on it), in whatever language it is written? Only naming the platform (download it on, find us on, search on, sign in with) is not citing it for reviews.";
+function jevCitationJudge(onSpend) {
+  return (items) => askJev(
+    items.map((i) => ({ instructions: { line: i.line, platform: i.platform, question: CITATION_QUESTION } })),
+    onSpend
+  );
+}
+async function citedPlatforms(lines, judge = jevCitationJudge()) {
+  const cited = /* @__PURE__ */ new Map();
+  const asked = [];
+  for (const line of new Set(lines)) {
+    const shown = claimedPlatform(line);
+    const platform = namedPlatform(line);
+    if (shown) cited.set(line, shown);
+    else if (platform) asked.push({ line, platform });
+  }
+  if (asked.length === 0) return cited;
+  const judged = await judge(asked.map((a) => ({ line: a.line, platform: a.platform.name }))).catch(() => null);
+  asked.forEach((a, k) => {
+    if ((judged?.[k] ?? 0) >= CITES_PLATFORM) cited.set(a.line, a.platform);
+  });
+  return cited;
+}
+function citedBy(line, cited) {
+  return cited ? cited.get(line) ?? null : claimedPlatform(line);
+}
+function figureForms(figure) {
+  const forms = [figure, figure.replace(/,/g, "."), figure.replace(/\./g, ",")];
+  if (/^\d{1,3}(?:[.,]\d{3})+$/.test(figure)) forms.push(figure.replace(/[.,]/g, ""));
+  if (/^\d{4,}$/.test(figure)) {
+    const grouped = (separator) => figure.replace(/\B(?=(\d{3})+$)/g, separator);
+    forms.push(grouped(","), grouped("."), grouped(" "), grouped("\xA0"), grouped("\u202F"));
+  }
+  return [...new Set(forms)];
+}
+
+// src/engine/scaffold/static-copy.ts
+import { z } from "zod";
+var COPY_DIRECTIVE_HEADER = "TEXT \u2014 RENDER THE COPY EXACTLY:";
+var normalize = (s) => typeof s === "string" ? s.trim().toLowerCase() : "";
+function textEntries(blueprint) {
+  const entries2 = blueprint?.text_content;
+  return Array.isArray(entries2) ? entries2 : [];
+}
+function copyStrings(blueprint) {
+  const seen = /* @__PURE__ */ new Set();
+  const out = [];
+  for (const entry of textEntries(blueprint)) {
+    if (normalize(entry?.role) === "logo") continue;
+    const text = typeof entry?.text === "string" ? entry.text.trim() : "";
+    if (!text || seen.has(text)) continue;
+    seen.add(text);
+    out.push(text);
+  }
+  return out;
+}
+var IN_SCENE_ROLES = /* @__PURE__ */ new Set(["in_scene", "scene", "ui", "screen", "screenshot", "packaging", "signage", "sign"]);
+var IN_SCENE_PLACEMENT = /\b(phone|screen|screenshot|app|packaging|package|bottle|jar|signage|signboard|handwritten|receipt|whiteboard|sticky note|notepad)\b/;
+function isInScene(entry) {
+  const surface = normalize(entry.surface);
+  if (surface === "in_scene") return true;
+  if (surface === "overlay") return false;
+  return IN_SCENE_ROLES.has(normalize(entry.role)) || IN_SCENE_PLACEMENT.test(normalize(entry.placement));
+}
+function inSceneText(blueprint) {
+  const seen = /* @__PURE__ */ new Set();
+  return textEntries(blueprint).flatMap((entry) => {
+    const text = typeof entry?.text === "string" ? entry.text.trim() : "";
+    if (!text || normalize(entry.role) === "logo" || !isInScene(entry) || seen.has(text)) return [];
+    seen.add(text);
+    return [{ text, placement: typeof entry.placement === "string" ? entry.placement.trim() : "" }];
+  });
+}
+function conceptHasLogo(blueprint) {
+  const logos = blueprint?.brands_logos;
+  return Array.isArray(logos) && logos.some(
+    (l) => normalize(l?.function_in_image) === "advertiser_brand"
+  );
+}
+var WinningMechanismSchema = z.object({ kind: z.string(), device: z.string(), why_it_works: z.string().optional() }).loose();
+function winningMechanisms(blueprint) {
+  const raw = blueprint?.winning_mechanisms;
+  if (!Array.isArray(raw)) return [];
+  return raw.flatMap((entry) => {
+    const parsed = WinningMechanismSchema.safeParse(entry);
+    return parsed.success ? [parsed.data] : [];
+  });
+}
+function specimenText(strings) {
+  return strings.length > 0 ? strings.join("\n") : "Brand Headline";
+}
+function textFidelityDirective(strings, hasFont) {
+  const specimen = hasFont ? " in the specimen's typeface," : "";
+  const exact = strings.length > 0 ? `Render these exact strings${specimen} each once, verbatim, with no extra, missing, or altered characters: ${strings.map((s) => `"${s}"`).join(" / ")}.` : "This ad has no copy: render no words at all.";
+  return [
+    exact,
+    "Render NO other words anywhere in the image \u2014 no invented labels, captions, sub-headers, or filler text.",
+    "Any bill, quote, receipt, screen or price tag in the scene shows no readable prices or amounts beyond these strings: its figures are blurred or out of focus.",
+    "For any brand name or uncommon word, lock its letters exactly as written (spell it out letter-by-letter if that helps the characters render correctly).",
+    "Keep all type crisp, legible, and large enough to read cleanly; no garbled, warped, or duplicated characters, and no unreadable microtext."
+  ].join("\n");
+}
+function replaceCopyDirective(prompt, directive) {
+  const start = prompt.indexOf(COPY_DIRECTIVE_HEADER);
+  if (start === -1) return prompt;
+  const bodyStart = start + COPY_DIRECTIVE_HEADER.length;
+  const end = prompt.indexOf("\n\n", bodyStart);
+  const tail = end === -1 ? "" : prompt.slice(end);
+  return `${prompt.slice(0, bodyStart)}
+${directive}${tail}`;
+}
+
+// src/engine/scaffold/static-ad-spec.ts
+import { z as z3 } from "zod";
+
+// src/engine/scaffold/native-surface.ts
+import { z as z2 } from "zod";
+var Hex = z2.string().regex(/^#[0-9a-fA-F]{6}$/, "a colour is a 6-digit hex like #123551").transform((h) => h.toLowerCase());
+var PhotoId = z2.string().regex(/^PHOTO_\d+$/, "a photo id is PHOTO_1, PHOTO_2\u2026");
+var Author = z2.object({
+  name: z2.string().trim().min(1),
+  /** Their handle with the @, as the platform prints it: a real one of ours, never an invented one. */
+  handle: z2.string().trim().min(2).optional(),
+  avatar: z2.union([z2.literal("logo"), z2.literal("initials"), PhotoId]).default("initials"),
+  verified: z2.boolean().optional(),
+  /** A line under the name: a review site's "3 reviews · ES", a chat's "online". */
+  subtitle: z2.string().trim().min(1).optional()
+}).strict();
+var Photo = z2.object({
+  id: PhotoId,
+  /** What the photo shows, in plain words: who, doing what, where. */
+  what: z2.string().trim().min(1),
+  /** Its shape on the screen. */
+  ratio: z2.enum(["1:1", "4:3", "3:4", "16:9", "4:5"]).default("4:3"),
+  look: z2.enum(["photo", "illustration"]).default("photo"),
+  /**
+   * A picture of ours (a path from the creative's folder, or a URL): used as it is, nothing
+   * rendered. There is no `avatar`: nothing grounds a rendered photo on an avatar's sheet, so a
+   * photo naming one would still render a made-up face (the strict schema refuses the key).
+   */
+  image: z2.string().trim().min(1).optional()
+}).strict();
+var XPost = z2.object({
+  author: Author,
+  text: z2.string().trim().min(1),
+  photo: PhotoId.optional(),
+  /** The handle this post answers, printed above it as X does ("Replying to @alexbuilds"). */
+  reply_to: z2.string().trim().min(2).optional(),
+  /** How long ago, as X prints it: 2h, 14m, Sep 3. */
+  time: z2.string().trim().min(1).optional(),
+  stats: z2.object({
+    replies: z2.string().optional(),
+    reposts: z2.string().optional(),
+    likes: z2.string().optional(),
+    views: z2.string().optional()
+  }).strict().optional()
+}).strict();
+var ChatCard = z2.object({
+  photo: PhotoId.optional(),
+  title: z2.string().trim().min(1),
+  subtitle: z2.string().trim().min(1).optional(),
+  /** The card's button, as the chat prints it ("Pagar $899 MXN"). */
+  button: z2.string().trim().min(1).optional()
+}).strict();
+var ChatMessage = z2.object({
+  /** `them` is the other side of the chat (the contact in the header), `me` the phone's owner. */
+  from: z2.enum(["them", "me"]),
+  text: z2.string().trim().min(1).optional(),
+  time: z2.string().trim().min(1).optional(),
+  card: ChatCard.optional()
+}).strict().refine((m) => m.text || m.card, "a message has text or a card");
+var Review = z2.object({
+  author: Author,
+  stars: z2.number().int().min(1).max(5).default(5),
+  title: z2.string().trim().min(1).optional(),
+  text: z2.string().trim().min(1),
+  date: z2.string().trim().min(1).optional()
+}).strict();
+var NotesItem = z2.object({ text: z2.string().trim().min(1), checked: z2.boolean().default(false) }).strict();
+var SlackMessage = z2.object({
+  author: Author,
+  text: z2.string().trim().min(1),
+  time: z2.string().trim().min(1).optional(),
+  reactions: z2.array(z2.object({ emoji: z2.string().trim().min(1), count: z2.number().int().min(1) }).strict()).default([]),
+  /** "3 replies" under the message. */
+  replies: z2.string().trim().min(1).optional()
+}).strict();
+var Frame = z2.object({
+  headline: z2.string().trim().min(1).optional(),
+  caption: z2.string().trim().min(1).optional(),
+  logo: z2.boolean().default(false),
+  /** Where the frame's logo goes: under the screen, or over it as a badge (a review wall's anchor). */
+  logo_position: z2.enum(["under", "over"]).default("under"),
+  background: Hex.optional()
+}).strict().default({ logo: false, logo_position: "under" });
+var Base = { photos: z2.array(Photo).default([]), frame: Frame };
+var NativeSurfaceSchema = z2.discriminatedUnion("surface", [
+  z2.object({
+    surface: z2.literal("x_post"),
+    theme: z2.enum(["light", "dark"]).default("light"),
+    /** One post, or a thread: each after the first a reply under it, its line joining them. */
+    posts: z2.array(XPost).min(1).max(4),
+    ...Base
+  }).strict(),
+  z2.object({
+    surface: z2.enum(["whatsapp", "imessage"]),
+    /** Who the chat is with: the header's name and picture. */
+    contact: Author,
+    messages: z2.array(ChatMessage).min(1).max(8),
+    /** The day pill above the messages ("Hoy", "Today"). */
+    day: z2.string().trim().min(1).optional(),
+    /** Drawn inside a phone; else the screen alone. Default true. */
+    device: z2.boolean().default(true),
+    ...Base
+  }).strict(),
+  z2.object({
+    surface: z2.enum(["trustpilot", "google_reviews"]),
+    /** The rating the platform shows for the company: a real one, in `src/content`. */
+    summary: z2.object({ score: z2.string().trim().min(1), count: z2.string().trim().min(1), label: z2.string().optional() }).strict().optional(),
+    /**
+     * Every real review the wall shows, the strongest first: the first two are read as the ad's
+     * copy, whole in the safe area; the rest are the wall they lie on, as large and as sharp, across
+     * the whole frame and cut by its edges. A wall wins on how many there are (8 to 16), each one a
+     * real review in the company's own words.
+     */
+    reviews: z2.array(Review).min(1).max(16),
+    ...Base
+  }).strict(),
+  z2.object({
+    surface: z2.literal("notes"),
+    title: z2.string().trim().min(1),
+    items: z2.array(NotesItem).default([]),
+    body: z2.string().trim().min(1).optional(),
+    ...Base
+  }).strict(),
+  z2.object({
+    surface: z2.literal("slack"),
+    channel: z2.string().trim().min(1),
+    messages: z2.array(SlackMessage).min(1).max(6),
+    ...Base
+  }).strict()
+]);
+var SURFACE_NAMES = {
+  x_post: "a post on X",
+  whatsapp: "a WhatsApp chat",
+  imessage: "an iMessage chat",
+  trustpilot: "a wall of Trustpilot reviews",
+  google_reviews: "a wall of Google reviews",
+  notes: "a note in the Notes app",
+  slack: "a Slack message"
+};
+function nativeSurfaceName(surface) {
+  return SURFACE_NAMES[surface.surface];
+}
+function nativeCopy(surface) {
+  const frame = [surface.frame.headline, surface.frame.caption];
+  const body = (() => {
+    switch (surface.surface) {
+      case "x_post":
+        return surface.posts.map((p) => p.text);
+      case "whatsapp":
+      case "imessage":
+        return surface.messages.flatMap((m) => [m.text, m.card?.title, m.card?.subtitle, m.card?.button]);
+      case "trustpilot":
+      case "google_reviews":
+        return surface.reviews.slice(0, FEATURED_REVIEWS).flatMap((r) => [r.title, shownReview(r.text)]);
+      case "notes":
+        return [surface.title, ...surface.items.map((i) => i.text), surface.body];
+      case "slack":
+        return surface.messages.map((m) => m.text);
+      default:
+        return [];
+    }
+  })();
+  return [frame[0], ...body, frame[1]].filter((t) => Boolean(t?.trim()));
+}
+var FEATURED_REVIEWS = 2;
+var REVIEW_SHOWN = 160;
+function shownReview(text) {
+  if (text.length <= REVIEW_SHOWN) return text;
+  const cut = text.slice(0, REVIEW_SHOWN - 1);
+  const atWord = cut.slice(0, Math.max(cut.lastIndexOf(" "), REVIEW_SHOWN / 2));
+  return `${atWord.replace(/[\s,.;:!?¡¿-]+$/u, "")}\u2026`;
+}
+function authorsOf(surface) {
+  switch (surface.surface) {
+    case "x_post":
+      return surface.posts.map((p) => p.author);
+    case "whatsapp":
+    case "imessage":
+      return [surface.contact];
+    case "trustpilot":
+    case "google_reviews":
+      return surface.reviews.map((r) => r.author);
+    case "slack":
+      return surface.messages.map((m) => m.author);
+    default:
+      return [];
+  }
+}
+function nativeChrome(surface, language, words) {
+  const t = chromeWords(language, words);
+  const handleParts = (h) => h ? [h, h.replace(/^@/, ""), ...h.replace(/^@/, "").split(/[_.]/)] : [];
+  const authors = authorsOf(surface).flatMap((a) => [a.name, ...handleParts(a.handle), a.subtitle, initials(a.name)]);
+  const own = (() => {
+    switch (surface.surface) {
+      case "x_post":
+        return surface.posts.flatMap((p) => [
+          p.time,
+          ...Object.values(p.stats ?? {}),
+          ...p.reply_to ? [t.replying, ...handleParts(p.reply_to)] : []
+        ]);
+      case "whatsapp":
+      case "imessage":
+        return [surface.day ?? t.today, ...surface.messages.map((m) => m.time), t.online, t.business, t.message];
+      case "trustpilot":
+      case "google_reviews":
+        return [
+          ...surface.reviews.slice(FEATURED_REVIEWS).flatMap((r) => [r.title, shownReview(r.text)]),
+          ...surface.reviews.map((r) => r.date),
+          surface.summary?.score,
+          surface.summary?.count,
+          surface.summary?.label ?? t.excellent,
+          t.verified,
+          surface.surface === "trustpilot" ? "Trustpilot" : "Google",
+          t.reviewsWord
+        ];
+      case "notes":
+        return [t.notes];
+      case "slack":
+        return [
+          `#${surface.channel.replace(/^#/, "")}`,
+          ...surface.messages.flatMap((m) => [m.time, m.replies, ...m.reactions.map((r) => String(r.count))])
+        ];
+      default:
+        return [];
+    }
+  })();
+  const prompts = [t.post, t.replyPrompt, t.messagePrompt];
+  return [...new Set([...authors, ...own, ...prompts].filter((w) => Boolean(w?.trim())))];
+}
+function photoIdsNamed(surface) {
+  const avatars = authorsOf(surface).flatMap((a) => a.avatar.startsWith("PHOTO_") ? [a.avatar] : []);
+  const pictures = surface.surface === "x_post" ? surface.posts.map((p) => p.photo) : surface.surface === "whatsapp" || surface.surface === "imessage" ? surface.messages.map((m) => m.card?.photo) : [];
+  return [.../* @__PURE__ */ new Set([...avatars, ...pictures.filter((id) => Boolean(id))])];
+}
+function nativePhotosShown(surface) {
+  const named = new Set(photoIdsNamed(surface));
+  return surface.photos.filter((p) => named.has(p.id));
+}
+function avatarPhotoIds(surface) {
+  return new Set(authorsOf(surface).flatMap((a) => a.avatar.startsWith("PHOTO_") ? [a.avatar] : []));
+}
+function nativeProblems(surface) {
+  const described = new Set(surface.photos.map((p) => p.id));
+  return photoIdsNamed(surface).filter((id) => !described.has(id)).map(
+    (id) => `\`native\` shows ${id} but \`native.photos\` does not say what it is: add {"id":"${id}","what":"\u2026"}.`
+  );
+}
+function nativeGateProblems(surface, records, brandName) {
+  const problems = nativeProblems(surface);
+  const haystack = records.toLowerCase();
+  const ours = (a) => a.avatar === "logo" || brandName !== void 0 && a.name.trim().toLowerCase() === brandName.trim().toLowerCase();
+  for (const author of authorsOf(surface)) {
+    if (!author.handle || !ours(author)) continue;
+    const bare = author.handle.replace(/^@/, "").toLowerCase();
+    if (!haystack.includes(bare)) {
+      problems.push(
+        `The screen shows the brand as ${author.handle}, a handle COMPANY.md and src/content never state: use the brand's real handle, or drop \`handle\` (never an invented one).`
+      );
+    }
+  }
+  if ((surface.surface === "trustpilot" || surface.surface === "google_reviews") && surface.summary) {
+    if (!figureForms(surface.summary.score.toLowerCase()).some((form) => haystack.includes(form))) {
+      problems.push(
+        `The screen shows a ${surface.summary.score} rating the company's records (COMPANY.md, src/content) do not hold: add where it comes from, or drop \`summary\`.`
+      );
+    }
+  }
+  return problems;
+}
+var WORD_MEANINGS = {
+  today: "the day label over today's messages in a chat",
+  online: "the status under a chat contact's name",
+  business: "the label under a WhatsApp business contact's name",
+  message: "the placeholder in a chat's message bar",
+  verified: "the badge on a verified review",
+  excellent: "the word a review site prints beside a 4.5-5 star score",
+  reviewsWord: "the plural noun after the review count (1,200 reviews)",
+  notes: "the title of the phone's notes app",
+  experience: "the label before the date a reviewer had the experience",
+  replying: "the words before the handle a post on X replies to",
+  post: "the title over a thread on X",
+  replyPrompt: "the placeholder of the reply bar under a thread on X",
+  messagePrompt: "the placeholder of Slack's message bar, before the channel name"
+};
+var InterfaceWordsSchema = z2.object(
+  Object.fromEntries(Object.keys(WORD_MEANINGS).map((k) => [k, z2.string().trim().min(1)]))
+);
+var CHECKED = {
+  es: {
+    today: "Hoy",
+    online: "en l\xEDnea",
+    business: "Cuenta de empresa",
+    message: "Mensaje",
+    verified: "Verificada",
+    excellent: "Excelente",
+    reviewsWord: "opiniones",
+    notes: "Notas",
+    experience: "Fecha de la experiencia",
+    replying: "En respuesta a",
+    post: "Post",
+    replyPrompt: "Postea tu respuesta",
+    messagePrompt: "Enviar mensaje a"
+  },
+  pt: {
+    today: "Hoje",
+    online: "online",
+    business: "Conta comercial",
+    message: "Mensagem",
+    verified: "Verificada",
+    excellent: "Excelente",
+    reviewsWord: "avalia\xE7\xF5es",
+    notes: "Notas",
+    experience: "Data da experi\xEAncia",
+    replying: "Em resposta a",
+    post: "Post",
+    replyPrompt: "Poste sua resposta",
+    messagePrompt: "Enviar mensagem para"
+  },
+  en: {
+    today: "Today",
+    online: "online",
+    business: "Business account",
+    message: "Message",
+    verified: "Verified",
+    excellent: "Excellent",
+    reviewsWord: "reviews",
+    notes: "Notes",
+    experience: "Date of experience",
+    replying: "Replying to",
+    post: "Post",
+    replyPrompt: "Post your reply",
+    messagePrompt: "Message"
+  }
+};
+var primary = (language) => (language ?? "en").split(/[-_]/)[0]?.toLowerCase() ?? "en";
+function needsInterfaceWords(language) {
+  return language !== void 0 && CHECKED[primary(language)] === void 0;
+}
+var INTERFACE_WORDS_PROMPT_VERSION = 1;
+function interfaceWordsPrompt(language) {
+  const english = CHECKED.en;
+  return [
+    `These are the words WhatsApp, iMessage, X, Slack, Trustpilot, Google reviews and the phone's notes app print around what people write, in English. Give each as those apps print it in their interface for people whose language is ${language}: the apps' own wording, short, in that language's script and capitalisation.`,
+    "",
+    ...Object.entries(WORD_MEANINGS).map(
+      ([key, meaning]) => `- "${key}": ${JSON.stringify(english[key])} (${meaning})`
+    ),
+    "",
+    `Reply with only this JSON, every key above with its words: {${Object.keys(WORD_MEANINGS).map((k) => `"${k}": "\u2026"`).join(", ")}}`
+  ].join("\n");
+}
+function readInterfaceWords(answer) {
+  const parsed = InterfaceWordsSchema.safeParse(answer);
+  return parsed.success ? parsed.data : null;
+}
+function chromeWords(language, words) {
+  return CHECKED[primary(language)] ?? words ?? CHECKED.en;
+}
+function inked(assets, src, groundIsDark) {
+  return src && !groundIsDark && assets.lightLogos?.includes(src) ? " inked" : "";
+}
+function keepTogether(html) {
+  return html.replace(/\b([ap])\. m\./g, "$1.&nbsp;m.").replace(/(\d) (?=[ap]\.|%|€|\$|(?:semanas|weeks|días|days|min)\b)/g, "$1&nbsp;");
+}
+var esc = (text) => text.replace(/[&<>"]/g, (ch) => ({ "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;" })[ch]);
+function linked(text) {
+  return esc(text).replace(/(^|[\s(])([#@][\p{L}\p{N}_]+|https?:\/\/\S+)/gu, '$1<span class="link">$2</span>');
+}
+function initials(name) {
+  const words = name.replace(/[^\p{L}\s]/gu, " ").split(/\s+/).filter(Boolean);
+  const first = words[0]?.[0] ?? "";
+  const second = words.length > 1 ? words[1]?.[0] ?? "" : "";
+  return `${first}${second}`.toUpperCase();
+}
+var INITIALS_TINTS = ["#f4d7c4", "#d6e4f5", "#dcecd7", "#f2dcef", "#f6e7b8", "#d9d6f2"];
+function tintOf(name) {
+  let sum = 0;
+  for (const ch of name) sum += ch.codePointAt(0) ?? 0;
+  return INITIALS_TINTS[sum % INITIALS_TINTS.length];
+}
+function avatarHtml(author, assets, cls) {
+  if (author.avatar === "logo") {
+    const src = assets.mark ?? assets.logo;
+    if (src) return `<div class="${cls} logo-av"><img src="${src}" alt=""></div>`;
+  } else if (author.avatar !== "initials") {
+    const src = assets.photos[author.avatar];
+    if (src) return `<div class="${cls}"><img src="${src}" alt=""></div>`;
+  }
+  return `<div class="${cls} initials" style="background:${tintOf(author.name)}">${esc(initials(author.name))}</div>`;
+}
+var ICON = {
+  verifiedX: '<svg class="badge" viewBox="0 0 22 22"><path fill="#1d9bf0" d="M20.4 11c0-1.3-.8-2.4-1.9-2.9.4-1.2.1-2.6-.8-3.5s-2.3-1.2-3.5-.8C13.7 2.6 12.4 1.8 11 1.8s-2.6.8-3.1 2c-1.2-.4-2.6-.1-3.5.8s-1.2 2.3-.8 3.5C2.4 8.6 1.6 9.7 1.6 11s.8 2.4 1.9 2.9c-.4 1.2-.1 2.6.8 3.5s2.3 1.2 3.5.8c.5 1.2 1.8 2 3.2 2s2.6-.8 3.1-2c1.2.4 2.6.1 3.5-.8s1.2-2.3.8-3.5c1.2-.5 2-1.6 2-2.9z"/><path fill="#fff" d="M9.6 14.6 6.4 11.4l1.3-1.3 1.9 1.9 4.6-4.6 1.3 1.3z"/></svg>',
+  verifiedWa: '<svg class="badge" viewBox="0 0 22 22"><path fill="#25d366" d="M20.4 11c0-1.3-.8-2.4-1.9-2.9.4-1.2.1-2.6-.8-3.5s-2.3-1.2-3.5-.8C13.7 2.6 12.4 1.8 11 1.8s-2.6.8-3.1 2c-1.2-.4-2.6-.1-3.5.8s-1.2 2.3-.8 3.5C2.4 8.6 1.6 9.7 1.6 11s.8 2.4 1.9 2.9c-.4 1.2-.1 2.6.8 3.5s2.3 1.2 3.5.8c.5 1.2 1.8 2 3.2 2s2.6-.8 3.1-2c1.2.4 2.6.1 3.5-.8s1.2-2.3.8-3.5c1.2-.5 2-1.6 2-2.9z"/><path fill="#fff" d="M9.6 14.6 6.4 11.4l1.3-1.3 1.9 1.9 4.6-4.6 1.3 1.3z"/></svg>',
+  reply: '<svg viewBox="0 0 24 24"><path d="M1.8 10c0-4.4 3.6-8 8-8h4.4c4.5 0 8.1 3.6 8.1 8.1 0 3-1.6 5.6-4.2 7.1L10 21.7v-3.6H9.9C5.4 18.1 1.8 14.5 1.8 10zm8-6c-3.3 0-6 2.7-6 6 0 3.4 2.7 6.1 6.1 6.1H12v2.3l5.1-2.8c1.9-1.1 3.1-3.1 3.1-5.4 0-3.4-2.7-6.1-6.1-6.1H9.8z"/></svg>',
+  repost: '<svg viewBox="0 0 24 24"><path d="M4.5 3.9 8.9 8l-1.4 1.5-2-1.9V16c0 1.1.9 2 2 2H13v2H7.5c-2.2 0-4-1.8-4-4V7.6l-2 1.9L.1 8l4.4-4.1zM16.5 6H11V4h5.5c2.2 0 4 1.8 4 4v8.4l2-1.9 1.4 1.5-4.4 4.1-4.4-4.1 1.4-1.5 2 1.9V8c0-1.1-.9-2-2-2z"/></svg>',
+  like: '<svg viewBox="0 0 24 24"><path d="M16.7 5.5c-1.1-.1-2.6.4-3.9 2.3l-.8 1.2-.8-1.2C9.9 5.9 8.4 5.4 7.3 5.5c-1.2.1-2.2.8-2.8 1.9-1.1 2.2-.6 5.4 3.1 8.9 1.2 1.1 2.7 2.3 4.4 3.5 1.7-1.2 3.2-2.4 4.4-3.5 3.7-3.5 4.2-6.7 3.1-8.9-.6-1.1-1.6-1.8-2.8-1.9zM12 21.4c-1.9-1.3-3.7-2.7-5.1-4-4-3.8-5.1-7.6-3.6-10.8.9-1.8 2.6-2.9 4.5-3.1 1.6-.1 3.1.5 4.2 1.7 1.1-1.2 2.6-1.8 4.2-1.7 1.9.2 3.6 1.3 4.5 3.1 1.5 3.2.4 7-3.6 10.8-1.4 1.3-3.2 2.7-5.1 4z"/></svg>',
+  views: '<svg viewBox="0 0 24 24"><path d="M8.8 20H6.8V4h2v16zm5-14h-2v14h2V6zm5 4h-2v10h2V10zm-15 4h-2v6h2v-6z"/></svg>',
+  share: '<svg viewBox="0 0 24 24"><path d="M12 2.6 17.4 8 16 9.4l-3-3V16h-2V6.4l-3 3L6.6 8 12 2.6zM21 15l-.1 3.5c0 1.4-1.1 2.5-2.5 2.5H5.5C4.1 21 3 19.8 3 18.5V15h2v3.5c0 .3.2.5.5.5h12.9c.3 0 .5-.2.5-.5L19 15h2z"/></svg>',
+  ticks: '<svg class="ticks" viewBox="0 0 18 11"><path fill="#53bdeb" d="M12.1.6 5.3 7.4 2.4 4.5 1.3 5.6l4 4 7.9-7.9zM16.6.6 9.8 7.4l-.9-.9-1.1 1.1 2 2 7.9-7.9z"/></svg>',
+  back: '<svg class="back" viewBox="0 0 12 20"><path d="M10 2 2 10l8 8" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  video: '<svg viewBox="0 0 26 18"><rect x="1" y="2" width="16" height="14" rx="3.5" fill="none" stroke="currentColor" stroke-width="2"/><path d="m18 7 6-4v12l-6-4z" fill="none" stroke="currentColor" stroke-width="2" stroke-linejoin="round"/></svg>',
+  phone: '<svg viewBox="0 0 22 22"><path d="M6.6 2.5 8.9 6c.4.6.3 1.3-.2 1.8L7.3 9.1c1.1 2.4 3.1 4.4 5.6 5.6l1.3-1.4c.5-.5 1.2-.6 1.8-.2l3.5 2.3c.6.4.8 1.2.5 1.8-.8 1.7-2.5 2.6-4.3 2.3C9.8 18.6 3.4 12.2 2.5 6.3c-.3-1.8.6-3.5 2.3-4.3.6-.3 1.4-.1 1.8.5z" fill="none" stroke="currentColor" stroke-width="1.8"/></svg>',
+  star: '<svg viewBox="0 0 24 24"><path fill="#fff" d="m12 3.6 2.5 5.9 6.3.5-4.8 4.1 1.5 6.2L12 17l-5.5 3.3L8 14.1 3.2 10l6.3-.5z"/></svg>',
+  check: '<svg viewBox="0 0 24 24"><path d="m6 12.5 4 4 8-9" fill="none" stroke="#fff" stroke-width="2.6" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  home: '<svg viewBox="0 0 24 24"><path d="M3 10.5 12 3l9 7.5V21h-6v-6H9v6H3z" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  search: '<svg viewBox="0 0 24 24"><path d="M10.5 3a7.5 7.5 0 1 1 0 15 7.5 7.5 0 0 1 0-15zM16 16l5 5" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  bell: '<svg viewBox="0 0 24 24"><path d="M6 17V11a6 6 0 0 1 12 0v6l1.5 2h-15zM10 21h4" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  mail: '<svg viewBox="0 0 24 24"><path d="M3 6h18v12H3zM3 6l9 7 9-7" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  tick: '<svg viewBox="0 0 24 24"><path d="m5 12.5 4.5 4.5L19 7.5" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  checklist: '<svg viewBox="0 0 24 24"><path d="M4 6h2M4 12h2M4 18h2M9 6h11M9 12h11M9 18h11" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  camera: '<svg viewBox="0 0 24 24"><path d="M3 8h4l2-3h6l2 3h4v11H3zM12 10a3.5 3.5 0 1 1 0 7 3.5 3.5 0 0 1 0-7z" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  pen: '<svg viewBox="0 0 24 24"><path d="M4 20l4-1L19 8l-3-3L5 16zM14 7l3 3" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>',
+  compose: '<svg viewBox="0 0 24 24"><path d="M4 4h9M4 4v16h16v-9M20 4l-9 9-2 .5.5-2z" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round" stroke-linejoin="round"/></svg>'
+};
+var STATUS_BAR = '<div class="status-bar"><span>9:41</span><span class="bars"><i></i><i></i><i></i><i></i></span></div>';
+function xPosts(surface, assets, t) {
+  return surface.posts.map((post, i) => {
+    const last = i === surface.posts.length - 1;
+    const name = `<span class="name">${esc(post.author.name)}</span>${post.author.verified ? ICON.verifiedX : ""}`;
+    const meta = [post.author.handle, post.time].filter(Boolean).map((s) => esc(s));
+    const photo = post.photo && assets.photos[post.photo];
+    const ratio = surface.photos.find((p) => p.id === post.photo)?.ratio ?? "4:3";
+    const stats = post.stats ?? {};
+    const action = (icon, n) => `<span class="act">${icon}<span>${n ? esc(n) : ""}</span></span>`;
+    return `<article class="post${last ? "" : " threaded"}">
+  <div class="rail">${avatarHtml(post.author, assets, "av")}${last ? "" : '<div class="thread-line"></div>'}</div>
+  <div class="body">
+    <div class="head">${name}<span class="meta">${meta.join(" \xB7 ")}</span><span class="more">\xB7\xB7\xB7</span></div>
+    ${post.reply_to ? `<div class="replying">${esc(t.replying)} <span class="link">${esc(post.reply_to)}</span></div>` : ""}
+    <div class="text">${linked(post.text)}</div>
+    ${photo ? `<div class="media" style="aspect-ratio:${ratio.replace(":", "/")}"><img src="${photo}" alt=""></div>` : ""}
+    <div class="actions">${action(ICON.reply, stats.replies)}${action(ICON.repost, stats.reposts)}${action(ICON.like, stats.likes)}${action(ICON.views, stats.views)}${action(ICON.share)}</div>
+  </div>
+</article>`;
+  }).join("");
+}
+function xParts(surface, assets, t) {
+  const tabs = [ICON.home, ICON.search, ICON.bell, ICON.mail].map((icon) => `<span>${icon}</span>`).join("");
+  return {
+    cls: `surface x ${surface.theme}`,
+    top: `${STATUS_BAR}<div class="x-head">${ICON.back}<span>${esc(t.post)}</span></div>`,
+    body: xPosts(surface, assets, t),
+    bottom: `<div class="x-reply"><span class="x-reply-av"></span><span>${esc(t.replyPrompt)}</span></div><div class="tabbar">${tabs}</div><div class="home-bar"></div>`,
+    align: "top"
+  };
+}
+function bubbleHtml(m, assets, wa) {
+  const photo = m.card?.photo ? assets.photos[m.card.photo] : void 0;
+  const sub2 = m.card?.subtitle ? `<div class="card-sub">${esc(m.card.subtitle)}</div>` : "";
+  const card = m.card ? `<div class="card">${photo ? `<img src="${photo}" alt="">` : ""}<div class="card-title">${esc(m.card.title)}</div>${sub2}</div>` : "";
+  const ticks = wa && m.from === "me" ? ICON.ticks : "";
+  const time = m.time ? `<span class="time">${esc(m.time)}${ticks}</span>` : "";
+  const text = m.text ? `<div class="msg-text">${linked(m.text)}${time}</div>` : time;
+  const button = m.card?.button ? `<div class="card-button">${esc(m.card.button)}</div>` : "";
+  const copy = [m.text, m.card?.title, m.card?.subtitle, m.card?.button].filter((t) => Boolean(t?.trim()));
+  return `<div class="bubble ${m.from}" data-copy="${esc(JSON.stringify(copy))}">${card}${text}${button}</div>`;
+}
+function chatHeader(contact, assets, t, wa, verified) {
+  if (!wa) {
+    return `<div class="im-head">${ICON.back}<div class="who">${avatarHtml(contact, assets, "av")}<div class="name">${esc(contact.name)}</div></div></div>`;
+  }
+  const status = contact.subtitle ?? (verified ? t.business : t.online);
+  const badge = verified ? ICON.verifiedWa : "";
+  return `<div class="wa-head">${ICON.back}${avatarHtml(contact, assets, "av")}<div class="who"><div class="name">${esc(contact.name)}${badge}</div><div class="status">${esc(status)}</div></div><div class="icons">${ICON.video}${ICON.phone}</div></div>`;
+}
+function chatParts(surface, assets, t) {
+  const wa = surface.surface === "whatsapp";
+  const bubbles = surface.messages.map((m) => bubbleHtml(m, assets, wa)).join("");
+  const input = wa ? '<div class="wa-input"><span class="plus">+</span><span class="field"></span><span class="mic"></span></div>' : '<div class="im-input"><span class="plus">+</span><span class="field"></span></div>';
+  return {
+    cls: `screen ${surface.surface}`,
+    top: `${STATUS_BAR}${chatHeader(surface.contact, assets, t, wa, surface.contact.verified === true)}`,
+    body: `<div class="messages"><div class="day">${esc(surface.day ?? t.today)}</div>${bubbles}</div>`,
+    bottom: input,
+    align: "bottom"
+  };
+}
+function chatHtml(surface, assets, t) {
+  const parts = chatParts(surface, assets, t);
+  const screen = `<div class="${parts.cls}">${parts.top}${parts.body}${parts.bottom}</div>`;
+  return `<div class="surface chat${surface.device ? " device" : ""}">${screen}</div>`;
+}
+function starsHtml(kind, stars, size = "s") {
+  if (kind === "google_reviews") {
+    return `<span class="g-stars ${size}">${"\u2605".repeat(stars)}<span class="off">${"\u2605".repeat(5 - stars)}</span></span>`;
+  }
+  const cells = Array.from(
+    { length: 5 },
+    (_, i) => `<span class="tp-star${i < stars ? "" : " off"}">${ICON.star}</span>`
+  );
+  return `<span class="tp-stars ${size}">${cells.join("")}</span>`;
+}
+function reviewCard(r, kind, assets, t, cls, style) {
+  const sub2 = r.author.subtitle ? `<div class="r-sub">${esc(r.author.subtitle)}</div>` : "";
+  const verified = kind === "trustpilot" ? `<span class="r-verified">${ICON.tick} ${esc(t.verified)}</span>` : "";
+  return `<div class="${cls}" style="${style}"><div class="r-head">${avatarHtml(r.author, assets, "av")}<div><div class="r-name">${esc(r.author.name)}</div>${sub2}</div></div><div class="r-stars">${starsHtml(kind, r.stars)}${verified}${r.date ? `<span class="r-date">${esc(r.date)}</span>` : ""}</div>${r.title ? `<div class="r-title">${esc(r.title)}</div>` : ""}<div class="r-text">${esc(shownReview(r.text))}</div></div>`;
+}
+function platformMark(kind) {
+  return kind === "trustpilot" ? `<span class="tp-mark"><span class="tp-glyph">${ICON.star}</span>Trustpilot</span>` : `<span class="g-mark"><b style="color:#4285f4">G</b><b style="color:#ea4335">o</b><b style="color:#fbbc05">o</b><b style="color:#4285f4">g</b><b style="color:#34a853">l</b><b style="color:#ea4335">e</b></span>`;
+}
+function reviewsHtml(surface, assets, t, brandName) {
+  const kind = surface.surface;
+  const platform = platformMark(kind);
+  const summary = surface.summary ? `<div class="summary">${assets.logo ? `<img class="sum-logo${inked(assets, assets.logo, false)}" src="${assets.logo}" alt="">` : brandName ? `<div class="sum-name">${esc(brandName)}</div>` : ""}<div class="sum-row"><span class="sum-label">${esc(surface.summary.label ?? t.excellent)}</span>${starsHtml(kind, 5, "l")}</div><div class="sum-count">${esc(surface.summary.score)} \xB7 ${esc(surface.summary.count)} ${esc(t.reviewsWord)} ${platform}</div></div>` : "";
+  const tilt = [-2.5, 2.2, -1.8, 2.8, -2.4, 1.6];
+  const nudge = [-22, 22, -16, 12, -16, 10];
+  const cards = surface.reviews.slice(0, FEATURED_REVIEWS).map(
+    (r, i) => reviewCard(
+      r,
+      kind,
+      assets,
+      t,
+      "review",
+      `transform:translateX(${nudge[i % nudge.length]}px) rotate(${tilt[i % tilt.length]}deg)`
+    )
+  );
+  const footer = surface.summary ? "" : `<div class="platform-foot">${platform}</div>`;
+  const anchor = surface.frame.logo && surface.frame.logo_position === "over" && assets.logo ? `<div class="wall-badge"><img class="${inked(assets, assets.logo, false).trim()}" src="${assets.logo}" alt=""></div>` : "";
+  const at = Math.ceil(cards.length / 2);
+  const pile = anchor ? [...cards.slice(0, at), anchor, ...cards.slice(at)].join("") : cards.join("");
+  return `<div class="surface reviews ${kind}">${summary}<div class="wall">${pile}</div>${footer}</div>`;
+}
+function reviewPile(surface, assets, t) {
+  return surface.reviews.slice(FEATURED_REVIEWS).map((r) => reviewCard(r, surface.surface, assets, t, "review back", "")).join("");
+}
+function notesParts(surface, t) {
+  const items = surface.items.map(
+    (i) => `<div class="item${i.checked ? " checked" : ""}"><span class="circle">${i.checked ? ICON.check : ""}</span><span>${esc(i.text)}</span></div>`
+  ).join("");
+  const tools = [ICON.checklist, ICON.camera, ICON.pen, ICON.compose].map((icon) => `<span>${icon}</span>`).join("");
+  return {
+    cls: "surface notes",
+    top: `${STATUS_BAR}<div class="n-head"><span class="n-back">${ICON.back}${esc(t.notes)}</span><span class="n-icons"><i></i><i></i></span></div>`,
+    body: `<h1>${esc(surface.title)}</h1>${items}${surface.body ? `<p class="n-body">${esc(surface.body)}</p>` : ""}`,
+    bottom: `<div class="n-tools">${tools}</div><div class="home-bar"></div>`,
+    align: "top"
+  };
+}
+function notesHtml(surface, t) {
+  const parts = notesParts(surface, t);
+  return `<div class="${parts.cls}">${parts.top.replace(STATUS_BAR, "")}${parts.body}</div>`;
+}
+function slackParts(surface, assets, t) {
+  const channel = surface.channel.replace(/^#/, "");
+  const messages = surface.messages.map((m) => {
+    const reactions = m.reactions.map((r) => `<span class="reaction">${esc(r.emoji)} ${r.count}</span>`).join("");
+    return `<div class="s-msg">${avatarHtml(m.author, assets, "av")}<div class="s-body"><div class="s-head"><span class="name">${esc(m.author.name)}</span>${m.time ? `<span class="s-time">${esc(m.time)}</span>` : ""}</div><div class="s-text">${linked(m.text)}</div>${reactions ? `<div class="reactions">${reactions}</div>` : ""}${m.replies ? `<div class="s-replies">${esc(m.replies)}</div>` : ""}</div></div>`;
+  }).join("");
+  return {
+    cls: "surface slack",
+    top: `${STATUS_BAR}<div class="s-channel"># ${esc(channel)}</div>`,
+    body: messages,
+    bottom: `<div class="s-compose"><span>${esc(t.messagePrompt)} #${esc(channel)}</span></div><div class="home-bar"></div>`,
+    align: "top"
+  };
+}
+function slackHtml(surface, assets, t) {
+  const parts = slackParts(surface, assets, t);
+  return `<div class="${parts.cls}">${parts.top.replace(STATUS_BAR, "")}${parts.body}</div>`;
+}
+function backdrop(surface, brand) {
+  if (surface.frame.background) return surface.frame.background;
+  switch (surface.surface) {
+    case "x_post":
+      return surface.theme === "dark" ? "#000000" : "#ffffff";
+    case "notes":
+    case "slack":
+      return "#ffffff";
+    case "trustpilot":
+    case "google_reviews":
+      return brand.ground ?? "#f4f3ee";
+    default:
+      return brand.ground ?? "#1f2a44";
+  }
+}
+function isDark(hex) {
+  const n = Number.parseInt(hex.slice(1), 16);
+  const [r, g, b] = [n >> 16 & 255, n >> 8 & 255, n & 255];
+  return 0.2126 * r + 0.7152 * g + 0.0722 * b < 140;
+}
+var STYLE = `
+*{box-sizing:border-box;margin:0;padding:0}
+html,body{width:100%;height:100%;overflow:hidden}
+body{font-family:Inter,"Noto Sans","Liberation Sans",Arial,sans-serif,"Noto Color Emoji";-webkit-font-smoothing:antialiased}
+#box{position:absolute;display:flex;align-items:center;justify-content:center}
+#stack{display:flex;flex-direction:column;align-items:center;gap:18px;transform-origin:center center;width:390px}
+.headline{font-family:BrandFont,Inter,sans-serif;font-weight:800;font-size:30px;line-height:1.08;letter-spacing:-.02em;text-align:center;width:100%}
+.caption{font-family:Inter,sans-serif;font-weight:600;font-size:17px;line-height:1.3;text-align:center;width:100%}
+.frame-logo{height:30px;max-width:180px;object-fit:contain}
+.inked{filter:brightness(0)}
+.over{position:relative}
+.logo-badge{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-4deg);background:#fff;border-radius:18px;padding:16px 26px;box-shadow:0 14px 40px rgba(0,0,0,.35);z-index:5}
+.logo-badge img{height:54px;max-width:240px;object-fit:contain}
+img{display:block}
+.av{width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;background:#ddd}
+.av img{width:100%;height:100%;object-fit:cover}
+.av.logo-av{background:#fff;border:1px solid rgba(0,0,0,.08);display:flex;align-items:center;justify-content:center}
+.av.logo-av img{width:78%;height:78%;object-fit:contain}
+.av.initials{display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px;color:#2b2b2b}
+.badge{width:18px;height:18px;flex:none;margin-left:2px}
+.link{color:#1d9bf0}
+/* X */
+.surface.x{width:390px;background:#fff;color:#0f1419;padding:4px 0}
+.x.dark{background:#000;color:#e7e9ea}
+.post{display:flex;gap:10px;padding:12px 16px 4px}
+.post .rail{display:flex;flex-direction:column;align-items:center}
+.thread-line{width:2px;flex:1;background:#cfd9de;margin-top:4px}
+.x.dark .thread-line{background:#333639}
+.post .body{flex:1;min-width:0}
+.post .head{display:flex;align-items:center;gap:3px;font-size:15px;line-height:20px;white-space:nowrap}
+.post .name{font-weight:700;flex:none}
+.post .meta{color:#536471;margin-left:3px;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1 1 auto}
+.post .replying{color:#536471;font-size:15px;line-height:20px}.x.dark .replying{color:#71767b}
+.x.dark .meta,.x.dark .actions{color:#71767b}
+.post .more{margin-left:auto;color:#536471;letter-spacing:1px}
+.post .text{font-size:15px;line-height:20px;white-space:pre-wrap;overflow-wrap:break-word;margin-top:2px}
+.post .media{margin-top:12px;border-radius:16px;overflow:hidden;border:1px solid #cfd9de}
+.x.dark .media{border-color:#2f3336}
+.post .media img{width:100%;height:100%;object-fit:cover}
+.actions{display:flex;justify-content:space-between;color:#536471;font-size:13px;margin:10px 0 8px;max-width:340px}
+.act{display:flex;align-items:center;gap:4px}
+.act svg{width:18px;height:18px;fill:currentColor}
+/* Chats */
+.surface.chat{width:390px}
+.chat.device{padding:11px;border-radius:52px;background:#111;box-shadow:0 18px 50px rgba(0,0,0,.35)}
+.screen{border-radius:42px;overflow:hidden;display:flex;flex-direction:column;background:#efeae2}
+.chat:not(.device) .screen{border-radius:18px}
+.status-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 28px 6px;font-weight:600;font-size:15px}
+.bars{display:flex;gap:2px;align-items:flex-end}.bars i{display:block;width:3px;background:currentColor;border-radius:1px}
+.bars i:nth-child(1){height:4px}.bars i:nth-child(2){height:6px}.bars i:nth-child(3){height:8px}.bars i:nth-child(4){height:10px}
+.whatsapp .status-bar,.whatsapp .wa-head{background:#f6f5f3;color:#111b21}
+.wa-head{display:flex;align-items:center;gap:8px;padding:6px 12px 10px;border-bottom:1px solid #e0ddd8}
+.wa-head .back{width:11px;height:19px;color:#007aff;margin-right:2px}
+.wa-head .av{width:36px;height:36px}
+.wa-head .who{flex:1;min-width:0}
+.wa-head .name{display:flex;align-items:center;gap:3px;font-weight:600;font-size:16px}
+.wa-head .status{font-size:12.5px;color:#667781}
+.wa-head .icons{display:flex;gap:20px;color:#007aff}.wa-head .icons svg{width:24px;height:20px}
+.whatsapp .messages{background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1.2px,transparent 1.3px),radial-gradient(rgba(0,0,0,.025) 1px,transparent 1.1px);background-size:22px 22px,13px 13px;background-position:0 0,7px 9px}
+.messages{display:flex;flex-direction:column;gap:6px;padding:10px 12px 14px}
+.day{align-self:center;background:#fff;color:#54656f;font-size:12.5px;padding:4px 12px;border-radius:8px;margin:2px 0 6px;box-shadow:0 1px .5px rgba(11,20,26,.13)}
+.bubble{max-width:80%;border-radius:10px;padding:6px 8px 6px 9px;font-size:16px;line-height:21px;color:#111b21;box-shadow:0 1px .5px rgba(11,20,26,.13);overflow:hidden}
+.bubble.them{align-self:flex-start;background:#fff;border-top-left-radius:2px}
+.bubble.me{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
+.msg-text{white-space:pre-wrap;overflow-wrap:break-word}
+.time{float:right;font-size:11.5px;color:#667781;margin:8px 0 -4px 10px;display:inline-flex;align-items:center;gap:3px}
+.ticks{width:17px;height:11px}
+.card{margin:-3px -5px 6px -6px;border-radius:7px;overflow:hidden;background:rgba(0,0,0,.035)}
+.card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#fff}
+.card-title{font-weight:600;padding:7px 9px 0}
+.card-sub{color:#111b21;font-weight:600;font-size:16px;padding:2px 9px 8px}
+.card-button{margin:6px -8px -6px -9px;border-top:1px solid rgba(0,0,0,.08);text-align:center;color:#027eb5;font-weight:500;padding:10px 0 9px;font-size:15.5px}
+.wa-input{display:flex;align-items:center;gap:10px;background:#f6f5f3;padding:8px 12px 26px;color:#007aff;font-size:28px;font-weight:300}
+.wa-input .field,.im-input .field{flex:1;height:34px;border-radius:17px;background:#fff;border:1px solid #e0ddd8}
+.wa-input .mic{width:16px;height:24px;border:2.5px solid #007aff;border-radius:9px}
+.imessage .screen,.screen.imessage{background:#fff}
+.imessage .status-bar{color:#000}
+.im-head{display:flex;align-items:flex-start;padding:2px 14px 10px;background:#f7f7f7;border-bottom:1px solid #e5e5ea;color:#007aff}
+.im-head .back{width:11px;height:19px;margin-top:14px}
+.im-head .who{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;margin-right:11px}
+.im-head .av{width:50px;height:50px}
+.im-head .name{color:#000;font-size:12px}
+.screen.imessage .messages{background:#fff}
+.screen.imessage .day{background:none;box-shadow:none;color:#8e8e93;font-size:12px}
+.screen.imessage .bubble{box-shadow:none;border-radius:19px;padding:8px 13px}
+.screen.imessage .bubble.them{background:#e9e9eb;color:#000}
+.screen.imessage .bubble.me{background:#0b84fe;color:#fff}
+.screen.imessage .time{display:none}
+.screen.imessage .card-button{color:inherit}
+.im-input{display:flex;align-items:center;gap:10px;padding:8px 12px 26px;color:#8e8e93;font-size:26px}
+/* Reviews */
+.surface.reviews{width:100%;display:flex;flex-direction:column;gap:14px}
+.summary{background:#fff;border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 6px 18px rgba(0,0,0,.12)}
+.sum-logo{height:34px;max-width:200px;object-fit:contain}
+.sum-name{font-weight:800;font-size:22px}
+.sum-row{display:flex;align-items:center;gap:10px}
+.sum-label{font-weight:700;font-size:20px;color:#191919}
+.sum-count{font-size:13px;color:#555;display:flex;align-items:center;gap:6px}
+.wall{display:flex;flex-direction:column;gap:0}.wall .review+.review{margin-top:-4px}
+.wall-badge{align-self:center;position:relative;z-index:5;margin:2px 0;background:#fff;border-radius:22px;padding:16px 30px;box-shadow:0 16px 44px rgba(0,0,0,.38);transform:rotate(-3deg)}
+.wall-badge img{height:64px;max-width:280px;object-fit:contain}
+.wide #stack{width:620px}.wide .surface.reviews{width:620px}.wide .wall{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;align-items:start}.wide .wall .review+.review{margin-top:0}.wide .wall-badge{grid-column:1/-1;justify-self:center;margin:-22px 0}
+.review{position:relative;background:#fff;border-radius:10px;padding:14px 16px 16px;box-shadow:0 6px 18px rgba(0,0,0,.14);color:#191919}
+.r-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}
+.r-name{font-weight:600;font-size:15px}
+.r-sub{font-size:12.5px;color:#6c6c85}
+.r-stars{display:flex;align-items:center;gap:10px;margin-bottom:8px}
+.r-verified{font-size:12px;color:#6c6c85}
+.r-date{margin-left:auto;font-size:12px;color:#6c6c85}
+.r-title{font-weight:700;font-size:16px;margin-bottom:4px}
+.r-text{font-size:14.5px;line-height:1.42}
+.tp-stars{display:inline-flex;gap:2px}
+.tp-star{width:20px;height:20px;background:#00b67a;display:inline-flex;align-items:center;justify-content:center}
+.tp-stars.l .tp-star{width:28px;height:28px}
+.tp-star svg{width:82%;height:82%}
+.tp-star.off{background:#dcdce6}
+.tp-mark{font-weight:700;color:#191919;display:inline-flex;align-items:center;gap:2px}
+.g-stars{color:#fbbc04;font-size:17px;letter-spacing:1px}.g-stars.l{font-size:26px}.g-stars .off{color:#dadce0}
+.g-mark{font-weight:700;font-size:15px;letter-spacing:-.5px}
+.platform-foot{align-self:center;background:#fff;border-radius:999px;padding:6px 14px;font-size:15px}
+/* Notes */
+.surface.notes{width:390px;background:#fff;color:#000;padding:8px 20px 22px}
+.n-head{display:flex;justify-content:space-between;align-items:center;color:#e0a100;font-size:17px;padding:6px 0 14px}
+.n-back{display:flex;align-items:center;gap:6px}.n-back svg{width:11px;height:19px}
+.n-icons{display:flex;gap:16px}.n-icons i{display:block;width:24px;height:24px;border:2px solid #e0a100;border-radius:50%}
+.notes h1{font-size:28px;line-height:1.15;font-weight:700;margin-bottom:14px}
+.item{display:flex;gap:12px;align-items:flex-start;font-size:17px;line-height:1.35;margin-bottom:12px}
+.circle{width:24px;height:24px;border-radius:50%;border:1.6px solid #c7c7cc;flex:none;display:flex;align-items:center;justify-content:center;margin-top:-1px}
+.item.checked .circle{background:#e0a100;border-color:#e0a100}
+.circle svg{width:16px;height:16px}
+.n-body{font-size:17px;line-height:1.4;margin-top:6px}
+/* Slack */
+.surface.slack{width:390px;background:#fff;color:#1d1c1d;padding-bottom:10px}
+.s-channel{font-weight:800;font-size:17px;padding:12px 16px;border-bottom:1px solid #e8e8e8}
+.s-msg{display:flex;gap:10px;padding:10px 16px 4px}
+.slack .av{border-radius:8px;width:38px;height:38px}
+.s-body{flex:1;min-width:0}
+.s-head{display:flex;align-items:baseline;gap:8px}
+.s-head .name{font-weight:800;font-size:15px}
+.s-time{font-size:12px;color:#616061}
+.s-text{font-size:15px;line-height:1.46;white-space:pre-wrap}
+.slack .link{color:#1264a3;background:rgba(29,155,209,.1);border-radius:3px;padding:0 2px}
+.reactions{display:flex;gap:6px;margin-top:6px}
+.reaction{border:1px solid #1d9bd1;background:#e8f5fa;border-radius:12px;padding:1px 8px;font-size:13px;color:#1264a3}
+.s-replies{color:#1264a3;font-weight:700;font-size:13px;margin-top:6px}
+/* A 9:16: the app full screen */
+.fs-app{position:absolute;inset:0;overflow:hidden}
+.fs-app.surface{width:auto;padding:0}
+.fs-app.screen{border-radius:0;display:block}
+.fs-app.surface.notes,.fs-app.surface.slack{background:#fff}
+#top{position:absolute;left:0;right:0;top:0;z-index:3}
+#bottom{position:absolute;left:0;right:0;bottom:0;z-index:3}
+#top>div,#bottom>div{width:390px}
+#banner{position:absolute;left:0;right:0;z-index:4}
+#banner>div{width:390px}
+.fs-card{margin:0 14px;border-radius:16px;padding:11px 14px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 10px 28px rgba(0,0,0,.22)}
+.fs-card .headline{font-size:18px}.fs-card .caption{font-size:11.5px}.fs-card .frame-logo{height:17px}
+.fs #stack{position:absolute;left:0;top:0;transform-origin:top left;display:block;gap:0}
+.fs .surface.notes h1,.fs .item,.fs .n-body{margin-left:20px;margin-right:20px}
+.fs-app.notes #stack{padding-top:6px}
+.fs-app.screen.whatsapp{background-color:#efeae2;background-image:radial-gradient(rgba(0,0,0,.035) 1.2px,transparent 1.3px),radial-gradient(rgba(0,0,0,.025) 1px,transparent 1.1px);background-size:30px 30px,18px 18px;background-position:0 0,9px 12px}
+.fs-app.whatsapp .messages{background:none}
+.fs-app .messages{padding:10px 12px 12px}
+.fs-app .bubble{max-width:min(80%,320px)}.fs-app .bubble:has(.card){max-width:min(66%,240px)}.fs-app .card img{aspect-ratio:3/2}
+.fs .post .media{aspect-ratio:16/9!important}
+.fs .status-bar{padding:14px 30px 8px}
+.x .status-bar{color:inherit}
+.x-head{display:flex;align-items:center;gap:26px;padding:8px 16px 12px;font-weight:700;font-size:19px;border-bottom:1px solid #eff3f4}
+.x.dark .x-head{border-color:#2f3336}
+.x-head .back{width:12px;height:20px}
+.x-reply{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid #eff3f4;color:#536471;font-size:16px}
+.x.dark .x-reply{border-color:#2f3336;color:#71767b}
+.x-reply-av{width:30px;height:30px;border-radius:50%;background:#cfd9de}.x.dark .x-reply-av{background:#333639}
+.x.light #top,.x.light #bottom{background:#fff}.x.dark #top,.x.dark #bottom{background:#000}
+.tabbar{display:flex;justify-content:space-around;padding:10px 8px 4px;border-top:1px solid #eff3f4}
+.x.dark .tabbar{border-color:#2f3336}
+.tabbar svg{width:27px;height:27px}
+.home-bar{width:134px;height:5px;border-radius:3px;background:currentColor;opacity:.85;margin:10px auto 8px}
+.screen.whatsapp .wa-input{padding-bottom:8px}
+.screen.imessage .im-input{padding-bottom:8px;background:#fff}
+#bottom .wa-input,#bottom .im-input{border-top:1px solid #e0ddd8}
+.n-tools{display:flex;justify-content:space-between;padding:10px 26px 0;color:#e0a100;background:#fff}.n-tools svg{width:25px;height:25px}
+.fs-app.notes #top,.fs-app.notes #bottom{background:#fff;color:#000}
+.fs-app.notes .n-head{padding:6px 20px 10px}
+.s-compose{margin:8px 12px 0;border:1px solid #c9c9c9;border-radius:10px;padding:12px 14px;color:#868686;font-size:15px;background:#fff}
+.fs-app.slack #top,.fs-app.slack #bottom{background:#fff;color:#1d1c1d}
+/* A wall's pile */
+#backdrop{position:absolute;inset:0;overflow:hidden}
+.review.back{position:absolute;width:390px;box-shadow:0 4px 14px rgba(0,0,0,.12)}
+#backdrop .wash{position:absolute;inset:0;background:var(--ground);opacity:.35}
+.wall-card{width:100%;border-radius:16px;padding:12px 16px;box-shadow:0 12px 32px rgba(0,0,0,.3);position:relative;z-index:6}
+#box{z-index:2}
+.tp-glyph{display:inline-flex;width:18px;height:18px;background:#00b67a;align-items:center;justify-content:center;margin-right:3px}.tp-glyph svg{width:80%;height:80%}
+.r-verified{display:inline-flex;align-items:center;gap:3px}.r-verified svg{width:12px;height:12px}
+`;
+var px = (n) => Math.round(n * 10) / 10;
+var PHONE_WIDTH = 390;
+var FONT_WAIT_MS = 1e4;
+var READY = `
+  await Promise.all([...document.images].map((i) => (i.complete ? null : i.decode().catch(() => null))));
+  // The web fonts are waited on for a while, never for ever: past it the page draws in the fallback face.
+  if (document.fonts) await Promise.race([document.fonts.ready, new Promise((r) => setTimeout(r, ${FONT_WAIT_MS}))]);
+  // A square mark set where a wordmark goes reads as a speck at a wordmark's height.
+  for (const img of document.querySelectorAll(".frame-logo")) {
+    if (img.naturalWidth > 0 && img.naturalWidth < img.naturalHeight * 1.6) img.style.height = img.offsetHeight * 1.8 + "px";
+  }
+`;
+var FIT = `
+(async () => {${READY}
+  const box = document.getElementById("box");
+  const stack = document.getElementById("stack");
+  const pile = document.getElementById("backdrop");
+  const fit = () => Math.min(box.clientWidth / stack.offsetWidth, box.clientHeight / stack.offsetHeight);
+  let scale = fit();
+  // A wall in a box squarer than its column is laid out wider, up to a third, so its cards run
+  // shorter and read larger.
+  if (pile && !document.body.classList.contains("wide")) {
+    const base = stack.offsetWidth;
+    let best = { width: base, scale };
+    for (const grow of [1.1, 1.2, 1.33]) {
+      stack.style.width = base * grow + "px";
+      const s = fit();
+      if (s > best.scale) best = { width: base * grow, scale: s };
+    }
+    stack.style.width = best.width + "px";
+    scale = fit();
+  }
+  stack.style.transform = "scale(" + scale + ")";
+  if (pile) {
+    // The wall under the featured: the other reviews once each, whole and upright, in tidy columns
+    // a little smaller than the featured ones, set back under a wash of the ground. Tier 1, Oct
+    // 2026: a pile of tilted cards larger than the featured, repeated to fill the frame, read as
+    // "too many testimonials in the background, it doesn't make much sense".
+    const W = innerWidth, H = innerHeight;
+    const cards = [...pile.children];
+    const cw = Math.min(scale * 0.8, (W * 0.46) / 390);
+    const cols = Math.max(2, Math.min(3, Math.round(W / (390 * cw * 1.05))));
+    const gap = (W - cols * 390 * cw) / (cols + 1);
+    const ys = Array.from({ length: cols }, (_, c) => H * 0.03 - (c % 2) * 60 * cw);
+    for (const card of cards) {
+      const c = ys.indexOf(Math.min(...ys));
+      card.style.zoom = String(cw);
+      card.style.left = (gap + c * (390 * cw + gap)) / cw + "px";
+      card.style.top = ys[c] / cw + "px";
+      ys[c] += card.offsetHeight * cw + gap * 0.6;
+    }
+    const wash = document.createElement("div");
+    wash.className = "wash";
+    pile.appendChild(wash);
+  }
+  document.body.dataset.ready = "1";
+})();
+`;
+var FIT_FULLSCREEN = `
+(async () => {${READY}
+  const cfg = JSON.parse(document.body.dataset.fit);
+  const W = innerWidth, H = innerHeight;
+  const top = document.getElementById("top"), bottom = document.getElementById("bottom");
+  const banner = document.getElementById("banner"), stack = document.getElementById("stack");
+  let y0 = Math.max(top.getBoundingClientRect().height, cfg.bandTop);
+  const y1 = Math.min(H - bottom.getBoundingClientRect().height, cfg.bandBottom);
+  if (banner) {
+    banner.style.top = y0 + 8 + "px";
+    y0 += banner.getBoundingClientRect().height + 16;
+  }
+  const room = y1 - y0;
+  // Laid out wider as it shrinks, so it runs the screen's width, but never past a fifth wider than
+  // the phone: a post's photo grows with the width, and the words would only get smaller.
+  // A chat runs the screen's whole width at any scale: its bubbles keep to the phone's widths, so
+  // a wider column only sets them against the edges, as the app does, never in a narrow strip.
+  // Clear of the buttons down the right, where the placement draws them (\`rail\`).
+  const across = W - cfg.rail;
+  const fits = (s) => { stack.style.width = (cfg.scroll ? across / s : Math.min(across / s, cfg.phone * 1.2)) + "px"; return stack.offsetHeight * s <= room; };
+  // A chat never shrinks past what reads on a phone: its earliest messages scroll up under the
+  // header instead, as the app does, and the page says which ones went (the review expects them
+  // nowhere on this size).
+  const floor = cfg.chrome * (cfg.scroll ? 0.5 : 0.2);
+  // A short chat is set a little larger than the phone, so it reads and fills the screen.
+  let lo = floor, hi = cfg.chrome * (cfg.scroll ? 1.3 : 1), best = lo;
+  if (fits(hi)) best = hi;
+  else for (let i = 0; i < 16; i++) { const m = (lo + hi) / 2; if (fits(m)) { best = m; lo = m; } else hi = m; }
+  fits(best);
+  stack.style.transform = "scale(" + best + ")";
+  stack.style.left = (across - stack.offsetWidth * best) / 2 + "px";
+  const h = stack.offsetHeight * best;
+  stack.style.top = (cfg.align === "bottom" ? y1 - h : y0) + "px";
+  const hidden = [];
+  if (cfg.scroll && h > room + 1) {
+    const veil = document.createElement("div");
+    const wall = getComputedStyle(stack.querySelector(".messages") ?? stack).backgroundColor;
+    veil.style.cssText = "position:absolute;left:0;right:0;top:0;z-index:2;background:" + wall + ";height:" + y0 + "px";
+    document.body.appendChild(veil);
+    for (const bubble of stack.querySelectorAll("[data-copy]")) {
+      if (bubble.getBoundingClientRect().top < y0) hidden.push(...JSON.parse(bubble.dataset.copy));
+    }
+  }
+  document.body.dataset.hidden = JSON.stringify(hidden);
+  document.body.dataset.ready = "1";
+})();
+`;
+function isFullScreen(opts) {
+  return opts.height / opts.width >= 1.7;
+}
+var FULL_SCREEN_APPS = /* @__PURE__ */ new Set([
+  "x_post",
+  "whatsapp",
+  "imessage",
+  "notes",
+  "slack"
+]);
+function frameGround(surface, brand, size) {
+  if (isFullScreen(size) && FULL_SCREEN_APPS.has(surface.surface)) {
+    return surface.frame.background ?? brand.ground ?? "#ffffff";
+  }
+  return backdrop(surface, brand);
+}
+function nativeSurfaceHtml(surface, assets, opts) {
+  const w = opts.width / 2;
+  const h = opts.height / 2;
+  const t = chromeWords(opts.language, opts.words);
+  const bg = backdrop(surface, opts.brand);
+  const ink = isDark(bg) ? "#ffffff" : opts.brand.ink ?? "#111111";
+  const font = assets.font ? `@font-face{font-family:BrandFont;src:url(${assets.font});font-display:block}` : "";
+  const head = `<!doctype html><html><head><meta charset="utf-8">
+<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Color+Emoji&display=block">
+<style>${font}${STYLE}`;
+  const parts = isFullScreen(opts) ? appParts(surface, assets, t) : null;
+  if (parts) return fullScreenHtml(surface, parts, assets, opts, head);
+  const wall = surface.surface === "trustpilot" || surface.surface === "google_reviews";
+  const stack = frameStack(surface, screenHtml(surface, assets, t, opts.brand.name), assets, ink, bg);
+  const box = layoutBox(opts.safe, w, h);
+  const pile = wall ? `<div id="backdrop" style="--ground:${bg}">${reviewPile(surface, assets, t)}</div>` : "";
+  const wide = wall && Math.min(surface.reviews.length, FEATURED_REVIEWS) >= 2 && box.width / box.height > 1.25;
+  return `${head}
+body{background:${bg};width:${w}px;height:${h}px;position:relative}
+#box{top:${px(box.top)}px;left:${px(box.left)}px;width:${px(box.width)}px;height:${px(box.height)}px}
+</style></head><body${wide ? ' class="wide"' : ""}>${pile}<div id="box"><div id="stack">${stack}</div></div><script>${FIT}</script></body></html>`;
+}
+function appParts(surface, assets, t) {
+  switch (surface.surface) {
+    case "x_post":
+      return xParts(surface, assets, t);
+    case "whatsapp":
+    case "imessage":
+      return chatParts(surface, assets, t);
+    case "notes":
+      return notesParts(surface, t);
+    case "slack":
+      return slackParts(surface, assets, t);
+    default:
+      return null;
+  }
+}
+function fullScreenHtml(surface, parts, assets, opts, head) {
+  const w = opts.width / 2;
+  const h = opts.height / 2;
+  const chrome = Math.round(w / PHONE_WIDTH * 1e3) / 1e3;
+  const fit = {
+    bandTop: px(opts.safe.top * h),
+    bandBottom: px((1 - opts.safe.bottom) * h),
+    // Buttons down the right (Reels, TikTok, Shorts): an inset wider on the right than the left.
+    rail: opts.safe.right > opts.safe.left ? px(opts.safe.right * w) : 0,
+    chrome,
+    phone: PHONE_WIDTH,
+    align: parts.align,
+    scroll: surface.surface === "whatsapp" || surface.surface === "imessage"
+  };
+  const { frame } = surface;
+  const ground = frameGround(surface, opts.brand, opts);
+  const ink = isDark(ground) ? "#ffffff" : opts.brand.ink ?? "#111111";
+  const logo = frame.logo ? isDark(ground) ? assets.frameLogo ?? assets.logo : assets.logo ?? assets.frameLogo : void 0;
+  const card = [
+    frame.headline ? `<div class="headline" style="color:${ink}">${keepTogether(esc(frame.headline))}</div>` : "",
+    frame.caption ? `<div class="caption" style="color:${ink}">${keepTogether(esc(frame.caption))}</div>` : "",
+    logo ? `<img class="frame-logo${inked(assets, logo, isDark(ground))}" src="${logo}" alt="">` : ""
+  ].join("");
+  const banner = card ? `<div id="banner"><div style="zoom:${chrome}"><div class="fs-card" style="background:${ground}">${card}</div></div></div>` : "";
+  return `${head}
+body{width:${w}px;height:${h}px;position:relative}
+</style></head><body class="fs" data-fit='${JSON.stringify(fit)}'><div class="fs-app ${parts.cls}"><div id="top"><div style="zoom:${chrome}">${parts.top}</div></div>${banner}<div id="stack">${parts.body}</div><div id="bottom"><div style="zoom:${chrome}">${parts.bottom}</div></div></div><script>${FIT_FULLSCREEN}</script></body></html>`;
+}
+function screenHtml(surface, assets, t, brandName) {
+  switch (surface.surface) {
+    case "x_post":
+      return `<div class="surface x ${surface.theme}">${xPosts(surface, assets, t)}</div>`;
+    case "whatsapp":
+    case "imessage":
+      return chatHtml(surface, assets, t);
+    case "trustpilot":
+    case "google_reviews":
+      return reviewsHtml(surface, assets, t, brandName);
+    case "notes":
+      return notesHtml(surface, t);
+    case "slack":
+      return slackHtml(surface, assets, t);
+    default:
+      return "";
+  }
+}
+function frameStack(surface, screen, assets, ink, ground) {
+  const { frame } = surface;
+  const logo = frame.logo ? assets.frameLogo ?? assets.logo : void 0;
+  const wall = surface.surface === "trustpilot" || surface.surface === "google_reviews";
+  const badge = logo && frame.logo_position === "over" && !wall ? `<div class="logo-badge"><img class="${inked(assets, assets.logo ?? logo, false).trim()}" src="${assets.logo ?? logo}" alt=""></div>` : "";
+  const placed = logo && frame.logo_position === "over";
+  const piled = wall && surface.reviews.length > FEATURED_REVIEWS;
+  const line = (cls, text) => {
+    const html = `<div class="${cls}" style="color:${ink}">${keepTogether(esc(text))}</div>`;
+    return piled ? `<div class="wall-card" style="background:${ground}">${html}</div>` : html;
+  };
+  return [
+    frame.headline ? line("headline", frame.headline) : "",
+    badge ? `<div class="over">${screen}${badge}</div>` : screen,
+    frame.caption ? line("caption", frame.caption) : "",
+    logo && !placed ? `<img class="frame-logo${inked(assets, logo, isDark(ground))}" src="${logo}" alt="">` : ""
+  ].join("");
+}
+function layoutBox(safe, w, h) {
+  const margin = 0.035;
+  const top = Math.max(safe.top, margin) * h;
+  const bottom = Math.max(safe.bottom, margin) * h;
+  const left = Math.max(safe.left, margin) * w;
+  const right = Math.max(safe.right, margin) * w;
+  return { top, left, width: w - left - right, height: h - top - bottom };
+}
+
+// src/engine/scaffold/static-ad-spec.ts
+var AD_SPEC_SCHEMA = "baker-static-ad/3";
+var AD_SPEC_SCHEMAS = ["baker-static-ad/2", AD_SPEC_SCHEMA];
+var Hex2 = z3.string().regex(/^#[0-9a-fA-F]{6}$/, "a colour is a 6-digit hex like #123551").transform((h) => h.toLowerCase());
+var AdCopyLine = z3.object({
+  text: z3.string().trim().min(1),
+  lettering: z3.enum(["in_scene", "designed"]),
+  /** headline | body | cta | caption | fine_print | label. */
+  role: z3.string().optional(),
+  /** In-scene lines: the object it is written on (a whiteboard, a phone's notes app, a sticky note). */
+  on: z3.string().optional(),
+  /** How it looks: an in-scene line's own lettering (chunky navy marker), a designed line's size or treatment. */
+  look: z3.string().optional(),
+  /** Where it sits, by what is around it ("top of the board", "under the headline"). */
+  position: z3.string().optional()
+}).strict();
+var AD_REFERENCE_ROLES = ["identity", "product", "prop"];
+var AdReference = z3.object({
+  /** A role-based label, never a brand's: PERSON_1, ANIMAL_1, PRODUCT_1, BADGE_1, PROP_1. */
+  id: z3.string().regex(
+    /^(PERSON|ANIMAL|PRODUCT|BADGE|PROP)_\d+$/,
+    "a reference id is PERSON_1, ANIMAL_1, PRODUCT_1, BADGE_1 or PROP_1"
+  ),
+  role: z3.enum(AD_REFERENCE_ROLES),
+  /** The canvas ingest node that holds its picture (bookkeeping, never sent to a model). */
+  slot: z3.string().optional(),
+  /** How it appears in this ad. */
+  what: z3.string().trim().min(1),
+  /** What must stay exactly as in the picture, when more than the default for its role. */
+  keep: z3.string().optional(),
+  /** The company avatar cast in this role (`baker avatars list`): a licensed face, never an invented one. */
+  avatar: z3.string().optional(),
+  /**
+   * A picture of ours that shows it (a path from the creative's folder, or a URL): every run
+   * wires it into the renders (`ref_<id>`), so a picture is named here, never hand-wired.
+   */
+  image: z3.string().trim().min(1).optional()
+}).strict();
+function isMemeTemplate(reference) {
+  return /(^|\/\/)i\.imgflip\.com\//i.test(reference.image ?? "") || /\bmemes?\b/i.test(reference.what);
+}
+var Market = z3.object({
+  /** ISO country code (ES, MX), or "global" for a version that runs in several. */
+  country: z3.string().trim().min(2),
+  language: z3.string().trim().min(2).optional(),
+  currency: z3.string().trim().min(1).optional(),
+  /** How the copy addresses the viewer: tú, usted, vos, você, du, Sie, vous… */
+  address: z3.string().trim().min(1).optional()
+}).strict();
+var Viewer = z3.object({
+  /** Who will see the ad, in the words a marketer would use. */
+  who: z3.string().trim().min(1),
+  market: Market.optional(),
+  /** What they already know about the brand and the offer; a list (as _definition.md keeps it) reads as one line. */
+  knows: z3.preprocess((v) => Array.isArray(v) ? v.map(String).join("; ") || void 0 : v, z3.string().optional()),
+  temperature: z3.enum(["cold", "warm", "hot"]).optional(),
+  /** Where they meet it (feed, Stories, Reels). */
+  placement: z3.string().optional()
+}).strict();
+var withoutFormatName = (v) => {
+  if (!v || typeof v !== "object" || Array.isArray(v) || typeof v.concept !== "string")
+    return v;
+  const { concept: _format, ...scene } = v;
+  return scene;
+};
+var SceneFields = z3.object({
+  description: z3.string().trim().min(1),
+  /** A photograph, a designed graphic, or an illustration; plain synonyms ("photography") read as them. */
+  look: z3.preprocess(
+    (v) => typeof v !== "string" ? v : /^photo/i.test(v.trim()) ? "photo" : /^illustrat/i.test(v.trim()) ? "illustration" : /^(design|graphic)/i.test(v.trim()) ? "designed" : v,
+    z3.enum(["photo", "designed", "illustration"])
+  ),
+  /** How a photo was taken, in plain words (handheld at standing height, window light, faint glare). */
+  capture: z3.string().optional(),
+  mood: z3.string().optional(),
+  /** How the frame is arranged, by what fills each part of it. */
+  layout: z3.string().optional()
+}).strict();
+var Scene = z3.preprocess(withoutFormatName, SceneFields);
+var Brand = z3.object({
+  name: z3.string().optional(),
+  /** The words the brand's logo prints (its wordmark), so a check reads them as the logo, never as copy. */
+  lockup: z3.array(z3.string().trim().min(1)).optional(),
+  /** The brand's face in words, when no specimen of it is wired ("a heavy geometric sans"). */
+  typeface: z3.string().optional(),
+  ground: Hex2.optional(),
+  ink: Hex2.optional(),
+  accent: Hex2.optional(),
+  cta: Hex2.optional(),
+  palette: z3.array(Hex2).default([])
+}).strict();
+var ColorUse = z3.object({ object: z3.string().trim().min(1), name: z3.string().trim().min(1), hex: Hex2.optional() }).strict();
+var Mechanism = z3.object({ device: z3.string().trim().min(1), why_it_works: z3.string().optional() }).strict();
+var ThirdPartyBrand = z3.object({
+  name: z3.string().trim().min(1),
+  /** Where it shows in this ad, by what carries it ("the car the loan is for"). */
+  what: z3.string().optional(),
+  /** The reference (BADGE_1) that holds a picture of its logo, when one is wired. */
+  logo: z3.string().regex(/^(PERSON|ANIMAL|PRODUCT|BADGE|PROP)_\d+$/, "a logo is a reference id like BADGE_1").optional(),
+  /**
+   * Why its logo is on our ad: `partner` (the offer is about it), `proof` (the review platform a
+   * rating comes from), `category_signal` (how a stranger knows in a second what this is: the
+   * Instagram and TikTok marks on a social media tool's ad).
+   */
+  role: z3.enum(["partner", "proof", "category_signal"]).optional()
+}).strict();
+var CONCEPT_CARRY_LEVELS = ["whole_ad", "layout", "hook", "angle"];
+var LOAD_BEARING_JOBS = ["stop", "proof", "other"];
+var KEEP_DECISIONS = ["keep", "replace", "impossible"];
+var HAVE_FOR = {
+  keep: "have",
+  replace: "adapt",
+  impossible: "missing"
+};
+var word = (v) => typeof v === "string" ? v.trim().toLowerCase() : v;
+var withDerivedHave = (v) => {
+  if (!v || typeof v !== "object" || Array.isArray(v) || "have" in v) return v;
+  const decision = word(v.decision);
+  const have = KEEP_DECISIONS.find((d) => d === decision);
+  return have ? { ...v, have: HAVE_FOR[have] } : v;
+};
+var LOAD_BEARING_FIELDS = {
+  /** The element, as it shows in the picture ("the free gift", "a peer's face", "the red ✗ marks"). */
+  element: z3.string().trim().min(1),
+  /** What it does for the ad (`LOAD_BEARING_JOBS`). */
+  job: z3.preprocess(word, z3.enum(LOAD_BEARING_JOBS).optional()),
+  /** What it takes to carry it ("something the viewer wants for free"). */
+  needs: z3.string().optional(),
+  /** Whether we have it as it is, can adapt it, or have nothing for it. */
+  have: z3.enum(["have", "adapt", "missing"]),
+  /** What our ad does with it (`KEEP_DECISIONS`); unset (older specs), it follows from `have`. */
+  decision: z3.preprocess(word, z3.enum(KEEP_DECISIONS).optional()),
+  /** What of ours carries it in this ad. */
+  ours: z3.string().optional(),
+  /** The company rule that forbids it as it is, quoted word for word. */
+  rule: z3.string().optional()
+};
+var LoadBearing = z3.preprocess(withDerivedHave, z3.object(LOAD_BEARING_FIELDS).strict());
+function decisionOf(l) {
+  if (l.decision) return l.decision;
+  if (l.have === "have") return "keep";
+  return l.have === "adapt" || l.ours?.trim() ? "replace" : "impossible";
+}
+var UNFIT_LEAD = {
+  stop: (element) => `what stops the scroll there, "${element}", cannot be ours`,
+  proof: (element) => `its proof, "${element}", cannot be ours`,
+  other: (element) => `it wins on "${element}", which we cannot supply`
+};
+var JOB_ORDER = { stop: 0, proof: 1, other: 2 };
+var MEME_ELEMENT = /\bmemes?\b|reaction[\s-](?:face|image|gif|shot|photo)s?/i;
+var isMemeElement = (element) => MEME_ELEMENT.test(element);
+function memeReasons(concept, audience) {
+  if (audience?.memes !== "off_brand") return [];
+  return concept.load_bearing.filter((l) => l.job === "stop" && decisionOf(l) !== "impossible" && isMemeElement(l.element)).map(
+    (l) => `what stops the scroll there, "${l.element}", is a meme, and our brand's voice does not run memes${audience.why ? ` (${audience.why})` : ""}`
+  );
+}
+function unfitReasons(concept, audience) {
+  return [...impossibleReasons(concept), ...memeReasons(concept, audience)];
+}
+function impossibleReasons(concept) {
+  return concept.load_bearing.filter((l) => decisionOf(l) === "impossible" || l.have === "missing" && !l.ours?.trim()).sort((a, b) => JOB_ORDER[a.job ?? "other"] - JOB_ORDER[b.job ?? "other"]).map(
+    (l) => `${UNFIT_LEAD[l.job ?? "other"](l.element)}${l.rule?.trim() ? ` (a company rule: "${l.rule.trim()}")` : ""}`
+  );
+}
+var isVital = (l) => l.job === "stop" || l.job === "proof";
+var Concept = z3.object({
+  reference_ad_id: z3.string().optional(),
+  why_it_wins: z3.object({
+    disguise: z3.string().optional(),
+    voice: z3.string().optional(),
+    trigger: z3.string().optional(),
+    attention: z3.string().optional(),
+    logic: z3.string().optional()
+  }).strict().default({}),
+  load_bearing: z3.array(LoadBearing).default([]),
+  verdict: z3.enum(["use", "adapt", "reject"]),
+  /** How the idea transfers to us, in a sentence. Bookkeeping: never compiled into a render. */
+  transfer_note: z3.string().optional(),
+  /**
+   * What made the reference win, so what this ad carries of it (`CONCEPT_CARRY_LEVELS`): the whole
+   * ad, its layout, its hook or its angle. The render sees the reference for its structure only
+   * for the whole ad or its layout. Unset (older specs): as the whole ad.
+   */
+  carry: z3.enum(CONCEPT_CARRY_LEVELS).optional(),
+  /** Why that level, in a sentence. Bookkeeping for the agent. */
+  carry_why: z3.string().optional()
+}).strict();
+var AdSpecSchema = z3.object({
+  schema: z3.enum(AD_SPEC_SCHEMAS),
+  viewer: Viewer.optional(),
+  /** The one thing the ad tells the viewer. Intent, never printed. */
+  message: z3.string().optional(),
+  copy: z3.array(AdCopyLine).default([]),
+  scene: Scene,
+  brand: Brand.optional(),
+  colors: z3.array(ColorUse).default([]),
+  references: z3.array(AdReference).default([]),
+  /** The ad shows the brand's logo (the real file, wired on the canvas): on by default for a standard brand presence, whatever the reference showed. */
+  logo: z3.boolean().default(false),
+  logo_position: z3.string().optional(),
+  /** Other brands the offer is about, whose logos the ad may show. */
+  third_party_brands: z3.array(ThirdPartyBrand).default([]),
+  /**
+   * Words the scene prints by itself, never copy: a phone's status bar and app chrome, a code
+   * editor's line numbers, a product's own label, a platform's badge. The render may draw them
+   * and the review never calls them extra words.
+   */
+  scene_text: z3.preprocess(
+    (v) => Array.isArray(v) ? v.map((w) => w && typeof w === "object" && "text" in w ? w.text : w) : v,
+    z3.array(z3.string().trim().min(1)).default([])
+  ),
+  /** The formats the ad is made for; the canvas delivers them. */
+  formats: z3.array(z3.string()).optional(),
+  /** An optional note on direction for this concept. */
+  direction: z3.string().optional(),
+  /** The device the ad is built on, and why it works on a stranger. Judged, never drawn. */
+  mechanism: z3.preprocess((v) => {
+    const list = v && typeof v === "object" && !Array.isArray(v) ? [v] : v;
+    return Array.isArray(list) ? list.map((m) => typeof m === "string" ? { device: m } : m) : list;
+  }, z3.array(Mechanism).default([])),
+  /** Why the reference won and what this ad keeps of it (schema /3). */
+  concept: Concept.optional(),
+  /**
+   * How the ad shows the brand, decided by the concept: `native` (a disguise: a note, a post, a
+   * chat) carries the logo as the sender or avatar and no big button; `standard` the logo large
+   * and a solid button. Unset: standard.
+   */
+  brand_presence: z3.enum(["native", "standard"]).optional(),
+  /** What kind of product a stranger takes it for in one second, never its format ("a trade course", "a payroll app"). */
+  recognition: z3.string().optional(),
+  /**
+   * The ad is a screen people know (a post on X, a WhatsApp chat, a wall of Trustpilot reviews, a
+   * note, a Slack message), drawn exactly from HTML at every size (`native-surface.ts`); the image
+   * model renders only the photos it holds. For a native disguise, never a painted imitation.
+   */
+  native: NativeSurfaceSchema.optional(),
+  /** The product this ad sells (`src/content/products/<slug>.md`): a business unit's rules hold for it. */
+  product: z3.string().trim().min(1).optional(),
+  /**
+   * The company's rules this ad departs from because the person asked for it, each with why
+   * (`baker creatives rules list`): a person's explicit ask beats a rule, visibly.
+   */
+  waive: z3.array(z3.object({ rule: z3.string().trim().min(1), why: z3.string().trim().min(1) }).strict()).optional(),
+  // Bookkeeping: read by the agent and the judge's context, never compiled into a render.
+  source: z3.unknown().optional(),
+  reference: z3.unknown().optional(),
+  notes: z3.unknown().optional()
+}).strict();
+function referenceNodeId(reference) {
+  return `ref_${reference.id.toLowerCase()}`;
+}
+function isAdSpec(raw) {
+  const schema = raw && typeof raw === "object" ? raw.schema : void 0;
+  return AD_SPEC_SCHEMAS.includes(schema);
+}
+function seesReferenceStructure(spec) {
+  const concept = spec.concept;
+  if (!concept || concept.verdict === "reject") return false;
+  return concept.carry === void 0 || concept.carry === "whole_ad" || concept.carry === "layout";
+}
+function conceptSummary(spec) {
+  const concept = spec.concept;
+  if (!concept || concept.verdict === "reject") return null;
+  const carry = concept.carry ?? "whole_ad";
+  if (carry === "angle") return null;
+  const carried = carry === "hook" ? concept.load_bearing.filter((l) => l.job === "stop") : concept.load_bearing;
+  const keepOf = (l) => l.ours?.trim() ? `${l.ours.trim()} (the role ${l.element} plays)` : l.element;
+  const mustKeep = carried.map(keepOf);
+  const vital = carry === "layout" ? [] : carried.flatMap((l) => isVital(l) ? [{ keep: keepOf(l), job: l.job }] : []);
+  const { disguise, voice } = concept.why_it_wins;
+  const idea = carry === "whole_ad" ? [disguise?.trim(), voice?.trim() ? `in the voice of ${voice.trim()}` : ""].filter(Boolean).join(", ") : "";
+  return { mustKeep, ...idea ? { idea } : {}, ...vital.length > 0 ? { vital } : {} };
+}
+function conceptProblems(spec) {
+  const concept = spec.concept;
+  if (!concept) return [];
+  const problems = [];
+  if (concept.verdict === "reject") {
+    problems.push(
+      "The reference was judged not to fit this company (`concept.verdict: reject`): what it wins on is something we cannot supply. Do not stop or ask: check the next candidates from your search (`baker winning-ads fit <adId>`, about three) and scaffold this concept on the first that fits."
+    );
+  }
+  for (const element of concept.load_bearing) {
+    if (isVital(element) || element.have !== "missing" || element.ours?.trim()) continue;
+    problems.push(
+      `"${element.element}" is what the reference wins on and we have nothing for it: name what of ours carries it (\`ours\`), or pick another reference.`
+    );
+  }
+  return problems;
+}
+var PLACEHOLDER = "[TODO";
+function unwrittenProblems(spec) {
+  const problems = [];
+  if (spec.scene.description.includes(PLACEHOLDER)) {
+    problems.push("The scene is still a placeholder: write what the viewer sees in `scene.description`.");
+  }
+  const lines = spec.copy.filter((line) => line.text.includes(PLACEHOLDER));
+  if (lines.length > 0) {
+    problems.push(`${lines.length} line(s) of copy are still placeholders: write each as it prints, or drop it.`);
+  }
+  return problems;
+}
+var QUOTED = /"([^"]{2,})"|“([^”]{2,})”|(?<![\p{L}\p{N}])['‘]([^'’]{2,}?)['’](?![\p{L}\p{N}])/gu;
+var FIGURE = /[£$€]\s?\d[\d.,]*|\d+(?:[.,]\d+)?\s?%/g;
+var comparable = (text) => text.normalize("NFD").replace(new RegExp("\\p{M}", "gu"), "").toLowerCase().replace(/[^\p{L}\p{N}£$€%]+/gu, " ").trim();
+function sceneWordProblems(spec) {
+  const held = [...spec.copy.map((l) => l.text), ...spec.scene_text].map(comparable);
+  const holds = (text) => {
+    const want = comparable(text);
+    return want.length === 0 || held.some((h) => h.includes(want));
+  };
+  const scene = [spec.scene.description, spec.scene.layout ?? ""].join(" ");
+  const quoted = [...scene.matchAll(QUOTED)].map((m) => (m[1] ?? m[2] ?? m[3] ?? "").trim()).filter((q) => !holds(q));
+  const figures = (scene.match(FIGURE) ?? []).map((f) => f.trim()).filter((f) => !holds(f));
+  const unheld = [.../* @__PURE__ */ new Set([...quoted, ...figures])];
+  if (unheld.length === 0) return [];
+  return [
+    `The scene asks the picture to show ${unheld.map((w) => `"${w}"`).join(", ")}, which the copy does not hold: the picture would print it and the run would then spend a round erasing it. Put each one the ad needs in \`copy\` as an \`in_scene\` line with \`on\` (the bill, the phone), or describe that surface without words (blank, blurred, face-down).`
+  ];
+}
+var FIELD_SHAPES = {
+  copy: '"copy": [{"text": "Book your free survey", "lettering": "designed", "role": "cta"}]',
+  scene: '"scene": {"description": "a family on a sunny roof terrace", "look": "photo"}',
+  colors: '"colors": [{"object": "the button", "name": "deep green", "hex": "#1F5C3A"}]',
+  references: '"references": [{"id": "PRODUCT_1", "role": "product", "what": "the solar panel kit"}]',
+  third_party_brands: '"third_party_brands": [{"name": "Trustpilot", "role": "proof", "logo": "BADGE_1"}]',
+  mechanism: '"mechanism": [{"device": "a before and after", "why_it_works": "the change is seen, not told"}]',
+  viewer: '"viewer": {"who": "homeowners with high energy bills", "knows": "nothing about us yet"}'
+};
+var SPEC_SHAPES_HINT = `prompt.json shapes: ${["copy", "colors", "viewer"].map((f) => FIELD_SHAPES[f]).join("; ")}.`;
+function adSpecErrorText(e) {
+  if (!(e instanceof z3.ZodError)) return e instanceof Error ? e.message : String(e);
+  const items = /* @__PURE__ */ new Map();
+  for (const issue of e.issues) {
+    const [field2, index, key] = issue.path;
+    const at = typeof index === "number" ? `${String(field2)}[${index}]` : issue.path.map(String).join(".") || "the spec";
+    const what = issue.code === "unrecognized_keys" ? `no field ${issue.keys.map((k) => `"${k}"`).join(", ")}` : key !== void 0 && typeof index === "number" ? `"${String(key)}" ${issue.message.replace(/^Invalid input: /, "")}` : issue.message.replace(/^Invalid input: /, "");
+    items.set(at, [...items.get(at) ?? [], what]);
+  }
+  const fields = [...new Set(e.issues.map((i) => String(i.path[0] ?? "")))].filter((f) => FIELD_SHAPES[f]);
+  return [
+    ...[...items].map(([at, whats]) => `${at}: ${[...new Set(whats)].join("; ")}`),
+    ...fields.map((f) => `Shape: ${FIELD_SHAPES[f]}`)
+  ].join("\n");
+}
+function readAdSpec(raw) {
+  if (isAdSpec(raw)) return AdSpecSchema.parse(raw);
+  const advertiser = raw?.reference?.advertiser;
+  return adSpecFromBlueprint(raw, { scrub: typeof advertiser === "string" ? [advertiser] : [] });
+}
+var HAND_LETTERED = /\b(?:hand[- ]?(?:written|writing|lettered|lettering|drawn)|handwrit\w*|scrawl\w*|scribbl\w*|markers?|felt[- ]?(?:tip|pen)s?|chalked|(?:written|drawn|lettered|painted) by hand)\b/i;
+var HANDWRITING = new RegExp(
+  `${HAND_LETTERED.source}|\\b(?:chalk\\w*|whiteboards?|blackboards?|sticky[- ]notes?|post[- ]?its?|notepads?|notebooks?|napkins?)\\b`,
+  "i"
+);
+var SCENE_SURFACE = /\b(?:bubbles?|chats?|messages?|panels?|cards?|screens?|phones?|apps?|ui|interface|windows?|browsers?|tabs?|menus?|notifications?|dashboards?|tables?|charts?|forms?|fields?|rows?|labels?|tags?|tickets?|receipts?|invoices?|packaging|packages?|boxe?s?|bottles?|jars?|cans?|bags?|signs?|signage|posters?|banners?|billboards?|mugs?|shirts?)\b/i;
+var letteredOn = (line) => line.on?.trim() || SCENE_SURFACE.exec(`${line.position ?? ""} ${line.look ?? ""}`)?.[0];
+var handwritten = (line) => {
+  const surface = letteredOn(line);
+  return !surface || HANDWRITING.test(`${surface} ${line.look ?? ""} ${line.position ?? ""}`);
+};
+function withRenderedLettering(spec) {
+  const designed = (line) => line.lettering === "in_scene" && handwritten(line);
+  if (!spec.copy.some(designed)) return spec;
+  const copy = spec.copy.map((line) => {
+    if (!designed(line)) return line;
+    const { on, look: _look, position, ...rest } = line;
+    const over = position ?? (on ? `over ${on}` : void 0);
+    return { ...rest, lettering: "designed", ...over ? { position: over } : {} };
+  });
+  return { ...spec, copy };
+}
+function conceptClassOf(spec) {
+  if (spec.scene.look === "photo") {
+    return spec.references.some((r) => r.id.startsWith("PERSON_")) ? "photo_people" : "photo";
+  }
+  return spec.scene.look;
+}
+var PSEUDO_PRECISE = /\d\s*%|\b\d+(?:\.\d+)?\s?mm\b|\bf\/\s?\d|\bISO\s?\d|\b1\/\d+\s?s\b|\bfocal length\b|\baperture\b/i;
+var HEX_TOKEN = /\s*#[0-9a-fA-F]{6}\b|\s*#[0-9a-fA-F]{3}\b/g;
+function plainText(text, scrub = []) {
+  if (typeof text !== "string") return "";
+  let out = text.replace(HEX_TOKEN, "");
+  for (const name of scrub) {
+    const bare = name.replace(/[®™©]/g, "").trim();
+    if (bare.length < 2) continue;
+    out = out.replace(new RegExp(`\\b${bare.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")}\\b\\s*[\xAE\u2122\xA9]?`, "gi"), "");
+  }
+  const kept = (text2) => text2.split(/(?<=[,;])/).map((c) => c.trim()).filter((c) => c && !PSEUDO_PRECISE.test(c));
+  out = out.replace(/\s*\(([^()]*)\)\s*([.,;:!?]?)/g, (_m, inner, mark) => {
+    const aside = kept(inner).join(" ").replace(/[,;]\s*$/, "");
+    if (!aside) return mark ? `${mark} ` : " ";
+    return `: ${aside}${mark && mark !== "," ? mark : ","} `;
+  });
+  const clauses = kept(out.replace(/[()]/g, " "));
+  return clauses.join(" ").replace(/\s+([,;.])/g, "$1").replace(/[,;]\s*$/, "").replace(/\s{2,}/g, " ").trim();
+}
+var str = (v) => typeof v === "string" && v.trim() ? v.trim() : void 0;
+var entries = (v) => Array.isArray(v) ? v.filter((e) => Boolean(e) && typeof e === "object") : [];
+var hexOrUndefined = (v) => {
+  const parsed = Hex2.safeParse(v);
+  return parsed.success ? parsed.data : void 0;
+};
+var SURFACES = [
+  "whiteboard",
+  "sticky note",
+  "notepad",
+  "receipt",
+  "packaging",
+  "bottle",
+  "jar",
+  "sign",
+  "screenshot",
+  "phone",
+  "screen",
+  "bubble",
+  "card",
+  "label",
+  "ticket",
+  "notification",
+  "message",
+  "panel"
+];
+function surfaceOf(placement) {
+  const lower = placement?.toLowerCase() ?? "";
+  return SURFACES.find((s) => lower.includes(s));
+}
+var TREATMENT_WORDS = {
+  underline: "underlined",
+  arrow: "followed by an arrow",
+  button: "as a button",
+  sticker: "as a sticker",
+  highlight: "highlighted"
+};
+function treatmentOf(entry) {
+  const t = str(entry.treatment)?.toLowerCase();
+  if (!t || t === "plain") return void 0;
+  const key = Object.keys(TREATMENT_WORDS).find((k) => t.includes(k));
+  return key ? TREATMENT_WORDS[key] : void 0;
+}
+var field = (key, value) => value ? { [key]: value } : {};
+function copyLineOf(entry, text, scrub) {
+  const placement = str(entry.placement);
+  const common = { text, ...field("role", str(entry.role)), ...field("position", plainText(placement, scrub)) };
+  const treatment = treatmentOf(entry);
+  if (!isInScene(entry)) return { ...common, lettering: "designed", ...field("look", treatment) };
+  const lettering = [plainText(entry.font_characteristics, scrub), treatment].filter(Boolean).join(", ");
+  const surface = surfaceOf(placement);
+  return {
+    ...common,
+    lettering: "in_scene",
+    ...field("on", surface && `the ${surface}`),
+    ...field("look", lettering)
+  };
+}
+function copyFromBlueprint(bp, scrub) {
+  const seen = /* @__PURE__ */ new Set();
+  return entries(bp.text_content).flatMap((entry) => {
+    const text = str(entry.text);
+    if (!text || str(entry.role)?.toLowerCase() === "logo" || seen.has(text)) return [];
+    seen.add(text);
+    return [copyLineOf(entry, text, scrub)];
+  });
+}
+var PRODUCT_CATEGORY = /product|package|packaging|bottle|box|can\b|jar|tin|pack\b/i;
+var LIVING_CATEGORY = /animal|pet|dog|cat|character|mascot|creature/i;
+function referenceRoleOf(collection, entry) {
+  if (collection === "people") return { role: "identity", prefix: "PERSON" };
+  if (collection === "brands_logos") return { role: "prop", prefix: "BADGE" };
+  const category = `${str(entry.category) ?? ""} ${str(entry.treatment) ?? ""}`;
+  if (LIVING_CATEGORY.test(category) || str(entry.expression)) return { role: "identity", prefix: "ANIMAL" };
+  if (PRODUCT_CATEGORY.test(str(entry.category) ?? "")) return { role: "product", prefix: "PRODUCT" };
+  return { role: "prop", prefix: "PROP" };
+}
+function referencesFromBlueprint(bp, scrub) {
+  const labelled = ["people", "subjects", "brands_logos"].flatMap((collection) => entries(bp[collection]).map((entry) => ({ collection, entry }))).filter(
+    ({ collection, entry }) => str(entry.reference_image) && !(collection === "brands_logos" && str(entry.function_in_image) === "advertiser_brand")
+  );
+  const counters = /* @__PURE__ */ new Map();
+  const pictured = labelled.map(({ collection, entry }) => {
+    const { role, prefix } = referenceRoleOf(collection, entry);
+    const n = (counters.get(prefix) ?? 0) + 1;
+    counters.set(prefix, n);
+    const described2 = entry.description ?? entry.apparent_identity_or_role ?? entry.what_it_represents;
+    const what = plainText(described2, scrub) || `the ${role === "identity" ? "subject" : role} in this picture`;
+    return { id: `${prefix}_${n}`, role, slot: sanitizeId(`el_${str(entry.reference_image)}`, "el"), what };
+  });
+  const described = entries(bp.subjects).flatMap((entry) => {
+    const what = plainText(entry.description, scrub);
+    if (str(entry.reference_image) || !what || referenceRoleOf("subjects", entry).role !== "product") return [];
+    const n = (counters.get("PRODUCT") ?? 0) + 1;
+    counters.set("PRODUCT", n);
+    return [{ id: `PRODUCT_${n}`, role: "product", what }];
+  });
+  return [...pictured, ...described];
+}
+function logoPositionOf(bp, scrub) {
+  const own = entries(bp.brands_logos).find((e) => str(e.function_in_image) === "advertiser_brand");
+  return plainText(own?.placement, scrub) || void 0;
+}
+var THIRD_PARTY_FUNCTIONS = /* @__PURE__ */ new Set(["partner", "sponsor"]);
+function thirdPartyFromBlueprint(bp, scrub, references) {
+  const scrubbed = new Set(scrub.map((n) => n.trim().toLowerCase()));
+  return entries(bp.brands_logos).flatMap((entry) => {
+    const name = str(entry.brand_name);
+    const role = str(entry.function_in_image)?.toLowerCase();
+    if (!name || !role || !THIRD_PARTY_FUNCTIONS.has(role) || scrubbed.has(name.toLowerCase())) return [];
+    const label = str(entry.reference_image);
+    const slot = label ? sanitizeId(`el_${label}`, "el") : void 0;
+    const logo = slot ? references.find((r) => r.slot === slot)?.id : void 0;
+    return [{ name, ...field("what", plainText(entry.what_it_represents, scrub)), ...logo ? { logo } : {} }];
+  });
+}
+var sub = (bp, key) => bp[key] && typeof bp[key] === "object" ? bp[key] : {};
+function lookOf(bp) {
+  const medium = str(sub(bp, "meta").medium)?.toLowerCase() ?? "";
+  if (medium.includes("photo")) return "photo";
+  return /illustration|painting|3d/.test(medium) ? "illustration" : "designed";
+}
+function sceneDescriptionOf(bp, scrub) {
+  const environment = sub(bp, "environment");
+  const framing = plainText(sub(bp, "composition").framing, scrub);
+  const setting = plainText(environment.setting, scrub);
+  const things = [
+    ...entries(bp.subjects).map((s) => plainText(s.description, scrub)),
+    plainText(environment.foreground_elements, scrub)
+  ].filter(Boolean);
+  const where = [framing, setting].filter(Boolean).join(", in ");
+  const inFrame = things.length > 0 ? `In the frame: ${things.join("; ")}` : "";
+  return [where, inFrame].filter(Boolean).join(". ") || "The ad's words on the brand's colours";
+}
+function captureOf(bp, scrub) {
+  const camera = sub(bp, "camera");
+  const lighting = sub(bp, "lighting");
+  const source = entries(lighting.sources)[0];
+  const direction = source ? str(source.direction) : void 0;
+  const light = source ? plainText(
+    [str(source.quality), str(source.type), "light", direction && `from the ${direction}`].filter(Boolean).join(" "),
+    scrub
+  ) : "";
+  const grain = str(sub(bp, "post_processing").grain);
+  return [
+    plainText(camera.capture, scrub),
+    plainText(camera.viewpoint, scrub),
+    plainText(sub(bp, "composition").camera_height, scrub),
+    plainText(camera.perspective ?? camera.perspective_distortion, scrub),
+    light,
+    plainText(lighting.specular_highlights, scrub),
+    grain && grain !== "none" ? `${plainText(grain)} grain` : ""
+  ].filter(Boolean).join(", ");
+}
+function sceneFromBlueprint(bp, scrub) {
+  const look = lookOf(bp);
+  const keywords = sub(bp, "style").mood_keywords;
+  const mood = Array.isArray(keywords) ? keywords.filter((m) => typeof m === "string").join(", ") : "";
+  return {
+    description: sceneDescriptionOf(bp, scrub),
+    look,
+    ...field("capture", look === "photo" ? captureOf(bp, scrub) : void 0),
+    ...field("mood", mood),
+    ...field("layout", plainText(sub(bp, "composition").visual_flow, scrub))
+  };
+}
+function colorsFromBlueprint(bp, scrub) {
+  const palette = entries(bp.color?.palette);
+  return palette.flatMap((c) => {
+    const object = plainText(c.where, scrub);
+    const name = plainText(c.name, scrub);
+    const hex = hexOrUndefined(c.hex);
+    return object && name ? [{ object, name, ...hex ? { hex } : {} }] : [];
+  });
+}
+function typefaceFromFonts(bp) {
+  const fonts = entries(bp.fonts);
+  const font = fonts.find((f) => /headline/i.test(str(f.used_for) ?? "")) ?? fonts[0];
+  const kind = plainText(font?.classification);
+  const family = plainText(font?.family_guess);
+  if (!kind && !family) return void 0;
+  if (!kind) return family;
+  return family ? `a ${kind} face like ${family}` : `a ${kind} face`;
+}
+function brandFromBlueprint(bp) {
+  const b = bp.brand;
+  const typeface = str(b?.typeface) ?? typefaceFromFonts(bp);
+  if (!b || typeof b !== "object") return typeface ? { typeface, palette: [] } : void 0;
+  const palette = Array.isArray(b.palette) ? b.palette.map(hexOrUndefined).filter((h) => Boolean(h)) : [];
+  const roles = Object.fromEntries(
+    ["ground", "ink", "accent", "cta"].flatMap((k) => {
+      const hex = hexOrUndefined(b[k]);
+      return hex ? [[k, hex]] : [];
+    })
+  );
+  const name = str(b.name);
+  return { ...name ? { name } : {}, ...typeface ? { typeface } : {}, ...roles, palette };
+}
+function adSpecFromBlueprint(raw, opts = {}) {
+  const bp = raw && typeof raw === "object" ? raw : {};
+  const scrub = opts.scrub ?? [];
+  const intent = bp.ad_intent ?? {};
+  const brand = brandFromBlueprint(bp);
+  const message = str(intent.viewer_takeaway);
+  const viewer = Viewer.safeParse(bp.viewer);
+  const references = referencesFromBlueprint(bp, scrub);
+  const presence = opts.presence ?? (bp.brand_presence === "native" ? "native" : "standard");
+  return {
+    schema: AD_SPEC_SCHEMA,
+    ...viewer.success ? { viewer: viewer.data } : {},
+    ...message ? { message: plainText(message, scrub) } : {},
+    copy: copyFromBlueprint(bp, scrub),
+    scene: sceneFromBlueprint(bp, scrub),
+    ...brand ? { brand } : {},
+    colors: colorsFromBlueprint(bp, scrub),
+    references,
+    logo: bp.logo === false ? false : presence === "native" ? conceptHasLogo(bp) : true,
+    third_party_brands: thirdPartyFromBlueprint(bp, scrub, references),
+    scene_text: [],
+    ...field("logo_position", logoPositionOf(bp, scrub)),
+    mechanism: winningMechanisms(bp).flatMap((m) => {
+      const device = plainText(m.device, scrub);
+      const why = m.why_it_works ? plainText(m.why_it_works, scrub) : "";
+      return device ? [{ device, ...field("why_it_works", why) }] : [];
+    }),
+    ...bp.reference !== void 0 ? { reference: bp.reference } : {}
+  };
+}
+function adSpecJsonSchema() {
+  return z3.toJSONSchema(AdSpecSchema, { io: "input", unrepresentable: "any" });
+}
+
+export {
+  ACTOR_SHEET_MODEL,
+  sanitizeId,
+  assignElementLabels,
+  referenceRole,
+  elementTodo,
+  namedPlatform,
+  jevCitationJudge,
+  citedPlatforms,
+  citedBy,
+  figureForms,
+  nativeSurfaceName,
+  nativeCopy,
+  nativeChrome,
+  nativePhotosShown,
+  avatarPhotoIds,
+  nativeGateProblems,
+  needsInterfaceWords,
+  INTERFACE_WORDS_PROMPT_VERSION,
+  interfaceWordsPrompt,
+  readInterfaceWords,
+  frameGround,
+  nativeSurfaceHtml,
+  COPY_DIRECTIVE_HEADER,
+  copyStrings,
+  inSceneText,
+  winningMechanisms,
+  specimenText,
+  textFidelityDirective,
+  replaceCopyDirective,
+  AD_SPEC_SCHEMA,
+  isMemeTemplate,
+  CONCEPT_CARRY_LEVELS,
+  withDerivedHave,
+  LOAD_BEARING_FIELDS,
+  decisionOf,
+  unfitReasons,
+  isVital,
+  AdSpecSchema,
+  referenceNodeId,
+  isAdSpec,
+  seesReferenceStructure,
+  conceptSummary,
+  conceptProblems,
+  unwrittenProblems,
+  sceneWordProblems,
+  SPEC_SHAPES_HINT,
+  adSpecErrorText,
+  readAdSpec,
+  HAND_LETTERED,
+  withRenderedLettering,
+  conceptClassOf,
+  plainText,
+  adSpecFromBlueprint,
+  adSpecJsonSchema
+};
+//# sourceMappingURL=chunk-XU6XQPNM.js.map