Support keybinding customization (#1081)

* Basic keybinding panel

nit

Make row selectable

Reduce padding

Better key seq render

Show actions on demand

Turn off autocomplete

nit

Persist keybindings

Autofocus

Fix set unsetted keybinding bug

Refactor

Add reset button

Add back default keybinding logic

Report key conflict error

Adjust style

fix bug

Highlight modified keybindings

* Set current editing command's id as dialog header

src/components/graph/GraphCanvas.vue

@@ -52,6 +52,7 @@ import {
   useModelToNodeStore
 } from '@/stores/modelToNodeStore'
 import GraphCanvasMenu from '@/components/graph/GraphCanvasMenu.vue'
+import { useKeybindingStore } from '@/stores/keybindingStore'
 
 const emit = defineEmits(['ready'])
 const canvasRef = ref<HTMLCanvasElement | null>(null)
@@ -200,6 +201,9 @@ onMounted(async () => {
     }
   })
 
+  // Load keybindings. This must be done after comfyApp loads settings.
+  useKeybindingStore().loadUserKeybindings()
+
   // Migrate legacy bookmarks
   useNodeBookmarkStore().migrateLegacyBookmarks()