@reddoorla/maintenance 0.60.0 → 0.61.0

package/dist/index.js

@@ -11,6 +11,7 @@ import {
   selfCaretRange,
   selfPackageVersion
 } from "./chunk-ZYBOT5PM.js";
+import "./chunk-VDBENQUA.js";
 import {
   findDueReports
 } from "./chunk-WVRPOXKH.js";
@@ -636,7 +637,86 @@ 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 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);
@@ -700,6 +780,96 @@ function card(site) {
     </div>
   </article>`;
 }
+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 +890,8 @@ 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; }
 .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; }
@@ -737,13 +903,11 @@ h1 { margin: 0 0 0.25rem; font-size: 1.75rem; }
 .rf-status { margin-top:0.6rem; font-size:0.85rem; }
 .rf-row { padding:0.1rem 0; }
 .rf-row a { margin-left:0.3rem; }
+.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; }
@@ -755,85 +919,80 @@ 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>`;
-}
-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>
-      </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="approve-strip" data-tier="pending">
-    <h2>Approve (${model.pending.length}) \u2014 your daily yes</h2>
-    ${rows}
-  </section>`;
+  return `<section class="needs-you"><h2>Needs you (${feed.length})</h2>${blocks}</section>`;
 }
 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)}`;
@@ -847,91 +1006,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>`;
-}
-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 "";
+  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 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.
@@ -940,16 +1025,45 @@ var FILTER_SCRIPT = `<script>
   var RF_MAX_MS = 90 * 60 * 1000; // safety ceiling; a full fleet Lighthouse run was ~48 min (2026-06-24)
   function rfPanel(){ return document.getElementById('rf-status'); }
   function rfStop(){ try { localStorage.removeItem(RF_KEY); } catch(e){} }
-  // Safe to build raw HTML: workflow/state are server-fixed enums and url is GitHub's
-  // own html_url for our central repo \u2014 none are user-supplied. Don't interpolate
-  // untrusted fields here without escaping.
-  function rfRender(status){
+  // Per-workflow ETA hint (the lighthouse fleet sweep runs ~48 min; security ~1-2 min).
+  function rfEta(label){ return label === 'lighthouse' ? '~48m' : label === 'security' ? '~2m' : ''; }
+  // Map a raw GitHub step name to a coarse human phase. Order matters (the audit step
+  // name also contains 'browser'; 'playwright install' also contains 'install').
+  function rfPhase(step){
+    if (!step) return '';
+    var s = step.toLowerCase();
+    if (s.indexOf('audit') !== -1 || s.indexOf('lighthouse') !== -1) return 'auditing the fleet\u2026';
+    if (s.indexOf('build') !== -1) return 'building\u2026';
+    if (s.indexOf('playwright') !== -1 || s.indexOf('browser') !== -1) return 'installing browsers\u2026';
+    if (s.indexOf('install') !== -1 || s.indexOf('depend') !== -1) return 'installing dependencies\u2026';
+    if (s.indexOf('set up') !== -1 || s.indexOf('checkout') !== -1) return 'setting up\u2026';
+    return step;
+  }
+  // Safe to build raw HTML: workflow/state/step are server-fixed (enums + GitHub step
+  // names) and url is GitHub's own html_url for our central repo \u2014 none are
+  // user-supplied. Don't interpolate untrusted fields here without escaping.
+  function rfRender(status, startedAt){
     var failed = function(s){ return s === 'failure' || s === 'cancelled' || s === 'timed_out'; };
+    var mins = Math.floor((Date.now() - startedAt) / 60000);
+    var elapsed = mins < 1 ? '<1m' : mins + 'm';
     return status.perWorkflow.map(function(w){
       var label = w.workflow.replace('.yml','').replace('fleet-','');
-      var icon = w.state === 'success' ? '\u2713' : failed(w.state) ? '\u2717' : '<span class="rf-spin"></span>';
-      var link = (failed(w.state) && w.url) ? ' <a href="'+w.url+'" target="_blank" rel="noopener">run</a>' : '';
-      return '<div class="rf-row">'+icon+' '+label+' \u2014 '+w.state.replace('_',' ')+link+'</div>';
+      var done = w.state === 'success';
+      var isFailed = failed(w.state);
+      var icon = done ? '\u2713' : isFailed ? '\u2717' : '<span class="rf-spin"></span>';
+      var line = icon + ' ' + label + ' \u2014 ' + w.state.replace('_',' ');
+      if (!done && !isFailed){
+        var phase = rfPhase(w.step);
+        var eta = rfEta(label);
+        var detail = [];
+        if (phase) detail.push(phase);
+        detail.push(elapsed + (eta ? ' / ' + eta : ''));
+        var link = w.url ? ' \xB7 <a href="'+w.url+'" target="_blank" rel="noopener">view run \u2197</a>' : '';
+        line += '<div class="rf-sub">' + detail.join(' \xB7 ') + link + '</div>';
+      } else if (isFailed && w.url){
+        line += ' <a href="'+w.url+'" target="_blank" rel="noopener">run</a>';
+      }
+      return '<div class="rf-row">' + line + '</div>';
     }).join('');
   }
   function rfPoll(since, startedAt){
@@ -960,24 +1074,24 @@ 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){
-        if (p) p.innerHTML = rfRender(data.status);
+        if (p) p.innerHTML = rfRender(data.status, startedAt);
         if (data.status.allDone){
           if (!data.status.anyFailure){
             if (p) p.innerHTML += '<div class="rf-row">\u2713 Done \u2014 reloading\u2026</div>';
             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);
@@ -985,7 +1099,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);
@@ -999,12 +1113,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; }
@@ -1013,7 +1127,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){}
@@ -1021,16 +1135,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>
@@ -1043,13 +1148,12 @@ 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)}
+  ${renderInboxLane(model)}
+  ${AUDIT_SCRIPT}
+  ${FLEET_BROWSE_SCRIPT}
 </body>
 </html>`;
 }