@reddoorla/maintenance 0.69.0 → 0.72.0

package/dist/index.js

@@ -1,10 +1,14 @@
-import "./chunk-AESJBEM7.js";
+import "./chunk-KRHPS3R4.js";
 import {
   approveBlockers
-} from "./chunk-E2GKKUEX.js";
+} from "./chunk-KLB2OLPW.js";
+import {
+  draftReportForSite
+} from "./chunk-NRISG4XD.js";
+import "./chunk-KLVMJYZZ.js";
 import {
   findDueReports
-} from "./chunk-45AUGDFR.js";
+} from "./chunk-D4FVAIEJ.js";
 import {
   upgradeSvelte4to5
 } from "./chunk-ZO7WNY57.js";
@@ -12,7 +16,7 @@ import {
   DEFAULT_INIT_STEPS,
   a11yFixturesPage,
   init
-} from "./chunk-42KKVLYN.js";
+} from "./chunk-APTAITXZ.js";
 import {
   convertToPnpm
 } from "./chunk-2X322ZES.js";
@@ -20,32 +24,32 @@ import {
   svelteCodemods
 } from "./chunk-BTEBRTW4.js";
 import "./chunk-J7SZQUCW.js";
+import "./chunk-7MJBTV2R.js";
+import "./chunk-PKVZMFEB.js";
+import "./chunk-KRDLHAKK.js";
 import {
   onboard,
   selfCaretRange,
   selfPackageVersion
 } from "./chunk-ZYBOT5PM.js";
-import {
-  draftReportForSite
-} from "./chunk-O6G4HHMF.js";
-import "./chunk-RINXPU3H.js";
 import {
   parseAddresses,
   sendApprovedReports,
   withGlobalCc
-} from "./chunk-2DCA7FHZ.js";
+} from "./chunk-7P7YETHG.js";
 import "./chunk-GECESMVS.js";
 import {
   BLURRED_CID,
   CHECK_CID,
   checklistFor,
   escapeHtml,
-  isChecklistComplete,
+  gatingFields,
+  isHealthGateClear,
   isPendingApproval,
   loadBundledImages,
   renderReportHtml,
   safeUrl
-} from "./chunk-6JFOAPW4.js";
+} from "./chunk-JCITWZQR.js";
 import "./chunk-WEKL2HYJ.js";
 import {
   bumpDeps
@@ -66,11 +70,11 @@ import {
   runAudits,
   runAuditsAcross,
   securityAudit
-} from "./chunk-6G7BC5SN.js";
+} from "./chunk-BHE5CUWI.js";
 import "./chunk-GASBX52O.js";
 import "./chunk-YEGHUODU.js";
 import "./chunk-LKGVSM2O.js";
-import "./chunk-OTBA7DON.js";
+import "./chunk-GYNRZCM6.js";
 import "./chunk-PH3AGF4Z.js";
 import "./chunk-HIN3P4ZN.js";
 import {
@@ -82,16 +86,16 @@ import "./chunk-XXTZBPUY.js";
 import "./chunk-XTK5VIQB.js";
 import {
   fromAirtableBase
-} from "./chunk-6MT5W6UF.js";
+} from "./chunk-HR5SONJC.js";
 import "./chunk-U5SZ4FOP.js";
 import {
   SEVERITY_RANK,
   siteSlug
-} from "./chunk-C3PDS623.js";
+} from "./chunk-BWKK2ZXS.js";
 import "./chunk-HN6I2XWI.js";
 import "./chunk-6VAL7XJT.js";
 import "./chunk-EYODPUHV.js";
