@reddoorla/maintenance 0.60.1 → 0.62.0

package/dist/index.js

@@ -1,33 +1,41 @@
+import {
+  findDueReports
+} from "./chunk-WVRPOXKH.js";
+import {
+  upgradeSvelte4to5
+} from "./chunk-O65I7G7G.js";
 import {
   DEFAULT_INIT_STEPS,
   a11yFixturesPage,
   init
-} from "./chunk-HB7QPECR.js";
+} from "./chunk-KTPPKO2C.js";
+import {
+  convertToPnpm
+} from "./chunk-2X322ZES.js";
 import {
   svelteCodemods
 } from "./chunk-FUD4I2ZW.js";
+import "./chunk-OQPMZ6BM.js";
 import {
   onboard,
   selfCaretRange,
   selfPackageVersion
 } from "./chunk-ZYBOT5PM.js";
-import {
-  findDueReports
-} from "./chunk-WVRPOXKH.js";
 import {
   draftReportForSite
-} from "./chunk-TZN2G6FD.js";
+} from "./chunk-TYRCYHRA.js";
 import "./chunk-6LIWDIXU.js";
+import "./chunk-BMDBOPN3.js";
 import {
   sendApprovedReports
-} from "./chunk-KC4HU7BC.js";
-import "./chunk-OGGRFBL4.js";
+} from "./chunk-76VIUWR3.js";
 import {
   BLURRED_CID,
   CHECK_CID,
   loadBundledImages,
   renderReportHtml
-} from "./chunk-BWLUNY7L.js";
+} from "./chunk-2T3HZ3DB.js";
+import "./chunk-OGGRFBL4.js";
 import {
   checklistFor,
   escapeHtml,
@@ -38,18 +46,11 @@ import {
 import {
   bumpDeps
 } from "./chunk-D3DQFC32.js";
-import {
-  upgradeSvelte4to5
-} from "./chunk-O65I7G7G.js";
-import "./chunk-OQPMZ6BM.js";
-import {
-  convertToPnpm
-} from "./chunk-2X322ZES.js";
 import {
   syncConfigs
-} from "./chunk-JNXCDUYB.js";
-import "./chunk-CASCWQQX.js";
+} from "./chunk-XVR7UM6Z.js";
 import "./chunk-XKOZUVK2.js";
+import "./chunk-CASCWQQX.js";
 import "./chunk-OTGB6YQO.js";
 import {
   ALL_AUDIT_NAMES,
@@ -60,8 +61,11 @@ import {
   runAudits,
   runAuditsAcross,
   securityAudit
-} from "./chunk-5PHCZ6L5.js";
+} from "./chunk-SS7BKOIX.js";
 import "./chunk-LKGVSM2O.js";
+import "./chunk-L5F664ZA.js";
+import "./chunk-6ZKM7OIJ.js";
+import "./chunk-XKKTK6WA.js";
 import {
   fromJsonFile,
   localPath
@@ -71,12 +75,12 @@ import "./chunk-XXTZBPUY.js";
 import "./chunk-XTK5VIQB.js";
 import {
   fromAirtableBase
-} from "./chunk-TLZ4V2BE.js";
+} from "./chunk-ZEX2T6JH.js";
 import "./chunk-U5SZ4FOP.js";
 import {
   SEVERITY_RANK,
   siteSlug
-} from "./chunk-L4ULXHIN.js";
+} from "./chunk-BLD6AYJO.js";
 import "./chunk-HN6I2XWI.js";
 import "./chunk-WEKL2HYJ.js";
 import "./chunk-6VAL7XJT.js";
