[IDE] Improve UI presentation of context source hover

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

• Close this issue

Problem to solve

The current hover takes up a lot of space and is a bit awkward to read.

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 for users to quickly understand details about a context source (e.g. project, path, type).

Proposal

Scenario: User hovers a context source in the context menu
  Given the user has the context menu open
  And the user hovers a context source with the mouse
  Then show the hover tip above the context source

Scenario: User hovers a context source in the prompt input
  Given a context source token is shown in the prompt input
  And the user hovers a token with the mouse
  Then show the hover tip above the token

Example

Current	Proposed

Important links

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