@reddoorla/maintenance 0.53.0 → 0.54.0

package/dist/index.js

@@ -4775,6 +4775,90 @@ function missingOnboarding(row) {
   return Object.keys(ONBOARDING_LABELS).filter((key) => !checks[key]).map((key) => ONBOARDING_LABELS[key]);
 }
 
+// src/dashboard/submission-view.ts
+function extraFieldsList(raw) {
+  if (!raw || raw.trim() === "") return "";
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch {
+    return `<div class="subm-kv"><span class="k">Extra fields</span> <code>${escapeHtml(raw)}</code></div>`;
+  }
+  if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+    return `<div class="subm-kv"><span class="k">Extra fields</span> <code>${escapeHtml(raw)}</code></div>`;
+  }
+  const rows = Object.entries(parsed).map(
+    ([k, v]) => `<div class="subm-kv"><span class="k">${escapeHtml(k)}</span> ${escapeHtml(String(v))}</div>`
+  ).join("");
+  return rows;
+}
+function renderSubmissionRow(s) {
+  const when = s.submittedAt ? escapeHtml(relativeTimeFromNow(s.submittedAt)) : "\u2014";
+  const type = escapeHtml(s.formType);
+  const who = escapeHtml(s.name || "(no name)");
+  const email = escapeHtml(s.email || "");
+  const status = escapeHtml(s.status);
+  const id = escapeHtml(s.id);
+  const url = `/api/submissions/${encodeURIComponent(s.id)}/status`;
+  const btn = (label, action) => `<button class="subm-status" data-id="${id}" data-status="${action}" data-url="${url}">${label}</button>`;
+  const kv = (label, value) => value === null || value === "" ? "" : `<div class="subm-kv"><span class="k">${label}</span> ${escapeHtml(String(value))}</div>`;
+  const sourceLink = s.sourceUrl ? `<div class="subm-kv"><span class="k">Source</span> <a href="${escapeHtml(safeUrl(s.sourceUrl))}" rel="noopener noreferrer">${escapeHtml(s.sourceUrl)}</a></div>` : "";
+  const messageBlock = s.message ? `<div class="subm-kv"><span class="k">Message</span></div><div class="subm-msg">${escapeHtml(s.message)}</div>` : "";
+  const details = [
+    kv("Phone", s.phone),
+    messageBlock,
+    sourceLink,
+    kv("UTM", s.utm),
+    extraFieldsList(s.extraFields),
+    kv("Notify", s.notifyStatus),
+    kv("Resend ID", s.resendMessageId),
+    kv("Submission #", s.submissionId)
+  ].join("");
+  return `<li class="subm-item">
+    <details>
+      <summary class="subm-head"><strong>${type}</strong> \xB7 ${who} <span class="muted">${email}</span> <span class="pill subm-${status}">${status}</span> <span class="muted">${when}</span></summary>
+      <div class="subm-detail">${details}</div>
+    </details>
+    <div class="subm-actions">${btn("Read", "read")}${btn("Archive", "archived")}${btn("Spam", "spam")}</div>
+  </li>`;
+}
+var SUBMISSION_STYLES = `.subm-list { list-style: none; padding: 0; margin: 0; }
+.subm-item { padding: 0.6rem 0; border-bottom: 1px solid #eee; }
+@media (prefers-color-scheme: dark) { .subm-item { border-color: #2a2a2a; } }
+.subm-head { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
+.subm-msg { margin: 0.35rem 0; white-space: pre-wrap; }
+.subm-detail { padding: 0.35rem 0 0.2rem; }
+.subm-kv { font-size: 0.9rem; margin: 0.15rem 0; }
+.subm-kv .k { color: #888; margin-right: 0.4rem; }
+summary.subm-head { cursor: pointer; }
+.subm-actions { display: flex; gap: 0.4rem; }
+button.subm-status { font: inherit; padding: 0.25rem 0.7rem; border: 1px solid #888; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
+button.subm-status:disabled { opacity: 0.6; cursor: default; }
+.spam-screen .spam-kv { font-size: 0.95rem; margin: 0.2rem 0; }
+.spam-screen .spam-kv .k { color: #888; display: inline-block; min-width: 11rem; }
+.pill.subm-new { background: #e8f0fe; color: #1a56db; }
+.pill.subm-read { background: #f0f0f0; color: #555; }
+.pill.subm-archived { background: #eee; color: #888; }
+.pill.subm-spam { background: #fdecea; color: #b00; }
+.subm-viewall { font-size: 0.8rem; font-weight: normal; margin-left: 0.4rem; white-space: nowrap; }`;
+var SUBMISSION_STATUS_SCRIPT = `document.querySelectorAll("button.subm-status").forEach((b) => {
+      b.addEventListener("click", async () => {
+        b.disabled = true;
+        try {
+          const res = await fetch(b.dataset.url, {
+            method: "POST",
+            headers: { "content-type": "application/json" },
+            body: JSON.stringify({ status: b.dataset.status }),
+          });
+          b.textContent = res.ok ? "\u2713" : "Failed";
+          if (!res.ok) b.disabled = false;
+        } catch {
+          b.textContent = "Failed";
+          b.disabled = false;
+        }
+      });
+    });`;
+
 // src/dashboard/render.ts
 var DASH = "\u2014";
 function scoreTile(label, value) {
@@ -4885,60 +4969,15 @@ function reportRow(r) {
   const action = isPendingApproval(r) ? approveButton(r) : "";
   return `<tr><td>${date}</td><td>${type}</td><td><code>${id}</code></td><td>${ga}</td><td>${search}</td><td>${link}</td><td>${action}</td></tr>`;
 }
-function extraFieldsList(raw) {
-  if (!raw || raw.trim() === "") return "";
-  let parsed;
-  try {
-    parsed = JSON.parse(raw);
-  } catch {
-    return `<div class="subm-kv"><span class="k">Extra fields</span> <code>${escapeHtml(raw)}</code></div>`;
-  }
-  if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
-    return `<div class="subm-kv"><span class="k">Extra fields</span> <code>${escapeHtml(raw)}</code></div>`;
-  }
-  const rows = Object.entries(parsed).map(
-    ([k, v]) => `<div class="subm-kv"><span class="k">${escapeHtml(k)}</span> ${escapeHtml(String(v))}</div>`
-  ).join("");
-  return rows;
-}
-function submissionRow(s) {
-  const when = s.submittedAt ? escapeHtml(relativeTimeFromNow(s.submittedAt)) : "\u2014";
-  const type = escapeHtml(s.formType);
-  const who = escapeHtml(s.name || "(no name)");
-  const email = escapeHtml(s.email || "");
-  const status = escapeHtml(s.status);
-  const id = escapeHtml(s.id);
-  const url = `/api/submissions/${encodeURIComponent(s.id)}/status`;
-  const btn = (label, action) => `<button class="subm-status" data-id="${id}" data-status="${action}" data-url="${url}">${label}</button>`;
-  const kv = (label, value) => value === null || value === "" ? "" : `<div class="subm-kv"><span class="k">${label}</span> ${escapeHtml(String(value))}</div>`;
-  const sourceLink = s.sourceUrl ? `<div class="subm-kv"><span class="k">Source</span> <a href="${escapeHtml(safeUrl(s.sourceUrl))}" rel="noopener noreferrer">${escapeHtml(s.sourceUrl)}</a></div>` : "";
-  const messageBlock = s.message ? `<div class="subm-kv"><span class="k">Message</span></div><div class="subm-msg">${escapeHtml(s.message)}</div>` : "";
-  const details = [
-    kv("Phone", s.phone),
-    messageBlock,
-    sourceLink,
-    kv("UTM", s.utm),
-    extraFieldsList(s.extraFields),
-    kv("Notify", s.notifyStatus),
-    kv("Resend ID", s.resendMessageId),
-    kv("Submission #", s.submissionId)
-  ].join("");
-  return `<li class="subm-item">
-    <details>
-      <summary class="subm-head"><strong>${type}</strong> \xB7 ${who} <span class="muted">${email}</span> <span class="pill subm-${status}">${status}</span> <span class="muted">${when}</span></summary>
-      <div class="subm-detail">${details}</div>
-    </details>
-    <div class="subm-actions">${btn("Read", "read")}${btn("Archive", "archived")}${btn("Spam", "spam")}</div>
-  </li>`;
-}
 var SUBMISSIONS_PER_SITE_CAP = 25;
