Description
The sidebar navigation (AppSidebar) currently supports keyboard shortcuts via the Command Palette (CommandPalette.tsx), but the shortcut keys are not visible next to the sidebar menu items themselves. Users have no way to discover navigation shortcuts without opening the palette first.
This issue is about displaying small keyboard shortcut hints (e.g., ⌘1, ⌘2, or G H, G A) directly next to each sidebar menu item so users can learn and use them without opening the command palette.
Where to look
src/components/layout/AppSidebar.tsx — The main sidebar component where navigation items are rendered. This is where the shortcut hints should be added next to each menu item.
src/components/layout/CommandPalette.tsx — Already defines shortcut strings for navigation commands (e.g., 'G H' for Home, 'G T' for Tasks, 'G S' for Sessions). Use these as the source of truth for which shortcuts to display.
src/components/ui/dropdown-menu.tsx — Contains a DropdownMenuShortcut component that renders shortcut text with appropriate styling. Can be used as a reference or reused.
Acceptance criteria
Description
The sidebar navigation (
AppSidebar) currently supports keyboard shortcuts via the Command Palette (CommandPalette.tsx), but the shortcut keys are not visible next to the sidebar menu items themselves. Users have no way to discover navigation shortcuts without opening the palette first.This issue is about displaying small keyboard shortcut hints (e.g.,
⌘1,⌘2, orG H,G A) directly next to each sidebar menu item so users can learn and use them without opening the command palette.Where to look
src/components/layout/AppSidebar.tsx— The main sidebar component where navigation items are rendered. This is where the shortcut hints should be added next to each menu item.src/components/layout/CommandPalette.tsx— Already definesshortcutstrings for navigation commands (e.g.,'G H'for Home,'G T'for Tasks,'G S'for Sessions). Use these as the source of truth for which shortcuts to display.src/components/ui/dropdown-menu.tsx— Contains aDropdownMenuShortcutcomponent that renders shortcut text with appropriate styling. Can be used as a reference or reused.Acceptance criteria
<kbd>badge)CommandPalette.tsx