@reddoorla/maintenance 0.58.0 → 0.60.0

package/dist/index.js

@@ -2,7 +2,7 @@ import {
   DEFAULT_INIT_STEPS,
   a11yFixturesPage,
   init
-} from "./chunk-XO2RUYVM.js";
+} from "./chunk-HB7QPECR.js";
 import {
   svelteCodemods
 } from "./chunk-FUD4I2ZW.js";
@@ -16,11 +16,11 @@ import {
 } from "./chunk-WVRPOXKH.js";
 import {
   draftReportForSite
-} from "./chunk-S7WKPRID.js";
+} from "./chunk-TZN2G6FD.js";
 import "./chunk-6LIWDIXU.js";
 import {
   sendApprovedReports
-} from "./chunk-HPNGCRTK.js";
+} from "./chunk-KC4HU7BC.js";
 import "./chunk-OGGRFBL4.js";
 import {
   BLURRED_CID,
@@ -60,7 +60,7 @@ import {
   runAudits,
   runAuditsAcross,
   securityAudit
-} from "./chunk-4PY4I5OR.js";
+} from "./chunk-5PHCZ6L5.js";
 import "./chunk-LKGVSM2O.js";
 import {
   fromJsonFile,
@@ -71,12 +71,12 @@ import "./chunk-XXTZBPUY.js";
 import "./chunk-XTK5VIQB.js";
 import {
   fromAirtableBase
-} from "./chunk-5E3OW6YN.js";
+} from "./chunk-TLZ4V2BE.js";
 import "./chunk-U5SZ4FOP.js";
 import {
   SEVERITY_RANK,
   siteSlug
-} from "./chunk-PKIYAWA4.js";
+} from "./chunk-L4ULXHIN.js";
 import "./chunk-HN6I2XWI.js";
 import "./chunk-WEKL2HYJ.js";
 import "./chunk-6VAL7XJT.js";
@@ -232,6 +232,17 @@ var SUBMISSION_STATUS_SCRIPT = `document.querySelectorAll("button.subm-status").
       });
     });`;
 