@@ -636,7 +640,94 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
 </html>`;
 }
 
-// src/dashboard/fleet-render.ts
+// src/dashboard/fleet-cockpit.ts
+var MS_PER_DAY = 24 * 60 * 60 * 1e3;
+var READY_DEPLOY_STATES = /* @__PURE__ */ new Set(["ready"]);
+var FAILED_DEPLOY_STATES = /* @__PURE__ */ new Set(["error", "failed", "rejected"]);
+function isReadyDeployStatus(status) {
+  return status !== null && READY_DEPLOY_STATES.has(status.toLowerCase());
+}
+function isFailedDeployStatus(status) {
+  return status !== null && FAILED_DEPLOY_STATES.has(status.toLowerCase());
+}
+var NEEDS_YOU_GROUP_RANK = { broken: 0, approval: 1, slipping: 2 };
+function buildNeedsYouFeed(model) {
+  const bySlug = /* @__PURE__ */ new Map();
+  const get = (siteName) => {
+    const slug = siteSlug(siteName);
+    let a = bySlug.get(slug);
+    if (!a) {
+      a = {
+        slug,
+        siteName,
+        reasons: [],
+        hasCritical: false,
+        broken: false,
+        approval: false,
+        slipping: false
+      };
+      bySlug.set(slug, a);
+    }
+    return a;
+  };
+  for (const card2 of model.cards) {
+    if (card2.tier === "attention") {
+      for (const item of card2.items) {
+        if (item.kind === "vuln" && item.autoFixExhausted !== true) continue;
+        const a = get(card2.site.name);
+        a.reasons.push(item.title);
+        a.broken = true;
+        if (item.severity === "critical") a.hasCritical = true;
+      }
+    } else if (card2.tier === "watch" && card2.watchReasons.length > 0) {
+      const a = get(card2.site.name);
+      for (const r of card2.watchReasons) a.reasons.push(r);
+      a.slipping = true;
+    }
+  }
+  for (const p of model.pending) {
+    const a = get(p.siteName);
+    a.reasons.push(`${p.reportType} ${p.period} ready`);
+    a.approval = true;
+  }
+  const items = [];
+  for (const a of bySlug.values()) {
+    if (a.reasons.length === 0) continue;
+    const group = a.broken ? "broken" : a.approval ? "approval" : "slipping";
+    items.push({
+      group,
+      hasCritical: a.hasCritical,
+      slug: a.slug,
+      siteName: a.siteName,
+      reasons: a.reasons,
+      url: `/s/${a.slug}`
+    });
+  }
+  items.sort((x, y) => {
+    if (NEEDS_YOU_GROUP_RANK[x.group] !== NEEDS_YOU_GROUP_RANK[y.group])
+      return NEEDS_YOU_GROUP_RANK[x.group] - NEEDS_YOU_GROUP_RANK[y.group];
+    if (x.group === "broken" && x.hasCritical !== y.hasCritical) return x.hasCritical ? -1 : 1;
+    return x.siteName.toLowerCase().localeCompare(y.siteName.toLowerCase());
+  });
+  return items;
+}
+function fleetLastAuditedAt(cards) {
+  let latestIso = null;
+  let latestMs = -Infinity;
+  for (const c of cards) {
+    const iso = c.site.lastLighthouseAuditAt;
+    if (!iso) continue;
+    const ms = Date.parse(iso);
+    if (!Number.isFinite(ms)) continue;
+    if (ms > latestMs) {
+      latestMs = ms;
+      latestIso = iso;
+    }
+  }
+  return latestIso;
+}
+
+// src/dashboard/fleet-browse-render.ts
 var DASH2 = "\u2014";
 function scoreSpan(category, value) {
   const display = value === null ? DASH2 : String(value);
@@ -696,10 +787,115 @@ function card(site) {
     site.securityVulnsModerate,
     site.securityVulnsLow
   )}
+        <span class="metric-label">deploy</span> ${deployBadge(site)}
       </span>
     </div>
   </article>`;
 }
