[IDE] Limit context menu items to a single line

Everyone can contribute. Help move this issue forward while earning points, leveling up and collecting rewards.

• Close this issue

Problem to solve

The context menu UI could be more information efficient given the large amount of context sources available. Having each menu item take up multiple lines is slower to scan.

See gitlab-org/editor-extensions/meta#223 for more details on the problem and user feedback.

Why it's important

This will make it easier to find and choose context sources while using Duo in the IDE.

Proposal

This UI refactor will be more effective if we also improve the hover tip presentation laid out in #546255

1. Keep information on a single line unless required for clarity (possible exception for GitLab issues/MRs)
2. Truncate paths in the middle of the string instead of the start or end (e.g. src/../components)
3. Save space by leaving file names out of the path (e.g. src/hooks/ instead of src/hooks/useContext.ts)

Example

Current	Proposed

Open question

• Should GitLab issues and MRs be an exception to the single line rule?

Important links

• Figma
• Prototype iteration 3 (to illustrate the concept, not a 1:1 spec)