@qe-mcp/server-ena 0.1.4 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qe-mcp/server-ena",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "description": "MCP server for Epistemic Network Analysis — WASM backend, zero Python dependency",
   "type": "module",
   "main": "server.js",

package/server.js

@@ -303,7 +303,23 @@ async function renderSVG(modelData, opts = {}) {
     if (!svgHtml.includes('xmlns=')) {
         svgHtml = svgHtml.replace('<svg', '<svg xmlns="http://www.w3.org/2000/svg"');
     }
-    return svgHtml;
+    return withWhiteBackground(svgHtml);
+}
+
+// The qeviz SVG has a transparent background, which makes the plot invisible in
+// dark-mode viewers. Insert an opaque white rect as the first child (behind all
+// content), sized to the SVG's viewBox so it covers the full canvas.
+function withWhiteBackground(svgHtml) {
+    const openTagMatch = svgHtml.match(/<svg[^>]*>/);
+    if (!openTagMatch) return svgHtml;
+    const openTag = openTagMatch[0];
+
+    const vb = openTag.match(/viewBox\s*=\s*["']\s*([-\d.]+)\s+([-\d.]+)\s+([-\d.]+)\s+([-\d.]+)\s*["']/);
+    const rect = vb
+        ? `<rect x="${vb[1]}" y="${vb[2]}" width="${vb[3]}" height="${vb[4]}" fill="#ffffff"/>`
+        : `<rect x="0" y="0" width="100%" height="100%" fill="#ffffff"/>`;
+
+    return svgHtml.replace(openTag, openTag + rect);
 }
 
 // ── Model / accumulation cache ────────────────────────────────────────────────