From a2ac29532ea9fc8a4491d428d08f0b400d16364d Mon Sep 17 00:00:00 2001
From: Guilhem <guilhemlemouel@gmail.com>
Date: Wed, 12 Nov 2025 17:08:54 +0100
Subject: [PATCH] use clickoutside for note deselect

---
 frontend/src/lib/components/graph/FlowGraphV2.svelte        | 1 -
 .../lib/components/graph/renderers/nodes/NoteNode.svelte    | 6 ++++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/components/graph/FlowGraphV2.svelte b/frontend/src/lib/components/graph/FlowGraphV2.svelte
index 93901cff0e..16b5fe73ce 100644
--- a/frontend/src/lib/components/graph/FlowGraphV2.svelte
+++ b/frontend/src/lib/components/graph/FlowGraphV2.svelte
@@ -755,7 +755,6 @@
 					if (selectionManager.mode === 'normal') {
 						selectionManager.clearSelection()
 					}
-					noteManager.clearNoteSelection()
 				}}
 				onpanecontextmenu={({ event }) => {
 					paneContextMenu?.onPaneContextMenu(event)
diff --git a/frontend/src/lib/components/graph/renderers/nodes/NoteNode.svelte b/frontend/src/lib/components/graph/renderers/nodes/NoteNode.svelte
index 641a41979d..b4e1d03aa7 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/NoteNode.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/NoteNode.svelte
@@ -15,6 +15,7 @@
 	import { Button } from '$lib/components/common'
 	import { getNoteEditorContext } from '../../noteEditor.svelte'
 	import { getGraphContext } from '../../graphContext'
+	import { clickOutside } from '$lib/utils'
 
 	interface Props {
 		data: {
@@ -171,6 +172,11 @@
 	role="button"
 	tabindex={editMode ? -1 : 0}
 	ondblclick={handleDoubleClick}
+	use:clickOutside={{
+		onClickOutside: () => {
+			noteManager?.clearNoteSelection()
+		}
+	}}
 >
 	<!-- Action buttons - only show in edit mode -->
 	{#if isEditModeAvailable}