Add commands for manager keybindings

js/comfyui-manager.js

@@ -1268,10 +1268,26 @@ class ManagerMenuDialog extends ComfyDialog {
 		this.element = $el("div.comfy-modal", { id:'cm-manager-dialog', parent: document.body }, [ content ]);
 	}
 
+	get isVisible() {
+		return this.element?.style?.display === "block";
+	}
+
 	show() {
 		this.element.style.display = "block";
 	}
 
+	hide() {
+		this.element.style.display = "none";
+	}
+
+	toggleVisibility() {
+		if(this.isVisible) {
+			this.hide();
+		} else {
+			this.show();
+		}
+	}
+
 	handleWorkflowGalleryButtonClick(e) {
 		e.preventDefault();
 		e.stopPropagation();
@@ -1389,6 +1405,41 @@ app.registerExtension({
 		}
 	],
 
+  commands: [
+    {
+      id: "Comfy.Manager.Menu.ToggleVisibility",
+      label: "Toggle Manager Menu Visibility",
+      icon: "mdi mdi-puzzle",
+      function: () => {
+        if (!manager_instance) {
+          setManagerInstance(new ManagerMenuDialog());
+					manager_instance.show();
+        } else {
+          manager_instance.toggleVisibility();
+        }
+      },
+    },
+    {
+      id: "Comfy.Manager.CustomNodesManager.ToggleVisibility",
+      label: "Toggle Custom Nodes Manager Visibility",
+      icon: "pi pi-server",
+      function: () => {
+        if (CustomNodesManager.instance?.isVisible) {
+          CustomNodesManager.instance.close();
+          return;
+        }
+
+        if (!manager_instance) {
+          setManagerInstance(new ManagerMenuDialog());
+        }
+        if (!CustomNodesManager.instance) {
+          CustomNodesManager.instance = new CustomNodesManager(app, self);
+        }
+        CustomNodesManager.instance.show(CustomNodesManager.ShowMode.NORMAL);
+      },
+    },
+  ],
+
 	init() {
 		$el("style", {
 			textContent: style,

js/custom-nodes-manager.js

@@ -1916,4 +1916,8 @@ export class CustomNodesManager {
 	close() {
 		this.element.style.display = "none";
 	}
+
+	get isVisible() {
+		return this.element?.style?.display === "flex";
+	}
 }