GitLab Duo Health Check - Collapsable status
What does this MR do and why?
Closes #478299 (closed)
This change brings in a suite of changes to the GitLab Duo Health Check MVC with the goal of making the page load more performant and the UX more intuitive for the user. Some of the key changes are as follows (and can be seen visually in the proposal linked here):
- Added additional skeleton loader to the main page
- Updated Page Title and Tier Badge for the page
- Removed all backend checks pre-render in favor of a asynchronous API request after page load.
- Results are now collapsed by default and can be expanded by user
- Updated skeleton loaders inside of collapsable container to match new format
- Various text updates
- Fix bug with re-running health check
Screenshots or screen recordings
Before | After | |
---|---|---|
Success State | Before_-_Success_State | After_-_Success_State |
Failure State | Before_-_Failure_State | After_-_Failure_State |
How to set up and validate locally
- Setup GitLab Duo on your GDK by following these docs: https://docs.gitlab.com/ee/development/ai_features/index.html#option-b-run-gdk-in-self-managed-mode-and-enable-ai-features-for-the-instance
- Navigate to
admin/code_suggestions
- Ensure Health Check runs on page load
- Ensure you can expand and collapse the details
- Ensure you can re-run the health check
Related to #478299 (closed)
Edited by Zack Cuddy