@reddoorla/maintenance 0.47.0 → 0.49.0

package/dist/index.js

@@ -2646,6 +2646,10 @@ var ACTIVE_STATUSES = /* @__PURE__ */ new Set([
   "maintenance",
   "launch period"
 ]);
+var FREQUENCIES = ["None", "Monthly", "Quarterly", "Yearly"];
+function toFrequency(raw) {
+  return typeof raw === "string" && FREQUENCIES.includes(raw) ? raw : "None";
+}
 function mapRow(rec) {
   const f = rec.fields;
   const attachments = f["Header image"] ?? [];
@@ -2656,8 +2660,8 @@ function mapRow(rec) {
     url: String(f["url"] ?? ""),
     status: f["Status"] ?? null,
     pointOfContact: f["point of contact"] ?? null,
-    maintenanceFreq: f["maintenence freq"] ?? "None",
-    testingFreq: f["testing freq"] ?? "None",
+    maintenanceFreq: toFrequency(f["maintenence freq"]),
+    testingFreq: toFrequency(f["testing freq"]),
     maintenanceDay: f["maintenance day"] ?? null,
     testingDay: f["testing day"] ?? null,
     ga4PropertyId: f["GA4 property ID"] ?? null,
@@ -2785,15 +2789,10 @@ var DEFAULT_COPY = {
   ],
   announceHeading: "YOUR ONGOING SITE CARE",
   announceBody: "We've completed a full test of your site and set it up for ongoing care to keep it fast, secure, and healthy. Here's what you can expect from us going forward:",
-  announceCadenceHeading: "WHAT TO EXPECT",
-  announceTestingLabel: "Full site testing",
-  announceMaintenanceLabel: "Routine maintenance",
-  announcePreviewLabel: "From your latest full site test:",
-  announceScoreNote: "These are independent Google Lighthouse scores, each out of 100 \u2014 higher is better.",
   announceImprovementResend: "Your contact forms now deliver straight to your inbox through reliable infrastructure, so no inquiry slips through the cracks.",
   announceImprovementSvelte5: "We've modernized your site to the latest framework \u2014 it's faster, more secure, and built to last.",
   announceCadence: "After each one we'll send you a short report like this \u2014 there's nothing you need to do.",
-  announceOpenDoor: "And if you'd ever like to expand the scope, add features, or freshen anything up, just reply \u2014 we'd love to help."
+  announceOpenDoor: "And if you'd ever like to expand the scope, add features, or freshen anything up, just let us know."
 };
 function override(v) {
   if (typeof v !== "string") return null;
@@ -2883,70 +2882,118 @@ function safeUrl(raw) {
   return "#";
 }
 
-// src/reports/maintenance-email/template.ts
+// src/reports/email-sections.ts
 var escapeXml = escapeHtml;
+var RED = "#C00";
+var GREY = "#757575";
+var BORDER = "#CCCCCC";
+var TREND_UP = "#2E7D32";
+var TREND_NEUTRAL = GREY;
 var CHECK_PNG = `cid:${CHECK_CID}`;
-var BLURRED_TESTS = `cid:${BLURRED_CID}`;
-function fmtDate(d) {
-  if (!d || Number.isNaN(d.getTime())) return "";
-  const mm = String(d.getUTCMonth() + 1).padStart(2, "0");
-  const dd = String(d.getUTCDate()).padStart(2, "0");
-  const yyyy = d.getUTCFullYear();
-  return `${mm}.${dd}.${yyyy}`;
-}
 function fmtUsers(n) {
   return n.toLocaleString("en-US");
 }
-var TREND_UP = "#2E7D32";
-var TREND_NEUTRAL = "#757575";
-function trendText(color, text) {
-  return `<mj-text color="${color}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${text}</mj-text>`;
+function checklistRowsSection(rows, opts) {
+  return rows.map((label, i) => {
+    const isLast = i === rows.length - 1;
+    const border = isLast ? "" : ` border-bottom="solid ${BORDER} 1px"`;
+    const lastPad = isLast ? ` padding-bottom="${opts.lastPaddingBottom}"` : "";
+    return `
+    <mj-section background-color="${opts.background}" padding="0px"${lastPad}>
+      <mj-group>
+        <mj-column padding-left="0px" width="90%"${border}>
+          <mj-text height="25px" padding-left="0px" color="${GREY}" padding-top="20px" padding-bottom="7.5px" font-size="16px">${escapeXml(label)}</mj-text>
+        </mj-column>
+        <mj-column width="10%"${border} padding-top="15px">
+          <mj-image align="right" padding-right="0px" width="20px" height="20px" padding-top="2.5px" padding-bottom="15px" src="${CHECK_PNG}" />
+        </mj-column>
+      </mj-group>
+    </mj-section>`;
+  }).join("");
+}
+var LIGHTHOUSE_ROWS = [
+  { label: "Performance", key: "performance", range: "Acceptable 50\u201389 // Ideal 90\u2013100" },
+  { label: "Readability (A11y)", key: "accessibility", range: "Acceptable 80\u201399 // Ideal 100" },
+  { label: "Best Practices", key: "bestPractices", range: "Acceptable 60\u201379 // Ideal 80\u2013100" },
+  { label: "Site Structure", key: "seo", range: "Acceptable 50\u201389 // Ideal 90\u2013100" }
+];
+function lighthouseScoresSection(lighthouse2, opts = {}) {
+  const background = opts.background ?? "#F4F4F4";
+  const sectionPad = opts.pad ? ` padding-top="${opts.pad}" padding-bottom="${opts.pad}"` : "";
+  const labelTop = opts.pad ?? "55px";
+  const footnoteBottom = opts.pad ? "0px" : "36px";
+  const rows = LIGHTHOUSE_ROWS.map(
+    ({ label, key, range }, i) => `
+        <mj-text color="${RED}" font-size="20px" font-weight="300" padding-top="25px">${label}</mj-text>
+        <mj-text color="${RED}" font-size="44px" font-weight="400" padding-top="0px">${lighthouse2[key]}</mj-text>
+        <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="0px" padding-bottom="36px">${range}</mj-text>${i < LIGHTHOUSE_ROWS.length - 1 ? `
+        <mj-divider border-width="1px" border-style="solid" border-color="${BORDER}" padding="0" />` : ""}`
+  ).join("");
+  return `
+    <mj-section background-color="${background}"${sectionPad}>
+      <mj-column>
+        <mj-text color="${RED}" font-size="20px" font-weight="700" padding-top="${labelTop}">LIGHTHOUSE SCORES*</mj-text>${rows}
+        <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" padding-bottom="${footnoteBottom}" line-height="20px">*A Lighthouse score is a numerical measure provided by Google's Lighthouse tool, which evaluates various aspects of a web page's quality.</mj-text>
+      </mj-column>
+    </mj-section>`;
 }
 function analyticsTrendLine(cur, prev) {
   if (cur === void 0 || prev === void 0) {
-    return trendText(TREND_NEUTRAL, `Last Period: ${prev !== void 0 ? fmtUsers(prev) : "\u2014"}`);
+    return trendLine(TREND_NEUTRAL, `Last Period: ${prev !== void 0 ? fmtUsers(prev) : "\u2014"}`);
   }
   if (prev === 0) {
-    return cur > 0 ? trendText(TREND_UP, "\u25B2 New this period (0 last period)") : trendText(TREND_NEUTRAL, "Last Period: 0");
+    return cur > 0 ? trendLine(TREND_UP, "\u25B2 New this period (0 last period)") : trendLine(TREND_NEUTRAL, "Last Period: 0");
   }
   const pct = Math.round((cur - prev) / prev * 100);
   const range = `(${fmtUsers(prev)} \u2192 ${fmtUsers(cur)})`;
-  if (pct > 0) return trendText(TREND_UP, `\u25B2 ${pct}% vs last period ${range}`);
-  if (pct < 0) return trendText(TREND_NEUTRAL, `\u25BC ${Math.abs(pct)}% vs last period ${range}`);
-  return trendText(TREND_NEUTRAL, `No change vs last period (${fmtUsers(prev)})`);
+  if (pct > 0) return trendLine(TREND_UP, `\u25B2 ${pct}% vs last period ${range}`);
+  if (pct < 0) return trendLine(TREND_NEUTRAL, `\u25BC ${Math.abs(pct)}% vs last period ${range}`);
+  return trendLine(TREND_NEUTRAL, `No change vs last period (${fmtUsers(prev)})`);
+}
+function trendLine(color, text) {
+  return `<mj-text color="${color}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${text}</mj-text>`;
+}
+function footnoteLine(text) {
+  return `<mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" padding-bottom="36px" line-height="20px">${text}</mj-text>`;
+}
+function analyticsSection(opts) {
+  const users = opts.current !== void 0 ? fmtUsers(opts.current) : "\u2014";
+  const body = (opts.bodyLines ?? []).map((l) => trendLine(TREND_NEUTRAL, l)).join("\n        ");
+  const footnotes = (opts.footnoteLines ?? []).map(footnoteLine).join("\n        ");
+  const sectionPad = opts.pad ? ` padding-top="${opts.pad}" padding-bottom="${opts.pad}"` : "";
+  const labelTop = opts.pad ?? "75px";
+  return `
+    <mj-section background-color="${opts.background}"${sectionPad}>
+      <mj-column>
+        <mj-text color="${RED}" font-size="20px" font-weight="700" padding-top="${labelTop}">ANALYTICS</mj-text>
+        <mj-text color="${RED}" font-size="44px" font-weight="400">${users} Users</mj-text>
+        ${analyticsTrendLine(opts.current, opts.previous)}
+        ${body}
+        ${footnotes}
+      </mj-column>
+    </mj-section>`;
+}
+
+// src/reports/maintenance-email/template.ts
+var escapeXml2 = escapeHtml;
+var BLURRED_TESTS = `cid:${BLURRED_CID}`;
+function fmtDate(d) {
+  if (!d || Number.isNaN(d.getTime())) return "";
+  const mm = String(d.getUTCMonth() + 1).padStart(2, "0");
+  const dd = String(d.getUTCDate()).padStart(2, "0");
+  const yyyy = d.getUTCFullYear();
+  return `${mm}.${dd}.${yyyy}`;
 }
 function maintenanceChecksSection(copy, searchPosition) {
   const googleLabel = searchPosition !== void 0 ? `Page 1 Google Result (#${searchPosition})` : copy.maintenanceChecks[3] ?? "";
   const rows = copy.maintenanceChecks.map((label, i) => i === 3 ? googleLabel : label);
-  return rows.map(
-    (label, i) => `
-    <mj-section background-color="white" padding="0px"${i === rows.length - 1 ? ' padding-bottom="36px"' : ""}>
-      <mj-group>
-        <mj-column padding-left="0px" width="90%"${i < rows.length - 1 ? ' border-bottom="solid #CCCCCC 1px"' : ""}>
-          <mj-text height="25px" padding-left="0px" color="#757575" padding-top="20px" padding-bottom="7.5px" font-size="16px">${escapeXml(label)}</mj-text>
-        </mj-column>
-        <mj-column width="10%"${i < rows.length - 1 ? ' border-bottom="solid #CCCCCC 1px"' : ""} padding-top="15px">
-          <mj-image align="right" padding-right="0px" width="20px" height="20px" padding-top="2.5px" padding-bottom="15px" src="${CHECK_PNG}" />
-        </mj-column>
-      </mj-group>
-    </mj-section>`
-  ).join("");
+  return checklistRowsSection(rows, { background: "white", lastPaddingBottom: "36px" });
 }
 function testingChecklistSection(copy) {
-  const rows = copy.testingChecklist;
-  return rows.map(
-    (label, i) => `
-    <mj-section background-color="#F4F4F4" padding="0px"${i === rows.length - 1 ? ' padding-bottom="60px"' : ""}>
-      <mj-group>
-        <mj-column width="90%" padding-left="0px"${i < rows.length - 1 ? ' border-bottom="solid #CCCCCC 1px"' : ""}>
-          <mj-text height="25px" padding-left="0px" color="#757575" padding-top="20px" padding-bottom="7.5px" font-size="16px">${escapeXml(label)}</mj-text>
-        </mj-column>
-        <mj-column width="10%"${i < rows.length - 1 ? ' border-bottom="solid #CCCCCC 1px"' : ""} padding-top="15px">
-          <mj-image align="right" padding-right="0px" width="20px" height="20px" padding-top="2.5px" padding-bottom="15px" src="${CHECK_PNG}" />
-        </mj-column>
-      </mj-group>
-    </mj-section>`
-  ).join("");
+  return checklistRowsSection(copy.testingChecklist, {
+    background: "#F4F4F4",
+    lastPaddingBottom: "60px"
+  });
 }
 function maintenanceTestingPlaceholder(lastTested) {
   return `
@@ -2966,7 +3013,7 @@ function testingIntroSection(copy) {
     <mj-section background-color="#F4F4F4">
       <mj-column>
         <mj-text color="#C00" font-size="20px" font-weight="700" padding-top="75px">TESTING</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${escapeXml(copy.testingIntro)}</mj-text>
+        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${escapeXml2(copy.testingIntro)}</mj-text>
       </mj-column>
     </mj-section>`;
 }
@@ -2974,8 +3021,8 @@ function commentarySection(text, copy) {
   return `
     <mj-section background-color="white">
       <mj-column>
-        <mj-text color="#C00" font-size="20px" font-weight="700" padding-top="55px">${escapeXml(copy.notesHeader)}</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${escapeXml(text).replace(/\r\n?|\n/g, "<br/>")}</mj-text>
+        <mj-text color="#C00" font-size="20px" font-weight="700" padding-top="55px">${escapeXml2(copy.notesHeader)}</mj-text>
+        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${escapeXml2(text).replace(/\r\n?|\n/g, "<br/>")}</mj-text>
       </mj-column>
     </mj-section>`;
 }
@@ -2984,8 +3031,8 @@ function hasHeaderDims(data) {
 }
 function headerImageTag(data) {
   const src = `cid:${data.headerImageCid}`;
-  const alt = `${escapeXml(data.siteName)} maintenance report`;
-  const href = isHttpUrl(data.siteUrl) ? escapeXml(data.siteUrl) : "#";
+  const alt = `${escapeXml2(data.siteName)} maintenance report`;
+  const href = isHttpUrl(data.siteUrl) ? escapeXml2(data.siteUrl) : "#";
   if (hasHeaderDims(data)) {
     return `<mj-image href="${href}" src="${src}" alt="${alt}" width="${data.headerWidth}px" css-class="rd-header" container-background-color="${data.headerBgColor}" />`;
   }
@@ -2998,7 +3045,7 @@ function headerStyleBlock(data) {
 function buildMjml(data) {
   const copy = data.copy ?? DEFAULT_COPY;
   const isTesting = data.reportType === "Testing";
-  const previewText = `Checked up on ${escapeXml(data.siteName)}`;
+  const previewText = `Checked up on ${escapeXml2(data.siteName)}`;
   return `<mjml>
   <mj-head>
     <mj-attributes>
@@ -3020,52 +3067,30 @@ function buildMjml(data) {
         <mj-text color="#C00" font-size="20px" font-weight="700" padding-top="75px">COMPLETED ON</mj-text>
         <mj-text color="#C00" font-size="44px" font-weight="400">${fmtDate(data.completedOn)}</mj-text>
         <mj-text color="#C00" font-size="20px" font-weight="700" padding-top="75px">MAINTENANCE CHECKS</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${escapeXml(copy.maintenanceIntro)}</mj-text>
+        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px">${escapeXml2(copy.maintenanceIntro)}</mj-text>
       </mj-column>
     </mj-section>
     ${maintenanceChecksSection(copy, data.searchPosition)}
-    <mj-section background-color="#F4F4F4">
-      <mj-column>
-        <mj-text color="#C00" font-size="20px" font-weight="700" padding-top="55px">LIGHTHOUSE SCORES*</mj-text>
-        <mj-text color="#C00" font-size="20px" font-weight="300" padding-top="25px">Performance</mj-text>
-        <mj-text color="#C00" font-size="44px" font-weight="400" padding-top="0px">${data.lighthouse.performance}</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="0px" padding-bottom="36px">Acceptable 50\u201389 // Ideal 90\u2013100</mj-text>
-        <mj-divider border-width="1px" border-style="solid" border-color="#CCCCCC" padding="0" />
-        <mj-text color="#C00" font-size="20px" font-weight="300" padding-top="25px">Readability (A11y)</mj-text>
-        <mj-text color="#C00" font-size="44px" font-weight="400" padding-top="0px">${data.lighthouse.accessibility}</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="0px" padding-bottom="36px">Acceptable 80\u201399 // Ideal 100</mj-text>
-        <mj-divider border-width="1px" border-style="solid" border-color="#CCCCCC" padding="0" />
-        <mj-text color="#C00" font-size="20px" font-weight="300" padding-top="25px">Best Practices</mj-text>
-        <mj-text color="#C00" font-size="44px" font-weight="400" padding-top="0px">${data.lighthouse.bestPractices}</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="0px" padding-bottom="36px">Acceptable 60\u201379 // Ideal 80\u201392</mj-text>
-        <mj-divider border-width="1px" border-style="solid" border-color="#CCCCCC" padding="0" />
-        <mj-text color="#C00" font-size="20px" font-weight="300" padding-top="25px">Site Structure</mj-text>
-        <mj-text color="#C00" font-size="44px" font-weight="400" padding-top="0px">${data.lighthouse.seo}</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="0px" padding-bottom="36px">Acceptable 50\u201389 // Ideal 90\u2013100</mj-text>
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" padding-bottom="36px" line-height="20px">*A Lighthouse score is a numerical measure provided by Google's Lighthouse tool, which evaluates various aspects of a web page's quality.</mj-text>
-      </mj-column>
-    </mj-section>
-    <mj-section background-color="white">
-      <mj-column>
-        <mj-text color="#C00" font-size="20px" font-weight="700" padding-top="75px">ANALYTICS</mj-text>
-        <mj-text color="#C00" font-size="44px" font-weight="400">${data.gaUsersCurrent !== void 0 ? fmtUsers(data.gaUsersCurrent) : "\u2014"} Users</mj-text>
-        ${analyticsTrendLine(data.gaUsersCurrent, data.gaUsersPrevious)}
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" padding-bottom="36px" line-height="20px">${escapeXml(copy.seoCta)}</mj-text>
-      </mj-column>
-    </mj-section>
+    ${lighthouseScoresSection(data.lighthouse)}
+    ${analyticsSection({
+    current: data.gaUsersCurrent,
+    previous: data.gaUsersPrevious,
+    background: "white",
+    footnoteLines: [escapeXml2(copy.seoCta)]
+  })}
     ${isTesting ? testingIntroSection(copy) + testingChecklistSection(copy) : maintenanceTestingPlaceholder(data.lastTestedDate)}
     ${data.commentary ? commentarySection(data.commentary, copy) : ""}
     <mj-section background-color="white">
       <mj-column padding-top="36px">
         <mj-text color="#C00" font-family="helvetica, sans-serif" font-size="24px" font-weight="700" padding-top="36px" line-height="36px">Any questions, concerns or requests?</mj-text>
         ${copy.contact.map(
-    (line, i) => i === copy.contact.length - 1 ? `<mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" padding-top="0px" line-height="30px" padding-bottom="36px">${escapeXml(line)}</mj-text>` : `<mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" line-height="30px">${escapeXml(line)}</mj-text>`
+    (line, i) => i === copy.contact.length - 1 ? `<mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" padding-top="0px" line-height="30px" padding-bottom="36px">${escapeXml2(line)}</mj-text>` : `<mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" line-height="30px">${escapeXml2(line)}</mj-text>`
   ).join("\n        ")}
         <mj-divider border-width="1px" border-style="solid" border-color="#CCCCCC" padding="0" />
-        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" line-height="20px" font-style="italic">Copyright ${(/* @__PURE__ */ new Date()).getUTCFullYear()} ${escapeXml(copy.footerOrg)}. All rights reserved.</mj-text>
+        <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" line-height="20px" font-style="italic">Copyright ${(/* @__PURE__ */ new Date()).getUTCFullYear()} ${escapeXml2(copy.footerOrg)}. All rights reserved.</mj-text>
         <mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="700" line-height="16px" padding-top="0" padding-bottom="0px">Our mailing address is:</mj-text>
         ${[copy.footerOrg, ...copy.footerAddress].map(
-    (line) => `<mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml(line)}</mj-text>`
+    (line) => `<mj-text color="#757575" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml2(line)}</mj-text>`
   ).join("\n        ")}
       </mj-column>
     </mj-section>
@@ -3074,22 +3099,22 @@ function buildMjml(data) {
 }
 
 // src/reports/launch-email/template.ts
-var RED = "#C00";
-var GREY = "#757575";
+var RED2 = "#C00";
+var GREY2 = "#757575";
 function buildLaunchMjml(data) {
   const copy = data.copy ?? DEFAULT_COPY;
-  const previewText = `${escapeXml(data.siteName)} is live`;
+  const previewText = `${escapeXml2(data.siteName)} is live`;
   const setupRows = copy.launchSetupItems.map(
     (item) => `
-      <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="4px" padding-bottom="4px">\u2022 ${escapeXml(item)}</mj-text>`
+      <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="4px" padding-bottom="4px">\u2022 ${escapeXml2(item)}</mj-text>`
   ).join("");
   const contactRows = copy.contact.map(
     (line) => `
-      <mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" line-height="30px">${escapeXml(line)}</mj-text>`
+      <mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" line-height="30px">${escapeXml2(line)}</mj-text>`
   ).join("");
   const footerAddressRows = copy.footerAddress.map(
     (line) => `
-      <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml(line)}</mj-text>`
+      <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml2(line)}</mj-text>`
   ).join("");
   return `<mjml>
   <mj-head>
@@ -3107,20 +3132,20 @@ function buildLaunchMjml(data) {
     </mj-section>
     <mj-section background-color="white">
       <mj-column>
-        <mj-text color="${RED}" font-size="20px" font-weight="700" padding-top="75px">${escapeXml(copy.launchHeading)}</mj-text>
-        <mj-text color="${RED}" font-size="44px" font-weight="400">${fmtDate(data.completedOn)}</mj-text>
-        <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="20px">${escapeXml(copy.launchBody)}</mj-text>
+        <mj-text color="${RED2}" font-size="20px" font-weight="700" padding-top="75px">${escapeXml2(copy.launchHeading)}</mj-text>
+        <mj-text color="${RED2}" font-size="44px" font-weight="400">${fmtDate(data.completedOn)}</mj-text>
+        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="20px">${escapeXml2(copy.launchBody)}</mj-text>
         ${setupRows}
       </mj-column>
     </mj-section>
     <mj-section background-color="white">
       <mj-column padding-top="36px">
-        <mj-text color="${RED}" font-family="helvetica, sans-serif" font-size="24px" font-weight="700" padding-top="36px" line-height="36px">Any questions, concerns or requests?</mj-text>
+        <mj-text color="${RED2}" font-family="helvetica, sans-serif" font-size="24px" font-weight="700" padding-top="36px" line-height="36px">Any questions, concerns or requests?</mj-text>
         ${contactRows}
         <mj-divider border-width="1px" border-style="solid" border-color="#CCCCCC" padding="0" />
-        <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" line-height="20px" font-style="italic">Copyright ${(/* @__PURE__ */ new Date()).getUTCFullYear()} ${escapeXml(copy.footerOrg)}. All rights reserved.</mj-text>
-        <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="12px" font-weight="700" line-height="16px" padding-top="0" padding-bottom="0px">Our mailing address is:</mj-text>
-        <mj-text color="${GREY}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml(copy.footerOrg)}</mj-text>
+        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" line-height="20px" font-style="italic">Copyright ${(/* @__PURE__ */ new Date()).getUTCFullYear()} ${escapeXml2(copy.footerOrg)}. All rights reserved.</mj-text>
+        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="700" line-height="16px" padding-top="0" padding-bottom="0px">Our mailing address is:</mj-text>
+        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml2(copy.footerOrg)}</mj-text>
         ${footerAddressRows}
       </mj-column>
     </mj-section>
@@ -3134,18 +3159,14 @@ var FREQ_PHRASE = {
   Quarterly: "every quarter",
   Yearly: "every year"
 };
-var RED2 = "#C00";
-var GREY2 = "#757575";
-var CHECK_PNG2 = `cid:${CHECK_CID}`;
-function fmtVisitors(n) {
-  return n.toLocaleString("en-US");
+var RED3 = "#C00";
+var GREY3 = "#757575";
+var SECTION_PAD = "40px";
+function sectionLabel(text) {
+  return `<mj-text color="${RED3}" font-size="20px" font-weight="700" padding-top="0px">${escapeXml2(text)}</mj-text>`;
 }
-function visitorTrend(cur, prev) {
-  if (cur === void 0 || prev === void 0 || prev === 0) return null;
-  const pct = Math.round((cur - prev) / prev * 100);
-  if (pct > 0) return `\u25B2 ${pct}% vs the previous month`;
-  if (pct < 0) return `\u25BC ${Math.abs(pct)}% vs the previous month`;
-  return "No change vs the previous month";
+function bodyLine(text, paddingTop = "8px") {
+  return `<mj-text color="${GREY3}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="${paddingTop}">${escapeXml2(text)}</mj-text>`;
 }
 function announcementSiteExtras(site) {
   return {
@@ -3153,83 +3174,68 @@ function announcementSiteExtras(site) {
     improvements: { resendForms: true, svelte5: true }
   };
 }
-var SCORE_PREVIEW = [
-  { label: "Performance", key: "performance" },
-  { label: "Readability (A11y)", key: "accessibility" },
-  { label: "Best Practices", key: "bestPractices" },
-  { label: "Site Structure", key: "seo" }
-];
 function buildAnnouncementMjml(data) {
   const copy = data.copy ?? DEFAULT_COPY;
   const previewText = "Your monthly report from Reddoor";
+  const cad = data.cadence;
+  const hasMaint = Boolean(cad && cad.maintenance !== "None");
+  const hasTesting = Boolean(cad && cad.testing !== "None");
   const improvementItems = [];
   if (data.improvements?.resendForms) improvementItems.push(copy.announceImprovementResend);
   if (data.improvements?.svelte5) improvementItems.push(copy.announceImprovementSvelte5);
-  const improvementsSection = improvementItems.length > 0 ? `
-    <mj-section background-color="white">
+  const hasImpr = improvementItems.length > 0;
+  const BANDS = ["white", "#F4F4F4"];
+  let bandN = 0;
+  const nextBg = () => BANDS[bandN++ % 2];
+  const introBg = nextBg();
+  const maintBg = hasMaint ? nextBg() : "";
+  const testBg = hasTesting ? nextBg() : "";
+  const lighthouseBg = nextBg();
+  const analyticsBg = nextBg();
+  const improvementsBg = hasImpr ? nextBg() : "";
+  const contactBg = nextBg();
+  const maintenanceSection = cad && cad.maintenance !== "None" ? `
+    <mj-section background-color="${maintBg}" padding-top="${SECTION_PAD}" padding-bottom="0px">
       <mj-column>
-        <mj-text color="${RED2}" font-size="20px" font-weight="700" padding-top="36px">RECENT IMPROVEMENTS</mj-text>
-        ${improvementItems.map(
-    (item) => `
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="4px" padding-bottom="4px">\u2022 ${escapeXml(item)}</mj-text>`
-  ).join("")}
+        ${sectionLabel("MAINTENANCE CHECKS")}
+        ${bodyLine(`${copy.maintenanceIntro} We do this ${FREQ_PHRASE[cad.maintenance]}.${cad.testing === "None" ? ` ${copy.announceCadence}` : ""}`)}
       </mj-column>
-    </mj-section>` : "";
-  const cad = data.cadence;
-  const cadenceBlocks = [];
-  if (cad && cad.testing !== "None")
-    cadenceBlocks.push({
-      line: `${copy.announceTestingLabel} \u2014 ${FREQ_PHRASE[cad.testing]}`,
-      checks: copy.testingChecklist
-    });
-  if (cad && cad.maintenance !== "None")
-    cadenceBlocks.push({
-      line: `${copy.announceMaintenanceLabel} \u2014 ${FREQ_PHRASE[cad.maintenance]}`,
-      checks: copy.maintenanceChecks
-    });
-  const cadenceSection = cadenceBlocks.length > 0 ? `
-    <mj-section background-color="white">
+    </mj-section>${checklistRowsSection(copy.maintenanceChecks, {
+    background: maintBg,
+    lastPaddingBottom: SECTION_PAD
+  })}` : "";
+  const testingSection = cad && cad.testing !== "None" ? `
+    <mj-section background-color="${testBg}" padding-top="${SECTION_PAD}" padding-bottom="0px">
       <mj-column>
-        <mj-text color="${RED2}" font-size="20px" font-weight="700" padding-top="36px">${escapeXml(copy.announceCadenceHeading)}</mj-text>
-        ${cadenceBlocks.map(
-    (b) => `
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="400" line-height="24px" padding-top="12px" padding-bottom="2px">\u2022 ${escapeXml(b.line)}</mj-text>${b.checks.map(
-      (c) => `
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="14px" font-weight="300" line-height="22px" padding-top="1px" padding-bottom="0px" padding-left="16px">${escapeXml(c)} <img src="${CHECK_PNG2}" alt="\u2713" width="14" height="14" style="vertical-align:middle;display:inline-block;margin-left:2px;" /></mj-text>`
-    ).join("")}`
-  ).join("")}
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="14px">${escapeXml(copy.announceCadence)}</mj-text>
+        ${sectionLabel("TESTING")}
+        ${bodyLine(`${copy.testingIntro} We run a full test ${FREQ_PHRASE[cad.testing]}. ${copy.announceCadence}`)}
       </mj-column>
-    </mj-section>` : "";
-  const scoreRows = SCORE_PREVIEW.map(
-    ({ label, key }) => `
-        <mj-text color="${RED2}" font-size="20px" font-weight="300" padding-top="25px">${label}</mj-text>
-        <mj-text color="${RED2}" font-size="44px" font-weight="400" padding-top="0px">${data.lighthouse[key]}</mj-text>`
-  ).join("");
-  const scoreNote = copy.announceScoreNote ? `
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" font-style="italic" line-height="18px" padding-top="16px">${escapeXml(copy.announceScoreNote)}</mj-text>` : "";
-  const trend = visitorTrend(data.gaUsersCurrent, data.gaUsersPrevious);
-  const trafficRows = [];
-  if (data.gaUsersCurrent !== void 0)
-    trafficRows.push(`
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="8px"><span style="color:${RED2};font-size:22px;font-weight:400;">${escapeXml(fmtVisitors(data.gaUsersCurrent))}</span> visitors in the last month${trend ? ` \u2014 ${escapeXml(trend)}` : ""}</mj-text>`);
-  if (data.searchPosition !== void 0)
-    trafficRows.push(`
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="4px">Page 1 Google result (#${data.searchPosition}) for your brand search</mj-text>`);
-  const trafficSection = trafficRows.length > 0 ? `
-    <mj-section background-color="white">
+    </mj-section>${checklistRowsSection(copy.testingChecklist, {
+    background: testBg,
+    lastPaddingBottom: SECTION_PAD
+  })}` : "";
+  const analytics = analyticsSection({
+    current: data.gaUsersCurrent,
+    previous: data.gaUsersPrevious,
+    background: analyticsBg,
+    pad: SECTION_PAD,
+    bodyLines: data.searchPosition !== void 0 ? [`Page 1 Google result (#${data.searchPosition}) for your brand search`] : []
+  });
+  const improvementsSection = hasImpr ? `
+    <mj-section background-color="${improvementsBg}" padding-top="${SECTION_PAD}" padding-bottom="${SECTION_PAD}">
       <mj-column>
-        <mj-text color="${RED2}" font-size="20px" font-weight="700" padding-top="36px">TRAFFIC &amp; SEARCH</mj-text>
-        ${trafficRows.join("")}
+        ${sectionLabel("RECENT IMPROVEMENTS")}
+        ${improvementItems.map((item) => bodyLine(item)).join("\n        ")}
+        ${bodyLine(copy.announceOpenDoor, "16px")}
       </mj-column>
     </mj-section>` : "";
   const contactRows = copy.contact.map(
     (line) => `
-      <mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" line-height="30px">${escapeXml(line)}</mj-text>`
+      <mj-text font-family="helvetica, sans-serif" font-size="24px" font-weight="300" line-height="30px">${escapeXml2(line)}</mj-text>`
   ).join("");
   const footerAddressRows = copy.footerAddress.map(
     (line) => `
-      <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml(line)}</mj-text>`
+      <mj-text color="${GREY3}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml2(line)}</mj-text>`
   ).join("");
   return `<mjml>
   <mj-head>
@@ -3238,42 +3244,33 @@ function buildAnnouncementMjml(data) {
       <mj-section padding-left="11%" padding-right="11%"/>
       <mj-image padding="0px" />
     </mj-attributes>
-    <mj-preview>${escapeXml(previewText)}</mj-preview>
+    <mj-preview>${escapeXml2(previewText)}</mj-preview>
     ${headerStyleBlock(data)}
   </mj-head>
   <mj-body background-color="white">
     <mj-section background-color="#F4F4F4" padding-top="0px" padding-bottom="0px" padding-left="0px" padding-right="0px">
       <mj-column>${headerImageTag(data)}</mj-column>
     </mj-section>
-    <mj-section background-color="white">
+    <mj-section background-color="${introBg}" padding-top="${SECTION_PAD}" padding-bottom="${SECTION_PAD}">
       <mj-column>
-        <mj-text color="${RED2}" font-size="20px" font-weight="700" padding-top="75px">${escapeXml(copy.announceHeading)}</mj-text>
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="20px">Prepared for ${escapeXml(data.siteName)}</mj-text>
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="8px">${escapeXml(copy.announceBody)}</mj-text>
+        ${sectionLabel(copy.announceHeading)}
+        <mj-text color="${GREY3}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="20px">Prepared for ${escapeXml2(data.siteName)}</mj-text>
+        ${bodyLine(copy.announceBody)}
       </mj-column>
     </mj-section>
-    ${cadenceSection}
+    ${maintenanceSection}
+    ${testingSection}
+    ${lighthouseScoresSection(data.lighthouse, { background: lighthouseBg, pad: SECTION_PAD })}
+    ${analytics}
     ${improvementsSection}
-    <mj-section background-color="#F4F4F4">
+    <mj-section background-color="${contactBg}" padding-top="${SECTION_PAD}" padding-bottom="${SECTION_PAD}">
       <mj-column>
-        <mj-text color="${RED2}" font-size="20px" font-weight="700" padding-top="55px">${escapeXml(copy.announcePreviewLabel)}</mj-text>
-        ${scoreRows}${scoreNote}
-      </mj-column>
-    </mj-section>
-    ${trafficSection}
-    <mj-section background-color="white">
-      <mj-column>
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="16px" font-weight="300" line-height="24px" padding-top="36px">${escapeXml(copy.announceOpenDoor)}</mj-text>
-      </mj-column>
-    </mj-section>
-    <mj-section background-color="white">
-      <mj-column padding-top="36px">
-        <mj-text color="${RED2}" font-family="helvetica, sans-serif" font-size="24px" font-weight="700" padding-top="36px" line-height="36px">Any questions, concerns or requests?</mj-text>
+        <mj-text color="${RED3}" font-family="helvetica, sans-serif" font-size="24px" font-weight="700" padding-top="0px" line-height="36px">Any questions, concerns or requests?</mj-text>
         ${contactRows}
         <mj-divider border-width="1px" border-style="solid" border-color="#CCCCCC" padding="0" />
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" line-height="20px" font-style="italic">Copyright ${(/* @__PURE__ */ new Date()).getUTCFullYear()} ${escapeXml(copy.footerOrg)}. All rights reserved.</mj-text>
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="700" line-height="16px" padding-top="0" padding-bottom="0px">Our mailing address is:</mj-text>
-        <mj-text color="${GREY2}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml(copy.footerOrg)}</mj-text>
+        <mj-text color="${GREY3}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" padding-top="24px" line-height="20px" font-style="italic">Copyright ${(/* @__PURE__ */ new Date()).getUTCFullYear()} ${escapeXml2(copy.footerOrg)}. All rights reserved.</mj-text>
+        <mj-text color="${GREY3}" font-family="helvetica, sans-serif" font-size="12px" font-weight="700" line-height="16px" padding-top="0" padding-bottom="0px">Our mailing address is:</mj-text>
+        <mj-text color="${GREY3}" font-family="helvetica, sans-serif" font-size="12px" font-weight="300" line-height="16px" padding-top="0" padding-bottom="0px">${escapeXml2(copy.footerOrg)}</mj-text>
         ${footerAddressRows}
       </mj-column>
     </mj-section>
@@ -3443,6 +3440,33 @@ async function stampSent(base, recordId, sentAt, messageId) {
   ]);
 }
 
+// src/reports/queue.ts
+var REPORT_TIER = {
+  Maintenance: 1,
+  Testing: 2,
+  Announcement: 3,
+  Launch: 3
+};
+function reportTier(type) {
+  return REPORT_TIER[type];
+}
+async function queueDraft(base, report) {
+  const newTier = reportTier(report.reportType);
+  const others = (await listReportsForSite(base, report.siteId)).filter(isPendingApproval).filter((r) => r.id !== report.id);
+  const blocker = others.find((r) => reportTier(r.reportType) >= newTier);
+  if (blocker) {
+    await setDraftReady(base, report.id, false);
+    return { queued: false, blockedBy: blocker.reportType, supersededIds: [] };
+  }
+  const supersededIds = [];
+  for (const r of others) {
+    await setDraftReady(base, r.id, false);
+    supersededIds.push(r.id);
+  }
+  await setDraftReady(base, report.id, true);
+  return { queued: true, supersededIds };
+}
+
 // src/reports/airtable/attachments.ts
 function looksLikeHtml(bytes) {
   const start = bytes[0] === 239 && bytes[1] === 187 && bytes[2] === 191 ? 3 : 0;
@@ -3681,12 +3705,24 @@ async function draftReportForSite(base, siteRow, reportType, options = {}) {
     const path = options.previewPath ?? `reports/${slug}/draft.html`;
     await mkdir3(dirname6(path), { recursive: true });
     await writeFile10(path, html, "utf-8");
-    return { reportRow: null, htmlPath: path, html, softFailures };
+    return { reportRow: null, htmlPath: path, html, softFailures, queued: null, supersededIds: [] };
   }
   if (base === null) throw new Error("base required when previewOnly=false");
   if (options.completeRowId) {
-    await finishDraftRow(base, options.completeRowId, slug, periodEnd, html);
-    return { reportRow: options.existingRow ?? null, htmlPath: null, html, softFailures };
+    await uploadDraftHtml(options.completeRowId, slug, periodEnd, html);
+    const outcome2 = await queueDraft(base, {
+      id: options.completeRowId,
+      siteId: siteRow.id,
+      reportType
+    });
+    return {
+      reportRow: options.existingRow ?? null,
+      htmlPath: null,
+      html,
+      softFailures,
+      queued: outcome2.queued,
+      supersededIds: outcome2.supersededIds
+    };
   }
   const reportId = `${siteRow.name} \u2014 ${reportType} \u2014 ${periodEnd.toISOString().slice(0, 10)}`;
   const created = await createDraft(base, {
@@ -3703,13 +3739,24 @@ async function draftReportForSite(base, siteRow, reportType, options = {}) {
     ...search ? { searchFoundPage1: search.foundOnPage1 } : {},
     ...search?.foundOnPage1 && search.position !== null ? { searchPosition: search.position } : {}
   });
-  await finishDraftRow(base, created.id, slug, periodEnd, html);
-  return { reportRow: created, htmlPath: null, html, softFailures };
+  await uploadDraftHtml(created.id, slug, periodEnd, html);
+  const outcome = await queueDraft(base, {
+    id: created.id,
+    siteId: siteRow.id,
+    reportType
+  });
+  return {
+    reportRow: created,
+    htmlPath: null,
+    html,
+    softFailures,
+    queued: outcome.queued,
+    supersededIds: outcome.supersededIds
+  };
 }
-async function finishDraftRow(base, rowId, slug, periodEnd, html) {
+async function uploadDraftHtml(rowId, slug, periodEnd, html) {
   const htmlFilename = `${slug}-${periodEnd.toISOString().slice(0, 10)}.html`;
   await uploadAttachment(rowId, "Rendered HTML", html, htmlFilename, "text/html");
-  await setDraftReady(base, rowId, true);
 }
 var NO_ENRICHMENT = { value: null, softFailed: false };
 async function fetchGaUsers(siteRow, periodStart, periodEnd) {
@@ -3973,9 +4020,8 @@ async function sendOne(client, base, site, report) {
     headerHeight: header.displayHeight,
     headerBgColor: header.placeholderColor,
     // Announcement-only: re-derive cadence + improvements from the site row so the SENT email
-    // keeps its WHAT TO EXPECT section + improvement callouts. Without this the send-time
-    // re-render drops them entirely (they're not stored on the Reports row). Ignored by the
-    // other report templates.
+    // keeps its cadence copy + improvement callouts. Without this the send-time re-render drops
+    // them entirely (they're not stored on the Reports row). Ignored by the other templates.
     ...report.reportType === "Announcement" ? announcementSiteExtras(site) : {}
   });
   const reportDate = report.completedOn ? new Date(report.completedOn) : /* @__PURE__ */ new Date();