Khalid Abdi dfab71492c fix(graph): stop hover flicker and theme the controls ...

Hover state fed the nodes/edges useMemos, so every hover recreated both
arrays — React Flow re-measured the dimensionless nodes and the hovered
node's scale transform shifted it out from under the pointer, causing a
rapid dark↔light flicker. Drive hover focus through React context instead
so the nodes/edges props stay referentially stable (custom memoized node +
edge read the hovered id), and drop the scale transform. Theme the React
Flow controls via colorMode from next-themes so the zoom box matches the
active theme instead of rendering white.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

2026-06-18 21:45:09 +03:00

..

record-graph.tsx

fix(graph): stop hover flicker and theme the controls

2026-06-18 21:45:09 +03:00