best-email-builder 0.3.0 → 0.4.0

package/dist/chunk-JNHFZXDL.js

@@ -0,0 +1,1776 @@
+import {
+  DEFAULT_VARIABLES,
+  FONT_OPTIONS,
+  PALETTE,
+  applyBrand,
+  cleanBrand,
+  contrastRatio,
+  createNode,
+  identity,
+  isAssetPath,
+  parseColor,
+  parseMjml,
+  serializeMjml,
+  toHex,
+  toHsl
+} from "./chunk-HHLOE6OZ.js";
+
+// src/validation/urls.js
+var LINK_ATTRIBUTES = /* @__PURE__ */ new Set(["href", "action", "formaction", "xlink:href"]);
+var IMAGE_ATTRIBUTES = /* @__PURE__ */ new Set([
+  "src",
+  "srcset",
+  "background-url",
+  "background",
+  "poster",
+  "icon-unwrapped-url",
+  "icon-wrapped-url"
+]);
+var NAMED_ENTITIES = {
+  colon: ":",
+  tab: "	",
+  newline: "\n",
+  lpar: "(",
+  rpar: ")",
+  amp: "&",
+  quot: '"',
+  apos: "'",
+  lt: "<",
+  gt: ">",
+  nbsp: " "
+};
+function decodeEntities(value) {
+  return String(value ?? "").replace(/&(#x[0-9a-f]+|#\d+|[a-z]+);?/gi, (whole, body) => {
+    const key = String(body).toLowerCase();
+    if (key.startsWith("#x")) return String.fromCodePoint(Number.parseInt(key.slice(2), 16) || 0);
+    if (key.startsWith("#")) return String.fromCodePoint(Number.parseInt(key.slice(1), 10) || 0);
+    return NAMED_ENTITIES[key] ?? whole;
+  });
+}
+function isMergeTag(value) {
+  return /^\{\{\s*[a-zA-Z][\w.]*\s*\}\}$/.test(String(value || "").trim());
+}
+function isSafeUrl(raw, kind) {
+  const value = decodeEntities(raw).trim();
+  if (!value) return true;
+  if (isMergeTag(value)) return true;
+  const compact = value.replace(/[\s\u0000-\u001f\u007f]+/g, "").toLowerCase();
+  if (kind === "image") return compact.startsWith("https://") || isAssetPath(value);
+  if (compact.startsWith("#")) return true;
+  return /^(https?:\/\/|mailto:|tel:)/.test(compact);
+}
+
+// src/validation/mjmlValidator.js
+var MJML_MAX_LENGTH = 512 * 1024;
+var MJML_TAGS = /* @__PURE__ */ new Set([
+  "mjml",
+  "mj-head",
+  "mj-body",
+  "mj-attributes",
+  "mj-all",
+  "mj-class",
+  "mj-preview",
+  "mj-title",
+  "mj-breakpoint",
+  "mj-wrapper",
+  "mj-section",
+  "mj-group",
+  "mj-column",
+  "mj-text",
+  "mj-image",
+  "mj-button",
+  "mj-divider",
+  "mj-spacer",
+  "mj-table",
+  "mj-social",
+  "mj-social-element",
+  "mj-navbar",
+  "mj-navbar-link",
+  "mj-hero"
+]);
+var INLINE_TAGS = /* @__PURE__ */ new Set([
+  "a",
+  "b",
+  "strong",
+  "i",
+  "em",
+  "u",
+  "s",
+  "strike",
+  "del",
+  "br",
+  "span",
+  "p",
+  "div",
+  "font",
+  "sup",
+  "sub",
+  "small",
+  "big",
+  "ul",
+  "ol",
+  "li",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "blockquote",
+  "code",
+  "pre",
+  "hr",
+  "img",
+  "table",
+  "tbody",
+  "thead",
+  "tr",
+  "td",
+  "th"
+]);
+var FORBIDDEN_TAGS = /* @__PURE__ */ new Map([
+  ["mj-include", "mj-include would read a file from the server"],
+  ["mj-raw", "mj-raw (free HTML) is not allowed"],
+  ["mj-style", "mj-style (free CSS) is outside the builder"],
+  ["mj-font", "mj-font (external font) is outside the builder"],
+  ["script", "script not allowed"],
+  ["iframe", "iframe not allowed"],
+  ["frame", "frame not allowed"],
+  ["object", "object not allowed"],
+  ["embed", "embed not allowed"],
+  ["form", "form not allowed"],
+  ["input", "form field not allowed"],
+  ["button", "HTML button not allowed (use the Button block)"],
+  ["textarea", "form field not allowed"],
+  ["select", "form field not allowed"],
+  ["style", "style sheet not allowed"],
+  ["link", "external resource not allowed"],
+  ["meta", "meta tag not allowed"],
+  ["base", "base tag not allowed"],
+  ["svg", "SVG not allowed"],
+  ["math", "MathML not allowed"]
+]);
+var TAG_RE = /<\s*(\/?)\s*([a-zA-Z][\w:-]*)([^>]*)>/g;
+var ATTR_RE = /([^\s=/>"']+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'>]+)))?/g;
+function* attributesOf(source) {
+  ATTR_RE.lastIndex = 0;
+  let match;
+  while (match = ATTR_RE.exec(source)) {
+    const value = match[2] ?? match[3] ?? match[4] ?? "";
+    yield { name: match[1].toLowerCase(), value };
+  }
+}
+function styleIsSafe(style) {
+  const css = decodeEntities(style).toLowerCase().replace(/\s+/g, "");
+  if (css.includes("expression(") || css.includes("javascript:") || css.includes("behavior:")) return false;
+  const urls = css.match(/url\(([^)]*)\)/g) || [];
+  return urls.every((u) => isSafeUrl(u.slice(4, -1).replace(/^['"]|['"]$/g, ""), "image"));
+}
+function validateMjml(mjml, { t = identity } = {}) {
+  const issues = [];
+  const source = typeof mjml === "string" ? mjml : "";
+  if (!source.trim()) {
+    return { ok: false, issues: [{ code: "EMPTY", message: t("Empty MJML") }] };
+  }
+  if (source.length > MJML_MAX_LENGTH) {
+    issues.push({
+      code: "TOO_LARGE",
+      message: t("MJML too large ({size} KB, maximum {max} KB)", {
+        size: Math.round(source.length / 1024),
+        max: MJML_MAX_LENGTH / 1024
+      })
+    });
+  }
+  const withoutComments = source.replace(/<!--([\s\S]*?)-->/g, (whole, body) => {
+    if (/\[if\s/i.test(body)) {
+      issues.push({ code: "CONDITIONAL_COMMENT", message: t("conditional comment not allowed") });
+    }
+    return "";
+  });
+  if (/<!\[CDATA\[/i.test(withoutComments)) {
+    issues.push({ code: "CDATA", message: t("CDATA section not allowed") });
+  }
+  const trimmed = withoutComments.trim();
+  if (!/^<mjml[\s>]/i.test(trimmed)) {
+    issues.push({ code: "ROOT", message: t("the document must start with <mjml>") });
+  }
+  if (!/<mj-body[\s>]/i.test(trimmed)) {
+    issues.push({ code: "BODY", message: t("missing <mj-body>") });
+  }
+  TAG_RE.lastIndex = 0;
+  let match;
+  while (match = TAG_RE.exec(withoutComments)) {
+    const closing = match[1] === "/";
+    const tag = match[2].toLowerCase();
+    if (FORBIDDEN_TAGS.has(tag)) {
+      const template = FORBIDDEN_TAGS.get(tag);
+      issues.push({ code: "FORBIDDEN_TAG", message: template ? t(template) : tag, tag });
+      continue;
+    }
+    if (!MJML_TAGS.has(tag) && !INLINE_TAGS.has(tag)) {
+      issues.push({ code: "UNKNOWN_TAG", message: t("tag not allowed: <{tag}>", { tag }), tag });
+      continue;
+    }
+    if (closing) continue;
+    for (const { name, value } of attributesOf(match[3])) {
+      if (name.startsWith("on")) {
+        issues.push({
+          code: "EVENT_ATTRIBUTE",
+          message: t("attribute {name} not allowed", { name }),
+          tag,
+          attribute: name
+        });
+      } else if (LINK_ATTRIBUTES.has(name) && !isSafeUrl(value, "link")) {
+        issues.push({ code: "UNSAFE_URL", message: t("URL rejected ({name})", { name }), tag, attribute: name });
+      } else if (IMAGE_ATTRIBUTES.has(name) && !isSafeUrl(value, "image")) {
+        issues.push({
+          code: "UNSAFE_IMAGE",
+          message: t("image rejected ({name}): https only", { name }),
+          tag,
+          attribute: name
+        });
+      } else if (name === "style" && !styleIsSafe(value)) {
+        issues.push({ code: "UNSAFE_STYLE", message: t("inline style rejected"), tag, attribute: name });
+      }
+    }
+  }
+  return { ok: issues.length === 0, issues };
+}
+function assertValidMjml(mjml, { t = identity } = {}) {
+  const { ok, issues } = validateMjml(mjml, { t });
+  if (ok) return;
+  const shown = issues.slice(0, 3).map((i) => i.message).join("; ");
+  const more = issues.length - 3;
+  const error = (
+    /** @type {Error & {status?: number, issues?: ValidationIssue[]}} */
+    new Error(
+      more > 0 ? t("Template rejected: {issues} (+{more})", { issues: shown, more }) : t("Template rejected: {issues}", { issues: shown })
+    )
+  );
+  error.status = 422;
+  error.issues = issues;
+  throw error;
+}
+
+// src/core/mjmlAttributes.js
+var LONGHAND_SPACING = /* @__PURE__ */ new Set(["padding"]);
+var SIDES = (
+  /** @type {const} */
+  ["top", "right", "bottom", "left"]
+);
+function parseSpacing(value) {
+  const parts = String(value || "").trim().split(/\s+/).filter(Boolean);
+  const [a = "0px", b = a, c = a, d = b] = parts;
+  return [a, b, c, d];
+}
+function formatSpacing(sides) {
+  const [t, r, b, l] = sides.map((s) => String(s || "0px"));
+  if (t === b && r === l) return t === r ? t : `${t} ${r}`;
+  if (r === l) return `${t} ${r} ${b}`;
+  return `${t} ${r} ${b} ${l}`;
+}
+function cleanAttributeValue(value) {
+  return String(value ?? "").replace(/["<>\r\n]/g, "").trim();
+}
+function toAttributes(values) {
+  const out = {};
+  for (const [key, raw] of Object.entries(values || {})) {
+    const value = raw === null || raw === void 0 ? "" : cleanAttributeValue(raw);
+    if (LONGHAND_SPACING.has(key)) {
+      const sides = value ? parseSpacing(value) : null;
+      SIDES.forEach((side, i) => {
+        out[`${key}-${side}`] = sides ? sides[i] : null;
+      });
+      out[key] = null;
+    } else {
+      out[key] = value || null;
+    }
+  }
+  return out;
+}
+function toValues(attributes, properties) {
+  const values = {};
+  for (const { key } of properties) {
+    if (LONGHAND_SPACING.has(key)) {
+      const base = parseSpacing(String(attributes[key] ?? ""));
+      const sides = SIDES.map((side, i) => {
+        const v = attributes[`${key}-${side}`];
+        return v === void 0 || v === null || v === "" ? base[i] : String(v);
+      });
+      const hasAny = attributes[key] || SIDES.some((side) => attributes[`${key}-${side}`]);
+      values[key] = hasAny ? formatSpacing(sides) : "";
+    } else {
+      const v = attributes[key];
+      values[key] = v === void 0 || v === null ? "" : String(v);
+    }
+  }
+  return values;
+}
+
+// src/features/generate/draft.js
+var GENERATION_ERRORS = {
+  NOTHING_TO_GENERATE: { status: 400, message: "Pick what the email is for, or describe it." },
+  REFUSED: { status: 422, message: "The AI declined to write this email. Try other details." },
+  TRUNCATED: { status: 502, message: "The email was too long to finish. Ask for a shorter one." },
+  INVALID_ANSWER: { status: 502, message: "The AI answer could not be read. Try again." },
+  INVALID_OUTPUT: { status: 502, message: "The generated email could not be used. Try again." },
+  NOTHING_TO_REWRITE: { status: 400, message: "There is no text to rewrite." },
+  REWRITE_REFUSED: { status: 422, message: "The AI declined to rewrite this text." },
+  REWRITE_UNUSABLE: { status: 502, message: "The rewritten text lost a link or a variable, so nothing was changed. Try again." },
+  NOTHING_TO_SUGGEST: { status: 400, message: "Write the email or a subject first: the ideas are drawn from it." },
+  SUBJECTS_REFUSED: { status: 422, message: "The AI declined to suggest subjects for this email." },
+  SUBJECTS_UNUSABLE: { status: 502, message: "No usable subject came back. Try again." }
+};
+var EmailGenerationError = class extends Error {
+  /**
+   * @param {keyof typeof GENERATION_ERRORS} code
+   * @param {string} [detail]  what went wrong, for logs and for the model
+   */
+  constructor(code, detail = "") {
+    const known = GENERATION_ERRORS[code] || GENERATION_ERRORS.INVALID_OUTPUT;
+    super(known.message);
+    this.name = "EmailGenerationError";
+    this.code = code;
+    this.status = known.status;
+    this.detail = detail || known.message;
+  }
+};
+var LIMITS = { name: 80, subject: 150, preheader: 200 };
+function plainLine(value, max) {
+  return String(value ?? "").replace(/<[^>]*>/g, "").replace(/\s+/g, " ").trim().slice(0, max);
+}
+function parseDraft(text2) {
+  const source = String(text2 ?? "").trim();
+  const unfenced = source.replace(/^```[a-z]*\s*\n?/i, "").replace(/\n?```\s*$/, "").trim();
+  let data = null;
+  const start = unfenced.indexOf("{");
+  const end = unfenced.lastIndexOf("}");
+  if (start !== -1 && end > start) {
+    try {
+      data = JSON.parse(unfenced.slice(start, end + 1));
+    } catch {
+      data = null;
+    }
+  }
+  if (!data && /^<mjml[\s>]/i.test(unfenced)) data = { mjml: unfenced };
+  if (!data || typeof data.mjml !== "string" || !data.mjml.trim()) {
+    throw new EmailGenerationError("INVALID_ANSWER", 'The answer is not the expected JSON object with an "mjml" field.');
+  }
+  return {
+    name: plainLine(data.name, LIMITS.name),
+    subject: plainLine(data.subject, LIMITS.subject),
+    preheader: plainLine(data.preheader, LIMITS.preheader),
+    mjml: data.mjml.trim()
+  };
+}
+var CONTENT_TAGS = /* @__PURE__ */ new Set(["mj-text", "mj-image", "mj-button", "mj-divider", "mj-spacer", "mj-social", "mj-navbar", "mj-table"]);
+var REMOVED_TAGS = /* @__PURE__ */ new Set(["mj-head", "mj-raw", "mj-style", "mj-font", "mj-include", "mj-attributes"]);
+var REMOVED_ATTRIBUTES = ["css-class", "mj-class"];
+var PIXEL_ATTRIBUTES = /* @__PURE__ */ new Set(["font-size", "border-radius", "icon-size", "height", "width", "letter-spacing"]);
+var HERO_KEPT = ["background-color", "padding-top", "padding-right", "padding-bottom", "padding-left", "padding", "border-radius"];
+var whiteSection = (children) => createNode("mj-section", { attributes: { "background-color": PALETTE.surface }, children });
+var column = (children) => createNode("mj-column", { children });
+function cleanAttributes(node, keepImages) {
+  const attributes = { ...node.attributes };
+  for (const name of REMOVED_ATTRIBUTES) delete attributes[name];
+  for (const key of LONGHAND_SPACING) {
+    if (attributes[key] === void 0) continue;
+    const sides = parseSpacing(attributes[key]);
+    SIDES.forEach((side, i) => {
+      const longhand = `${key}-${side}`;
+      if (attributes[longhand] === void 0) attributes[longhand] = sides[i];
+    });
+    delete attributes[key];
+  }
+  for (const [name, value] of Object.entries(attributes)) {
+    const unitless = /^-?\d+(\.\d+)?$/.test(value.trim());
+    if (unitless && (PIXEL_ATTRIBUTES.has(name) || /^padding-/.test(name))) attributes[name] = `${value.trim()}px`;
+  }
+  if (node.tag === "mj-image" && attributes.src !== void 0 && !keepImages.has(attributes.src.trim())) attributes.src = "";
+  delete attributes["background-url"];
+  return attributes;
+}
+function wrapLoose(children, isLoose, wrap) {
+  const out = [];
+  let run = [];
+  const flush = () => {
+    if (run.length) out.push(wrap(run));
+    run = [];
+  };
+  for (const child of children) {
+    if (isLoose(child)) run.push(child);
+    else {
+      flush();
+      out.push(child);
+    }
+  }
+  flush();
+  return out;
+}
+function cleanNode(node, keepImages) {
+  if (REMOVED_TAGS.has(node.tag)) return [];
+  const children = node.children.flatMap((child) => cleanNode(child, keepImages));
+  const attributes = cleanAttributes(node, keepImages);
+  if (node.tag === "mj-wrapper") {
+    return children.map(
+      (child) => child.attributes["background-color"] || !attributes["background-color"] ? child : { ...child, attributes: { ...child.attributes, "background-color": attributes["background-color"] } }
+    );
+  }
+  if (node.tag === "mj-group") return children;
+  if (node.tag === "mj-hero") {
+    const kept = Object.fromEntries(Object.entries(attributes).filter(([name]) => HERO_KEPT.includes(name)));
+    const columns = children.some((child) => child.tag === "mj-column") ? children : [column(children)];
+    return [createNode("mj-section", { id: node.id, attributes: { "background-color": PALETTE.navy, ...kept }, children: columns })];
+  }
+  if (node.tag === "mj-section") {
+    return [{ ...node, attributes, children: wrapLoose(children, (child) => child.tag !== "mj-column", column) }];
+  }
+  if (node.tag === "mj-body") {
+    const sectioned = wrapLoose(children, (child) => child.tag === "mj-column", (nodes) => whiteSection(nodes));
+    const wrapped = wrapLoose(sectioned, (child) => CONTENT_TAGS.has(child.tag), (nodes) => whiteSection([column(nodes)]));
+    return [{ ...node, attributes: { "background-color": PALETTE.canvas, ...attributes, width: "600px" }, children: wrapped }];
+  }
+  return [{ ...node, attributes, children }];
+}
+var placeholderOf = (key) => `[${key.replace(/[._]+/g, " ").trim()}]`;
+function replaceUnknownVariables(mjml, known) {
+  const unknown = (key) => !known.has(key);
+  const inUrls = mjml.replace(
+    /\s(href|src)="([^"]*)"/g,
+    (whole, name, value) => /\{\{\s*([A-Za-z][\w.]*)/.test(value) && [...value.matchAll(/\{\{\s*([A-Za-z][\w.]*)/g)].some((m) => unknown(m[1])) ? ` ${name}="${name === "href" ? "https://example.com" : ""}"` : whole
+  );
+  return inUrls.replace(/\{\{\s*([A-Za-z][\w.]*)\s*(?:\|[^{}]*)?\}\}/g, (whole, key) => unknown(key) ? placeholderOf(key) : whole);
+}
+function normalizeGeneratedMjml(mjml, { variables = [], keepImages = [] } = {}) {
+  const tree = parseMjml(String(mjml || ""));
+  const [root] = cleanNode(tree, new Set(keepImages.filter(Boolean)));
+  const known = /* @__PURE__ */ new Set(["unsubscribe", ...variables.map((variable) => variable.key)]);
+  return replaceUnknownVariables(serializeMjml(root), known);
+}
+function reviewDraft(draft, { kind = "marketing", compileWarnings = [] } = {}) {
+  const blocking = validateMjml(draft.mjml).issues.map((issue) => issue.message);
+  const advice = [];
+  if (!/<mj-section[\s>]/.test(draft.mjml)) advice.push("The email has no <mj-section>: build it from sections and columns.");
+  const unsubscribe = /\{\{\s*unsubscribe\s*\}\}/.test(draft.mjml);
+  if (kind !== "security" && !unsubscribe) {
+    advice.push('The footer has no link with href="{{ unsubscribe }}".');
+  }
+  if (kind === "security" && unsubscribe) advice.push("A security email must not have an unsubscribe link.");
+  if (!draft.subject) advice.push("The subject is empty.");
+  if (!draft.preheader) advice.push("The preheader is empty.");
+  for (const warning of compileWarnings.slice(0, 8)) advice.push(`MJML: ${warning.message}`);
+  return { blocking, advice };
+}
+
+// src/features/generate/prompt.js
+var EMAIL_DRAFT_SCHEMA = {
+  type: "object",
+  properties: {
+    name: { type: "string", description: "Short internal name of the template" },
+    subject: { type: "string", description: "Subject line" },
+    preheader: { type: "string", description: "Preview text shown after the subject in the inbox" },
+    mjml: { type: "string", description: "The complete MJML document" }
+  },
+  required: ["name", "subject", "preheader", "mjml"],
+  additionalProperties: false
+};
+var FONTS = FONT_OPTIONS.map((option) => `"${option.value}"`).join(", ");
+var SYSTEM_PROMPT = `You are a senior email designer and copywriter. You write complete, ready-to-send marketing and transactional emails in MJML for a visual email builder. The user will open your email in the builder, edit it block by block and send it, so it must follow the builder's conventions exactly.
+
+# Answer
+Return one JSON object, nothing else: {"name": string, "subject": string, "preheader": string, "mjml": string}.
+- name: a short internal template name (at most 50 characters), in the email's language.
+- subject: at most 60 characters, specific and honest, no ALL CAPS words, no spam triggers ("FREE!!!", "$$$"), at most one emoji and only when the occasion is festive.
+- preheader: 40 to 110 characters that complete the subject (never repeat it).
+- mjml: the full MJML document.
+
+# MJML the builder can edit
+- Skeleton: <mjml><mj-body background-color="${PALETTE.canvas}" width="600px"> ...sections... </mj-body></mjml>. No <mj-head>: the builder adds the title, preview text and language itself.
+- The body is a vertical stack of <mj-section>. Each section holds one to four <mj-column>. Content elements live only inside a column.
+- Allowed elements, and only these: mj-section, mj-column, mj-text, mj-image, mj-button, mj-divider, mj-spacer, mj-social, mj-social-element.
+- Never use mj-hero, mj-wrapper, mj-group, mj-table, mj-navbar, mj-raw, mj-style, mj-font, mj-include, mj-attributes, mj-class, the css-class attribute, <style> or <script>.
+- Inside mj-text and mj-button, only simple inline HTML: <b>, <strong>, <i>, <em>, <u>, <br />, <a href="..." style="...">, <span style="...">, <p style="margin:0 0 12px 0;">, <ul>, <ol>, <li>. No <h1>-<h6>, <div>, <table> or <img> in text: a heading is an mj-text written large and bold.
+- Inline style attributes only on <a>, <span>, <p>, <li>, and only for color, font-weight, font-style, text-decoration and margin.
+
+# Attributes
+- Padding ALWAYS as the four longhand attributes padding-top, padding-right, padding-bottom, padding-left. Never the padding="..." shorthand. The one exception: inner-padding on mj-button (shorthand, for example inner-padding="12px 28px").
+- Every mj-text and mj-button sets font-family, font-size, line-height and color itself (plus font-weight="bold" when bold). Sizes in px: font-size="16px", line-height="24px".
+- Fonts: web-safe only, one family for the whole email (at most two: one for headings, one for text): ${FONTS}. No web fonts.
+- Side spacing: content elements of one-column sections take padding-left="32px" padding-right="32px". In two- to four-column sections use 12px to 16px on the sides of each element.
+- Sections: background-color="${PALETTE.surface}" for content (or a brand tint), padding-top and padding-bottom between 8px and 48px. The email reads as one card on the ${PALETTE.canvas} body background.
+- Column widths in percent only when unequal (for example width="40%" and width="60%"), always adding up to 100%.
+- Images: <mj-image src="" alt="..." ...>. Leave src EMPTY: the user uploads their own pictures. Always write an alt that describes the picture to place, in the email's language. No background-url either. Use 0 to 3 images; product images in columns.
+- Buttons: border-radius="6px", font-weight="bold", inner-padding="12px 28px", aligned like the text around them, href with an https URL. When the real URL is unknown, use https://example.com followed by a meaningful path (https://example.com/reset-password).
+- Dividers: border-color in a light gray, border-width="1px".
+- Social icons (only when the details ask for them, in the footer): <mj-social mode="horizontal" align="center" icon-size="28px" border-radius="14px" inner-padding="6px"> with <mj-social-element name="facebook-noshare" href="https://..."></mj-social-element>; names: facebook-noshare, instagram-noshare, linkedin-noshare, x-noshare, youtube-noshare, github-noshare.
+
+# Design
+- Structure: a header section (the sender's logo or name), a hero section, one to four body sections, a footer section. Three to eight sections in total.
+- One brand color for buttons and accents (use the one given, otherwise ${PALETTE.brand} or a color that suits the occasion), text ${PALETTE.ink} on white, headings ${PALETTE.navy} or the brand color.
+- Contrast: body text at least 4.5:1 against its background, large text and buttons at least 3:1. White text only on dark backgrounds.
+- Type scale: main heading 28 to 32px with line-height 36 to 40px, section headings 20 to 22px, body 15 to 16px with line-height 24 to 26px, small print 12 to 13px.
+- A hero is a section with a background color, a large heading, one sentence and usually the main button, centered.
+- One primary call to action (two at most), with a clear 2- to 4-word label that starts with a verb. Repeat it at most once at the end of a long email.
+- Mobile first: columns stack on phones, so each column must make sense on its own. Short paragraphs of one to three sentences.
+
+# Copy
+- Write the real email for the purpose and the details given: specific, useful, warm and concise. Never lorem ipsum, never meta comments.
+- Personalize with the variables listed in the request, written exactly as {{key}}. A greeting gives the first name a natural default after a pipe, in the email's language, used when the name is unknown: Hello {{contact.firstname|there}},. Use no other {{...}} variable.
+- Information that is not given and not in the variables (an order number, a date, a price, a code, an address) is written as a short placeholder in square brackets that the user will replace: [order number], [date], [20%]. Never invent facts that would be wrong.
+- Links read as what they do ("Reset my password", "See the collection"), never "click here".
+- The footer (last section): the sender's name and postal address (or [Company address]) in 12px #6d7484 text, centered, and the footer line the request asks for. The unsubscribe link is exactly <a href="{{ unsubscribe }}" style="color:#6d7484;text-decoration:underline;">...</a>.
+- Keep the MJML under 30 KB.`;
+var FOOTER_RULES = {
+  marketing: 'This is a marketing email: the footer MUST contain the unsubscribe link (href="{{ unsubscribe }}").',
+  transactional: 'This is a transactional email: the footer contains a discreet "Manage email preferences" link with href="{{ unsubscribe }}".',
+  security: "This is a security email: NO unsubscribe or preferences link. The footer says in one line why the recipient got this email."
+};
+function languageName(code) {
+  const value = String(code || "en");
+  try {
+    return new Intl.DisplayNames(["en"], { type: "language" }).of(value) || value;
+  } catch {
+    return value;
+  }
+}
+function variableLines(variables) {
+  return variables.filter((variable) => variable.key !== "unsubscribe").map((variable) => `- {{${variable.key}}}${variable.label ? `: ${variable.label}` : ""}`).join("\n");
+}
+function buildUserPrompt({ purpose: purpose2 = null, details = "", language = "en", sender = {}, brand = {}, variables = [] }) {
+  const lines = [];
+  if (purpose2) {
+    lines.push(`Write a "${purpose2.label}" email.`, "", `Brief: ${purpose2.brief}`);
+  } else {
+    lines.push("Write the email described below.");
+  }
+  const extra = String(details || "").trim();
+  if (extra) lines.push("", "Details from the user (they take precedence over the brief):", extra);
+  lines.push(
+    "",
+    `Language: write everything in ${languageName(language)}, unless the details ask for another language.`,
+    "",
+    "Sender:",
+    `- name: ${sender.name?.trim() || "[Company name]"}`,
+    `- postal address: ${sender.address?.trim() || "[Company address]"}`,
+    sender.logoUrl ? `- logo: put <mj-image src="${sender.logoUrl}" alt="${sender.name || "Logo"}" width="140px" align="left"> in the header (this is the one image whose src you fill).` : "- logo: none, write the sender name in bold in the header."
+  );
+  const look = [
+    brand.primary && `- main color (buttons, banners, links): ${brand.primary}`,
+    brand.heading && `- headings color: ${brand.heading}`,
+    brand.font && `- font: font-family="${brand.font}" on every text and button`
+  ].filter(Boolean);
+  if (look.length) lines.push("", "Brand (use exactly these):", ...look);
+  const vars = variableLines(variables);
+  if (vars) lines.push("", "Variables you may use:", vars);
+  lines.push("", FOOTER_RULES[purpose2?.kind || "marketing"]);
+  return lines.join("\n");
+}
+function buildRepairPrompt(problems) {
+  return [
+    "The email cannot be opened in the builder as it is. Fix these problems and return the complete corrected JSON object:",
+    ...problems.map((problem) => `- ${problem}`)
+  ].join("\n");
+}
+
+// src/features/generate/purposes.js
+var PURPOSE_CATEGORIES = [
+  { id: "promotions", label: "Sales and promotions" },
+  { id: "holidays", label: "Holidays and occasions" },
+  { id: "events", label: "Events and appointments" },
+  { id: "news", label: "News and content" },
+  { id: "account", label: "Account and security" },
+  { id: "orders", label: "Orders and payments" },
+  { id: "relationship", label: "Customer relationship" },
+  { id: "organization", label: "Business and organization" }
+];
+var purpose = (id, label, category, kind, brief) => ({ id, label, category, kind, brief });
+var EMAIL_PURPOSES = [
+  // Sales and promotions
+  purpose(
+    "sale",
+    "Store sale",
+    "promotions",
+    "marketing",
+    'An online store sale. A bold hero with the offer (discount and end date), a short reason to buy now, 2 to 4 featured products in two columns (image, name, old and new price, link), one "Shop the sale" button, and the conditions in small text.'
+  ),
+  purpose(
+    "flash-sale",
+    "Flash sale",
+    "promotions",
+    "marketing",
+    "A sale that lasts hours, not days. Urgency first: the deadline in the hero, a large discount, one button, very little text."
+  ),
+  purpose(
+    "discount-code",
+    "Discount code",
+    "promotions",
+    "marketing",
+    "A personal discount code. The code in a large, easy-to-copy box (a colored section with the code in big letters), what it gives, its expiry date, and a button to use it."
+  ),
+  purpose(
+    "new-product",
+    "New product",
+    "promotions",
+    "marketing",
+    'A product launch. A hero image with the product name, three benefits in three short columns or a list, the price or availability, and a "Discover" button.'
+  ),
+  purpose(
+    "back-in-stock",
+    "Back in stock",
+    "promotions",
+    "marketing",
+    'A product the recipient wanted is available again. The product (image, name, price), "limited stock" urgency without exaggeration, and a "Buy now" button.'
+  ),
+  purpose(
+    "price-drop",
+    "Price drop",
+    "promotions",
+    "marketing",
+    "A product the recipient looked at is now cheaper. Old and new price side by side, the product image, and a button."
+  ),
+  purpose(
+    "abandoned-cart",
+    "Abandoned cart",
+    "promotions",
+    "marketing",
+    'Items left in the cart. A friendly reminder, the cart items (image, name, price), a "Return to my cart" button, and a reassurance line (free returns, secure payment, help contact).'
+  ),
+  purpose(
+    "black-friday",
+    "Black Friday",
+    "promotions",
+    "marketing",
+    "A Black Friday or Cyber Monday campaign. A dark, high-contrast hero with the offer and dates, featured categories or products in columns, and a strong button."
+  ),
+  purpose(
+    "loyalty-reward",
+    "Loyalty reward",
+    "promotions",
+    "marketing",
+    "Thank a loyal customer with a reward: their status or points balance, the reward, how to use it, and a button."
+  ),
+  purpose(
+    "refer-a-friend",
+    "Refer a friend",
+    "promotions",
+    "marketing",
+    "Invite the customer to refer friends. What the friend gets, what the customer gets, three short steps, and a button to share their link."
+  ),
+  // Holidays and occasions
+  purpose(
+    "christmas",
+    "Christmas",
+    "holidays",
+    "marketing",
+    "Christmas greetings from the company, warm and festive (deep red, green or gold accents), a short heartfelt message, an optional gift idea or offer, and the holiday opening hours if relevant."
+  ),
+  purpose(
+    "new-year",
+    "New Year",
+    "holidays",
+    "marketing",
+    "New Year wishes. A celebratory hero, thanks for the past year, one or two highlights or promises for the year ahead, and warm wishes."
+  ),
+  purpose(
+    "season-greetings",
+    "Season's greetings",
+    "holidays",
+    "marketing",
+    "End-of-year greetings that suit every culture and belief (no religious reference): thanks, warm wishes, and the holiday closing dates."
+  ),
+  purpose(
+    "valentines-day",
+    "Valentine's Day",
+    "holidays",
+    "marketing",
+    "Valentine's Day: a romantic tone (soft pink or red), gift ideas in columns, and a delivery deadline."
+  ),
+  purpose(
+    "easter",
+    "Easter",
+    "holidays",
+    "marketing",
+    "Easter: a spring palette, greetings, and an optional seasonal offer."
+  ),
+  purpose(
+    "mothers-day",
+    "Mother's Day",
+    "holidays",
+    "marketing",
+    "Mother's Day: gift ideas in columns, the order deadline for delivery in time, and a gentle tone."
+  ),
+  purpose(
+    "fathers-day",
+    "Father's Day",
+    "holidays",
+    "marketing",
+    "Father's Day: gift ideas in columns, the order deadline for delivery in time, and a warm tone."
+  ),
+  purpose(
+    "halloween",
+    "Halloween",
+    "holidays",
+    "marketing",
+    "Halloween: a playful, spooky tone (orange and near-black, still readable), a themed offer or event."
+  ),
+  purpose(
+    "back-to-school",
+    "Back to school",
+    "holidays",
+    "marketing",
+    "Back to school: essentials or a checklist in columns, an offer, and a cheerful tone."
+  ),
+  purpose(
+    "summer",
+    "Summer holidays",
+    "holidays",
+    "marketing",
+    "Summer: a bright palette, summer picks or plans, and the summer opening hours if relevant."
+  ),
+  purpose(
+    "birthday",
+    "Birthday wishes",
+    "holidays",
+    "marketing",
+    "Happy birthday to the recipient by first name: a festive hero, a personal message, and a birthday gift or code with its validity."
+  ),
+  purpose(
+    "anniversary",
+    "Customer anniversary",
+    "holidays",
+    "marketing",
+    "One (or more) years since the recipient became a customer: thanks, a short look back, and a small gift."
+  ),
+  purpose(
+    "womens-day",
+    "Women's Day",
+    "holidays",
+    "marketing",
+    "International Women's Day (March 8): respectful greetings, an optional offer or a story about women of the team, no clich\xE9s."
+  ),
+  purpose(
+    "thanksgiving",
+    "Thanksgiving",
+    "holidays",
+    "marketing",
+    "Thanksgiving: gratitude to customers, a warm autumn palette, and an optional offer."
+  ),
+  purpose(
+    "lunar-new-year",
+    "Lunar New Year",
+    "holidays",
+    "marketing",
+    "Lunar New Year: wishes for the new year (red and gold accents), the animal of the year if relevant, and an optional offer."
+  ),
+  purpose(
+    "ramadan-eid",
+    "Ramadan and Eid",
+    "holidays",
+    "marketing",
+    "Ramadan Kareem or Eid Mubarak greetings: respectful and warm, adapted opening hours, an optional offer."
+  ),
+  purpose(
+    "diwali",
+    "Diwali",
+    "holidays",
+    "marketing",
+    "Diwali, the festival of lights: warm wishes, a light-filled palette (gold, deep orange), an optional offer."
+  ),
+  // Events and appointments
+  purpose(
+    "meeting-reminder",
+    "Meeting reminder",
+    "events",
+    "transactional",
+    "A reminder of an upcoming meeting: what, when (date, time, time zone), where (address or video link), who, what to prepare, and buttons to join and to reschedule."
+  ),
+  purpose(
+    "appointment-confirmation",
+    "Appointment confirmation",
+    "events",
+    "transactional",
+    "Confirm a booked appointment (doctor, salon, garage, consultant): service, date and time, address with directions, how to cancel or reschedule, and a contact."
+  ),
+  purpose(
+    "reservation-confirmation",
+    "Booking confirmation",
+    "events",
+    "transactional",
+    "Confirm a booking (restaurant table, hotel room, class): booking details in a clear summary box, arrival information, and how to change it."
+  ),
+  purpose(
+    "event-invitation",
+    "Event invitation",
+    "events",
+    "marketing",
+    'Invite to an event: a hero with the name, date and place, what to expect (program or speakers in columns), and an "I will come" RSVP button.'
+  ),
+  purpose(
+    "webinar-invitation",
+    "Webinar invitation",
+    "events",
+    "marketing",
+    'Invite to a webinar: the topic and what attendees will learn (three points), the speaker, date and time with time zone, and a "Register" button.'
+  ),
+  purpose(
+    "save-the-date",
+    "Save the date",
+    "events",
+    "marketing",
+    'Announce a date to keep free before the full invitation: the event name and date very large, one sentence, and an "Add to calendar" button.'
+  ),
+  purpose(
+    "registration-confirmed",
+    "Registration confirmed",
+    "events",
+    "transactional",
+    'Confirm a registration to an event, a course or a webinar: what, when, where or the access link, an "Add to calendar" button, and how to cancel.'
+  ),
+  purpose(
+    "event-change",
+    "Cancellation or new date",
+    "events",
+    "transactional",
+    "An event or appointment is cancelled or moved: the change in the first line, the new date if any, what happens to tickets or bookings, an apology, and a contact."
+  ),
+  purpose(
+    "event-follow-up",
+    "Thanks for attending",
+    "events",
+    "marketing",
+    "Thank attendees after an event: a recap, links to the replay or slides, a short survey, and the next event."
+  ),
+  // News and content
+  purpose(
+    "newsletter",
+    "Newsletter",
+    "news",
+    "marketing",
+    'A newsletter: an intro, a lead story with an image, 2 or 3 shorter articles (title, two lines, "Read more" link), and an optional tip or quote.'
+  ),
+  purpose(
+    "new-article",
+    "New article",
+    "news",
+    "marketing",
+    'Share one new blog article or video: its image, title, a two-sentence teaser, and a "Read the article" button.'
+  ),
+  purpose(
+    "product-update",
+    "What's new",
+    "news",
+    "marketing",
+    "A product update or release notes: the headline feature with an image, 2 or 3 smaller improvements, and a button to try it."
+  ),
+  purpose(
+    "announcement",
+    "Announcement",
+    "news",
+    "marketing",
+    "An important announcement (new name, new address, partnership, milestone): what changes, why, what it means for the recipient, and a button."
+  ),
+  purpose(
+    "tips",
+    "Tips and how-to",
+    "news",
+    "marketing",
+    "Practical tips: 3 to 5 numbered tips, each with a short title and one or two sentences, and a button to learn more."
+  ),
+  // Account and security
+  purpose(
+    "welcome",
+    "Welcome",
+    "account",
+    "transactional",
+    "Welcome a new user or subscriber: a warm hero, what they can expect, 3 first steps, and one button to get started."
+  ),
+  purpose(
+    "verify-email",
+    "Email verification",
+    "account",
+    "security",
+    'Ask to confirm the email address: one short sentence, a "Confirm my email" button, the link validity, and "If you did not sign up, ignore this email".'
+  ),
+  purpose(
+    "password-reset",
+    "Password reset",
+    "account",
+    "security",
+    'A password reset: "We received a request to reset your password", a "Reset my password" button, the link expiry, and "If you did not ask, ignore this email; your password stays the same". Sober and reassuring, no marketing.'
+  ),
+  purpose(
+    "login-code",
+    "Login code",
+    "account",
+    "security",
+    "A one-time sign-in code: the code as a placeholder in very large letters in a light box, its validity in minutes, and a warning never to share it. No button."
+  ),
+  purpose(
+    "security-alert",
+    "Security alert",
+    "account",
+    "security",
+    'A new sign-in or account change: what happened, when, device and location, "If it was you, nothing to do", and a "Secure my account" button.'
+  ),
+  purpose(
+    "onboarding",
+    "Getting started",
+    "account",
+    "transactional",
+    "Help a new user get value: one key feature explained in 3 steps with short texts, a button, and where to find help."
+  ),
+  purpose(
+    "trial-ending",
+    "Trial ending",
+    "account",
+    "transactional",
+    'The free trial ends soon: the end date, what they lose, the plans or price, and an "Upgrade" button.'
+  ),
+  // Orders and payments
+  purpose(
+    "order-confirmation",
+    "Order confirmation",
+    "orders",
+    "transactional",
+    'Confirm an order: thanks, order number and date, the items in a summary (name, quantity, price), totals, shipping address, delivery estimate, and a "View my order" button.'
+  ),
+  purpose(
+    "order-shipped",
+    "Order shipped",
+    "orders",
+    "transactional",
+    'The order is on its way: carrier, expected delivery date, a "Track my parcel" button, and the shipped items.'
+  ),
+  purpose(
+    "delivery-delay",
+    "Delivery delay",
+    "orders",
+    "transactional",
+    'An order will arrive late: an apology, the new estimated date, the reason in one sentence, an optional gesture, and a "Track my order" button.'
+  ),
+  purpose(
+    "receipt",
+    "Receipt or invoice",
+    "orders",
+    "transactional",
+    'A payment receipt or invoice: amount paid, date, payment method, a clear breakdown, and a "Download the invoice" button.'
+  ),
+  purpose(
+    "payment-failed",
+    "Payment failed",
+    "orders",
+    "transactional",
+    'A payment did not go through: calm and helpful, what happens next and when, and an "Update my payment method" button.'
+  ),
+  purpose(
+    "subscription-renewal",
+    "Subscription renewal",
+    "orders",
+    "transactional",
+    "An upcoming subscription renewal: plan, amount, renewal date, and buttons to manage the subscription."
+  ),
+  purpose(
+    "refund",
+    "Refund issued",
+    "orders",
+    "transactional",
+    "A refund was issued: amount, original order, when it reaches the account, and a contact for questions."
+  ),
+  // Customer relationship
+  purpose(
+    "thank-you",
+    "Thank you",
+    "relationship",
+    "marketing",
+    "A sincere thank-you (for a purchase, a year together, a donation, a recommendation): personal tone, short, and an optional small gift."
+  ),
+  purpose(
+    "review-request",
+    "Review request",
+    "relationship",
+    "marketing",
+    'Ask for a review of a recent purchase or visit: the product or service, one sentence on why reviews matter, and a "Leave a review" button.'
+  ),
+  purpose(
+    "survey",
+    "Survey",
+    "relationship",
+    "marketing",
+    'Ask for feedback: how long it takes (for example 2 minutes), why it helps, an optional incentive, and a "Take the survey" button.'
+  ),
+  purpose(
+    "win-back",
+    "We miss you",
+    "relationship",
+    "marketing",
+    "Re-engage an inactive customer: what is new since their last visit, a comeback offer, and a button."
+  ),
+  purpose(
+    "follow-up",
+    "Follow-up",
+    "relationship",
+    "transactional",
+    "A personal follow-up after a meeting, a call or a quote: a reminder of what was discussed, the next step, and an easy way to reply or book a call. Short and personal, like a message from one person."
+  ),
+  purpose(
+    "apology",
+    "Apology",
+    "relationship",
+    "transactional",
+    "A sincere apology for a problem (outage, mistake, late delivery): what happened, what was done to fix it, a gesture if any, and a contact. No marketing."
+  ),
+  // Business and organization
+  purpose(
+    "hiring",
+    "We're hiring",
+    "organization",
+    "marketing",
+    'Job openings: why join the team, 2 to 4 open roles (title, place, one line), and a "See the jobs" button.'
+  ),
+  purpose(
+    "policy-update",
+    "Policy update",
+    "organization",
+    "transactional",
+    "Updated terms or privacy policy: the date it takes effect, the key changes in a short list, and a link to the full text. Neutral and clear."
+  ),
+  purpose(
+    "price-change",
+    "Price change",
+    "organization",
+    "transactional",
+    "A price change notice: old and new price, the effective date, why, and how to change plan or cancel. Honest and respectful."
+  ),
+  purpose(
+    "maintenance",
+    "Scheduled maintenance",
+    "organization",
+    "transactional",
+    "Planned maintenance or an incident: when, how long, what is affected, and where to follow the status."
+  ),
+  purpose(
+    "closure",
+    "Closure or opening hours",
+    "organization",
+    "marketing",
+    "Holiday closure or new opening hours: the dates and hours very clearly, what customers can still do, and wishes."
+  ),
+  purpose(
+    "donation-appeal",
+    "Donation appeal",
+    "organization",
+    "marketing",
+    'A fundraising appeal for a nonprofit: one concrete story, what a gift makes possible (amount examples), and a "Donate" button.'
+  ),
+  purpose(
+    "team-update",
+    "Internal update",
+    "organization",
+    "transactional",
+    "An internal message to employees: news, dates to remember, and a contact. Plain and friendly."
+  )
+];
+function purposeById(id) {
+  return EMAIL_PURPOSES.find((entry) => entry.id === id) || null;
+}
+function purposesByCategory(purposes = EMAIL_PURPOSES) {
+  return PURPOSE_CATEGORIES.map((category) => ({
+    ...category,
+    purposes: purposes.filter((entry) => entry.category === category.id)
+  })).filter((group) => group.purposes.length > 0);
+}
+
+// src/features/generate/rewrite.js
+var REWRITE_ACTIONS = [
+  { id: "shorter", label: "Shorter", change: "Make it noticeably shorter, about half as long. Keep the meaning, the key facts and every link." },
+  {
+    id: "longer",
+    label: "Longer",
+    change: "Make it somewhat longer, about one and a half times, and more vivid. Develop what is there; invent no fact."
+  },
+  {
+    id: "fix",
+    label: "Fix mistakes",
+    change: "Fix spelling, grammar and punctuation only. Change nothing else: same words, same tone, same length."
+  },
+  { id: "friendlier", label: "Friendlier", change: "Make the tone warmer and friendlier, as if talking to a customer you like. Same facts, about the same length." },
+  { id: "formal", label: "More formal", change: "Make the tone more professional and formal. Same facts, about the same length." }
+];
+var REWRITE_LANGUAGES = ["en", "fr", "de", "es", "it", "pt", "nl", "pl", "uk", "ru", "tr", "ja", "zh"];
+var MAX_REWRITE_TEXT = 6e3;
+var MAX_REWRITE_INSTRUCTION = 300;
+var REWRITE_SCHEMA = {
+  type: "object",
+  properties: { text: { type: "string", description: "The rewritten text, nothing else." } },
+  required: ["text"],
+  additionalProperties: false
+};
+var REWRITE_SYSTEM_PROMPT = `You are an email copywriter. You rewrite ONE piece of text taken from an email, as asked, and answer with the rewritten text only, in the JSON field "text".
+
+The text is one of:
+- HTML, the content of a text block: keep the same kind of markup. Allowed tags: <p>, <br>, <b>, <strong>, <i>, <em>, <u>, <s>, <span style="...">, <a href="...">, <ul>, <ol>, <li>, <sup>, <sub>. No other tag, no class, no new style. Keep bold, italic and links on the words they belong to.
+- plain text, the label of a button: answer plain text without HTML, a short call to action of a few words.
+
+Always:
+- Keep every link: each <a href="..."> of the text stays, with its href unchanged; the words of the link may change. Add no link.
+- Keep every merge tag in double braces exactly as written, e.g. {{contact.firstname}} or {{ unsubscribe }}. In {{key|fallback}} only the fallback after "|" may change (translated, for instance). Add no merge tag.
+- Keep [placeholders in square brackets]: the user replaces them later. Translate their words when translating.
+- Invent no facts: no new price, date, number, name, guarantee or promise.
+- Write in the language of the text, unless asked to translate.
+- No preamble, no comment, no quotation marks around the text.`;
+var bounded = (value, max) => typeof value === "string" ? value.trim().slice(0, max) : "";
+var wordsOf = (html) => html.replace(/<[^>]*>/g, " ").replace(/&nbsp;/g, " ").replace(/\s+/g, " ").trim();
+function cleanRewriteInput(input) {
+  const source = input && typeof input === "object" ? input : (
+    /** @type {RewriteInput} */
+    { action: "", text: "" }
+  );
+  const format = (
+    /** @type {'html'|'plain'} */
+    source.format === "plain" ? "plain" : "html"
+  );
+  const text2 = bounded(source.text, MAX_REWRITE_TEXT);
+  if (!wordsOf(text2)) throw new EmailGenerationError("NOTHING_TO_REWRITE");
+  const preset = REWRITE_ACTIONS.find((action) => action.id === source.action);
+  if (preset) return { format, text: text2, change: preset.change };
+  if (source.action === "translate") {
+    const language = String(source.targetLanguage || "");
+    if (!/^[a-z]{2,3}(-[A-Za-z0-9]{2,8})*$/.test(language)) throw new EmailGenerationError("NOTHING_TO_REWRITE", "No target language.");
+    return { format, text: text2, change: `Translate it into ${languageName(language)}. Keep the tone and the length.` };
+  }
+  const instruction = bounded(source.instruction, MAX_REWRITE_INSTRUCTION);
+  if (source.action === "custom" && instruction) return { format, text: text2, change: instruction };
+  throw new EmailGenerationError("NOTHING_TO_REWRITE", "Unknown action.");
+}
+function buildRewritePrompt({ format, text: text2, change }) {
+  return [
+    `Change: ${change}`,
+    `Format: ${format === "plain" ? "plain text (a button label)" : "HTML (a text block)"}`,
+    "",
+    "<text>",
+    text2,
+    "</text>"
+  ].join("\n");
+}
+function parseRewrite(answer) {
+  const source = String(answer ?? "").trim();
+  const unfenced = source.replace(/^```[a-z]*\s*\n?/i, "").replace(/\n?```\s*$/, "").trim();
+  if (unfenced.startsWith("{")) {
+    try {
+      const data = JSON.parse(unfenced);
+      if (typeof data?.text === "string") return data.text.trim();
+    } catch {
+    }
+  }
+  return unfenced.replace(/^<text>\s*/, "").replace(/\s*<\/text>$/, "");
+}
+var hrefsOf = (html) => [...html.matchAll(/<a\b[^>]*?\shref\s*=\s*(["'])(.*?)\1/gi)].map((match) => match[2].trim());
+var variableKeysOf = (html) => [...html.matchAll(/\{\{\s*([^}|]+?)\s*(?:\|[^}]*)?\}\}/g)].map((match) => match[1]);
+function reviewRewrite(original, rewritten, format) {
+  const problems = [];
+  if (!wordsOf(rewritten)) return ["The answer is empty."];
+  const before = new Set(variableKeysOf(original));
+  const after = new Set(variableKeysOf(rewritten));
+  for (const key of before) if (!after.has(key)) problems.push(`The merge tag {{${key}}} is missing: keep it.`);
+  for (const key of after) if (!before.has(key)) problems.push(`The merge tag {{${key}}} was added: remove it.`);
+  if (format === "plain") return problems;
+  const links = new Set(hrefsOf(original));
+  const kept = new Set(hrefsOf(rewritten));
+  for (const href of links) if (!kept.has(href)) problems.push(`The link to ${href} is missing: keep it with the same href.`);
+  for (const href of kept) if (!links.has(href)) problems.push(`The link to ${href} was added: remove it.`);
+  const wrapped = `<mjml><mj-body><mj-section><mj-column><mj-text>${rewritten}</mj-text></mj-column></mj-section></mj-body></mjml>`;
+  for (const issue of validateMjml(wrapped).issues) problems.push(issue.message);
+  return problems;
+}
+function createRewriter({ model, maxAttempts = 2 }) {
+  return async function rewrite(input, { signal } = {}) {
+    const request = cleanRewriteInput(input);
+    const messages = [{ role: "user", content: buildRewritePrompt(request) }];
+    let lastProblem = "";
+    for (let attempt = 1; attempt <= Math.max(1, maxAttempts); attempt += 1) {
+      signal?.throwIfAborted();
+      let answer;
+      try {
+        answer = await model({ system: REWRITE_SYSTEM_PROMPT, messages, schema: REWRITE_SCHEMA, signal, task: "rewrite" });
+      } catch (error) {
+        if (error instanceof EmailGenerationError && error.code === "REFUSED") throw new EmailGenerationError("REWRITE_REFUSED");
+        throw error;
+      }
+      let text2 = parseRewrite(answer);
+      if (request.format === "plain") text2 = wordsOf(text2).slice(0, 120);
+      const problems = reviewRewrite(request.text, text2, request.format);
+      if (!problems.length) return { text: text2, attempts: attempt };
+      lastProblem = problems[0];
+      messages.push(
+        { role: "assistant", content: String(answer) },
+        { role: "user", content: `Fix these problems and answer the whole text again:
+${problems.map((p) => `- ${p}`).join("\n")}` }
+      );
+    }
+    throw new EmailGenerationError("REWRITE_UNUSABLE", lastProblem);
+  };
+}
+
+// src/features/generate/subjects.js
+var SUBJECT_COUNT = 3;
+var MAX_SUBJECT_LENGTH = 150;
+var MAX_EMAIL_WORDS = 4e3;
+var MAX_VARIABLES = 60;
+var SUBJECTS_SCHEMA = {
+  type: "object",
+  properties: {
+    subjects: {
+      type: "array",
+      description: "Exactly three subject lines, plain text.",
+      items: { type: "string" }
+    }
+  },
+  required: ["subjects"],
+  additionalProperties: false
+};
+var SUBJECTS_SYSTEM_PROMPT = `You write email subject lines. You get an email (its current subject, its preview text and its words) and answer three NEW subject lines for it, in the JSON field "subjects".
+
+Each subject:
+- tells what the email brings, specific to its content: under 50 characters when possible, 70 at most;
+- takes its own angle: one clear and direct, one that makes the reader curious, one personal or timely;
+- is written in the language of the email;
+- invents no facts: no price, discount, date, number, name or promise the email does not contain;
+- is plain text: no HTML, no quotation marks around it, no line break;
+- has no word in capitals, at most one "!", no spam wording ("free!!!", "act now", "100% guaranteed");
+- has no emoji, unless the current subject has one;
+- differs from the current subject and from the two others, and does not repeat the preview text.
+
+Merge tags: you may personalise ONE of the three with a merge tag from the list you are given, written exactly as listed, e.g. {{contact.firstname}}. No other merge tag.`;
+var bounded2 = (value, max) => typeof value === "string" ? value.trim().slice(0, max) : "";
+var line = (value) => String(value ?? "").replace(/<[^>]*>/g, "").replace(/\s+/g, " ").trim().replace(/^["'«“”‘’]+|["'»“”‘’]+$/g, "").trim().slice(0, MAX_SUBJECT_LENGTH);
+var ENTITIES = { amp: "&", lt: "<", gt: ">", quot: '"', apos: "'", nbsp: " " };
+function emailWords(mjml) {
+  return String(mjml || "").replace(/<mj-head[\s\S]*?<\/mj-head>/gi, " ").replace(/<(style|script|mj-style|mj-raw)[\s\S]*?<\/\1>/gi, " ").replace(/<\/(p|div|li|h[1-6]|mj-text|mj-button|mj-navbar-link|mj-social-element)>|<br\s*\/?>/gi, "\n").replace(/<[^>]*>/g, " ").replace(/&(amp|lt|gt|quot|apos|nbsp);/g, (_, name) => ENTITIES[
+    /** @type {keyof typeof ENTITIES} */
+    name
+  ]).replace(/&#(\d+);/g, (_, code) => String.fromCodePoint(Number(code))).replace(/[ \t]+/g, " ").replace(/\s*\n\s*/g, "\n").trim().slice(0, MAX_EMAIL_WORDS);
+}
+function cleanSubjectsInput(input) {
+  const source = input && typeof input === "object" ? input : {};
+  const subject = line(source.subject);
+  const preheader = bounded2(source.preheader, 300).replace(/\s+/g, " ");
+  const text2 = bounded2(source.text, MAX_EMAIL_WORDS);
+  if (!subject && !text2) throw new EmailGenerationError("NOTHING_TO_SUGGEST");
+  const language = /^[a-z]{2,3}(-[A-Za-z0-9]{2,8})*$/.test(String(source.language || "")) ? String(source.language) : "en";
+  const variables = (Array.isArray(source.variables) ? source.variables : DEFAULT_VARIABLES).filter((variable) => variable && /^[A-Za-z][\w.]*$/.test(String(variable.key)) && variable.key !== "unsubscribe").filter((variable) => (
+    /** @type {any} */
+    variable.kind !== "link"
+  )).slice(0, MAX_VARIABLES).map((variable) => ({ key: String(variable.key), label: bounded2(variable.label, 80) }));
+  const avoid = (Array.isArray(source.avoid) ? source.avoid : []).map(line).filter(Boolean).slice(0, 12);
+  return { subject, preheader, text: text2, language, variables, avoid };
+}
+function buildSubjectsPrompt({ subject, preheader, text: text2, language, variables, avoid }) {
+  return [
+    `Current subject: ${subject || "(none yet)"}`,
+    `Preview text: ${preheader || "(none)"}`,
+    avoid.length ? `Already suggested, do not repeat: ${avoid.map((idea) => `"${idea}"`).join(", ")}` : null,
+    `Merge tags you may use: ${variables.length ? variables.map((v) => `{{${v.key}}}${v.label ? ` (${v.label})` : ""}`).join(", ") : "none"}`,
+    text2 ? null : `The email has no words yet: write in ${languageName(language)}.`,
+    "",
+    "<email>",
+    text2,
+    "</email>"
+  ].filter((row) => row !== null).join("\n");
+}
+var capitalized = (subject) => {
+  const first = subject.split(/\s/)[0];
+  return /^\p{Ll}/u.test(first) && !/\p{Lu}/u.test(first) ? subject[0].toLocaleUpperCase() + subject.slice(1) : subject;
+};
+function parseSubjects(answer) {
+  const source = String(answer ?? "").trim();
+  const unfenced = source.replace(/^```[a-z]*\s*\n?/i, "").replace(/\n?```\s*$/, "").trim();
+  const start = unfenced.indexOf("{");
+  const end = unfenced.lastIndexOf("}");
+  if (start !== -1 && end > start) {
+    try {
+      const data = JSON.parse(unfenced.slice(start, end + 1));
+      if (Array.isArray(data?.subjects)) return data.subjects.map((subject) => capitalized(line(subject)));
+    } catch {
+    }
+  }
+  return unfenced.split("\n").map((row) => capitalized(line(row.replace(/^\s*(?:[-*•]|\d+[.)])\s*/, ""))));
+}
+var keysOf = (text2) => [...text2.matchAll(/\{\{\s*([^}|]+?)\s*(?:\|[^}]*)?\}\}/g)].map((match) => match[1]);
+function reviewSubjects(subjects, request) {
+  const known = new Set(request.variables.map((variable) => variable.key));
+  const seen = new Set([request.subject, ...request.avoid].map((subject) => subject.toLocaleLowerCase()));
+  const usable = [];
+  const problems = [];
+  for (const subject of subjects) {
+    if (!subject) continue;
+    const unknown = keysOf(subject).filter((key) => !known.has(key));
+    if (unknown.length) {
+      problems.push(`"${subject}" uses {{${unknown[0]}}}, which is not in the list of merge tags.`);
+      continue;
+    }
+    const folded = subject.toLocaleLowerCase();
+    if (seen.has(folded)) {
+      problems.push(`"${subject}" repeats the current subject or another one.`);
+      continue;
+    }
+    seen.add(folded);
+    usable.push(subject);
+  }
+  if (usable.length < SUBJECT_COUNT && !problems.length) problems.push(`Give exactly ${SUBJECT_COUNT} subjects.`);
+  return { usable: usable.slice(0, SUBJECT_COUNT), problems: usable.length >= SUBJECT_COUNT ? [] : problems };
+}
+function createSubjectSuggester({ model, maxAttempts = 2 }) {
+  return async function suggestSubjects(input, { signal } = {}) {
+    const request = cleanSubjectsInput(input);
+    const messages = [{ role: "user", content: buildSubjectsPrompt(request) }];
+    let best = [];
+    for (let attempt = 1; attempt <= Math.max(1, maxAttempts); attempt += 1) {
+      signal?.throwIfAborted();
+      let answer;
+      try {
+        answer = await model({ system: SUBJECTS_SYSTEM_PROMPT, messages, schema: SUBJECTS_SCHEMA, signal, task: "subjects" });
+      } catch (error) {
+        if (error instanceof EmailGenerationError && error.code === "REFUSED") throw new EmailGenerationError("SUBJECTS_REFUSED");
+        throw error;
+      }
+      const { usable, problems } = reviewSubjects(parseSubjects(answer), request);
+      if (usable.length > best.length) best = usable;
+      if (!problems.length) return { subjects: usable, attempts: attempt };
+      messages.push(
+        { role: "assistant", content: String(answer) },
+        { role: "user", content: `Fix these problems and answer the three subjects again:
+${problems.map((p) => `- ${p}`).join("\n")}` }
+      );
+    }
+    if (best.length) return { subjects: best, attempts: Math.max(1, maxAttempts) };
+    throw new EmailGenerationError("SUBJECTS_UNUSABLE");
+  };
+}
+
+// src/features/generate/generator.js
+var MAX_DETAILS_LENGTH = 2e3;
+var MAX_VARIABLES2 = 200;
+var text = (value, max) => typeof value === "string" ? value.trim().slice(0, max) : "";
+function cleanGenerateInput(input) {
+  const source = input && typeof input === "object" ? input : {};
+  const purpose2 = purposeById(typeof source.purpose === "string" ? source.purpose : null);
+  const details = text(source.details, MAX_DETAILS_LENGTH);
+  const language = /^[a-z]{2,3}(-[A-Za-z0-9]{2,8})*$/.test(String(source.language || "")) ? String(source.language) : "en";
+  const sender = source.sender && typeof source.sender === "object" ? source.sender : {};
+  const logoUrl = text(sender.logoUrl, 2e3);
+  const variables = (Array.isArray(source.variables) ? source.variables : DEFAULT_VARIABLES).filter((variable) => variable && /^[A-Za-z][\w.]*$/.test(String(variable.key))).slice(0, MAX_VARIABLES2).map((variable) => ({ key: String(variable.key), label: text(variable.label, 80) }));
+  const { primary, heading, font } = cleanBrand(source.brand);
+  return {
+    purpose: purpose2,
+    details,
+    language,
+    sender: {
+      name: text(sender.name, 120),
+      address: text(sender.address, 300),
+      logoUrl: logoUrl && /^https:\/\//i.test(logoUrl) && isSafeUrl(logoUrl, "image") ? logoUrl : ""
+    },
+    brand: { ...primary ? { primary } : {}, ...heading ? { heading } : {}, ...font ? { font } : {} },
+    variables
+  };
+}
+function createEmailGenerator({ model, maxAttempts = 2, compile } = (
+  /** @type {any} */
+  {}
+)) {
+  if (typeof model !== "function") throw new Error("createEmailGenerator: `model` must be a function");
+  async function generate(input, { signal } = {}) {
+    const request = cleanGenerateInput(input);
+    if (!request.purpose && !request.details) {
+      throw new EmailGenerationError("NOTHING_TO_GENERATE");
+    }
+    const kind = request.purpose?.kind || "marketing";
+    const keepImages = request.sender.logoUrl ? [request.sender.logoUrl] : [];
+    const messages = [{ role: "user", content: buildUserPrompt(request) }];
+    let usable = null;
+    let lastProblem = "";
+    for (let attempt = 1; attempt <= Math.max(1, maxAttempts); attempt += 1) {
+      signal?.throwIfAborted();
+      const answer = await model({ system: SYSTEM_PROMPT, messages, schema: EMAIL_DRAFT_SCHEMA, signal, task: "generate" });
+      let problems;
+      try {
+        const draft = parseDraft(answer);
+        draft.mjml = normalizeGeneratedMjml(draft.mjml, { variables: request.variables, keepImages });
+        draft.mjml = applyBrand(draft.mjml, request.brand);
+        const compileWarnings = compile ? (await compile(draft.mjml)).warnings || [] : [];
+        const { blocking, advice } = reviewDraft(draft, { kind, compileWarnings });
+        if (!blocking.length) {
+          usable = { ...draft, warnings: advice, attempts: attempt };
+          if (!advice.length) return usable;
+        }
+        problems = [...blocking, ...advice];
+      } catch (error) {
+        if (!(error instanceof EmailGenerationError)) throw error;
+        problems = [error.detail];
+      }
+      lastProblem = problems[0];
+      messages.push({ role: "assistant", content: String(answer) }, { role: "user", content: buildRepairPrompt(problems) });
+    }
+    if (usable) return usable;
+    throw new EmailGenerationError("INVALID_OUTPUT", lastProblem);
+  }
+  return {
+    generate,
+    rewrite: createRewriter({ model, maxAttempts }),
+    suggestSubjects: createSubjectSuggester({ model, maxAttempts })
+  };
+}
+
+// src/features/brand/extract.js
+function decodeEntities2(text2) {
+  return String(text2 ?? "").replace(/&#x([0-9a-f]+);/gi, (_, hex) => String.fromCodePoint(parseInt(hex, 16))).replace(/&#(\d+);/g, (_, dec) => String.fromCodePoint(Number(dec))).replace(/&quot;/g, '"').replace(/&#39;|&apos;/g, "'").replace(/&lt;/g, "<").replace(/&gt;/g, ">").replace(/&nbsp;/g, " ").replace(/&amp;/g, "&");
+}
+function tagAttributes(tag) {
+  const attributes = {};
+  const inner = tag.replace(/^<[^\s>/]+/, "").replace(/\/?>$/, "");
+  const pattern = /([^\s"'=<>/]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+)))?/g;
+  let match;
+  while (match = pattern.exec(inner)) {
+    const name = match[1].toLowerCase();
+    if (!(name in attributes)) attributes[name] = decodeEntities2(match[2] ?? match[3] ?? match[4] ?? "");
+  }
+  return attributes;
+}
+var startTags = (html, name) => html.match(new RegExp(`<${name}\\b[^>]*>`, "gi")) || [];
+function resolve(href, base) {
+  const value = String(href ?? "").trim();
+  if (!value || /^(data|javascript|blob):/i.test(value)) return "";
+  try {
+    const url = new URL(value, base);
+    return url.protocol === "https:" || url.protocol === "http:" ? url.href : "";
+  } catch {
+    return "";
+  }
+}
+function largestOf(srcset) {
+  let best = { url: "", size: 0 };
+  for (const part of srcset.split(/,\s+/)) {
+    const [url, descriptor = "1x"] = part.trim().split(/\s+/);
+    const size = parseFloat(descriptor) * (descriptor.endsWith("w") ? 1 : 1e3);
+    if (url && size > best.size) best = { url, size };
+  }
+  return best.url;
+}
+function jsonLdNodes(value) {
+  if (Array.isArray(value)) return value.flatMap(jsonLdNodes);
+  if (!value || typeof value !== "object") return [];
+  const node = (
+    /** @type {any} */
+    value
+  );
+  return [node, ...jsonLdNodes(node["@graph"]), ...jsonLdNodes(node.publisher), ...jsonLdNodes(node.brand)];
+}
+var ORGANIZATION = /organization|corporation|business|brand|store|restaurant|company|ngo|school|airline|bank|agency/i;
+function hostWords(host) {
+  const labels = host.toLowerCase().replace(/^www\d?\./, "").split(".");
+  const main = labels.length > 2 && labels[labels.length - 2].length <= 3 ? labels[labels.length - 3] : labels[0];
+  return main.replace(/[-_]+/g, " ");
+}
+var squash = (text2) => text2.toLowerCase().replace(/[^a-z0-9À-￿]+/g, "");
+var cleanName = (value) => decodeEntities2(String(value ?? "")).replace(/\s+/g, " ").trim().slice(0, 80);
+function readPage(html, pageUrl) {
+  const source = String(html ?? "");
+  const head = source.slice(0, 4e5);
+  const baseTag = startTags(head, "base").map(tagAttributes).find((a) => a.href);
+  const base = resolve(baseTag?.href, pageUrl) || pageUrl;
+  const host = (() => {
+    try {
+      return new URL(pageUrl).hostname;
+    } catch {
+      return "";
+    }
+  })();
+  const meta = {};
+  for (const attributes of startTags(head, "meta").map(tagAttributes)) {
+    const key = (attributes.property || attributes.name || "").toLowerCase();
+    if (key && attributes.content && !(key in meta)) meta[key] = attributes.content;
+  }
+  let schemaName = "";
+  let schemaLogo = "";
+  for (const [, body] of source.matchAll(/<script\b[^>]*type\s*=\s*["']?application\/ld\+json[^>]*>([\s\S]*?)<\/script>/gi)) {
+    let data;
+    try {
+      data = JSON.parse(body.trim());
+    } catch {
+      continue;
+    }
+    for (const node of jsonLdNodes(data)) {
+      const types = [].concat(node["@type"] || []).join(" ");
+      if (!ORGANIZATION.test(types)) continue;
+      if (!schemaName && typeof node.name === "string") schemaName = node.name;
+      const logo = typeof node.logo === "string" ? node.logo : node.logo?.url || node.logo?.contentUrl || "";
+      if (!schemaLogo && typeof logo === "string") schemaLogo = resolve(logo, base);
+    }
+  }
+  const title = cleanName(head.match(/<title\b[^>]*>([\s\S]*?)<\/title>/i)?.[1] || "");
+  const words = hostWords(host);
+  const fromTitle = title.split(/\s+[|–—:·•»-]\s+/).map((part) => part.trim()).find((part) => part && squash(part).length <= 40 && (squash(part).includes(squash(words)) || squash(words).includes(squash(part)))) || "";
+  const fromHost = words.replace(/\b\p{L}/gu, (letter) => letter.toUpperCase());
+  const name = cleanName(meta["og:site_name"] || schemaName || meta["application-name"] || fromTitle || fromHost);
+  const logos = [];
+  const add = (url, from) => {
+    if (url && !logos.some((logo) => logo.url === url)) logos.push({ url, from });
+  };
+  add(schemaLogo, "schema");
+  const images = [];
+  const headerEnd = (() => {
+    const at = source.search(/<\/header>/i);
+    return at > 0 ? at : Math.min(source.length, 2e4);
+  })();
+  for (const match of source.matchAll(/<img\b[^>]*>/gi)) {
+    const attributes = tagAttributes(match[0]);
+    const own = [attributes.class, attributes.id, attributes.alt, attributes.src, attributes["data-src"]].join(" ").toLowerCase();
+    const before = source.slice(Math.max(0, (match.index ?? 0) - 400), match.index).toLowerCase();
+    const parent = /<(a|div|span|figure|picture)\b[^>]*(class|id)\s*=\s*["'][^"']*logo[^"']*["'][^>]*>[^<]*(<source\b[^>]*>\s*)*$/i.test(before);
+    if (!own.includes("logo") && !parent) continue;
+    if (/partner|client|customer|sponsor|award|payment|badge|trust|press|app-?store|google-?play/.test(own)) continue;
+    const url = resolve(attributes.srcset ? largestOf(attributes.srcset) : attributes.src || attributes["data-src"] || "", base);
+    if (!url) continue;
+    let score = own.includes("logo") ? 3 : 2;
+    if ((match.index ?? 0) < headerEnd) score += 3;
+    if (name && squash(attributes.alt || "").includes(squash(name))) score += 2;
+    if (/footer/.test(own)) score -= 2;
+    images.push({ url, score: score - images.length * 0.01 });
+  }
+  images.sort((a, b) => b.score - a.score).forEach((image) => add(image.url, "img"));
+  const icons = [];
+  for (const attributes of startTags(head, "link").map(tagAttributes)) {
+    const rel = (attributes.rel || "").toLowerCase();
+    if (!/apple-touch-icon|icon/.test(rel)) continue;
+    const size = parseInt(attributes.sizes || (rel.includes("apple") ? "180" : "0"), 10) || 0;
+    if (size >= 96) icons.push({ url: resolve(attributes.href, base), size });
+  }
+  icons.sort((a, b) => b.size - a.size).forEach((icon) => add(icon.url, "icon"));
+  const stylesheets = startTags(head, "link").map(tagAttributes).filter((a) => /(^|\s)stylesheet(\s|$)/i.test(a.rel || "") && !/^print$/i.test((a.media || "").trim())).map((a) => resolve(a.href, base)).filter(Boolean).filter((href) => !/fonts\.googleapis|use\.typekit|fontawesome|cookie|consent|onetrust/i.test(href));
+  const css = [
+    ...[...source.matchAll(/<style\b[^>]*>([\s\S]*?)<\/style>/gi)].map((m) => m[1]),
+    // Inline styles of buttons and links count too: `<a class="btn" style="…">`.
+    ...[...source.matchAll(/<(a|button)\b[^>]*>/gi)].map((m) => tagAttributes(m[0])).filter((a) => a.style).map((a) => `${/btn|button|cta/i.test(a.class || "") ? ".btn" : "a"}{${a.style}}`)
+  ].join("\n");
+  return {
+    name,
+    logos,
+    stylesheets: [...new Set(stylesheets)],
+    css,
+    themeColor: meta["theme-color"] || meta["msapplication-tilecolor"] || ""
+  };
+}
+var PRIMARY_NAME = /primary|brand|accent|main|theme|highlight|cta/i;
+var NOT_A_BRAND_NAME = /text|foreground|fg|border|muted|gr[ae]y|neutral|surface|shadow|overlay|success|error|danger|warning|info|disabled|placeholder/i;
+var NOISE = /error|danger|success|warning|alert|invalid|valid\b|notice|toast|badge|disabled|facebook|twitter|linkedin|instagram|youtube|whatsapp|pinterest|tiktok|social|cookie|consent|onetrust|ot-|cmp|gdpr|wp-block|has-[\w-]+-(background-)?color|syntax|hljs|code/i;
+var COLOR_IN_VALUE = /#[0-9a-f]{3,8}\b|rgba?\([^)]*\)|hsla?\([^)]*\)/gi;
+var COLOR_PROPERTY = /^(color|background|background-color|border|border-color|border-(top|bottom|left|right)(-color)?|fill|stroke|outline(-color)?|text-decoration-color|accent-color|caret-color)$/;
+var stripComments = (css) => css.replace(/\/\*[\s\S]*?\*\//g, "");
+function rulesOf(css) {
+  const rules = [];
+  for (const [, selector, body] of stripComments(css).matchAll(/([^{}]+)\{([^{}]*)\}/g)) {
+    const declarations = body.split(";").map((part) => {
+      const colon = part.indexOf(":");
+      return (
+        /** @type {[string, string]} */
+        [part.slice(0, colon).trim().toLowerCase(), part.slice(colon + 1).trim()]
+      );
+    }).filter(([property, value]) => property && value);
+    if (declarations.length) rules.push([selector.trim(), declarations]);
+  }
+  return rules;
+}
+function customColor(value) {
+  const direct = parseColor(value.replace(/\s*!important$/, ""));
+  if (direct) return direct;
+  if (/^\d{1,3}(\.\d+)?\s+\d{1,3}(\.\d+)?\s+\d{1,3}(\.\d+)?$/.test(value)) return parseColor(`rgb(${value})`);
+  if (/^\d{1,3}(\.\d+)?(deg)?\s+\d{1,3}(\.\d+)?%\s+\d{1,3}(\.\d+)?%$/.test(value)) return parseColor(`hsl(${value.replace("deg", "")})`);
+  return null;
+}
+function resolveVars(value, custom) {
+  let out = value;
+  for (let depth = 0; depth < 4 && out.includes("var("); depth += 1) {
+    out = out.replace(/var\(\s*(--[\w-]+)\s*(?:,\s*([^()]*(?:\([^()]*\))?[^()]*))?\)/g, (_, name, fallback) => custom.get(name) ?? fallback ?? "");
+  }
+  return out;
+}
+var distance = (a, b) => Math.hypot(a.r - b.r, a.g - b.g, a.b - b.b);
+var colorsIn = (value) => (value.match(COLOR_IN_VALUE) || []).map((text2) => parseColor(text2)).filter((c) => c && c.a >= 0.6);
+function nearestFont(family) {
+  const stack = String(family ?? "").toLowerCase().replace(/["']/g, "");
+  if (!stack.trim() || /^(inherit|initial|unset|revert)$/.test(stack.trim())) return void 0;
+  const first = stack.split(",")[0].trim();
+  const known = FONT_OPTIONS.find((option) => first.startsWith(option.label.toLowerCase()));
+  if (known) return known.value;
+  if (/^helvetica/.test(first)) return FONT_OPTIONS[0].value;
+  if (/^times/.test(first)) return FONT_OPTIONS.find((o) => o.label === "Times")?.value;
+  if (/monospace|mono\b|courier|consolas/.test(stack)) return FONT_OPTIONS.find((o) => o.label === "Courier")?.value;
+  if (/(^|,)\s*serif\s*(,|$)|garamond|playfair|merriweather|lora|baskerville|caslon|didot|bodoni|crimson|libre baskerville|source serif|noto serif|pt serif/.test(stack)) {
+    return FONT_OPTIONS.find((o) => o.label === "Georgia")?.value;
+  }
+  return FONT_OPTIONS[0].value;
+}
+function brandFromCss({ css, themeColor = "" }) {
+  const rules = rulesOf(String(css ?? ""));
+  const custom = /* @__PURE__ */ new Map();
+  for (const [selector, declarations] of rules) {
+    const root = /^(:root|html|body|\*)(\s*,|$)/i.test(selector);
+    for (const [property, value] of declarations) {
+      if (property.startsWith("--") && (root || !custom.has(property))) custom.set(property, value.replace(/\s*!important$/, ""));
+    }
+  }
+  const found = [];
+  const darkText = [];
+  const fonts = [];
+  const count = (color, weight) => found.push({ color, weight });
+  for (const [selector, declarations] of rules) {
+    if (selector.startsWith("@")) continue;
+    const noise = NOISE.test(selector);
+    const emphasis = /btn|button|cta|primary|brand|accent|hero|highlight/i.test(selector) ? 4 : /(^|[\s,>+~])a([:.[\s,]|$)|link/i.test(selector) ? 2 : 1;
+    const isHeading = /(^|[\s,>])h[1-3]\b|title|heading|headline/i.test(selector);
+    const isBody = /^(html|body|:root)(\s*,|$)|(^|,)\s*(html|body)\s*(,|$)/i.test(selector);
+    for (const [property, raw] of declarations) {
+      if (property.startsWith("--")) {
+        const color = customColor(resolveVars(raw, custom));
+        if (color && color.a >= 0.6 && PRIMARY_NAME.test(property) && !NOT_A_BRAND_NAME.test(property)) count(color, 10);
+        continue;
+      }
+      const value = resolveVars(raw, custom);
+      if (property === "font-family" || property === "font") {
+        const family = property === "font" ? value.replace(/^.*?\d[\w%.]*(\/[\w%.]+)?\s+/, "") : value;
+        if (isBody || isHeading) fonts.push({ font: family, weight: isBody ? 2 : 1 });
+        continue;
+      }
+      if (!COLOR_PROPERTY.test(property) || noise) continue;
+      for (const color of colorsIn(value)) {
+        if (!color) continue;
+        count(color, emphasis * (property.startsWith("background") ? 1.5 : 1));
+        if (property === "color" && (isHeading || isBody)) darkText.push({ color, weight: isHeading ? 2 : 1 });
+      }
+    }
+  }
+  const theme = parseColor(themeColor);
+  if (theme && theme.a >= 0.6) count(theme, 15);
+  const clusters = [];
+  for (const entry of found) {
+    const near = clusters.find((cluster) => distance(cluster.color, entry.color) < 24);
+    if (near) near.weight += entry.weight;
+    else clusters.push({ ...entry });
+  }
+  clusters.sort((a, b) => b.weight - a.weight);
+  const primary = clusters.find(({ color }) => {
+    const { s, l } = toHsl(color);
+    return s >= 0.25 && l >= 0.15 && l <= 0.85;
+  });
+  const result = {};
+  if (primary) result.primary = toHex(primary.color);
+  const dark = darkText.filter(({ color }) => toHsl(color).l < 0.3).reduce((map, { color, weight }) => map.set(toHex(color), (map.get(toHex(color)) || 0) + weight), /* @__PURE__ */ new Map());
+  const heading = [...dark.entries()].sort((a, b) => b[1] - a[1])[0]?.[0];
+  if (heading) result.heading = heading;
+  else if (result.primary && contrastRatio(result.primary, PALETTE.white) >= 7) result.heading = result.primary;
+  else result.heading = PALETTE.ink;
+  const font = fonts.sort((a, b) => b.weight - a.weight).map(({ font: font2 }) => nearestFont(font2)).find(Boolean);
+  if (font) result.font = font;
+  return result;
+}
+function imageSize(bytes) {
+  if (!bytes || bytes.length < 24) return null;
+  const at = (i) => bytes[i];
+  if (at(0) === 137 && at(1) === 80 && at(2) === 78 && at(3) === 71) {
+    const read32 = (i) => (at(i) << 24 | at(i + 1) << 16 | at(i + 2) << 8 | at(i + 3)) >>> 0;
+    return { width: read32(16), height: read32(20) };
+  }
+  if (at(0) === 71 && at(1) === 73 && at(2) === 70) {
+    return { width: at(6) | at(7) << 8, height: at(8) | at(9) << 8 };
+  }
+  if (at(0) === 255 && at(1) === 216) {
+    let i = 2;
+    while (i + 9 < bytes.length) {
+      if (at(i) !== 255) {
+        i += 1;
+        continue;
+      }
+      const marker = at(i + 1);
+      if (marker === 216 || marker === 1 || marker >= 208 && marker <= 215 || marker === 255) {
+        i += marker === 255 ? 1 : 2;
+        continue;
+      }
+      const length = at(i + 2) << 8 | at(i + 3);
+      if (marker >= 192 && marker <= 207 && marker !== 196 && marker !== 200 && marker !== 204) {
+        return { height: at(i + 5) << 8 | at(i + 6), width: at(i + 7) << 8 | at(i + 8) };
+      }
+      i += 2 + length;
+    }
+  }
+  return null;
+}
+function logoWidthFor({ width, height }) {
+  if (!width || !height) return 140;
+  const ratio = width / height;
+  const shown = width >= 240 ? width / 2 : width;
+  const target = ratio >= 2.5 ? 180 : ratio >= 1.3 ? 140 : 72;
+  return Math.max(24, Math.round(Math.min(target, shown)));
+}
+
+// src/features/brand/messages.js
+var BRAND_IMPORT_ERRORS = {
+  BAD_URL: [400, "Enter the address of a website, like acme.com"],
+  PRIVATE_ADDRESS: [400, "This address is not a public website"],
+  UNREACHABLE: [422, "The website could not be reached. Check the address."],
+  TIMEOUT: [422, "The website took too long to answer"],
+  HTTP_ERROR: [422, "The website does not let the builder read it. Fill in your brand below."],
+  NOT_HTML: [422, "This address is not a web page"],
+  TOO_MANY_REDIRECTS: [422, "The website redirects too many times"],
+  TOO_LARGE: [422, "The website sent too much data"]
+};
+var BRAND_NOTES = {
+  LOGO_NOT_FOUND: "No logo was found on the website. Upload it below.",
+  LOGO_UNSUPPORTED: "The logo on the website is an SVG or WebP image, which most email apps do not show. Upload a PNG or JPEG version.",
+  LOGO_ICON: "The website icon is used as the logo. Upload your full logo if you have one.",
+  COLORS_NOT_FOUND: "No main color was found on the website. Pick one below."
+};
+
+export {
+  LONGHAND_SPACING,
+  parseSpacing,
+  formatSpacing,
+  toAttributes,
+  toValues,
+  LINK_ATTRIBUTES,
+  IMAGE_ATTRIBUTES,
+  isSafeUrl,
+  INLINE_TAGS,
+  validateMjml,
+  assertValidMjml,
+  GENERATION_ERRORS,
+  EmailGenerationError,
+  parseDraft,
+  normalizeGeneratedMjml,
+  reviewDraft,
+  EMAIL_DRAFT_SCHEMA,
+  SYSTEM_PROMPT,
+  buildUserPrompt,
+  PURPOSE_CATEGORIES,
+  EMAIL_PURPOSES,
+  purposeById,
+  purposesByCategory,
+  REWRITE_ACTIONS,
+  REWRITE_LANGUAGES,
+  MAX_REWRITE_INSTRUCTION,
+  REWRITE_SYSTEM_PROMPT,
+  reviewRewrite,
+  createRewriter,
+  SUBJECTS_SYSTEM_PROMPT,
+  emailWords,
+  reviewSubjects,
+  createSubjectSuggester,
+  MAX_DETAILS_LENGTH,
+  cleanGenerateInput,
+  createEmailGenerator,
+  readPage,
+  brandFromCss,
+  imageSize,
+  logoWidthFor,
+  BRAND_IMPORT_ERRORS,
+  BRAND_NOTES
+};
+//# sourceMappingURL=chunk-JNHFZXDL.js.map