-function submissionsSection(submissions) {
+function submissionsSection(submissions, site) {
   if (submissions.length === 0) return "";
   const recent = [...submissions].sort((a, b) => (b.submittedAt ?? "").localeCompare(a.submittedAt ?? "")).slice(0, SUBMISSIONS_PER_SITE_CAP);
   const note = submissions.length > recent.length ? `<span class="muted"> \u2014 showing ${recent.length} of ${submissions.length}</span>` : "";
+  const viewAll = `<a class="subm-viewall" href="/submissions?site=${escapeHtml(siteSlug(site.name))}">View all for this site \u2192</a>`;
   return `<div class="section submissions">
-    <h2>Form submissions (${submissions.length})${note}</h2>
-    <ul class="subm-list">${recent.map(submissionRow).join("")}</ul>
+    <h2>Form submissions (${submissions.length})${note} ${viewAll}</h2>
+    <ul class="subm-list">${recent.map(renderSubmissionRow).join("")}</ul>
   </div>`;
 }
 var SPAM_WINDOW_DAYS = 30;
@@ -5020,24 +5059,6 @@ button.approve:disabled { opacity: 0.6; cursor: default; }
 .auto-pass { background: #e6f4ea; color: #137333; }
 .auto-amber { background: #fef7e0; color: #b06000; }
 .pill { font-size: 0.75rem; padding: 0.1rem 0.5rem; border-radius: 999px; font-weight: 700; }
-.subm-list { list-style: none; padding: 0; margin: 0; }
-.subm-item { padding: 0.6rem 0; border-bottom: 1px solid #eee; }
-@media (prefers-color-scheme: dark) { .subm-item { border-color: #2a2a2a; } }
-.subm-head { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; }
-.subm-msg { margin: 0.35rem 0; white-space: pre-wrap; }
-.subm-detail { padding: 0.35rem 0 0.2rem; }
-.subm-kv { font-size: 0.9rem; margin: 0.15rem 0; }
-.subm-kv .k { color: #888; margin-right: 0.4rem; }
-summary.subm-head { cursor: pointer; }
-.subm-actions { display: flex; gap: 0.4rem; }
-button.subm-status { font: inherit; padding: 0.25rem 0.7rem; border: 1px solid #888; border-radius: 6px; background: transparent; color: inherit; cursor: pointer; }
-button.subm-status:disabled { opacity: 0.6; cursor: default; }
-.spam-screen .spam-kv { font-size: 0.95rem; margin: 0.2rem 0; }
-.spam-screen .spam-kv .k { color: #888; display: inline-block; min-width: 11rem; }
-.pill.subm-new { background: #e8f0fe; color: #1a56db; }
-.pill.subm-read { background: #f0f0f0; color: #555; }
-.pill.subm-archived { background: #eee; color: #888; }
-.pill.subm-spam { background: #fdecea; color: #b00; }
 .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; } }
@@ -5084,7 +5105,7 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   ${FAVICON_LINK}
   <title>${name} \u2014 Reddoor maintenance</title>
-  <style>${STYLES}</style>
+  <style>${STYLES}${SUBMISSION_STYLES}</style>
 </head>
 <body>
   <a class="home" href="/">\u2190 Fleet home</a>
@@ -5093,7 +5114,6 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
   ${auditedLine}
   ${setupSection(site)}
   ${pendingSection(reports)}
-  ${submissionsSection(submissions)}
 
   <div class="section">
     <h2>Lighthouse</h2>
@@ -5107,14 +5127,14 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
 
   ${securitySection(site)}
 
-  ${spamScreenSection(spamTotals, submissions, now)}
-
   <div class="section">
     <h2>Reports</h2>
     ${reportsSection}
   </div>
 
   ${siteDetailsSection(site)}
+  ${spamScreenSection(spamTotals, submissions, now)}
+  ${submissionsSection(submissions, site)}
   <script>
     document.querySelectorAll("button.approve").forEach((b) => {
       b.addEventListener("click", async () => {
@@ -5131,23 +5151,7 @@ function renderSiteDashboardHtml(site, reports, submissions = [], spamTotals = n
         }
       });
     });
-    document.querySelectorAll("button.subm-status").forEach((b) => {
-      b.addEventListener("click", async () => {
-        b.disabled = true;
-        try {
-          const res = await fetch(b.dataset.url, {
-            method: "POST",
-            headers: { "content-type": "application/json" },
-            body: JSON.stringify({ status: b.dataset.status }),
-          });
-          b.textContent = res.ok ? "\u2713" : "Failed";
-          if (!res.ok) b.disabled = false;
-        } catch {
-          b.textContent = "Failed";
-          b.disabled = false;
-        }
-      });
-    });
+    ${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
@@ -5270,6 +5274,7 @@ h1 { margin: 0 0 0.25rem; font-size: 1.75rem; }
 .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; }
@@ -5375,9 +5380,9 @@ function submissionsStrip(model) {
       </div>`;
   }).join("");
   const overflow = subs.length - shown.length;
-  const more = overflow > 0 ? `<div class="approve-row subm-more muted">+${overflow} more \u2014 triage on each site page</div>` : "";
+  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})</h2>
+    <h2>\u{1F4E5} New submissions (${subs.length}) <a class="subm-viewall" href="/submissions">View all \u2192</a></h2>
     ${rows}${more}
   </section>`;
 }
@@ -5471,11 +5476,11 @@ function renderCockpitHtml(model) {
   <h1>Reddoor fleet cockpit</h1>
   <div class="meta">${total} site${total === 1 ? "" : "s"} on the Reddoor stack.</div>
   ${summaryBar(model)}
-  ${spamRollup(model)}
   ${allClearBanner(model)}
   ${approveStrip(model)}
-  ${submissionsStrip(model)}
   ${sections}
+  ${spamRollup(model)}
+  ${submissionsStrip(model)}
   ${FILTER_SCRIPT}
 </body>
 </html>`;