Fix the dashboard hanging after a scan

A card renderer was missing, so rendering threw and the page stayed on
"scanning". Restore it and show a message if rendering ever fails again.

Author: sanmaxdev

CHANGELOG.md

@@ -4,6 +4,14 @@ All notable changes to this project are documented here. The format is loosely
 based on [Keep a Changelog](https://keepachangelog.com/), and the project aims
 to follow semantic versioning once it reaches 1.0.
 
+## [1.2.1] - 2026-06-29
+
+### Fixed
+
+- The dashboard could hang on "scanning" after a scan finished because the
+  threat-reputation card renderer was missing. Restored it, and a render error
+  now shows a message instead of leaving the page stuck.
+
 ## [1.2.0] - 2026-06-29
 
 ### Changed

src/sentineldeck/__init__.py

@@ -1,3 +1,3 @@
 """SentinelDeck: passive attack-surface visibility for small businesses."""
 
-__version__ = "1.2.0"
+__version__ = "1.2.1"

src/sentineldeck/webui/app.js

@@ -43,7 +43,17 @@ function startScan(domain) {
     li.textContent = JSON.parse(ev.data).label;
     $("#progress-steps").appendChild(li);
   });
-  source.addEventListener("done", (ev) => { source.close(); source = null; render(JSON.parse(ev.data)); finish(); });
+  source.addEventListener("done", (ev) => {
+    source.close(); source = null;
+    try {
+      render(JSON.parse(ev.data));
+    } catch (err) {
+      hide(results);
+      errBox.textContent = "RENDER ERROR // " + (err && err.message ? err.message : err);
+      show(errBox);
+    }
+    finish();
+  });
   source.addEventListener("failed", (ev) => {
     source.close(); source = null;
     let msg = "SCAN FAILED.";
@@ -438,6 +448,16 @@ function cardSecurityTxt(http) {
     `<div class="row"><span class="k">Present</span>${st.present ? `<span class="v ok">yes</span>` : `<span class="v warn">no</span>`}</div>`);
 }
 
+function cardReputation(r) {
+  if (!r || r.status !== "ok") return "";
+  const listed = r.listed
+    ? `<span class="v bad">listed (${esc((r.sources || []).join(", "))})</span>`
+    : `<span class="v ok">clean</span>`;
+  return card("Threat reputation",
+    `<div class="row"><span class="k">Status</span>${listed}</div>` +
+    (r.listed ? row("Malicious URLs", esc(r.url_count)) : ""));
+}
+
 function cardBlocklists(b) {
   if (!b || b.status !== "ok" || !(b.results || []).length) return "";
   const rows = b.results.map((r) => {