Walkthrough

This PR implements a comprehensive global keyboard shortcut system throughout the application. It introduces new components (GlobalShortcuts, ShortcutModal) and a custom hook (useKeyboardShortcut) for managing hotkeys, integrates keyboard shortcuts into existing components (MdEditor, SelectPlatform, theme-toggle), refactors the Navbar layout, and updates the WhyUs comparison table to include a Clist column.

Changes

Sequence Diagram(s)

sequenceDiagram
    actor User
    participant Browser
    participant GlobalShortcuts
    participant ShortcutModal
    participant Router
    participant MdEditor

    User->>Browser: Press keyboard (e.g., Backspace, "/", Ctrl+Enter)
    Browser->>GlobalShortcuts: keydown event
    alt Navigation Shortcut
        GlobalShortcuts->>Router: Navigate back / home / focused
        Router->>Browser: Update location
    else "/" Shortcut
        GlobalShortcuts->>ShortcutModal: Toggle modal visibility
        ShortcutModal->>Browser: Render shortcuts overlay
    else Ctrl+Enter in Message
        Browser->>MdEditor: keydown event
        MdEditor->>MdEditor: handleKeyDown validates & calls handleSendMessage
        MdEditor->>Browser: POST /api/send (message)
        Browser-->>MdEditor: Response (clear textarea)
        MdEditor->>Browser: Show toast (success/error)
    else Esc Pressed
        GlobalShortcuts->>Browser: Blur focused element
    end

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~35 minutes

Possibly related PRs

• Update things #37: Modifies keyboard shortcut logic in theme-toggle.tsx and Navbar.tsx, overlapping with this PR's keyboard/shortcut UI changes.
• Fix invalid social link and update some styles #39: Updates WhyUs.tsx with Info tooltip and table styling adjustments, directly related to the WhyUs component rewrite.
• Downgrade tailwind css and fix suff #45: Modifies layout.tsx to adjust the root layout structure, intersecting with GlobalShortcuts and ShortcutModal additions.

Poem

🐰 Shortcuts Make the Heart Go Click

With Backspace, slash, and Ctrl we zoom,
Through global keys that light the room,
A modal blooms with hotkey cheer,
Each keystroke brings the shortcuts near! 📋✨

• 📝 Generate docstrings

Configuration used: defaults

Review profile: CHILL

Plan: Pro

• X
• Mastodon
• Reddit
• LinkedIn