[IDE] Add support for inline context tokens within Duo's prompt input

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

• Close this issue

Problem to solve

User's can't directly reference context sources when writing prompt instructions. This creates friction when writing prompt instructions.

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 format and create intuitive prompt instructions while using Duo in the IDE.

Proposal

Scenario: Add an inline context source token
  Given the user is typing in the prompt input field
  When the user types "+"
  Then the context menu should appear
  And the user makes a selection
  Then the selected context source is immediately inserted inline at the last cursor location
  And the context menu should close automatically
  And the context source is also added to the standard context reference list

Scenario: Remove an inline context source token
  Given an inline token is displayed in the prompt input field
  When the user <deletes the inline token>
  Then the context source should be removed from the input and the standard context reference list
 
Examples: 
    | Click `X` on the token                                 |
    | Use mouse click to focus the token and press backspace |
    | Use keyboard to focus the token and press backspace    |

Example

Important links

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