coulomb/state-hub
Archived
2
0
Fork 0
generated from coulomb/repo-seed
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(repos): add ? help button to SBOM "not ingested" cells

Browse Source 
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>
This commit is contained in:
Bernd Worsch
2026-03-02 13:14:16 +01:00
parent c7f22fd199
commit 944104307a
1 changed files with 11 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
dashboard/src/repos.md
View File

@@ -140,6 +140,13 @@ display(html`<div class="kpi-row">
## Coverage Map ## Coverage Map
```js ```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 // Group by domain
const byDomain = {}; const byDomain = {};
for (const r of repoRows) { for (const r of repoRows) {
@@ -187,7 +194,7 @@ if (domainBlocks.length === 0) {
<td>${r._integrating <td>${r._integrating
? html`<span class="chip chip-integrating">⚙ integrating</span>` ? html`<span class="chip chip-integrating">⚙ integrating</span>`
: html`<span class="chip chip-ok">ready</span>`}</td> : 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>${r.pkgs}</td>
<td class="path-cell">${r.path}</td> <td class="path-cell">${r.path}</td>
</tr>`)} </tr>`)}
@@ -294,8 +301,9 @@ custodian register-project --domain &lt;slug&gt;</pre>
.repo-table tr:last-child td { border-bottom: none; } .repo-table tr:last-child td { border-bottom: none; }
.row-gap { background: #fffbf0; } .row-gap { background: #fffbf0; }
.repo-cell { font-family: monospace; } .repo-cell { font-family: monospace; }
.sbom-ok { color: #2e7d32; font-weight: 600; } .sbom-ok { color: #2e7d32; font-weight: 600; }
.sbom-warn { color: #856404; 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; } .path-cell { font-family: monospace; font-size: 0.78rem; color: gray; }
.card-integrating { border: 2px solid #7c3aed; } .card-integrating { border: 2px solid #7c3aed; }