+// src/dashboard/site-details.ts
+var SITE_STATUS_OPTIONS = [
+  "in development",
+  "launch period",
+  "maintenance",
+  "hosting",
+  "probably not our problem",
+  "deprecated"
+];
+var FREQ_OPTIONS = ["None", "Monthly", "Quarterly", "Yearly"];
+
 // src/dashboard/render.ts
 var DASH = "\u2014";
 function scoreTile(label, value) {
@@ -380,21 +391,44 @@ function detailRow(label, value) {
   const display = typeof value === "string" && value.trim().length > 0 ? escapeHtml(value.trim()) : DASH;
   return `<div class="detail"><dt>${escapeHtml(label)}</dt><dd>${display}</dd></div>`;
 }
+function savedSpan(field) {
+  return `<span class="detail-saved" data-for="${field}"></span>`;
+}
+function selectRow(label, field, options, current, url) {
+  const inList = current !== null && options.includes(current);
+  const opts = options.map(
+    (o) => `<option value="${escapeHtml(o)}"${o === current ? " selected" : ""}>${escapeHtml(o)}</option>`
+  ).join("");
+  const placeholder = inList ? "" : `<option value="" disabled selected hidden>\u2014 select \u2014</option>`;
+  return `<div class="detail"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><select id="detail-${field}" data-detail-field="${field}" data-details-url="${url}">${placeholder}${opts}</select>${savedSpan(field)}</dd></div>`;
+}
+function inputRow(label, field, value, url) {
+  return `<div class="detail"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><input type="text" id="detail-${field}" data-detail-field="${field}" data-details-url="${url}" value="${escapeHtml(value ?? "")}" />${savedSpan(field)}</dd></div>`;
+}
+function textareaRow(label, field, value, url) {
+  return `<div class="detail wide"><dt><label for="detail-${field}">${escapeHtml(label)}</label></dt><dd><textarea id="detail-${field}" data-detail-field="${field}" data-details-url="${url}">${escapeHtml(value ?? "")}</textarea>${savedSpan(field)}</dd></div>`;
+}
 function siteDetailsSection(site) {
+  const url = `/api/sites/${escapeHtml(siteSlug(site.name))}/details`;
   const lastCommit = site.lastCommitAt ? `${relativeTimeFromNow(site.lastCommitAt)}` : null;
   const rows = [
-    detailRow("Maintenance cadence", site.maintenanceFreq),
-    detailRow("Testing cadence", site.testingFreq),
-    detailRow("Report recipients (To)", site.reportRecipientsTo),
-    detailRow("Report recipients (CC)", site.reportRecipientsCc),
-    detailRow("Point of contact", site.pointOfContact),
-    detailRow("GA4 property", site.ga4PropertyId),
-    detailRow("Search query", site.searchQuery),
-    detailRow("Git repo", site.gitRepo),
+    selectRow("Status", "status", SITE_STATUS_OPTIONS, site.status, url),
+    selectRow("Maintenance cadence", "maintenanceFreq", FREQ_OPTIONS, site.maintenanceFreq, url),
+    selectRow("Testing cadence", "testingFreq", FREQ_OPTIONS, site.testingFreq, url),
+    inputRow("Report recipients (To)", "reportRecipientsTo", site.reportRecipientsTo, url),
+    inputRow("Report recipients (CC)", "reportRecipientsCc", site.reportRecipientsCc, url),
+    inputRow("Point of contact", "pointOfContact", site.pointOfContact, url),
+    inputRow("GA4 property", "ga4PropertyId", site.ga4PropertyId, url),
+    inputRow("Search query", "searchQuery", site.searchQuery, url),
+    inputRow("Git repo", "gitRepo", site.gitRepo, url),
+    textareaRow("Copy \u2014 Intro", "copyIntro", site.copyIntro, url),
+    textareaRow("Copy \u2014 Contact", "copyContact", site.copyContact, url),
+    textareaRow("Copy \u2014 Footer", "copyFooter", site.copyFooter, url),
     detailRow("Last commit", lastCommit)
   ].join("");
+  const triggerBtn = site.gitRepo?.trim() ? `<button class="trigger-renovate" data-trigger-url="/api/sites/${escapeHtml(siteSlug(site.name))}/trigger-renovate">Trigger Renovate</button>` : "";
   return `<div class="section site-details">
-    <h2>Site details</h2>
+    <h2>Site details ${triggerBtn}</h2>
     <dl class="details">${rows}</dl>
   </div>`;
 }
@@ -445,8 +479,13 @@ button.approve:disabled { opacity: 0.6; cursor: default; }
 .setup-missing { color: #a65a00; }
 .details { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 0.5rem 1.5rem; margin: 0; }
 .detail { display: flex; flex-direction: column; }
+.detail.wide { grid-column: 1 / -1; }
 .detail dt { font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.04em; color: #999; }
 .detail dd { margin: 0; }
+.detail dd input, .detail dd select, .detail dd textarea { width: 100%; box-sizing: border-box; font: inherit; padding: 0.25rem 0.4rem; border: 1px solid #ccc; border-radius: 4px; background: transparent; color: inherit; }
+.detail dd textarea { min-height: 3.5rem; resize: vertical; }
+.detail-saved { font-size: 0.8rem; color: #2a8; }
+button.trigger-renovate { font: inherit; font-size: 0.8rem; padding: 0.15rem 0.6rem; margin-left: 0.5rem; border: 1px solid #888; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
 `;
 function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = null, now = /* @__PURE__ */ new Date()) {
   const name = escapeHtml(site.name);
@@ -524,6 +563,45 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
         }
       });
     });
+    // Trigger-renovate button: async on-demand dispatch (mirrors the cockpit).
+    document.querySelectorAll("button.trigger-renovate").forEach((b) => {
+      b.addEventListener("click", async () => {
+        b.disabled = true;
+        b.textContent = "Dispatching\u2026";
+        try {
+          const res = await fetch(b.dataset.triggerUrl, { method: "POST" });
+          b.textContent = res.ok ? "Dispatched \u2713" : "Failed";
+          if (!res.ok) b.disabled = false;
+        } catch {
+          b.textContent = "Failed";
+          b.disabled = false;
+        }
+      });
+    });
+    // Site-details editor: save on change (selects) / blur (inputs+textareas, only
+    // when the value actually changed). The per-field span shows \u2713 / \u2717.
+    function saveDetail(el) {
+      const span = document.querySelector('.detail-saved[data-for="' + el.dataset.detailField + '"]');
+      fetch(el.dataset.detailsUrl, {
+        method: "POST",
+        headers: { "content-type": "application/json" },
+        body: JSON.stringify({ field: el.dataset.detailField, value: el.value }),
+      })
+        .then((r) => {
+          if (span) span.textContent = r.ok ? " \u2713" : " \u2717";
+        })
+        .catch(() => {
+          if (span) span.textContent = " \u2717";
+        });
+    }
+    document.querySelectorAll("select[data-detail-field]").forEach((s) => {
+      s.addEventListener("change", () => saveDetail(s));
+    });
+    document.querySelectorAll("input[data-detail-field], textarea[data-detail-field]").forEach((i) => {
+      i.addEventListener("blur", () => {
+        if (i.value !== i.defaultValue) saveDetail(i);
+      });
+    });
     ${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
@@ -652,6 +730,15 @@ h1 { margin: 0 0 0.25rem; font-size: 1.75rem; }
 .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; }
 @media (prefers-color-scheme: dark) { .filters button[aria-pressed="true"] { background:#e8e8e8; color:#111; } }
+.fleet-actions { margin-bottom:1.25rem; }
+.refresh-fleet { font:inherit; font-size:0.85rem; padding:0.3rem 0.8rem; border:1px solid #1a1a1a; border-radius:999px; background:#1a1a1a; color:#fff; cursor:pointer; }
+.refresh-fleet:disabled { opacity:0.6; cursor:default; }
+@media (prefers-color-scheme: dark) { .refresh-fleet { background:#e8e8e8; color:#111; border-color:#e8e8e8; } }
+.rf-status { margin-top:0.6rem; font-size:0.85rem; }
+.rf-row { padding:0.1rem 0; }
+.rf-row a { margin-left:0.3rem; }
+.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; }
@@ -710,7 +797,11 @@ function summaryBar(model) {
       <span class="tier">\u{1F7E2} ${s.healthy} healthy</span>
     </div>
     <div class="summary heads">${escapeHtml(heads)}</div>
-    <div class="filters">${chips2}</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>
+      <div id="rf-status" class="rf-status" aria-live="polite"></div>
+    </div>`;
 }
 function spamRollup(model) {
   const s = model.spam;
@@ -790,10 +881,15 @@ function signalsAttr(c) {
   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)}`;
+  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>`);
 }
@@ -826,6 +922,101 @@ var FILTER_SCRIPT = `<script>
       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.
+  var RF_KEY = 'reddoor:fleet-refresh';
+  var RF_POLL_MS = 10000;
+  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){
+    var failed = function(s){ return s === 'failure' || s === 'cancelled' || s === 'timed_out'; };
+    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>';
+    }).join('');
+  }
+  function rfPoll(since, startedAt){
+    fetch('/api/fleet/refresh/status?since=' + encodeURIComponent(since)).then(function(res){
+      if (res.status === 401) return { authFail: true };
+      return res.ok ? res.json() : null;
+    }).then(function(data){
+      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'; }
+        rfStop(); return;
+      }
+      if (data && data.status){
+        if (p) p.innerHTML = rfRender(data.status);
+        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'; }
+          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'; }
+        rfStop(); return;
+      }
+      setTimeout(function(){ rfPoll(since, startedAt); }, RF_POLL_MS);
+    }).catch(function(){
+      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'; }
+        rfStop(); return;
+      }
+      setTimeout(function(){ rfPoll(since, startedAt); }, RF_POLL_MS);
+    });
+  }
+  function rfBegin(since, startedAt){
+    try { localStorage.setItem(RF_KEY, JSON.stringify({ since: since, startedAt: startedAt })); } catch(e){}
+    var p = rfPanel(); if (p) p.innerHTML = '<div class="rf-row"><span class="rf-spin"></span> starting\u2026</div>';
+    rfPoll(since, startedAt);
+  }
+  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';
+    try {
+      var res = await fetch(rf.dataset.refreshUrl, { method: 'POST' });
+      if (res.ok){
+        var data = await res.json();
+        rf.textContent = '\u21BB Refresh 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; }
+  });
+  // Resume-on-reload: if a refresh is in flight (<90 min old), keep following it.
+  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'; }
+      rfBegin(rfSaved.since, rfSaved.startedAt);
+    } else if (rfSaved) { rfStop(); }
+  } catch(e){}
 })();
 </script>`;
 function renderCockpitHtml(model) {