Visualize: selecting a stacked bar keeps its segment colours (only single dots turn pink)

static/app.css

@@ -295,7 +295,7 @@ textarea.in.vq { min-height: 64px; font-size: 19px; }
 .chart .mk:hover .ink { fill: #2a39e6; }
 .chart .mk:hover .lab { font-weight: 600; }
 .chart .mk:focus-visible .hit { stroke: var(--blue); stroke-width: 2; }
-.chart .sel .ink, .chart .sel.seg, .chart .sel .seg { fill: var(--pink); }
+.chart .sel .ink { fill: var(--pink); }
 .chart .sel .ghost { fill: var(--blue); }
 .chart .sel .bx { stroke: var(--pink); stroke-width: 2.5; }
 .chart circle.sel { fill: var(--pink); opacity: 1; }

static/visualize.js

@@ -265,7 +265,7 @@
     const ids = V.sel ? new Set(V.sel.ids) : null;
     document.querySelectorAll("[data-vzids]").forEach((el) => {
       const mine = el.dataset.vzids.split(",").filter(Boolean).map(Number);
-      const hit = ids && mine.length && mine.every((i) => ids.has(i)) && (V.sel.label === el.dataset.vzsel || mine.length === 1 && ids.has(mine[0]));
+      const hit = ids && mine.length && mine.every((i) => ids.has(i)) && (V.sel.label === el.dataset.vzsel || el.tagName.toLowerCase() === "circle" && ids.has(mine[0]));
       el.classList.toggle("sel", !!hit);
       el.classList.toggle("dim", !!ids && !hit && !el.classList.contains("lg") && !mine.some((i) => ids.has(i)));
     });