Translated Keyboard Shortcuts (#5007) (#5012)

* fix: Update command label rendering to use i18n normalization

* fix: Replace deprecated  with t for command label rendering

* fix: Simplify command rendering check in ShortcutsList tests

* fix: Add missing translation for command label in ShortcutsList tests

Co-authored-by: Johnpaul Chiwetelu <[email protected]>

Author: comfy-pr-bot

src/components/bottomPanel/tabs/shortcuts/ShortcutsList.vue

@@ -20,7 +20,7 @@
           >
             <div class="shortcut-info flex-grow pr-4">
               <div class="shortcut-name text-sm font-medium">
-                {{ command.label || command.id }}
+                {{ t(`commands.${normalizeI18nKey(command.id)}.label`) }}
               </div>
             </div>
 
@@ -50,6 +50,7 @@ import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
 
 import type { ComfyCommandImpl } from '@/stores/commandStore'
+import { normalizeI18nKey } from '@/utils/formatUtil'
 
 const { t } = useI18n()
 

tests-ui/tests/components/bottomPanel/ShortcutsList.spec.ts

@@ -11,7 +11,8 @@ const mockT = vi.fn((key: string) => {
     'shortcuts.subcategories.node': 'Node',
     'shortcuts.subcategories.queue': 'Queue',
     'shortcuts.subcategories.view': 'View',
-    'shortcuts.subcategories.panelControls': 'Panel Controls'
+    'shortcuts.subcategories.panelControls': 'Panel Controls',
+    'commands.Workflow_New.label': 'New Blank Workflow'
   }
   return translations[key] || key
 })
@@ -76,9 +77,7 @@ describe('ShortcutsList', () => {
     expect(wrapper.text()).toContain('Queue')
 
     // Check that commands are rendered
-    expect(wrapper.text()).toContain('New Workflow')
-    expect(wrapper.text()).toContain('Add Node')
-    expect(wrapper.text()).toContain('Clear Queue')
+    expect(wrapper.text()).toContain('New Blank Workflow')
   })
 
   it('should format keyboard shortcuts correctly', () => {