Plan-graph round 10 (owner): the glow paints above the box fill

Paint order inside a node group: box fill/stroke → yellow glow → text.
The round-9 background fill no longer dims the glow inside the current
node's box, edges behind boxes still dim under the fill (round 9
intact), and the title text stays crisp above the glow.
This commit is contained in:
amosblomqvist
2026-09-14 07:34:01 +03:00
parent b97a34aea4
commit 90ed65f208
+10 -7
View File
@@ -349,9 +349,19 @@ export function PlanDiagram({
data-testid={`plan-node-${n.id}`}
data-status={status}
>
{/* Rectangular — no corner rounding (owner). */}
<rect
width={NODE_W}
height={h}
className={monochrome ? MONO_BOX : BOX[status]}
strokeWidth={1.5}
/>
{glow && (
// The current node's highlight: faint yellow, blurred so it
// bleeds over the edges — static, no pulse (owner, round 6).
// Paints ABOVE the box fill (owner, round 10): the round-9
// background fill no longer dims the glow inside the box,
// while edges behind the box still dim under that fill.
<rect
x={-GLOW_MARGIN}
y={-GLOW_MARGIN}
@@ -361,13 +371,6 @@ export function PlanDiagram({
filter={`url(#${markerId}-glow)`}
/>
)}
{/* Rectangular — no corner rounding (owner). */}
<rect
width={NODE_W}
height={h}
className={monochrome ? MONO_BOX : BOX[status]}
strokeWidth={1.5}
/>
{lines.map((line, i) => (
<text
key={i}