Adjust the visual styling of health check
What does this MR do and why?
Adjust the visual styling of health check results to make it feel like an intentional widget within the GitLab Duo page for self-managed Administrators.
- Using the
monospacefont gives the feel of a system response that looks different from traditional alerts. - The final result of the check is output below to make it clear what the outcome of the results mean.
- Adds skeleton loaders with a loading icon+text to indicate that a response has not be received yet
- Adds a badge to indicate feature maturity
MR acceptance checklist
Please evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.
Screenshots or screen recordings
| Before | After |
|---|---|
|
|
No loading state while awaiting response |
Skeleton loader + Loading icon |
How to set up and validate locally
- Enable Duo Pro following instructions in https://docs.gitlab.com/ee/development/ai_features/index.html
- Run GDK in Self-Managed mode and enable AI features for the instance
- Enabled the
:cloud_connector_statusfeature flag via Rails console - Navigate to
/admin/code_suggestions - Use the Run health check button to view results.
Edited by Denys Mishunov