-import "./chunk-LYCKN7ZR.js";
+import "./chunk-LJPCMXR7.js";
 
 // src/recipes/index.ts
 var ALL_RECIPE_NAMES = [
@@ -102,6 +106,8 @@ var ALL_RECIPE_NAMES = [
   "convert-to-pnpm",
   "onboard",
   "a11y-fixtures-page",
+  "health-endpoint",
+  "smoke-suite",
   "self-updating",
   "init"
 ];
@@ -316,24 +322,59 @@ function securitySection(site) {
     <ul class="vuln-list">${sorted.map(advisoryRow).join("")}</ul>
   </div>`;
 }
+function healthPresentation(status) {
+  switch (status) {
+    case "pass":
+      return { cls: "healthy", word: "clear" };
+    case "fail":
+      return { cls: "attention", word: "blocks" };
+    case "n/a":
+      return { cls: "na", word: "n/a" };
+    default:
+      return { cls: "watch", word: "needs you" };
+  }
+}
 function checklistBlock(r) {
   const items = checklistFor(r.reportType);
   if (items.length === 0) return "";
+  const gating = new Set(gatingFields(r.reportType));
   const rid = escapeHtml(r.id);
-  const url = `/api/reports/${encodeURIComponent(r.id)}/checklist`;
-  const boxes = items.map((item) => {
-    const checked = r.checklist[item.field] === true ? " checked" : "";
+  const rows = items.map((item) => {
     const ev = r.autoEvidence?.[item.field];
-    const badge = ev ? ev.result === "pass" ? ` <span class="auto-badge auto-pass" title="${escapeHtml(ev.note)}">auto \u2713</span>` : ` <span class="auto-badge auto-amber" title="${escapeHtml(ev.note)}">auto: ${escapeHtml(ev.note)}</span>` : "";
-    return `<label class="check-item"><input type="checkbox" class="checklist-checkbox" data-checklist-report-id="${rid}" data-field="${escapeHtml(item.field)}" data-checklist-url="${escapeHtml(url)}"${checked} /> ${escapeHtml(item.label)}${badge}</label>`;
+    const status = ev?.result ?? "unknown";
+    const { cls, word } = healthPresentation(status);
+    const advisory = gating.has(item.field) ? "" : ` <span class="advisory">advisory \u2014 never blocks</span>`;
+    const note = ev?.note ? ` <span class="check-note">${escapeHtml(ev.note)}</span>` : "";
+    return `<li class="check-item"><span class="pill ${cls}" title="${escapeHtml(ev?.note ?? "not yet measured")}">${word}</span> ${escapeHtml(item.label)}${advisory}${note}</li>`;
   }).join("");
-  return `<div class="checklist" data-checklist-for="${rid}">${boxes}</div>`;
+  return `<ul class="checklist" data-checklist-for="${rid}">${rows}</ul>`;
 }
 function approveButton(r, blocked) {
-  const disabled = isChecklistComplete(r) && !blocked ? "" : " disabled";
+  const gateClear = isHealthGateClear({
+    reportType: r.reportType,
+    autoEvidence: r.autoEvidence ?? {}
+  });
+  const disabled = gateClear && !blocked ? "" : " disabled";
   const blockedAttr = blocked ? ` data-send-blocked="1"` : "";
   return `<button class="approve" data-report-id="${escapeHtml(r.id)}" data-approve-url="${escapeHtml(`/api/reports/${encodeURIComponent(r.id)}/approve`)}"${blockedAttr}${disabled}>Approve</button>`;
 }
+function overrideControl(r) {
+  const gateClear = isHealthGateClear({
+    reportType: r.reportType,
+    autoEvidence: r.autoEvidence ?? {}
+  });
+  if (gateClear) return "";
+  const rid = escapeHtml(r.id);
+  const overrideUrl = escapeHtml(`/api/reports/${encodeURIComponent(r.id)}/approve?override=1`);
+  return `<div class="override" data-override-for="${rid}">
+    <button type="button" class="override-toggle" data-report-id="${rid}">Send anyway\u2026</button>
+    <div class="override-form" hidden>
+      <input type="text" class="override-reason" placeholder="Reason for overriding the health gate (required)" />
+      <button type="button" class="override-submit" data-report-id="${rid}" data-override-url="${overrideUrl}">Confirm override</button>
+      <span class="override-status"></span>
+    </div>
+  </div>`;
+}
 function preflightChip(findings) {
   const fails = findings.filter((f) => f.level === "fail");
   const warns = findings.filter((f) => f.level === "warn");
@@ -381,7 +422,7 @@ function pendingRow(r, site, now) {
   const blocked = findings.some((f) => f.level === "fail");
   const preview = r.renderedHtmlAttachment ? `<a href="${escapeHtml(safeUrl(r.renderedHtmlAttachment.url))}" rel="noopener noreferrer" title="rendered at draft time \u2014 Commentary/subject edits after drafting are not reflected">draft preview \u25B8</a>` : `<span class="muted">no preview yet</span>`;
   const sendLine = sendTimingLine(now);
-  return `<li><div class="pending-head"><strong>${type}</strong> <span class="muted">${period}</span> ${preflightChip(findings)} ${preview} ${approveButton(r, blocked)}</div><div class="pending-info">${recipientsLine(site)} ${sendLine}</div>${checklistBlock(r)}</li>`;
+  return `<li><div class="pending-head"><strong>${type}</strong> <span class="muted">${period}</span> ${preflightChip(findings)} ${preview} ${approveButton(r, blocked)}</div><div class="pending-info">${recipientsLine(site)} ${sendLine}</div>${checklistBlock(r)}${overrideControl(r)}</li>`;
 }
 function pendingSection(reports, site, now) {
   const pending = reports.filter(isPendingApproval);
@@ -531,13 +572,73 @@ button.approve:disabled { opacity: 0.6; cursor: default; }
 .pending-list li { padding: 0.5rem; border-bottom: 1px solid #eee; }
 @media (prefers-color-scheme: dark) { .pending-list li { border-color: #2a2a2a; } }
 .pending-head { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; row-gap: 0.25rem; }
-.checklist { display: flex; flex-wrap: wrap; gap: 0.25rem 1.25rem; margin: 0.5rem 0 0.25rem 0.25rem; }
-.check-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.9rem; }
-.check-item input { margin: 0; }
-.auto-badge { font-size: 0.72rem; border-radius: 0.25rem; padding: 0 0.35rem; white-space: nowrap; }
-.auto-pass { background: #e6f4ea; color: #137333; }
-.auto-amber { background: #fef7e0; color: #b06000; }
+.checklist {
+  list-style: none;
+  padding: 0;
+  margin: 0.5rem 0 0.25rem 0.25rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.3rem;
+}
+.check-item {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.9rem;
+}
+.pill.healthy {
+  background: #e8f5e9;
+  color: #1b7a2f;
+}
+.pill.watch {
+  background: #fff4e5;
+  color: #a65a00;
+}
+.pill.attention {
+  background: #fdecea;
+  color: #b00;
+}
+.pill.na {
+  background: #f0f0f0;
+  color: #666;
+}
+.advisory {
+  font-size: 0.72rem;
+  color: #999;
+  font-style: italic;
+}
+.check-note {
+  font-size: 0.75rem;
+  color: #999;
+}
+@media (prefers-color-scheme: dark) {
+  .pill.healthy {
+    background: #10240f;
+    color: #7fce85;
+  }
+  .pill.watch {
+    background: #2a2410;
+    color: #ffd454;
+  }
+  .pill.attention {
+    background: #2a0f0d;
+    color: #ff8a80;
+  }
+  .pill.na {
+    background: #222;
+    color: #999;
+  }
+}
 .pill { font-size: 0.75rem; padding: 0.1rem 0.5rem; border-radius: 999px; font-weight: 700; }
+.override { margin: 0.4rem 0 0.15rem 0.25rem; }
+button.override-toggle { font: inherit; font-size: 0.78rem; padding: 0.15rem 0.6rem; border: 1px solid #b00; border-radius: 6px; background: transparent; color: #b00; cursor: pointer; }
+@media (prefers-color-scheme: dark) { button.override-toggle { border-color: #ff8a80; color: #ff8a80; } }
+.override-form { margin-top: 0.35rem; display: flex; flex-wrap: wrap; gap: 0.4rem; align-items: center; }
+.override-reason { font: inherit; font-size: 0.85rem; padding: 0.25rem 0.45rem; border: 1px solid #ccc; border-radius: 4px; background: transparent; color: inherit; min-width: 220px; flex: 1 1 220px; }
+@media (prefers-color-scheme: dark) { .override-reason { border-color: #444; } }
+button.override-submit { font: inherit; font-size: 0.8rem; padding: 0.25rem 0.7rem; border: 1px solid #b00; border-radius: 6px; background: #b00; color: #fff; cursor: pointer; }
+button.override-submit:disabled { opacity: 0.6; cursor: default; }
+.override-status { font-size: 0.78rem; color: #999; }
 .vuln-list { list-style: none; padding: 0; margin: 0; }
 .vuln-item { padding: 0.45rem 0; border-bottom: 1px solid #eee; display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: baseline; }
 @media (prefers-color-scheme: dark) { .vuln-item { border-color: #2a2a2a; } }
@@ -645,6 +746,64 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
         }
       });
     });
+    // Health-gate override affordance: the toggle reveals a required-reason field; the
+    // submit POSTs the server-provided override URL with { reason } as the body \u2014 a
+    // distinct, deliberate action, never a silent default (an empty reason is
+    // refused client-side AND server-side).
+    document.querySelectorAll("button.override-toggle").forEach((b) => {
+      b.addEventListener("click", () => {
+        const form = b.nextElementSibling;
+        if (form) form.hidden = !form.hidden;
+      });
+    });
+    document.querySelectorAll("button.override-submit").forEach((b) => {
+      b.addEventListener("click", async () => {
+        const wrap = b.closest(".override-form");
+        const input = wrap ? wrap.querySelector(".override-reason") : null;
+        const status = wrap ? wrap.querySelector(".override-status") : null;
+        const reason = input ? input.value.trim() : "";
+        if (!reason) {
+          if (status) status.textContent = "Reason required";
+          return;
+        }
+        b.disabled = true;
+        if (status) status.textContent = "Sending\u2026";
+        try {
+          const res = await fetch(b.dataset.overrideUrl, {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ reason }),
+          });
+          if (res.ok) {
+            if (status) status.textContent = "Overridden \u2713";
+            if (input) input.disabled = true;
+            // Reflect the send-anyway state on the row's own Approve button too \u2014
+            // it stays server-gated disabled, but the label should stop implying
+            // "waiting on you" once an override has gone through.
+            const approveBtn = document.querySelector(
+              'button.approve[data-report-id="' + b.dataset.reportId + '"]',
+            );
+            if (approveBtn) approveBtn.textContent = "Overridden";
+          } else {
+            // A 409 carries { reason, blockers } \u2014 surface WHY (textContent only,
+            // never innerHTML, so server strings stay inert).
+            const data = await res.json().catch(() => null);
+            if (status) {
+              status.textContent =
+                data && Array.isArray(data.blockers) && data.blockers.length > 0
+                  ? data.blockers.join("; ")
+                  : data && data.reason === "override-reason-required"
+                    ? "Reason required"
+                    : "Failed";
+            }
+            b.disabled = false;
+          }
+        } catch {
+          if (status) status.textContent = "Failed";
+          b.disabled = false;
+        }
+      });
+    });
     // Trigger-renovate button: async on-demand dispatch (mirrors the cockpit).
     document.querySelectorAll("button.trigger-renovate").forEach((b) => {
       b.addEventListener("click", async () => {
@@ -685,34 +844,6 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
       });
     });
     ${SUBMISSION_STATUS_SCRIPT}
-    // Checklist gate: ticking a box POSTs the one field; the response { complete }
-    // decides whether THIS report's Approve button is enabled. Scoped per report by
-    // matching the checkbox's report id to the Approve button's id, so multiple
-    // pending reports on one page never cross-toggle. On failure the checkbox reverts.
-    document.querySelectorAll("input.checklist-checkbox").forEach((cb) => {
-      cb.addEventListener("change", async () => {
-        const reportId = cb.dataset.checklistReportId;
-        const approveBtn = document.querySelector(
-          'button.approve[data-report-id="' + (window.CSS && CSS.escape ? CSS.escape(reportId) : reportId) + '"]',
-        );
-        cb.disabled = true;
-        try {
-          const res = await fetch(cb.dataset.checklistUrl, {
-            method: "POST",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify({ reportId, field: cb.dataset.field, value: cb.checked }),
-          });
-          if (!res.ok) throw new Error("bad status");
-          const data = await res.json();
-          if (approveBtn) approveBtn.disabled = !data.complete || approveBtn.dataset.sendBlocked === "1";
-        } catch {
-          // Revert the optimistic flip so the box reflects the (unchanged) server state.
-          cb.checked = !cb.checked;
-        } finally {
-          cb.disabled = false;
-        }
-      });
-    });
   </script>
 </body>
 </html>`;
@@ -896,7 +1027,12 @@ function submBadge(c) {
   const n = c.newSubmissions ?? 0;
   return n > 0 ? `<span class="chip">\u{1F4E5} ${n} new</span>` : "";
 }
-var PILL_LABEL = { attention: "failing", watch: "watch", healthy: "ok" };
+var PILL_LABEL = {
+  attention: "failing",
+  watch: "watch",
+  healthy: "ok",
+  "pre-launch": "pre-launch"
+};
 function attentionBadge(status) {
   if (status === "new") return `<span class="badge">NEW</span>`;
   if (status === "worse") return `<span class="badge">WORSE</span>`;
@@ -1037,6 +1173,8 @@ details.fleet-browse > summary, details.inbox > summary { cursor:pointer; font-w
 .pill.attention { background:#fdecea; color:#b00; }
 .pill.watch { background:#fff4e5; color:#a65a00; }
 .pill.healthy { background:#e8f5e9; color:#1b7a2f; }
+.pill.pre-launch { background:#eef1f5; color:#5b6570; }
+@media (prefers-color-scheme: dark) { .pill.pre-launch { background:#1c2530; color:#9aa7b4; } }
 .chips { display:flex; flex-wrap:wrap; gap:0.4rem; margin-top:0.5rem; }
 .chip { font-size:0.8rem; padding:0.1rem 0.5rem; border-radius:6px; background:#f0f0f0; }
 @media (prefers-color-scheme: dark) { .chip { background:#222; } }
@@ -1088,7 +1226,9 @@ function verdictBar(model, feed) {
   const auditedTerm = auditedIso ? `fleet last audited ${escapeHtml(relativeTimeFromNow(auditedIso))}` : null;
   const total = model.cards.length;
   const { broken, watch, approval } = needsYouCounts(feed);
-  const healthy = Math.max(0, total - (broken + watch + approval));
+  const preLaunch = model.summary.preLaunch;
+  const preLaunchTerm = preLaunch > 0 ? `${preLaunch} pre-launch` : null;
+  const healthy = Math.max(0, total - (broken + watch + approval + preLaunch));
   const actions = `<div class="fleet-actions">
       <button type="button" class="refresh-fleet" data-refresh-url="/api/fleet/refresh">\u21BB Audit fleet</button>
       <div id="rf-status" class="rf-status" aria-live="polite"></div>
@@ -1099,8 +1239,8 @@ function verdictBar(model, feed) {
     ${actions}
   </div>`;
   if (broken === 0 && watch === 0 && approval === 0) {
-    const sitesWord = `${total} site${total === 1 ? "" : "s"}`;
-    return render("ok", "\u2713 All clear", [`${sitesWord} healthy`, auditedTerm]);
+    const healthyWord = healthy > 0 ? `${healthy} site${healthy === 1 ? "" : "s"} healthy` : null;
+    return render("ok", "\u2713 All clear", [healthyWord, preLaunchTerm, auditedTerm]);
   }
   const watchTerm = watch > 0 ? `${watch} watching` : null;
   const approvalTerm = approval > 0 ? `${approval} waiting on you` : null;
@@ -1110,6 +1250,7 @@ function verdictBar(model, feed) {
       watchTerm,
       approvalTerm,
       healthyTerm,
+      preLaunchTerm,
       auditedTerm
     ]);
   }
@@ -1117,10 +1258,11 @@ function verdictBar(model, feed) {
     return render("watch", `${watch} site${watch === 1 ? "" : "s"} to watch`, [
       approvalTerm,
       healthyTerm,
+      preLaunchTerm,
       auditedTerm
     ]);
   }
-  return render("soft", `${approval} waiting on you`, [healthyTerm, auditedTerm]);
+  return render("soft", `${approval} waiting on you`, [healthyTerm, preLaunchTerm, auditedTerm]);
 }
 var NEEDS_YOU_GROUP_LABEL = {
   broken: "Broken",
@@ -1151,7 +1293,8 @@ var RECENT_ICON = {
   ci_recovered: "\u2705",
   site_launched: "\u{1F680}",
   cert_renewed: "\u{1F512}",
-  fleet_swept: "\u{1F504}"
+  fleet_swept: "\u{1F504}",
+  report_sent_with_override: "\u2733\uFE0F"
 };
 function renderRecentlyLane(model) {
   const events = model.recent ?? [];