+function deployBadge(site) {
+  const state = site.deployStatus;
+  if (state === null) {
+    return `<span class="metric deploy unknown" title="No deploy data">${DASH2}</span>`;
+  }
+  const cls = isReadyDeployStatus(state) ? "deploy ready" : isFailedDeployStatus(state) ? "deploy failed" : "deploy building";
+  const when = relativeTimeFromNow(site.lastDeployAt);
+  const label = escapeHtml(`${state}${when !== DASH2 ? ` \xB7 ${when}` : ""}`);
+  const url = site.deployLogUrl ? safeUrl(site.deployLogUrl) : "#";
+  if (url !== "#") {
+    return `<a class="metric ${cls}" href="${escapeHtml(url)}" target="_blank" rel="noopener">${label}</a>`;
+  }
+  return `<span class="metric ${cls}">${label}</span>`;
+}
+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" };
+function attentionBadge(status) {
+  if (status === "new") return `<span class="badge">NEW</span>`;
+  if (status === "worse") return `<span class="badge">WORSE</span>`;
+  return "";
+}
+function chips(c) {
+  const items = c.items.map((it) => {
+    const cls = it.autoFixExhausted ? "chip critical stuck" : it.severity === "critical" ? "chip critical" : "chip";
+    return `<span class="${cls}">${attentionBadge(it.status)}${escapeHtml(it.title)}</span>`;
+  });
+  for (const reason of c.watchReasons)
+    items.push(`<span class="chip">${escapeHtml(reason)}</span>`);
+  return items.length ? `<div class="chips">${items.join("")}</div>` : "";
+}
+function signalsAttr(c) {
+  const kinds = /* @__PURE__ */ new Set();
+  for (const it of c.items) {
+    kinds.add(it.kind === "vuln" ? "vulns" : it.kind === "renovate" ? "prs" : it.kind);
+  }
+  if (c.items.some((it) => it.autoFixExhausted)) kinds.add("auto-fix-failed");
+  for (const sig of c.watchSignals) kinds.add(sig);
+  return [...kinds].join(" ");
+}
+function triggerRenovateBtn(c) {
+  if (!c.site.gitRepo?.trim()) return "";
+  const url = `/api/sites/${escapeHtml(siteSlug(c.site.name))}/trigger-renovate`;
+  return `<button class="trigger-renovate" data-trigger-url="${url}">Trigger Renovate</button>`;
+}
+function cockpitCard(c) {
+  const base = card(c.site);
+  const pill = `<span class="pill ${c.tier}">${PILL_LABEL[c.tier]}</span>`;
+  const extra = `${pill}${chips(c)}${submBadge(c)}${triggerRenovateBtn(c)}`;
+  const opening = `<article class="card" data-signals="${signalsAttr(c)}">`;
+  return base.replace('<article class="card">', () => opening).replace("</article>", () => `${extra}</article>`);
+}
+var FLEET_FILTERS = [
+  "all",
+  "vulns",
+  "lighthouse",
+  "delivery",
+  "prs",
+  "ci",
+  "auto-fix-failed",
+  "stale",
+  "no-domain"
+];
+function renderFleetBrowsePanel(model) {
+  const total = model.cards.length;
+  const chips2 = FLEET_FILTERS.map(
+    (f) => `<button type="button" data-filter="${f}" aria-pressed="${f === "all" ? "true" : "false"}">${f}</button>`
+  ).join("");
+  const body = total === 0 ? `<div class="empty">No sites on the fleet view yet.</div>` : `<div class="cards">${model.cards.map(cockpitCard).join("")}</div>`;
+  return `<details class="fleet-browse">
+    <summary>Fleet (${total})</summary>
+    <div class="filters">${chips2}</div>
+    ${body}
+  </details>`;
+}
+var FLEET_BROWSE_SCRIPT = `<script>
+(function(){
+  var btns = document.querySelectorAll('.fleet-browse .filters button');
+  var cards = document.querySelectorAll('.fleet-browse .cards .card');
+  btns.forEach(function(b){
+    b.addEventListener('click', function(){
+      var f = b.getAttribute('data-filter');
+      btns.forEach(function(x){ x.setAttribute('aria-pressed', x===b ? 'true':'false'); });
+      cards.forEach(function(c){
+        var sig = (c.getAttribute('data-signals')||'').split(' ');
+        c.style.display = (f==='all' || sig.indexOf(f)!==-1) ? '' : 'none';
+      });
+    });
+  });
+  document.querySelectorAll('.fleet-browse button.trigger-renovate').forEach(function(b){
+    b.addEventListener('click', async function(){
+      b.disabled = true; b.textContent = 'Dispatching\u2026';
+      try { var res = await fetch(b.dataset.triggerUrl, { method: 'POST' });
+        b.textContent = res.ok ? 'Dispatched \u2713' : 'Failed';
+        if (!res.ok) b.disabled = false; }
+      catch(e){ b.textContent = 'Failed'; b.disabled = false; }
+    });
+  });
+})();
+</script>`;
+
+// src/dashboard/fleet-render.ts
 var STYLES2 = `
 :root { color-scheme: light dark; }
 body { font: 16px/1.5 system-ui, -apple-system, sans-serif; max-width: 1100px; margin: 2rem auto; padding: 0 1rem; color: #1a1a1a; }
@@ -720,12 +916,18 @@ h1 { margin: 0 0 0.25rem; font-size: 1.75rem; }
 .cluster.lighthouse .score { display: inline-block; min-width: 2.25rem; text-align: right; }
 .metric-label { color: #999; font-size: 0.8rem; text-transform: uppercase; letter-spacing: 0.04em; }
 .metric { font-feature-settings: "tnum"; }
-.summary { display:flex; flex-wrap:wrap; gap:0.5rem 1.25rem; align-items:baseline; margin-bottom:0.5rem; }
-.summary .tier { font-weight:700; }
-.summary .heads { color:#666; font-size:0.9rem; }
+.metric.deploy { font-size:0.78rem; padding:0.05rem 0.4rem; border-radius:6px; text-decoration:none; }
+.metric.deploy.ready { background:#e6f4ea; color:#1a7f37; }
+.metric.deploy.failed { background:#fdecea; color:#b00; font-weight:600; }
+.metric.deploy.building { background:#fff4e5; color:#9a6700; }
+.metric.deploy.unknown { color:#999; }
+@media (prefers-color-scheme: dark) {
+  .metric.deploy.ready { background:#0f2417; color:#4ac26b; }
+  .metric.deploy.failed { background:#3a1412; color:#ff6b6b; }
+  .metric.deploy.building { background:#2e2410; color:#e3b341; }
+}
 .spam-rollup { font-size:0.9rem; margin-bottom:1rem; }
 .muted { color:#999; }
-.subm-viewall { font-size:0.8rem; font-weight:normal; margin-left:0.4rem; white-space:nowrap; }
 .filters { display:flex; flex-wrap:wrap; gap:0.4rem; margin-bottom:1.25rem; }
 .filters button { font:inherit; font-size:0.85rem; padding:0.25rem 0.7rem; border:1px solid #ccc; border-radius:999px; background:transparent; color:inherit; cursor:pointer; }
 .filters button[aria-pressed="true"] { background:#1a1a1a; color:#fff; border-color:#1a1a1a; }
@@ -740,11 +942,8 @@ h1 { margin: 0 0 0.25rem; font-size: 1.75rem; }
 .rf-sub { color:#999; font-size:0.8rem; margin-left:1.1rem; }
 .rf-spin { display:inline-block; width:0.8em; height:0.8em; border:2px solid #999; border-top-color:transparent; border-radius:50%; animation:rf-spin 0.8s linear infinite; vertical-align:-0.1em; }
 @keyframes rf-spin { to { transform:rotate(360deg); } }
-details.tier { margin:0.75rem 0; }
-details.tier > summary { cursor:pointer; font-weight:700; font-size:1.05rem; padding:0.35rem 0; list-style:none; }
-.approve-strip { border:1px solid #ffe08a; background:#fff8e1; border-radius:8px; padding:0.75rem 1rem; margin-bottom:1.25rem; }
-@media (prefers-color-scheme: dark) { .approve-strip { background:#241f00; border-color:#5a4d00; } }
-.approve-strip h2 { font-size:1rem; margin:0 0 0.5rem; }
+details.fleet-browse, details.inbox { margin:0.75rem 0; }
+details.fleet-browse > summary, details.inbox > summary { cursor:pointer; font-weight:700; font-size:1.05rem; padding:0.35rem 0; list-style:none; }
 .approve-row { display:flex; flex-wrap:wrap; gap:0.5rem 1rem; align-items:center; padding:0.25rem 0; }
 .pill { font-size:0.75rem; padding:0.1rem 0.5rem; border-radius:999px; font-weight:700; }
 .pill.attention { background:#fdecea; color:#b00; }
@@ -756,85 +955,108 @@ details.tier > summary { cursor:pointer; font-weight:700; font-size:1.05rem; pad
 .chip.critical { background:#fdecea; color:#b00; }
 .chip.stuck { border:1px solid #b00; font-weight:600; }
 .badge { font-weight:700; color:#C00; font-size:0.72rem; margin-right:0.25rem; }
-.all-clear { background:#e8f5e9; color:#1b7a2f; padding:0.6rem 1rem; border-radius:8px; margin-bottom:1.25rem; font-weight:600; }
-@media (prefers-color-scheme: dark) { .all-clear { background:#10240f; color:#7fce85; } }
+.verdict { border-radius:8px; padding:0.9rem 1.1rem; margin-bottom:1.25rem; }
+.verdict .verdict-line { font-weight:800; font-size:1.4rem; }
+.verdict .verdict-meta { color:#666; font-size:0.9rem; margin-top:0.2rem; }
+.verdict.ok { background:#e8f5e9; color:#1b7a2f; }
+.verdict.ok .verdict-meta { color:#2e7d32; }
+.verdict.warn { background:#fdecea; color:#b00; }
+.verdict.warn .verdict-meta { color:#b00; opacity:0.85; }
+@media (prefers-color-scheme: dark) { .verdict.ok { background:#10240f; color:#7fce85; } .verdict.warn { background:#2a0f0d; color:#ff8a80; } }
+.verdict .fleet-actions { margin:0.6rem 0 0; }
+.needs-you { border:1px solid #e5e5e5; border-radius:8px; padding:0.75rem 1rem; margin-bottom:1.25rem; }
+@media (prefers-color-scheme: dark) { .needs-you { border-color:#2a2a2a; background:#181818; } }
+.needs-you h2 { font-size:1.05rem; margin:0 0 0.5rem; }
+.feed-group-label { text-transform:uppercase; letter-spacing:0.04em; font-size:0.72rem; color:#999; margin:0.6rem 0 0.2rem; }
+.feed-row { display:flex; gap:0.5rem; align-items:center; padding:0.3rem 0; border-bottom:1px dashed #eee; }
+.feed-row:last-child { border-bottom:0; }
+@media (prefers-color-scheme: dark) { .feed-row { border-bottom-color:#262626; } }
+.feed-what { flex:1; }
+.feed-open { white-space:nowrap; }
+.dot { width:0.55rem; height:0.55rem; border-radius:50%; display:inline-block; flex:0 0 auto; }
+.dot.broken { background:#dc2626; }
+.dot.approval { background:#2563eb; }
+.dot.slipping { background:#f59e0b; }
 `;
