Update @gitlab/ui to v129.1.2: GlTable default busy slot content

What does this MR do and why?

Update @gitlab/ui to v129.1.2 to resolve accessibility minimum contrast ratio for table content when <gl-table busy>.

GitLab UI change in gitlab-org/gitlab-services/design.gitlab.com!5674 (merged):

  1. Replaces opacity: 0.6 with opacity: 1
  2. Adds default #table-busy slot content with GlLoadingIcon for visual cue that content is loading/busy

References

Screenshots or screen recordings

Before After
gdk.test_3000_flightjs_Flight_-_settings_access_tokens_page_1 gdk.test_3000_flightjs_Flight_-settings_access_tokens_page_1__1

How to set up and validate locally

(optional) To generate 100 personal access tokens for the root user type gdk psql and

DO $$
  BEGIN
    FOR X IN 1..100 LOOP
      INSERT INTO "personal_access_tokens" (name, created_at, updated_at, expires_at, organization_id, user_id) VALUES (X, '2026-03-09', '2026-03-09', '2026-12-30', 1, 1);
    END LOOP;
  END;
$$;
  1. View Project access tokens http://gdk.test:3000/flightjs/Flight/-/settings/access_tokens?page=1
  2. Review busy state
diff --git a/app/assets/javascripts/access_tokens/components/access_token_table_app.vue b/app/assets/javascripts/access_tokens/components/access_token_table_app.vue
index 66461f8db9a4..cb1d66dcc44e 100644
--- a/app/assets/javascripts/access_tokens/components/access_token_table_app.vue
+++ b/app/assets/javascripts/access_tokens/components/access_token_table_app.vue
@@ -270,7 +270,7 @@ export default {
           :sort-compare="sortingChanged"
           show-empty
           stacked="lg"
-          :busy="busy"
+          :busy="true"
         >
           <template #cell(name)="{ item: { name } }">
             <span class="gl-font-normal">{{ name }}</span>

MR acceptance checklist

Evaluate this MR against the MR acceptance checklist. It helps you analyze changes to reduce risks in quality, performance, reliability, security, and maintainability.

Edited by Scott de Jonge

Merge request reports

Loading