From e034883abd50a06930a5bb1e7bed9d4cdbc1db60 Mon Sep 17 00:00:00 2001
From: AzuTear <vmbao62@hotmail.com>
Date: Sun, 14 Jun 2026 15:23:05 +0200
Subject: [PATCH] fix: open agent cards only on click

---
 .../src/components/dashboard/v2/FlowCanvas.vue     |  2 ++
 .../dashboard/v2/useFlowCanvasInteractions.ts      | 14 +++++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/dashboard/v2/FlowCanvas.vue b/frontend/src/components/dashboard/v2/FlowCanvas.vue
index b93e46d..14f1f85 100644
--- a/frontend/src/components/dashboard/v2/FlowCanvas.vue
+++ b/frontend/src/components/dashboard/v2/FlowCanvas.vue
@@ -174,6 +174,7 @@ watch(
 
 /* ── Drag & Drop ──────────────────────────────── */
 const {
+  onClick,
   onClickCapture,
   onPointerDown,
   onPointerMove,
@@ -197,6 +198,7 @@ function handleReset() {
   <div
     ref="flowRef"
     class="flow"
+    @click="onClick"
     @click.capture="onClickCapture"
     @pointerdown="onPointerDown"
     @pointermove="onPointerMove"
diff --git a/frontend/src/components/dashboard/v2/useFlowCanvasInteractions.ts b/frontend/src/components/dashboard/v2/useFlowCanvasInteractions.ts
index aec83a0..660f9c0 100644
--- a/frontend/src/components/dashboard/v2/useFlowCanvasInteractions.ts
+++ b/frontend/src/components/dashboard/v2/useFlowCanvasInteractions.ts
@@ -100,15 +100,22 @@ export function useFlowCanvasInteractions(options: UseFlowCanvasInteractionsOpti
     const node = options.flowRef.value?.querySelector(`.node[data-id="${currentDrag.id}"]`) as HTMLElement | null
     if (node) node.classList.remove('dragging')
 
-    if (!currentDrag.moved) {
-      options.selectAgent(currentDrag.id)
-    } else {
+    if (currentDrag.moved) {
       suppressClickUntil.value = performance.now() + CLICK_SUPPRESSION_MS
     }
 
     drag.value = null
   }
 
+  function onClick(e: MouseEvent) {
+    const node = findNode(e.target)
+    if (!node) return
+    if (performance.now() < suppressClickUntil.value) return
+
+    const id = node.dataset.id
+    if (id) options.selectAgent(id)
+  }
+
   function onClickCapture(e: MouseEvent) {
     if (performance.now() >= suppressClickUntil.value) return
     if (!findNode(e.target)) return
@@ -117,6 +124,7 @@ export function useFlowCanvasInteractions(options: UseFlowCanvasInteractionsOpti
   }
 
   return {
+    onClick,
     onClickCapture,
     onPointerDown,
     onPointerMove,