-var TIER_META = {
-  attention: { emoji: "\u{1F534}", label: "Needs attention", open: true },
-  watch: { emoji: "\u{1F7E1}", label: "Watch", open: false },
-  healthy: { emoji: "\u{1F7E2}", label: "Healthy", open: false }
-};
-var FILTERS = [
-  "all",
-  "vulns",
-  "lighthouse",
-  "delivery",
-  "prs",
-  "ci",
-  "auto-fix-failed",
-  "stale",
-  "no-domain",
-  "pending",
-  "submissions"
-];
-function summaryBar(model) {
-  const s = model.summary;
-  const heads = [
-    `${s.criticalHighVulns} critical/high vuln${s.criticalHighVulns === 1 ? "" : "s"}`,
-    `${s.lighthouseBelowFloor} Lighthouse<75`,
-    `${s.deliveryFailures} delivery`,
-    `${s.renovateFailing} PRs failing`,
-    `${s.ciRed} CI red`,
-    `${s.autoFixStuck} auto-fix stuck`,
-    `${s.pending} pending`,
-    `${s.newSubmissions ?? 0} new`
-  ].join(" \xB7 ");
-  const chips2 = FILTERS.map(
-    (f) => `<button type="button" data-filter="${f}" aria-pressed="${f === "all" ? "true" : "false"}">${f}</button>`
-  ).join("");
-  return `<div class="summary">
-      <span class="tier">\u{1F534} ${s.attention} needs attention</span>
-      <span class="tier">\u{1F7E1} ${s.watch} watch</span>
-      <span class="tier">\u{1F7E2} ${s.healthy} healthy</span>
-    </div>
-    <div class="summary heads">${escapeHtml(heads)}</div>
-    <div class="filters">${chips2}</div>
-    <div class="fleet-actions">
-      <button type="button" class="refresh-fleet" data-refresh-url="/api/fleet/refresh">\u21BB Refresh fleet state</button>
+function verdictBar(model, feedCount) {
+  const auditedIso = fleetLastAuditedAt(model.cards);
+  const audited = auditedIso ? ` \xB7 fleet last audited ${escapeHtml(relativeTimeFromNow(auditedIso))}` : "";
+  const sites = model.cards.length;
+  const sitesWord = `${sites} site${sites === 1 ? "" : "s"}`;
+  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>
     </div>`;
+  if (feedCount === 0) {
+    return `<div class="verdict ok">
+      <div class="verdict-line">\u2713 All clear</div>
+      <div class="verdict-meta">${sitesWord} healthy${audited}</div>
+      ${actions}
+    </div>`;
+  }
+  const noun = feedCount === 1 ? "site needs" : "sites need";
+  return `<div class="verdict warn">
+    <div class="verdict-line">\u26A0 ${feedCount} ${noun} you</div>
+    <div class="verdict-meta">${sitesWord}${audited}</div>
+    ${actions}
+  </div>`;
 }
