Skip to content

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):

  1. Added additional skeleton loader to the main page
  2. Updated Page Title and Tier Badge for the page
  3. Removed all backend checks pre-render in favor of a asynchronous API request after page load.
  4. Results are now collapsed by default and can be expanded by user
  5. Updated skeleton loaders inside of collapsable container to match new format
  6. Various text updates
  7. 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

  1. 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
  2. Navigate to admin/code_suggestions
  3. Ensure Health Check runs on page load
  4. Ensure you can expand and collapse the details
  5. Ensure you can re-run the health check

Related to #478299 (closed)

Edited by Zack Cuddy

Merge request reports

Loading