[IDE] Add shortcuts + hints for Duo context menu navigation
<!--IssueSummary start--> <details> <summary> Everyone can contribute. [Help move this issue forward](https://handbook.gitlab.com/handbook/marketing/developer-relations/contributor-success/community-contributors-workflows/#contributor-links) while earning points, leveling up and collecting rewards. </summary> - [Close this issue](https://contributors.gitlab.com/manage-issue?action=close&projectId=278964&issueIid=546263) </details> <!--IssueSummary end--> # Problem to solve It's not obvious how to go back or close the Duo context menu using only the keyboard. See https://gitlab.com/gitlab-org/editor-extensions/meta/-/issues/223 for more details on the problem and user feedback. ## Why it's important Learning keyboard patterns improves workflow efficiency and will make Duo UX stickier. ## Proposal See: https://gitlab.com/gitlab-org/gitlab/-/issues/546092 for additional details on backspace behavior in nested categories. ```gherkin Scenario: Interact with the context menu via keyboard Given the user has the context menu open Then show keyboard shortcuts for available actions ``` ## Example | Current | Proposed | | ------ | ------ | | ![Screenshot_2025-05-28_at_4.55.55_PM](https://gitlab.com/-/project/278964/uploads/6184ad982ce222bf5d2dbb87a404f8eb/Screenshot_2025-05-28_at_4.55.55_PM.png) | ![Screenshot_2025-05-27_at_8.24.35_PM](https://gitlab.com/-/project/278964/uploads/2bf184adfcf62844f78b559b2e639a2d/Screenshot_2025-05-27_at_8.24.35_PM.png) | ## Important links - [Figma](https://www.figma.com/design/py1XaoxXhPpc1jFocBMUnx/%E2%AD%90-Duo-in-the-IDE--16983?node-id=3581-8990&t=qlJE8xkWORZTMdcK-1) - [Prototype iteration 3](https://prototyping-939024.gitlab.io/) (to illustrate the concept, not a 1:1 spec)
issue