From 764070f6a7d0bb783edc8474ab2cc48f8c87c104 Mon Sep 17 00:00:00 2001
From: Otto <otto@agpt.co>
Date: Thu, 12 Feb 2026 08:25:56 +0000
Subject: [PATCH] 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
---
 .../build/components/FlowEditor/edges/CustomEdge.tsx   | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/edges/CustomEdge.tsx b/autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/edges/CustomEdge.tsx
index 3b6425a7c6..a3ce47c2d3 100644
--- a/autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/edges/CustomEdge.tsx
+++ b/autogpt_platform/frontend/src/app/(platform)/build/components/FlowEditor/edges/CustomEdge.tsx
@@ -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}