Draft: Add link to dashboard component

What does this MR do and why?

Adds a link in the AI Catalog header pointing to the Duo dashboard

• Components are mostly inspired by the GlobalSearch modal ( some copied and simplified, some created from scratch )
• The picker initially shows frequently visited project and groups, and additionally allows to search by name
• All API calls goes through GraphQL ( different from the global search modal that uses the search/autocomplete REST API
• For each project/group fetched, we additionally load the available customizableDashboards from the GraphQL API. This will return dashboards available to the current user for a given project and groups. The same API is used in the dashboards UI, making sure that we use the same SOT for both the projects/groups picker and the actual dashboards page
• Search results are then filtered to only show the ones with the Duo dashboards availlable duo_and_sdlc_trends . While frontend filtering is not optimal, it works fine in this case where only few results are needed, and also allows us to move quickly without having to created a new dedicated API ( or make large changes to existing ones )
• This can be reused for other links-to-dashboards scenario and also later on ( with some minimal changes ) for the new Dashboards landing page that we are planning to implement (UX)

References

Implement link the GitLab Duo and SDLC trends d... (#580503)

Screenshots or screen recordings

(demo shows the link to VSD as I don't have the Duo dashboard setup locally )

Screen Recording 2025-11-18 at 17.10.58.mov

Before	After

How to set up and validate locally

If you don't have the Duo dashboard setup locally ( requires CH ), this could be tested by changing the link to point to the VSD, just apply this patch

diff --git a/ee/app/assets/javascripts/ai/catalog/components/ai_catalog_list_header.vue b/ee/app/assets/javascripts/ai/catalog/components/ai_catalog_list_header.vue
index c66836879e6ff2..bfcc9451b5ab56 100644
--- a/ee/app/assets/javascripts/ai/catalog/components/ai_catalog_list_header.vue
+++ b/ee/app/assets/javascripts/ai/catalog/components/ai_catalog_list_header.vue
@@ -89,6 +89,6 @@ export default {
       <ai-catalog-nav-actions can-admin />
     </div>
 
-    <link-to-dashboard-modal dashboard-name="duo_and_sdlc_trends" />
+    <link-to-dashboard-modal dashboard-name="value_streams_dashboard" />
   </div>
 </template>
 

• Go to https://gdk.test:3443/explore/ai-catalog
• Test the new link

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.