fix(builder): Show X button on edge line hover, not just button hover

Add invisible interaction path along edge that triggers hover state,
making the remove button appear when hovering anywhere on the connection
line rather than requiring users to find the small button directly.

Fixes SECRT-1943
This commit is contained in:
Otto
2026-02-12 08:25:56 +00:00
parent e8fc8ee623
commit 764070f6a7

View File

@@ -63,6 +63,16 @@ const CustomEdge = ({
return (
<>
{/* Invisible interaction path - wider hit area for hover detection */}
<path
d={edgePath}
fill="none"
stroke="transparent"
strokeWidth={20}
className="cursor-pointer"
onMouseEnter={() => setIsHovered(true)}
onMouseLeave={() => setIsHovered(false)}
/>
<BaseEdge
path={edgePath}
markerEnd={markerEnd}