From 1487531b8cd7e97adebb6824d01c2d918c6a6c9d Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Thu, 28 May 2026 21:18:49 +0800
Subject: [PATCH] fix: improve stitch cut line dragging

---
 components/agents/AgentDetailReferenceStitchDialog.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/components/agents/AgentDetailReferenceStitchDialog.tsx b/components/agents/AgentDetailReferenceStitchDialog.tsx
index 15b4216ae..dba96df1e 100644
--- a/components/agents/AgentDetailReferenceStitchDialog.tsx
+++ b/components/agents/AgentDetailReferenceStitchDialog.tsx
@@ -583,6 +583,12 @@ export function AgentDetailReferenceStitchDialog({
   const handleLinePointerDown = useCallback(
     (index: number) => (event: ReactPointerEvent<HTMLDivElement>) => {
       event.preventDefault();
+      event.stopPropagation();
+      try {
+        event.currentTarget.setPointerCapture(event.pointerId);
+      } catch {
+        // Older browsers may not support pointer capture for this target.
+      }
       setDraggingLineIndex(index);
     },
     []
@@ -876,7 +882,7 @@ export function AgentDetailReferenceStitchDialog({
                               <div
                                 onPointerDown={handleLinePointerDown(index)}
                                 className={cn(
-                                  "pointer-events-auto absolute inset-x-0 z-10 flex -translate-y-1/2 cursor-row-resize items-center justify-center",
+                                  "pointer-events-auto absolute inset-x-0 z-10 flex h-10 -translate-y-1/2 cursor-row-resize touch-none select-none items-center justify-center",
                                   draggingLineIndex === index && "z-20"
                                 )}
                                 style={{ touchAction: "none" }}