1746583 - Implement a unified UI to show keyboard shortcuts of the currently selected panel

Status: NEW

(DevTools :: General, enhancement)

Description

[Nicolas Chevobbe [:nchevobbe]]

The debugger has a Shortcuts modal where we showcase the important keyboard shortcuts the tool offers.
This is a great idea and something we should have on each panel so we can surface things that are not really discoverable through the UI.

What I have in mind so far:

• We would have a new entry in the toolbox meatball menu (e.g. Show Shortcuts below the Settings entry)
• At first, we'll put a blue dot icon on the meatball menu + the Show Shortcuts item so people know we added it
• When clicking on it, or triggering the keyboard shortcut (we can reuse the same as the debugger, CmdOrCtrl+/ ), we would show the modal (I guess on the toolbox document)
• The modal content will then populated based on the currently selected panel, as well as a more "general" section where we would show the toolbox wide shortcuts (e.g. Escape to toggle split console, F1 for settings panel, …)

Comment 1

[Nicolas Chevobbe [:nchevobbe]]

It would be nice if we could do an analysis here of the content we should have for each panel

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'DevTools::Debugger' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.