diff --git a/apps/dashboard/src/pages/ansem-explore.tsx b/apps/dashboard/src/pages/ansem-explore.tsx index 9294f56e..2a217aac 100644 --- a/apps/dashboard/src/pages/ansem-explore.tsx +++ b/apps/dashboard/src/pages/ansem-explore.tsx @@ -1251,24 +1251,19 @@ export function AnsemExplore() { return (
- {/* ambient memory-growth line — subtle, behind the constellation */} + {/* ambient memory-growth line — a faint glowing curve hugging the bottom edge, behind + everything (z-1). No fill (it washed the bottom). Fades in AFTER the constellation + settles (0.9s delay) so it never flashes over the nodes/hints on load. */} {growth && growth.series.length > 1 && (() => { const s = growth.series; const max = Math.max(...s.map((p) => p.v), 1); - const W = 1000, H = 300; - const line = s.map((p, i) => (i ? 'L' : 'M') + ((i / (s.length - 1)) * W).toFixed(1) + ' ' + (H - (p.v / max) * H).toFixed(1)).join(' '); - const area = `${line} L${W} ${H} L0 ${H} Z`; + const W = 1000, H = 200; + const line = s.map((p, i) => (i ? 'L' : 'M') + ((i / (s.length - 1)) * W).toFixed(1) + ' ' + (H - 6 - (p.v / max) * (H - 14)).toFixed(1)).join(' '); return ( - - - - - - - - + style={{ position: 'absolute', left: 0, right: 0, bottom: 0, width: '100%', height: '18vh', zIndex: -1, pointerEvents: 'none', opacity: 0, animation: 'ansemGrowthFade 2s ease 0.9s forwards' }}> + + ); })()}