auto-save 2026-05-14 00:08 (+5, ~2)

web/components/nodes/resize-handle.tsx

@@ -11,15 +11,20 @@ export function ResizeRight({ minWidth = 240, maxWidth = 1200 }: { minWidth?: nu
       style={{
         background: "transparent",
         border: "none",
-        width: 8,
-        height: "100%",
-        right: 0,
-        top: 0,
-        transform: "translateX(50%)",
+        width: 10,
+        height: "calc(100% - 24px)",  // 留出顶部 source Handle 圆点的 hover 空间
+        right: 0,                      // hit area 完全在节点内侧右边 10px（ReactFlow wrapper 不允许外溢）
+        top: 12,
+        transform: "none",
+        zIndex: 20,                    // 高于 ReactFlow handle 默认 z-index
       }}
     >
       <div
-        className="w-full h-full hover:bg-violet-400/50 active:bg-violet-400/80 transition rounded-r"
+        className="absolute right-0 top-0 h-full w-1 hover:w-1.5 bg-transparent hover:bg-violet-400/70 active:bg-violet-400 transition-all rounded-r"
+        style={{ cursor: "ew-resize" }}
+      />
+      <div
+        className="w-full h-full"
         style={{ cursor: "ew-resize" }}
       />
     </NodeResizeControl>