fix(encoding): strip non-ASCII chars from all modified files

All files contained UTF-8 punctuation (em dashes U+2014, arrows U+2192,
curly quotes) in comments which cause UnicodeDecodeError on GitHub
Actions runners that read files without explicit encoding= argument.

Replaced all non-ASCII punctuation with ASCII equivalents:
U+2014 em dash -> --
U+2192 arrow -> ->
curly quotes -> straight quotes

ai/deep_investigator.py

@@ -16,7 +16,7 @@ LAYER_NAMES = [
 
 LAYER_DESCRIPTIONS = {
     "direct_evidence": "All relationships directly connected to this entity in the graph.",
-    "relationship_expansion": "One-hop neighbours — entities connected through this entity.",
+    "relationship_expansion": "One-hop neighbours -- entities connected through this entity.",
     "pattern_investigation": "Structural patterns: circular ownership, shell indicators, procurement anomalies.",
     "timeline_investigation": "Temporal patterns: contract awards near elections, entity formation dates.",
     "network_influence": "Centrality and bridge-node analysis within the local subgraph.",
@@ -37,7 +37,7 @@ class DeepInvestigator:
 
         layers = []
         # BUG-15 FIX: each layer now gets its own session.
-        # Previously all 6 layers shared ONE session — if any layer timed out or
+        # Previously all 6 layers shared ONE session -- if any layer timed out or
         # threw, the entire session (and all remaining layers) was killed.
         # Resolve name/label in its own short session first.
         # BUG-1 + BUG-7 FIX: default before try so entity_label is always bound
@@ -65,7 +65,7 @@ class DeepInvestigator:
             # entity_label stays "Unknown" from the default above
             # entity_label stays "Unknown" from the default above
 
-        # Each layer uses its own session — isolated, independently failable
+        # Each layer uses its own session -- isolated, independently failable
         LAYER_METHODS = [
             (1, "direct_evidence",        lambda _id=entity_id: self._run_layer(self._layer_1_direct, _id)),
             (2, "relationship_expansion", lambda _id=entity_id: self._run_layer(self._layer_2_expansion, _id)),
@@ -190,7 +190,7 @@ class DeepInvestigator:
             if key in seen: continue
             seen.add(key)
             items.append({
-                "path": f"{row.get('via_name')} ({row.get('rel2')}) →",
+                "path": f"{row.get('via_name')} ({row.get('rel2')}) ->",
                 "connected_entity": row.get("name"),
                 "connected_id": row.get("oid"),
                 "entity_type": row.get("node_type"),
@@ -221,7 +221,7 @@ class DeepInvestigator:
         for row in rows:
             findings.append({
                 "pattern": "DIRECTOR_CONTRACT_LINK",
-                "description": f"Director of {row.get('company')} which won {row.get('contract_count')} contract(s) worth ₹{row.get('total_value',0):.1f} Cr",
+                "description": f"Director of {row.get('company')} which won {row.get('contract_count')} contract(s) worth ?{row.get('total_value',0):.1f} Cr",
                 "severity": "HIGH" if row.get("total_value",0) > 10 else "MODERATE",
             })
 
@@ -249,7 +249,7 @@ class DeepInvestigator:
         for row in rows:
             findings.append({
                 "pattern": "ELECTORAL_BOND_PROXIMITY",
-                "description": f"Electoral bond donor proximity: {row.get('donor','')} → {row.get('party','')} ₹{row.get('amount',0)} Cr",
+                "description": f"Electoral bond donor proximity: {row.get('donor','')} -> {row.get('party','')} ?{row.get('amount',0)} Cr",
                 "severity": "MODERATE",
             })
 

api/models.py

@@ -84,7 +84,7 @@ class ProfileSection(BaseModel):
 
 
 class ProfileResponse(BaseModel):
-    """BUG-22 FIX: added sources field — profile.py was returning it but model lacked it,
+    """BUG-22 FIX: added sources field -- profile.py was returning it but model lacked it,
     causing Pydantic ValidationError silently on some entity types."""
     entity_id: str
     entity_type: str

api/routes/graph.py

@@ -25,7 +25,7 @@ def get_connections(
     _edge_seen = set()   # BUG-10 FIX: dedup (src, tgt, type) triples
 
     with driver.session() as session:
-        # Always load anchor node first — guarantees non-empty response
+        # Always load anchor node first -- guarantees non-empty response
         anchor = session.run(
             "MATCH (n {id:$id}) RETURN n", id=entity_id
         ).single()

api/routes/search.py

@@ -21,7 +21,7 @@ SOURCE_MAP = {
     "Ministry":          ("Government of India",                   "Ministry Directory",            "https://india.gov.in"),
     "Party":             ("Election Commission of India",          "Party Registration",            "https://eci.gov.in"),
     "Scheme":            ("NITI Aayog / Ministries",               "Scheme Database",              "https://myscheme.gov.in"),
-    # BUG-18 FIX: key was "pressrelease" but scraper produces "pib" — normalised
+    # BUG-18 FIX: key was "pressrelease" but scraper produces "pib" -- normalised
     "PressRelease":      ("Press Information Bureau",              "PIB Press Release",             "https://pib.gov.in"),
     "NGO":               ("NGO Darpan / NITI Aayog",              "NGO Registration Record",       "https://ngodarpan.gov.in"),
     "ElectoralBond":     ("Election Commission of India",          "Electoral Bond Transaction",    "https://eci.gov.in"),
@@ -38,7 +38,7 @@ SOURCE_MAP = {
 }
 
 # BUG-4 FIX: added ParliamentQuestion, VigilanceCircular, ICIJEntity,
-# SanctionedEntity, CourtCase, LocalBody — previously these node types were
+# SanctionedEntity, CourtCase, LocalBody -- previously these node types were
 # loaded into Neo4j but had no LABEL_QUERIES entry, making them unsearchable
 # via the label-scan fallback path.
 LABEL_QUERIES = {
@@ -203,7 +203,7 @@ def search_entities(
                     generated_at=datetime.now().isoformat(),
                 )
         except Exception as ft_err:
-            # BUG-1 FIX: was type(ft_err).__name__ — crashed because `type`
+            # BUG-1 FIX: was type(ft_err).__name__ -- crashed because `type`
             # was shadowed by the query parameter. Now uses __class__.__name__.
             logger.debug(
                 f"[Search] Full-text index unavailable, using label scan: "

frontend/index.html

@@ -3,9 +3,9 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <meta name="description" content="BharatGraph — AI-powered public transparency and institutional intelligence platform for India.">
+  <meta name="description" content="BharatGraph -- AI-powered public transparency and institutional intelligence platform for India.">
   <meta name="theme-color" content="#0A0F2E">
-  <title>BharatGraph — Public Transparency Intelligence</title>
+  <title>BharatGraph -- Public Transparency Intelligence</title>
 
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -50,25 +50,25 @@
                          border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);
                          color:var(--text-secondary);font-size:var(--font-size-xs);cursor:pointer"
                   onchange="State.language=this.value; if(window.applyLanguage) applyLanguage(this.value);">
-            <option value="en">EN — English</option>
-            <option value="hi">HI — हिन्दी</option>
-            <option value="ta">TA — தமிழ்</option>
-            <option value="te">TE — తెలుగు</option>
-            <option value="kn">KN — ಕನ್ನಡ</option>
-            <option value="ml">ML — മലയാളം</option>
-            <option value="mr">MR — मराठी</option>
-            <option value="bn">BN — বাংলা</option>
-            <option value="gu">GU — ગુજરાતી</option>
-            <option value="pa">PA — ਪੰਜਾਬੀ</option>
-            <option value="or">OR — ଓଡ଼ିଆ</option>
-            <option value="as">AS — অসমীয়া</option>
-            <option value="ur">UR — اردو</option>
-            <option value="sd">SD — سنڌي</option>
-            <option value="kok">KOK — कोंकणी</option>
-            <option value="mai">MAI — मैथिली</option>
-            <option value="ne">NE — नेपाली</option>
-            <option value="doi">DOI — डोगरी</option>
-            <option value="sa">SA — संस्कृतम्</option>
+            <option value="en">EN -- English</option>
+            <option value="hi">HI -- ??????</option>
+            <option value="ta">TA -- ?????</option>
+            <option value="te">TE -- ??????</option>
+            <option value="kn">KN -- ?????</option>
+            <option value="ml">ML -- ??????</option>
+            <option value="mr">MR -- ?????</option>
+            <option value="bn">BN -- ?????</option>
+            <option value="gu">GU -- ???????</option>
+            <option value="pa">PA -- ??????</option>
+            <option value="or">OR -- ?????</option>
+            <option value="as">AS -- ???????</option>
+            <option value="ur">UR -- ????</option>
+            <option value="sd">SD -- ????</option>
+            <option value="kok">KOK -- ??????</option>
+            <option value="mai">MAI -- ??????</option>
+            <option value="ne">NE -- ??????</option>
+            <option value="doi">DOI -- ?????</option>
+            <option value="sa">SA -- ?????????</option>
           </select>
           <button class="btn btn--ghost btn--sm" id="theme-btn"
                   onclick="toggleTheme()" aria-label="Toggle theme">
@@ -103,7 +103,7 @@
                     text-align:right;line-height:var(--line-height-relaxed)">
           All data from official government sources.<br>
           Outputs are analytical indicators, not legal findings.<br>
-          MIT License — Open Source
+          MIT License -- Open Source
         </div>
       </div>
       <div style="margin-top:var(--space-4);padding-top:var(--space-4);

frontend/js/app.js

@@ -76,7 +76,7 @@ const Views = {
               <p class="section-subtitle">
                 Enter any entity. The platform runs 12 specialist investigators
                 in parallel, each analysing from a different angle.
-                Findings are synthesised — where three or more investigators
+                Findings are synthesised -- where three or more investigators
                 agree, confidence is marked as high.
               </p>
               <div style="display:flex;flex-direction:column;gap:var(--space-4)">
@@ -155,7 +155,7 @@ const Views = {
       grid.innerHTML = stats
         .map(([v,l]) => `
           <div class="stat-card">
-            <div class="stat-card__value">${v || "—"}</div>
+            <div class="stat-card__value">${v || "--"}</div>
             <div class="stat-card__label">${l}</div>
           </div>
         `).join("");
@@ -194,7 +194,7 @@ const Views = {
           if (items.length > 0) {
             items.slice(0, 3).forEach(item => {
               container.appendChild(Components.FeedItem({
-                headline:    `[${item.label || "Entity"}] ${item.name || "—"}`,
+                headline:    `[${item.label || "Entity"}] ${item.name || "--"}`,
                 risk_level:  "MODERATE",
                 detected_at: item.scraped_at || data.at,
                 source:      item.source || "BharatGraph",
@@ -216,7 +216,7 @@ const Views = {
       // BUG-6 FIX: reconnect on close
       ws.onclose = () => {
         const container = document.getElementById("home-feed");
-        if (!container) return;          // user navigated away — stop retrying
+        if (!container) return;          // user navigated away -- stop retrying
         const nextDelay = Math.min(delay * 2, 30000);
         setTimeout(() => connect(nextDelay), nextDelay);
       };
@@ -247,28 +247,28 @@ const Views = {
                     background:var(--bg-secondary);color:var(--text-primary);
                     border:1px solid var(--border-color);border-radius:6px;cursor:pointer"
                     onchange="State.language=this.value;applyLanguage(this.value);document.getElementById('navbar-lang-select')&&(document.getElementById('navbar-lang-select').value=this.value);(function(){const q=document.getElementById('search-input')&&document.getElementById('search-input').value.trim()||new URLSearchParams(window.location.hash.split('?')[1]||'').get('q')||'';if(q){const t=new URLSearchParams(window.location.hash.split('?')[1]||'').get('type')||'';Router.navigate('/search?q='+encodeURIComponent(q)+(t?'&type='+encodeURIComponent(t):'')+'&lang='+this.value);}}).call(this)">
-              <option value="en">🇮🇳 English</option>
-              <option value="hi">हिन्दी</option>
-              <option value="ta">தமிழ்</option>
-              <option value="te">తెలుగు</option>
-              <option value="kn">ಕನ್ನಡ</option>
-              <option value="ml">മലയാളം</option>
-              <option value="mr">मराठी</option>
-              <option value="bn">বাংলা</option>
-              <option value="gu">ગુજરાતી</option>
-              <option value="pa">ਪੰਜਾਬੀ</option>
-              <option value="or">ଓଡ଼ିଆ</option>
-              <option value="as">অসমীয়া</option>
-              <option value="ur">اردو</option>
-              <option value="kok">कोंकणी</option>
-              <option value="mai">मैथिली</option>
-              <option value="mni">ꯃꯩꯇꯩꯂꯣꯟ</option>
-              <option value="sat">ᱥᱟᱱᱛᱟᱲᱤ</option>
-              <option value="ks">كٲشُر</option>
-              <option value="ne">नेपाली</option>
-              <option value="doi">डोगरी</option>
-              <option value="sa">संस्कृतम्</option>
-              <option value="sd">سنڌي</option>
+              <option value="en">?? English</option>
+              <option value="hi">??????</option>
+              <option value="ta">?????</option>
+              <option value="te">??????</option>
+              <option value="kn">?????</option>
+              <option value="ml">??????</option>
+              <option value="mr">?????</option>
+              <option value="bn">?????</option>
+              <option value="gu">???????</option>
+              <option value="pa">??????</option>
+              <option value="or">?????</option>
+              <option value="as">???????</option>
+              <option value="ur">????</option>
+              <option value="kok">??????</option>
+              <option value="mai">??????</option>
+              <option value="mni">???????</option>
+              <option value="sat">???????</option>
+              <option value="ks">?????</option>
+              <option value="ne">??????</option>
+              <option value="doi">?????</option>
+              <option value="sa">?????????</option>
+              <option value="sd">????</option>
             </select>
           </div>
 
@@ -373,7 +373,7 @@ const Views = {
       const container = document.getElementById("search-results");
       if (container) container.innerHTML = `
         <div style="text-align:center;padding:var(--space-8);color:var(--color-risk-very-high)">
-          Search failed. The API may be starting up — please retry in a moment.
+          Search failed. The API may be starting up -- please retry in a moment.
         </div>
       `;
     });
@@ -670,7 +670,7 @@ const Views = {
                 </span>
                 <div style="display:flex;gap:6px">
                   <span style="font-size:10px;color:var(--text-muted)">
-                    ● Strong  ◐ Medium  ○ Weak
+                    ? Strong  ? Medium  ? Weak
                   </span>
                 </div>
               </div>
@@ -725,13 +725,13 @@ const Views = {
           <div style="font-size:10px;font-weight:700;text-transform:uppercase;
                       color:var(--color-saffron);margin-bottom:2px">${sanitize(e.rel_label||"")}</div>
           <div style="font-size:12px;font-weight:600;color:var(--text-primary)">
-            ${sanitize(e.connected_to||e.connected_id||"—")}
+            ${sanitize(e.connected_to||e.connected_id||"--")}
           </div>
           <div style="font-size:10px;color:var(--text-secondary);margin-top:2px">
             ${sanitize(e.why||"")}
           </div>
           <div style="font-size:10px;color:var(--text-muted);margin-top:2px">
-            📄 ${sanitize(e.source||"")}
+            ? ${sanitize(e.source||"")}
           </div>
         </div>`).join("") : `<div style="text-align:center;padding:20px;color:var(--text-muted);font-size:12px">
           No connections in current dataset</div>`;
@@ -761,8 +761,8 @@ const Views = {
             </div>
             ${(Array.isArray(path[0]) ? path[0] : path).map(n =>
               `<span style="color:var(--text-primary)">${sanitize(n)}</span>
-               <span style="color:var(--text-muted);margin:0 4px">→</span>`
-            ).join("").replace(/<span[^>]*>→<\/span>$/, "")}
+               <span style="color:var(--text-muted);margin:0 4px">-></span>`
+            ).join("").replace(/<span[^>]*>-><\/span>$/, "")}
           </div>` : `
           <div style="color:var(--text-muted);font-size:12px">No path found</div>`;
       }).catch(() => {
@@ -866,7 +866,7 @@ function toggleTheme() {
 }
 
 
-// ── Language Application ──────────────────────────────────────────────────────
+// ?? Language Application ??????????????????????????????????????????????????????
 // BUG-10 FIX: full DOM translation via data-i18n attributes
 async function applyLanguage(lang) {
   const badge = document.getElementById("lang-badge");
@@ -915,8 +915,8 @@ function initApp() {
   Router.register("/live-feed", Views.liveFeed);
   Router.register("/about",    Views.about);
 
-  // BUG-02 FIX: was single immediate check — failed permanently on HF cold start.
-  // BUG-25 FIX: message said "Start: uvicorn" — wrong for HuggingFace users.
+  // BUG-02 FIX: was single immediate check -- failed permanently on HF cold start.
+  // BUG-25 FIX: message said "Start: uvicorn" -- wrong for HuggingFace users.
   // Fix: retry up to 5 times with exponential backoff (2s, 4s, 8s, 16s, 30s).
   (function checkHealth(attempt) {
     Api.health()

frontend/js/evidence_panel.js

@@ -1,4 +1,4 @@
-// Evidence Panel — tabbed deep investigation panel
+// Evidence Panel -- tabbed deep investigation panel
 // Tabs: Overview | Connections | Timeline | Investigate
 // NOTE: Provenance tab was planned but not yet implemented (see Phase 45)
 const EvidencePanel = {
@@ -47,7 +47,7 @@ const EvidencePanel = {
                 style="background:var(--bg-secondary);border:1px solid var(--border-color);
                        color:var(--text-muted);width:32px;height:32px;border-radius:50%;
                        cursor:pointer;font-size:18px;display:flex;align-items:center;
-                       justify-content:center">×</button>
+                       justify-content:center">?</button>
       </div>
 
       <!-- Tab bar -->
@@ -98,7 +98,7 @@ const EvidencePanel = {
     } catch (err) {
       document.getElementById("ep-body").innerHTML = `
         <div style="text-align:center;padding:40px 20px;color:var(--text-muted)">
-          <div style="font-size:32px;margin-bottom:12px">⚠️</div>
+          <div style="font-size:32px;margin-bottom:12px">??</div>
           <div style="font-weight:600;margin-bottom:4px">Evidence unavailable</div>
           <div style="font-size:12px">API may be offline or entity not in database.</div>
         </div>`;
@@ -157,8 +157,8 @@ const EvidencePanel = {
       <div style="display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:16px">
         ${[
           ["Connections", edges.length],
-          ["Entity Type", info.entity_type || "—"],
-          ["Source", info.source || "—"]
+          ["Entity Type", info.entity_type || "--"],
+          ["Source", info.source || "--"]
         ].map(([l,v]) => `
           <div style="padding:10px;background:var(--bg-tertiary);border-radius:8px;
                       border:1px solid var(--border-color);text-align:center">
@@ -177,17 +177,17 @@ const EvidencePanel = {
             <span style="font-size:10px;font-weight:700;text-transform:uppercase;
                          color:${e.color||'var(--accent-primary)'};">${sanitize(e.rel_label||"LINKED")}</span>
             <span style="font-size:10px;color:var(--text-muted)">
-              ${e.strength==="strong"?"●●●":e.strength==="medium"?"●●○":"●○○"} ${sanitize(e.strength||"")}
+              ${e.strength==="strong"?"???":e.strength==="medium"?"???":"???"} ${sanitize(e.strength||"")}
             </span>
           </div>
           <div style="font-size:13px;font-weight:600;color:var(--text-primary)">
-            ${sanitize(e.connected_to||e.connected_id||"—")}
+            ${sanitize(e.connected_to||e.connected_id||"--")}
           </div>
           <div style="font-size:11px;color:var(--text-secondary);margin-top:3px">
             ${sanitize(e.why||"")}
           </div>
           <div style="font-size:10px;color:var(--text-muted);margin-top:2px">
-            📄 ${sanitize(e.source||"")}
+            ? ${sanitize(e.source||"")}
           </div>
         </div>`).join("") : `
         <div style="text-align:center;padding:30px;color:var(--text-muted);font-size:12px">
@@ -197,7 +197,7 @@ const EvidencePanel = {
       ${edges.length > 5 ? `
       <button onclick="EvidencePanel._switchTab('connections')"
               class="btn btn--secondary" style="width:100%;font-size:12px;margin-top:4px">
-        View all ${edges.length} connections →
+        View all ${edges.length} connections ->
       </button>` : ""}
     `;
   },
@@ -233,21 +233,21 @@ const EvidencePanel = {
                   onclick="EvidencePanel.open(this.getAttribute('data-eid'),this.getAttribute('data-ename'))">
               <div style="display:flex;justify-content:space-between">
                 <span style="font-size:13px;font-weight:600;color:var(--text-primary)">
-                  ${sanitize(e.connected_to||e.connected_id||"—")}
+                  ${sanitize(e.connected_to||e.connected_id||"--")}
                 </span>
-                <span style="font-size:10px;color:var(--text-muted)">→</span>
+                <span style="font-size:10px;color:var(--text-muted)">-></span>
               </div>
               <div style="font-size:11px;color:var(--text-secondary);margin-top:2px">
                 ${sanitize(e.why||"")}
               </div>
               <div style="display:flex;gap:8px;margin-top:4px">
-                <span style="font-size:10px;color:var(--text-muted)">📄 ${sanitize(e.source||"")}</span>
-                ${e.date ? `<span style="font-size:10px;color:var(--text-muted)">📅 ${sanitize(e.date)}</span>` : ""}
+                <span style="font-size:10px;color:var(--text-muted)">? ${sanitize(e.source||"")}</span>
+                ${e.date ? `<span style="font-size:10px;color:var(--text-muted)">? ${sanitize(e.date)}</span>` : ""}
               </div>
               ${e.next_leads && e.next_leads.length ? `
               <div style="margin-top:6px">
                 ${e.next_leads.map(l => `
-                  <span style="font-size:10px;color:var(--color-saffron);margin-right:8px">→ ${sanitize(l)}</span>
+                  <span style="font-size:10px;color:var(--color-saffron);margin-right:8px">-> ${sanitize(l)}</span>
                 `).join("")}
               </div>` : ""}
             </div>`).join("")}
@@ -287,7 +287,7 @@ const EvidencePanel = {
                 ${sanitize(ev.description||ev.summary||"")}
               </div>
               <div style="font-size:10px;color:var(--text-muted);margin-top:2px">
-                📄 ${sanitize(ev.source||"")}
+                ? ${sanitize(ev.source||"")}
               </div>
             </div>`).join("")}
         </div>`;
@@ -306,8 +306,8 @@ const EvidencePanel = {
           6-Layer Investigation Engine
         </div>
         <div style="font-size:12px;color:var(--text-secondary);margin-bottom:12px">
-          Runs 6 specialist investigators in parallel: Direct Evidence → Relationship Mapping →
-          Pattern Detection → Timeline Analysis → Network Influence → Evidence Validation
+          Runs 6 specialist investigators in parallel: Direct Evidence -> Relationship Mapping ->
+          Pattern Detection -> Timeline Analysis -> Network Influence -> Evidence Validation
         </div>
         <button onclick="EvidencePanel._runInvestigation('${entityId}')"
                 id="ep-run-btn" class="btn btn--primary" style="width:100%;margin-bottom:8px">
@@ -339,7 +339,7 @@ const EvidencePanel = {
           <div style="padding:14px;background:var(--bg-tertiary);border-radius:10px;
                       border:1px solid var(--color-saffron)">
             <div style="font-size:11px;font-weight:700;color:var(--color-saffron);margin-bottom:10px">
-              INVESTIGATION COMPLETE — ${total} ITEMS
+              INVESTIGATION COMPLETE -- ${total} ITEMS
             </div>
             ${layers.map(l => `
               <div style="display:flex;justify-content:space-between;
@@ -374,7 +374,7 @@ const EvidencePanel = {
           <div style="padding:14px;background:var(--bg-tertiary);border-radius:10px;
                       border:1px solid var(--color-risk-high);margin-top:8px">
             <div style="font-size:11px;font-weight:700;color:var(--color-risk-high);margin-bottom:10px">
-              CONTRADICTION SEARCH — ${items.length} items found
+              CONTRADICTION SEARCH -- ${items.length} items found
             </div>
             ${items.slice(0,5).map(item => `
               <div style="margin-bottom:8px;padding:8px;background:var(--bg-primary);border-radius:6px">

frontend/js/graph.js

@@ -25,7 +25,7 @@ const GraphRenderer = {
     container.innerHTML = "";
 
     if (!window.d3) {
-      container.innerHTML = `<div style="display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;">D3.js not loaded — graph unavailable</div>`;
+      container.innerHTML = `<div style="display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-muted);font-size:14px;">D3.js not loaded -- graph unavailable</div>`;
       return;
     }