-function spamRollup(model) {
-  const s = model.spam;
-  if (!s || s.caught === 0 && s.through === 0) return "";
-  return `<div class="spam-rollup muted">\u{1F6E1} Spam (30d) \u2014 caught ${s.caught} \xB7 through ${s.through}</div>`;
-}
-function allClearBanner(model) {
-  if (model.summary.attention > 0) return "";
-  const msg = model.cards.length === 0 ? "No sites on the fleet view yet." : "All clear \u2014 nothing needs your attention.";
-  return `<div class="all-clear">\u2713 ${escapeHtml(msg)}</div>`;
+var NEEDS_YOU_GROUP_LABEL = {
+  broken: "Broken",
+  approval: "Waiting on your yes",
+  slipping: "Slipping"
+};
+function renderNeedsYouFeed(feed) {
+  if (feed.length === 0) return "";
+  const groups = ["broken", "approval", "slipping"];
+  const blocks = groups.map((g) => {
+    const rows = feed.filter((i) => i.group === g);
+    if (rows.length === 0) return "";
+    const lis = rows.map(
+      (i) => `<div class="feed-row" data-group="${g}">
+          <span class="dot ${g}"></span>
+          <span class="feed-what"><strong>${escapeHtml(i.siteName)}</strong> \u2014 ${escapeHtml(i.reasons.join(" \xB7 "))}</span>
+          <a class="feed-open" href="${escapeHtml(i.url)}">Open \u25B8</a>
+        </div>`
+    ).join("");
+    return `<div class="feed-group"><div class="feed-group-label">${NEEDS_YOU_GROUP_LABEL[g]}</div>${lis}</div>`;
+  }).join("");
+  return `<section class="needs-you"><h2>Needs you (${feed.length})</h2>${blocks}</section>`;
 }
-function approveStrip(model) {
-  if (model.pending.length === 0) return "";
-  const rows = model.pending.map((p) => {
-    const href = `/s/${escapeHtml(p.slug)}`;
-    const url = `/api/reports/${encodeURIComponent(p.reportId)}/approve`;
-    return `<div class="approve-row" data-signal="pending">
-        <strong>${escapeHtml(p.siteName)}</strong>
-        <span class="muted">${escapeHtml(p.reportType)} ${escapeHtml(p.period)}</span>
-        <button class="approve" data-report-id="${escapeHtml(p.reportId)}" data-approve-url="${escapeHtml(url)}">Approve</button>
-        <a href="${href}">open \u25B8</a>
+var SUBMISSIONS_STRIP_CAP = 10;
+var RECENT_ICON = {
+  pr_automerged: "\u{1F527}",
+  vuln_cleared: "\u{1F6E1}",
+  ci_recovered: "\u2705",
+  site_launched: "\u{1F680}",
+  cert_renewed: "\u{1F512}",
+  fleet_swept: "\u{1F504}"
+};
+function renderRecentlyLane(model) {
+  const events = model.recent ?? [];
+  if (events.length === 0) return "";
+  const rows = events.map((e) => {
+    const icon = RECENT_ICON[e.type] ?? "\u2022";
+    const when = escapeHtml(relativeTimeFromNow(e.ts));
+    const site = e.siteName ? `<strong>${escapeHtml(e.siteName)}</strong> \u2014 ` : "";
+    const link = e.url ? `<a href="${escapeHtml(e.url)}">view \u25B8</a>` : e.slug ? `<a href="/s/${escapeHtml(e.slug)}">open \u25B8</a>` : "";
+    return `<div class="recent-row" data-type="${e.type}">
+        <span class="recent-icon">${icon}</span>
+        <span class="recent-what">${site}${escapeHtml(e.summary)}</span>
+        <span class="muted">${when}</span>
+        ${link}
       </div>`;
   }).join("");
-  return `<section class="approve-strip" data-tier="pending">
-    <h2>Approve (${model.pending.length}) \u2014 your daily yes</h2>
+  return `<details class="recently">
+    <summary>\u{1F527} Recently (${events.length})</summary>
     ${rows}
-  </section>`;
+  </details>`;
 }
-var SUBMISSIONS_STRIP_CAP = 10;
-function submissionsStrip(model) {
+function renderInboxLane(model) {
   const subs = model.submissions ?? [];
-  if (subs.length === 0) return "";
+  const spam = model.spam;
+  const hasSpam = !!spam && (spam.caught > 0 || spam.through > 0);
+  if (subs.length === 0 && !hasSpam) return "";
   const shown = [...subs].sort((a, b) => (b.submittedAt ?? "").localeCompare(a.submittedAt ?? "")).slice(0, SUBMISSIONS_STRIP_CAP);
   const rows = shown.map((sub) => {
     const href = `/s/${escapeHtml(sub.slug)}`;
@@ -848,91 +1070,17 @@ function submissionsStrip(model) {
       </div>`;
   }).join("");
   const overflow = subs.length - shown.length;
-  const more = overflow > 0 ? `<div class="approve-row subm-more muted"><a href="/submissions">+${overflow} more \u2014 view all submissions</a></div>` : "";
-  return `<section class="approve-strip subm-strip" data-tier="submissions">
-    <h2>\u{1F4E5} New submissions (${subs.length}) <a class="subm-viewall" href="/submissions">View all \u2192</a></h2>
-    ${rows}${more}
-  </section>`;
+  const more = overflow > 0 ? `<div class="approve-row subm-more muted"><a href="/submissions">+${overflow} more \u2014 view all submissions</a></div>` : `<div class="approve-row subm-more muted"><a href="/submissions">View all submissions \u2192</a></div>`;
+  const spamLine = hasSpam ? `<div class="spam-rollup muted">\u{1F6E1} Spam (30d) \u2014 caught ${spam.caught} \xB7 through ${spam.through}</div>` : "";
+  const spamInSummary = hasSpam ? " \xB7 \u{1F6E1} Spam (30d)" : "";
+  return `<details class="inbox">
+    <summary>\u{1F4E5} Submissions (${subs.length} new)${spamInSummary}</summary>
+    ${rows}${subs.length > 0 ? more : ""}
+    ${spamLine}
+  </details>`;
 }
-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" };
-function attentionBadge(status) {
-  if (status === "new") return `<span class="badge">NEW</span>`;
-  if (status === "worse") return `<span class="badge">WORSE</span>`;
-  return "";
-}
-function chips(c) {
-  const items = c.items.map((it) => {
-    const cls = it.autoFixExhausted ? "chip critical stuck" : it.severity === "critical" ? "chip critical" : "chip";
-    return `<span class="${cls}">${attentionBadge(it.status)}${escapeHtml(it.title)}</span>`;
-  });
-  for (const reason of c.watchReasons)
-    items.push(`<span class="chip">${escapeHtml(reason)}</span>`);
-  return items.length ? `<div class="chips">${items.join("")}</div>` : "";
-}
-function signalsAttr(c) {
-  const kinds = /* @__PURE__ */ new Set();
-  for (const it of c.items) {
-    kinds.add(it.kind === "vuln" ? "vulns" : it.kind === "renovate" ? "prs" : it.kind);
-  }
-  if (c.items.some((it) => it.autoFixExhausted)) kinds.add("auto-fix-failed");
-  for (const sig of c.watchSignals) kinds.add(sig);
-  return [...kinds].join(" ");
-}
-function triggerRenovateBtn(c) {
-  if (!c.site.gitRepo?.trim()) return "";
-  const url = `/api/sites/${escapeHtml(siteSlug(c.site.name))}/trigger-renovate`;
-  return `<button class="trigger-renovate" data-trigger-url="${url}">Trigger Renovate</button>`;
-}
-function cockpitCard(c) {
-  const base = card(c.site);
-  const pill = `<span class="pill ${c.tier}">${PILL_LABEL[c.tier]}</span>`;
-  const extra = `${pill}${chips(c)}${submBadge(c)}${triggerRenovateBtn(c)}`;
-  const opening = `<article class="card" data-signals="${signalsAttr(c)}">`;
-  return base.replace('<article class="card">', () => opening).replace("</article>", () => `${extra}</article>`);
-}
-var FILTER_SCRIPT = `<script>
+var AUDIT_SCRIPT = `<script>
 (function(){
-  var btns = document.querySelectorAll('.filters button');
-  var cards = document.querySelectorAll('.cards .card');
-  var details = document.querySelectorAll('details.tier');
-  btns.forEach(function(b){
-    b.addEventListener('click', function(){
-      var f = b.getAttribute('data-filter');
-      btns.forEach(function(x){ x.setAttribute('aria-pressed', x===b ? 'true':'false'); });
-      // "pending" lives on the approve strip, not on tier cards \u2014 just jump to it,
-      // never hide the triage cards (else the whole board blanks).
-      if (f === 'pending') { var s = document.querySelector('.approve-strip'); if (s) s.scrollIntoView({behavior:'smooth'}); return; }
-      if (f === 'submissions') { var ss = document.querySelector('[data-tier="submissions"]'); if (ss) ss.scrollIntoView({behavior:'smooth'}); return; }
-      if (f !== 'all') details.forEach(function(d){ d.open = true; });
-      cards.forEach(function(c){
-        var sig = (c.getAttribute('data-signals')||'').split(' ');
-        c.style.display = (f==='all' || sig.indexOf(f)!==-1) ? '' : 'none';
-      });
-    });
-  });
-  // approve buttons: mirror the per-site dashboard's inline POST.
-  document.querySelectorAll('button.approve').forEach(function(b){
-    b.addEventListener('click', async function(){
-      b.disabled = true; b.textContent = 'Approving\u2026';
-      try { var res = await fetch(b.dataset.approveUrl, { method: 'POST' });
-        b.textContent = res.ok ? 'Approved \u2713' : 'Failed'; }
-      catch(e){ b.textContent = 'Failed'; b.disabled = false; }
-    });
-  });
-  // trigger-renovate buttons: fire the on-demand dispatch (async, fire-and-forget).
-  document.querySelectorAll('button.trigger-renovate').forEach(function(b){
-    b.addEventListener('click', async function(){
-      b.disabled = true; b.textContent = 'Dispatching\u2026';
-      try { var res = await fetch(b.dataset.triggerUrl, { method: 'POST' });
-        b.textContent = res.ok ? 'Dispatched \u2713' : 'Failed';
-        if (!res.ok) b.disabled = false; }
-      catch(e){ b.textContent = 'Failed'; b.disabled = false; }
-    });
-  });
   // fleet-refresh live status: dispatch, then poll the actual runs and follow them.
   // Vanilla JS, string-concat only (no template literals) \u2014 this lives inside a TS
   // template string, so backticks or interpolation syntax would break the server render.
@@ -990,7 +1138,7 @@ var FILTER_SCRIPT = `<script>
       var p = rfPanel();
       if (data && data.authFail){
         if (p) p.innerHTML += '<div class="rf-row">Session expired \u2014 reload to sign in.</div>';
-        if (rf){ rf.disabled = false; rf.textContent = '\u21BB Refresh fleet state'; }
+        if (rf){ rf.disabled = false; rf.textContent = '\u21BB Audit fleet'; }
         rfStop(); return;
       }
       if (data && data.status){
@@ -1001,13 +1149,13 @@ var FILTER_SCRIPT = `<script>
             rfStop(); setTimeout(function(){ location.reload(); }, 2000); return;
           }
           if (p) p.innerHTML += '<div class="rf-row"><button type="button" onclick="location.reload()">Reload</button></div>';
-          if (rf){ rf.disabled = false; rf.textContent = '\u21BB Refresh fleet state'; }
+          if (rf){ rf.disabled = false; rf.textContent = '\u21BB Audit fleet'; }
           rfStop(); return;
         }
       }
       if (Date.now() - startedAt > RF_MAX_MS){
         if (p) p.innerHTML += '<div class="rf-row">Still running \u2014 reload later.</div>';
-        if (rf){ rf.disabled = false; rf.textContent = '\u21BB Refresh fleet state'; }
+        if (rf){ rf.disabled = false; rf.textContent = '\u21BB Audit fleet'; }
         rfStop(); return;
       }
       setTimeout(function(){ rfPoll(since, startedAt); }, RF_POLL_MS);
