feat(ui): add Ctrl+N/P navigation in command palette

Author: jcalixte

app/components/CommandPalette.client.vue

@@ -173,7 +173,7 @@ function handleGlobalKeydown(event: KeyboardEvent) {
 
   if (!isOpen.value) return
 
-  if (event.key === 'ArrowDown') {
+  if (event.key === 'ArrowDown' || (event.ctrlKey && event.key.toLowerCase() === 'n')) {
     event.preventDefault()
     const currentIndex = getCommandElements().findIndex(el => el === document.activeElement)
     const nextIndex =
@@ -182,7 +182,7 @@ function handleGlobalKeydown(event: KeyboardEvent) {
     return
   }
 
-  if (event.key === 'ArrowUp') {
+  if (event.key === 'ArrowUp' || (event.ctrlKey && event.key.toLowerCase() === 'p')) {
     event.preventDefault()
     const currentIndex = getCommandElements().findIndex(el => el === document.activeElement)
     if (currentIndex <= 0) {

i18n/locales/en.json

@@ -85,7 +85,7 @@
     "quick_actions": "jump to...",
     "subtitle": "navigate across npmx and switch settings quickly",
     "subtitle_languages": "choose a language or help improve translations",
-    "instructions": "Type to filter commands. Use the arrow keys to move through results and Enter to run a command.",
+    "instructions": "Type to filter commands. Use the arrow keys or Ctrl+N/P to move through results and Enter to run a command.",
     "input_label": "Command palette search",
     "results_label": "Command results",
     "placeholder": "type a command...",