From 17086021aeff5b1fd1d62646b7db79c5320cb1bb Mon Sep 17 00:00:00 2001
From: Benjamin Lu <benjaminlu1107@gmail.com>
Date: Fri, 19 Dec 2025 20:57:25 -0800
Subject: [PATCH 1/2] refactor node help watch source

---
 .../sidebar/tabs/nodeLibrary/NodeHelpPage.vue | 20 ++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue b/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue
index 2c12089f15f..7be3a48f7f3 100644
--- a/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue
+++ b/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue
@@ -21,6 +21,7 @@
 <script setup lang="ts">
 import { whenever } from '@vueuse/core'
 import Button from 'primevue/button'
+import { computed } from 'vue'
 
 import NodeHelpContent from '@/components/node/NodeHelpContent.vue'
 import { useSelectionState } from '@/composables/graph/useSelectionState'
@@ -36,14 +37,15 @@ defineEmits<{
 const nodeHelpStore = useNodeHelpStore()
 const { nodeDef } = useSelectionState()
 
-// Keep the open help page synced with the current selection while help is open.
-whenever(
-  () => (nodeHelpStore.isHelpOpen ? nodeDef.value : null),
-  (def) => {
-    if (!def) return
-    const currentHelpNode = nodeHelpStore.currentHelpNode
-    if (currentHelpNode?.nodePath === def.nodePath) return
-    nodeHelpStore.openHelp(def)
-  }
+const activeHelpDef = computed(() =>
+  nodeHelpStore.isHelpOpen ? nodeDef.value : null
 )
+
+// Keep the open help page synced with the current selection while help is open.
+whenever(activeHelpDef, (def) => {
+  if (!def) return
+  const currentHelpNode = nodeHelpStore.currentHelpNode
+  if (currentHelpNode?.nodePath === def.nodePath) return
+  nodeHelpStore.openHelp(def)
+})
 </script>

From d7c6c343a45ee098c81681693dcccee2c11ba4f8 Mon Sep 17 00:00:00 2001
From: Benjamin Lu <benjaminlu1107@gmail.com>
Date: Sun, 21 Dec 2025 10:38:12 -0800
Subject: [PATCH 2/2] Update
 src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue

Co-authored-by: Christian Byrne <cbyrne@comfy.org>
---
 src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue b/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue
index 7be3a48f7f3..f457c84e42a 100644
--- a/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue
+++ b/src/components/sidebar/tabs/nodeLibrary/NodeHelpPage.vue
@@ -43,7 +43,6 @@ const activeHelpDef = computed(() =>
 
 // Keep the open help page synced with the current selection while help is open.
 whenever(activeHelpDef, (def) => {
-  if (!def) return
   const currentHelpNode = nodeHelpStore.currentHelpNode
   if (currentHelpNode?.nodePath === def.nodePath) return
   nodeHelpStore.openHelp(def)