[VS Code] Refactor status bar icon to open quick pick menu
Description
This is a scoped implementation issue based on gitlab#464018 (closed). In VS Code the status bar is currently only used to communicate the state of Code Suggestions and not all Duo features. It also allows the user to enable/disable the feature via click and requires mouse hovering to see a message about CS's current state.
Why it's important
- The status bar is typically used to show the current state of the entire extension. In our case we only use it for Duo Code Suggestions which can be confusing, especially for new users.
- The toggle pattern bottlenecks our UX as more functionality is added (e.g. language blocklist). The status bar is an ideal entry point for many settings related to the extension's state.
Proposed solution
| Current | Proposed |
|---|---|
![]() |
![]() |
| Job performer | Code author |
|---|---|
| Main job | Develop improvements for my application (e.g., performance, reliability, security, user experience) |
| Outcome | Increase performance, reliability, security and user satisfaction for my organization’s products |
| Methods | Clearly communicate the system status, consolidate into single access point, provide shortcuts for common actions, align with IDE design patterns |
Open questions
- What should be the behavior of clicking on the status menu item? (disabled, close menu with no action, open settings?)
Acceptance criteria
-
Clicking status bar icon opens quick pick menu -
Menu shows current status of Duo Code Suggestions and Duo Chat -
Ability to access Duo plugin settings -
Ability to disable Code Suggestions -
Ability to disable Code Suggestions for specific file (if available) -
Ability to access docs (nice to have)
Useful links
Future
- Add more functionality to the status bar menu (ie. license status, disable specific language).
Edited by Taylor Vanderhelm

