chore(commands): move experimental Vue Nodes commands to core; add hi…

…dden setting for debug panel visibility; persist debug panel state; remove per-canvas registrations

src/components/graph/GraphCanvas.vue

@@ -197,7 +197,13 @@ const { shouldRenderVueNodes, isDevModeEnabled } = useFeatureFlags()
 
 // TransformPane enabled when Vue nodes are enabled OR debug override
 const debugOverrideVueNodes = ref(false)
-const debugPanelVisible = ref(false)
+// Persist debug panel visibility in settings so core commands can toggle it
+const debugPanelVisible = computed({
+  get: () => settingStore.get('Comfy.VueNodes.DebugPanel.Visible') ?? false,
+  set: (v: boolean) => {
+    void settingStore.set('Comfy.VueNodes.DebugPanel.Visible', v)
+  }
+})
 const transformPaneEnabled = computed(
   () => shouldRenderVueNodes.value || debugOverrideVueNodes.value
 )
@@ -736,30 +742,6 @@ onMounted(async () => {
   await workflowPersistence.restorePreviousWorkflow()
   workflowPersistence.restoreWorkflowTabsState()
 
-  // Register experimental commands (unbound by default)
-  const commandStore = useCommandStore()
-  if (!commandStore.isRegistered('Experimental.ToggleVueNodes')) {
-    commandStore.registerCommand({
-      id: 'Experimental.ToggleVueNodes',
-      label: () =>
-        `Experimental: ${shouldRenderVueNodes.value ? 'Disable' : 'Enable'} Vue Nodes`,
-      function: async () => {
-        const current = settingStore.get('Comfy.VueNodes.Enabled') ?? false
-        await settingStore.set('Comfy.VueNodes.Enabled', !current)
-      }
-    })
-  }
-  if (!commandStore.isRegistered('Experimental.ToggleVueNodeDebugPanel')) {
-    commandStore.registerCommand({
-      id: 'Experimental.ToggleVueNodeDebugPanel',
-      label: () =>
-        `Experimental: ${debugPanelVisible.value ? 'Hide' : 'Show'} Vue Node Debug Panel`,
-      function: () => {
-        debugPanelVisible.value = !debugPanelVisible.value
-      }
-    })
-  }
-
   // Initialize release store to fetch releases from comfy-api (fire-and-forget)
   const { useReleaseStore } = await import('@/stores/releaseStore')
   const releaseStore = useReleaseStore()

src/composables/useCoreCommands.ts

@@ -256,6 +256,33 @@ export function useCoreCommands(): ComfyCommand[] {
         app.canvas.setDirty(true, true)
       }
     },
+    {
+      id: 'Experimental.ToggleVueNodes',
+      label: () =>
+        `Experimental: ${
+          useSettingStore().get('Comfy.VueNodes.Enabled') ? 'Disable' : 'Enable'
+        } Vue Nodes`,
+      function: async () => {
+        const settingStore = useSettingStore()
+        const current = settingStore.get('Comfy.VueNodes.Enabled') ?? false
+        await settingStore.set('Comfy.VueNodes.Enabled', !current)
+      }
+    },
+    {
+      id: 'Experimental.ToggleVueNodeDebugPanel',
+      label: () =>
+        `Experimental: ${
+          useSettingStore().get('Comfy.VueNodes.DebugPanel.Visible')
+            ? 'Hide'
+            : 'Show'
+        } Vue Node Debug Panel`,
+      function: async () => {
+        const settingStore = useSettingStore()
+        const current =
+          settingStore.get('Comfy.VueNodes.DebugPanel.Visible') ?? false
+        await settingStore.set('Comfy.VueNodes.DebugPanel.Visible', !current)
+      }
+    },
     {
       id: 'Comfy.Canvas.FitView',
       icon: 'pi pi-expand',

src/constants/coreSettings.ts

@@ -904,5 +904,12 @@ export const CORE_SETTINGS: SettingParams[] = [
       'Render nodes as Vue components instead of canvas. Hidden; toggle via Experimental keybinding.',
     defaultValue: false,
     experimental: true
+  },
+  {
+    id: 'Comfy.VueNodes.DebugPanel.Visible',
+    name: 'Vue Nodes Debug Panel Visible (hidden)',
+    type: 'hidden',
+    defaultValue: false,
+    experimental: true
   }
 ]

src/schemas/apiSchema.ts

@@ -478,6 +478,7 @@ const zSettings = z.object({
   'Comfy.Minimap.Visible': z.boolean(),
   'Comfy.Canvas.NavigationMode': z.string(),
   'Comfy.VueNodes.Enabled': z.boolean(),
+  'Comfy.VueNodes.DebugPanel.Visible': z.boolean(),
   'Comfy-Desktop.AutoUpdate': z.boolean(),
   'Comfy-Desktop.SendStatistics': z.boolean(),
   'Comfy-Desktop.WindowStyle': z.string(),