From 944104307adea712130da2c414dd71c76c30d745 Mon Sep 17 00:00:00 2001
From: tegwick <bernd.worsch@gmail.com>
Date: Mon, 2 Mar 2026 13:14:16 +0100
Subject: [PATCH] feat(repos): add ? help button to SBOM "not ingested" cells
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Each "⚠ not ingested" entry in the Coverage Map now shows a hoverable ?
button linking to /docs/repos (SBOM ingestion section).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 dashboard/src/repos.md | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/repos.md b/dashboard/src/repos.md
index c03130c..4b4425e 100644
--- a/dashboard/src/repos.md
+++ b/dashboard/src/repos.md
@@ -140,6 +140,13 @@ display(html`<div class="kpi-row">
 ## Coverage Map
 
 ```js
+// Returns a new "⚠ not ingested" span with a ? help button each time it's called.
+function _sbomGap() {
+  const el = html`<span class="sbom-warn sbom-gap-hint">⚠ not ingested</span>`;
+  withDocHelp(el, "/docs/repos");
+  return el;
+}
+
 // Group by domain
 const byDomain = {};
 for (const r of repoRows) {
@@ -187,7 +194,7 @@ if (domainBlocks.length === 0) {
                 <td>${r._integrating
                   ? html`<span class="chip chip-integrating">⚙ integrating</span>`
                   : html`<span class="chip chip-ok">ready</span>`}</td>
-                <td class="${r._hasSbom ? 'sbom-ok' : 'sbom-warn'}">${r.sbom}</td>
+                <td class="${r._hasSbom ? 'sbom-ok' : 'sbom-warn'}">${r._hasSbom ? r.sbom : _sbomGap()}</td>
                 <td>${r.pkgs}</td>
                 <td class="path-cell">${r.path}</td>
               </tr>`)}
@@ -294,8 +301,9 @@ custodian register-project --domain &lt;slug&gt;</pre>
 .repo-table tr:last-child td { border-bottom: none; }
 .row-gap { background: #fffbf0; }
 .repo-cell { font-family: monospace; }
-.sbom-ok   { color: #2e7d32; font-weight: 600; }
-.sbom-warn { color: #856404; font-weight: 600; }
+.sbom-ok       { color: #2e7d32; font-weight: 600; }
+.sbom-warn     { color: #856404; font-weight: 600; }
+.sbom-gap-hint { position: relative; display: inline-block; padding-right: 1.8rem; }
 .path-cell { font-family: monospace; font-size: 0.78rem; color: gray; }
 
 .card-integrating { border: 2px solid #7c3aed; }