From 42b7b6ee37cba79dd601c38267a4a69cd7f61910 Mon Sep 17 00:00:00 2001
From: Otto <otto@agpt.co>
Date: Thu, 12 Feb 2026 09:43:16 +0000
Subject: [PATCH] fix: Use strokeOpacity and stroke color for SVG hit detection

The invisible path needs an actual stroke color (just made invisible via
strokeOpacity=0) for SVG to register pointer events on the stroke area.
Also added react-flow__edge-interaction class for consistency with the
legacy builder pattern.
---
 .../build/components/FlowEditor/edges/CustomEdge.tsx         | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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 a3ce47c2d3..4cfc0e4470 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
@@ -67,9 +67,10 @@ const CustomEdge = ({
       <path
         d={edgePath}
         fill="none"
-        stroke="transparent"
+        stroke="black"
+        strokeOpacity={0}
         strokeWidth={20}
-        className="cursor-pointer"
+        className="react-flow__edge-interaction cursor-pointer"
         onMouseEnter={() => setIsHovered(true)}
         onMouseLeave={() => setIsHovered(false)}
       />