@@ -1015,7 +1163,7 @@ var FILTER_SCRIPT = `<script>
       var p = rfPanel();
       if (Date.now() - startedAt > RF_MAX_MS){
         if (p) p.innerHTML += '<div class="rf-row">Still running \u2014 reload later.</div>';
-        if (rf){ rf.disabled = false; rf.textContent = '\u21BB Refresh fleet state'; }
+        if (rf){ rf.disabled = false; rf.textContent = '\u21BB Audit fleet'; }
         rfStop(); return;
       }
       setTimeout(function(){ rfPoll(since, startedAt); }, RF_POLL_MS);
@@ -1029,12 +1177,12 @@ var FILTER_SCRIPT = `<script>
   var rf = document.querySelector('button.refresh-fleet');
   if (rf) rf.addEventListener('click', async function(){
     if (!confirm('Kick off the security + Lighthouse sweeps for the whole fleet? They take a few minutes.')) return;
-    rf.disabled = true; rf.textContent = 'Refreshing\u2026';
+    rf.disabled = true; rf.textContent = 'Auditing\u2026';
     try {
       var res = await fetch(rf.dataset.refreshUrl, { method: 'POST' });
       if (res.ok){
         var data = await res.json();
-        rf.textContent = '\u21BB Refresh running\u2026';
+        rf.textContent = '\u21BB Audit running\u2026';
         if (data && data.since) rfBegin(data.since, Date.now());
       } else { rf.textContent = 'Failed to start'; rf.disabled = false; }
     } catch(e){ rf.textContent = 'Failed to start'; rf.disabled = false; }
@@ -1043,7 +1191,7 @@ var FILTER_SCRIPT = `<script>
   try {
     var rfSaved = JSON.parse(localStorage.getItem(RF_KEY) || 'null');
     if (rfSaved && rfSaved.since && rfSaved.startedAt && (Date.now() - rfSaved.startedAt) < RF_MAX_MS){
-      if (rf){ rf.disabled = true; rf.textContent = '\u21BB Refresh running\u2026'; }
+      if (rf){ rf.disabled = true; rf.textContent = '\u21BB Audit running\u2026'; }
       rfBegin(rfSaved.since, rfSaved.startedAt);
     } else if (rfSaved) { rfStop(); }
   } catch(e){}
@@ -1051,16 +1199,7 @@ var FILTER_SCRIPT = `<script>
 </script>`;
 function renderCockpitHtml(model) {
   const total = model.cards.length;
-  const tiers = ["attention", "watch", "healthy"];
-  const sections = tiers.map((tier) => {
-    const cards = model.cards.filter((c) => c.tier === tier);
-    const meta = TIER_META[tier];
-    const body = cards.length === 0 ? `<div class="empty">None.</div>` : `<div class="cards">${cards.map(cockpitCard).join("")}</div>`;
-    return `<details class="tier" data-tier="${tier}"${meta.open ? " open" : ""}>
-        <summary>${meta.emoji} ${meta.label} (${cards.length})</summary>
-        ${body}
-      </details>`;
-  }).join("");
+  const feed = buildNeedsYouFeed(model);
   return `<!doctype html>
 <html lang="en">
 <head>
@@ -1073,13 +1212,13 @@ function renderCockpitHtml(model) {
 <body>
   <h1>Reddoor fleet cockpit</h1>
   <div class="meta">${total} site${total === 1 ? "" : "s"} on the Reddoor stack.</div>
-  ${summaryBar(model)}
-  ${allClearBanner(model)}
-  ${approveStrip(model)}
-  ${sections}
-  ${spamRollup(model)}
-  ${submissionsStrip(model)}
-  ${FILTER_SCRIPT}
+  ${verdictBar(model, feed.length)}
+  ${renderNeedsYouFeed(feed)}
+  ${renderFleetBrowsePanel(model)}
+  ${renderRecentlyLane(model)}
+  ${renderInboxLane(model)}
+  ${AUDIT_SCRIPT}
+  ${FLEET_BROWSE_SCRIPT}
 </body>
 </html>`;
 }