Enable Vue 3 migration rollout for instance model selection page

What does this MR do and why?

Enables the Vue 3 migration rollout for the admin instance-level Model Selection entrypoint (ee/app/assets/javascripts/pages/admin/gitlab_duo/model_selection, app InstanceModelSelectionRootApp).

This uses the vue3_migration.yml mechanism (recommended Option 1) to opt the page's entrypoint into Vue 3 behind a feature flag.

What changed

  • Added config/feature_flags/beta/vue3_migrate_instance_model_selection.yml
  • Added ee/app/assets/javascripts/pages/admin/gitlab_duo/model_selection/vue3_migration.yml with status: rollout

How to verify

  1. Ensure you are on Vite 3 by following these instructions
  2. Restart Vite: gdk restart vite
  3. Enable the feature flag: Feature.enable(:vue3_migrate_instance_model_selection)
  4. Navigate to Admin → GitLab Duo → Model selection
  5. Open the browser console and confirm the message: [gitlab] [V] Using Vue.js 3 (with @vue/compat) for InstanceModelSelectionRootApp
  6. Confirm document.querySelectorAll('[data-gitlab-vue3-app]') returns the app
  7. Verify the page renders and functions correctly

Verification

  • Pages tested and working as expected.

  • Pages built correctly with Vue3

    Screenshot_2026-08-12_at_6.01.07_pm

    Screenshot_2026-08-12_at_6.02.08_pm

Edited by Julie Huang

Merge request reports

Loading