Disable AI features in sidepanel when duo_features_enabled is off
What does this MR do and why?
Part of solving: #578218
Improves the user experience when AI features are disabled (duo_features_enabled: false) in the new sidepanel design.
- All AI feature buttons now display tooltips explaining why the feature is unavailable.
- The buttons appear visually disabled with reduced opacity (
gl-opacity-5) and - The implementation uses
aria-disabledinstead of thedisabledattribute to ensure tooltips remain functional, since disabled elements block pointer events.
| demo |
|---|
|
How to setup locally
- Enable Duo Chat for your local Project (https://docs.gitlab.com/development/duo_agent_platform/#testing-agentic-duo-chat-in-web-ui)
- Go to project -> settings -> General -> GitLab Duo
- Toggle GitLab Duo off
- See sidebar icons disabled
Edited by Jannik Lehmann
