From 1a354d5787d1da86d561033afe8c03c92104c6de Mon Sep 17 00:00:00 2001
From: Vanessa Otto <votto@gitlab.com>
Date: Mon, 24 Nov 2025 10:57:08 +0100
Subject: [PATCH 1/2] Show link to view details in enable success toast

---
 ..._ai_catalog_item_consumer.mutation.graphql |  1 +
 .../catalog/pages/ai_catalog_agents_show.vue  | 30 ++++++++++++--
 .../catalog/pages/ai_catalog_flows_show.vue   | 29 ++++++++++++--
 ee/spec/frontend/ai/catalog/mock_data.js      | 18 +++++++++
 .../pages/ai_catalog_agents_show_spec.js      | 39 +++++++++++++++++++
 .../pages/ai_catalog_flows_show_spec.js       | 39 +++++++++++++++++++
 locale/gitlab.pot                             |  6 +++
 7 files changed, 155 insertions(+), 7 deletions(-)

diff --git a/ee/app/assets/javascripts/ai/catalog/graphql/mutations/create_ai_catalog_item_consumer.mutation.graphql b/ee/app/assets/javascripts/ai/catalog/graphql/mutations/create_ai_catalog_item_consumer.mutation.graphql
index 9a236375954634..de1d0a3bc37979 100644
--- a/ee/app/assets/javascripts/ai/catalog/graphql/mutations/create_ai_catalog_item_consumer.mutation.graphql
+++ b/ee/app/assets/javascripts/ai/catalog/graphql/mutations/create_ai_catalog_item_consumer.mutation.graphql
@@ -10,6 +10,7 @@ mutation createAiCatalogItemConsumer($input: AiCatalogItemConsumerCreateInput!)
       group {
         id
         name
+        webUrl
       }
     }
   }
diff --git a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents_show.vue b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents_show.vue
index 5090d67e9b15ff..8be0d5a1734e0e 100644
--- a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents_show.vue
+++ b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_agents_show.vue
@@ -1,7 +1,8 @@
 <script>
 import { GlAlert, GlButton, GlExperimentBadge } from '@gitlab/ui';
-import { s__, sprintf } from '~/locale';
+import { __, s__, sprintf } from '~/locale';
 import { InternalEvents } from '~/tracking';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import * as Sentry from '~/sentry/sentry_browser_wrapper';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import PageHeading from '~/vue_shared/components/page_heading.vue';
@@ -80,6 +81,9 @@ export default {
     };
   },
   computed: {
+    formattedItemId() {
+      return getIdFromGraphQLId(this.aiCatalogAgent.id);
+    },
     isAgentsAvailable() {
       return this.glFeatures.aiCatalogAgents;
     },
@@ -166,10 +170,28 @@ export default {
             this.errors = errors;
             return;
           }
+          const targetData = data.aiCatalogItemConsumerCreate.itemConsumer[targetType];
+          if (targetType === AI_CATALOG_CONSUMER_TYPE_GROUP) {
+            const href = `${targetData.webUrl}/-/automate/agents/${this.formattedItemId}`;
 
-          const name = data.aiCatalogItemConsumerCreate.itemConsumer[targetType]?.name || '';
-
-          this.$toast.show(sprintf(s__('AICatalog|Agent enabled in %{name}.'), { name }));
+            this.$toast.show(
+              sprintf(s__('AICatalog|Agent enabled in %{targetType}.'), {
+                targetType: targetTypeLabel,
+              }),
+              {
+                action: {
+                  text: __('View'),
+                  href,
+                },
+              },
+            );
+          } else {
+            this.$toast.show(
+              sprintf(s__('AICatalog|Agent enabled in %{name}.'), {
+                name: targetData.name,
+              }),
+            );
+          }
         }
       } catch (error) {
         this.errors = [
diff --git a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows_show.vue b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows_show.vue
index 923d91c5ed2295..a60caf9986595f 100644
--- a/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows_show.vue
+++ b/ee/app/assets/javascripts/ai/catalog/pages/ai_catalog_flows_show.vue
@@ -1,7 +1,8 @@
 <script>
 import { GlAlert, GlButton, GlExperimentBadge } from '@gitlab/ui';
-import { s__, sprintf } from '~/locale';
+import { __, s__, sprintf } from '~/locale';
 import { InternalEvents } from '~/tracking';
+import { getIdFromGraphQLId } from '~/graphql_shared/utils';
 import * as Sentry from '~/sentry/sentry_browser_wrapper';
 import PageHeading from '~/vue_shared/components/page_heading.vue';
 import {
@@ -79,6 +80,9 @@ export default {
     };
   },
   computed: {
+    formattedItemId() {
+      return getIdFromGraphQLId(this.aiCatalogFlow.id);
+    },
     isProjectNamespace() {
       return Boolean(this.projectId);
     },
@@ -160,9 +164,28 @@ export default {
             return;
           }
 
-          const name = data.aiCatalogItemConsumerCreate.itemConsumer[targetType]?.name || '';
+          const targetData = data.aiCatalogItemConsumerCreate.itemConsumer[targetType];
+          if (targetType === AI_CATALOG_CONSUMER_TYPE_GROUP) {
+            const href = `${targetData.webUrl}/-/automate/flows/${this.formattedItemId}`;
 
-          this.$toast.show(sprintf(s__('AICatalog|Flow enabled in %{name}.'), { name }));
+            this.$toast.show(
+              sprintf(s__('AICatalog|Flow enabled in %{targetType}.'), {
+                targetType: targetTypeLabel,
+              }),
+              {
+                action: {
+                  text: __('View'),
+                  href,
+                },
+              },
+            );
+          } else {
+            this.$toast.show(
+              sprintf(s__('AICatalog|Flow enabled in %{name}.'), {
+                name: targetData.name,
+              }),
+            );
+          }
         }
       } catch (error) {
         this.errors = [
diff --git a/ee/spec/frontend/ai/catalog/mock_data.js b/ee/spec/frontend/ai/catalog/mock_data.js
index 0c49947d3e3381..e047000ca51da7 100644
--- a/ee/spec/frontend/ai/catalog/mock_data.js
+++ b/ee/spec/frontend/ai/catalog/mock_data.js
@@ -738,6 +738,24 @@ export const mockAiCatalogItemConsumerCreateSuccessProjectResponse = {
         group: {
           id: 'gid://gitlab/Group/1',
           name: 'Test',
+          webUrl: 'https://gitlab.com/groups/group-1',
+        },
+      },
+    },
+  },
+};
+
+export const mockAiCatalogItemConsumerCreateSuccessGroupResponse = {
+  data: {
+    aiCatalogItemConsumerCreate: {
+      errors: [],
+      itemConsumer: {
+        id: 'gid://gitlab/Ai::Catalog::ItemConsumer/1',
+        project: null,
+        group: {
+          id: 'gid://gitlab/Group/1',
+          name: 'Test',
+          webUrl: 'https://gitlab.com/groups/group-1',
         },
       },
     },
diff --git a/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js b/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js
index 1aed8503dda336..299f7795fcf9fa 100644
--- a/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js
+++ b/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js
@@ -31,6 +31,7 @@ import {
   mockItemConfigurationForGroup,
   mockAiCatalogAgentResponse,
   mockAiCatalogItemConsumerCreateSuccessProjectResponse,
+  mockAiCatalogItemConsumerCreateSuccessGroupResponse,
   mockAiCatalogItemConsumerCreateErrorResponse,
   mockUpdateAiCatalogItemConsumerSuccess,
   mockUpdateAiCatalogItemConsumerError,
@@ -248,6 +249,44 @@ describe('AiCatalogAgentsShow', () => {
     });
   });
 
+  describe('on adding agent to group', () => {
+    const addAgentToGroup = () =>
+      findItemActions().vm.$emit('add-to-target', {
+        target: { groupId: '1' },
+      });
+
+    beforeEach(() => {
+      createAiCatalogItemConsumerHandler.mockResolvedValue(
+        mockAiCatalogItemConsumerCreateSuccessGroupResponse,
+      );
+      createComponent({ props: { aiCatalogAgent: mockAgent } });
+    });
+
+    it('calls create consumer mutation for flow', () => {
+      addAgentToGroup();
+
+      expect(createAiCatalogItemConsumerHandler).toHaveBeenCalledWith({
+        input: {
+          itemId: mockAgent.id,
+          target: { groupId: '1' },
+        },
+      });
+    });
+
+    describe('when request succeeds', () => {
+      beforeEach(async () => {
+        addAgentToGroup();
+        await waitForPromises();
+      });
+
+      it('shows toast with a link to the group', () => {
+        expect(mockToast.show).toHaveBeenCalledWith('Agent enabled in group.', {
+          action: { href: 'https://gitlab.com/groups/group-1/-/automate/agents/1', text: 'View' },
+        });
+      });
+    });
+  });
+
   describe('on deleting an agent', () => {
     const forceHardDelete = false;
     const deleteAgent = () => findItemActions().props('deleteFn')(forceHardDelete);
diff --git a/ee/spec/frontend/ai/catalog/pages/ai_catalog_flows_show_spec.js b/ee/spec/frontend/ai/catalog/pages/ai_catalog_flows_show_spec.js
index a6df54a0d8f4f4..44a97c918bf2c8 100644
--- a/ee/spec/frontend/ai/catalog/pages/ai_catalog_flows_show_spec.js
+++ b/ee/spec/frontend/ai/catalog/pages/ai_catalog_flows_show_spec.js
@@ -27,6 +27,7 @@ import PageHeading from '~/vue_shared/components/page_heading.vue';
 import {
   mockAiCatalogFlowResponse,
   mockAiCatalogItemConsumerCreateSuccessProjectResponse,
+  mockAiCatalogItemConsumerCreateSuccessGroupResponse,
   mockAiCatalogItemConsumerCreateErrorResponse,
   mockUpdateAiCatalogItemConsumerSuccess,
   mockUpdateAiCatalogItemConsumerError,
@@ -271,6 +272,44 @@ describe('AiCatalogFlowsShow', () => {
     });
   });
 
+  describe('on adding flow to group', () => {
+    const addFlowToGroup = () =>
+      findItemActions().vm.$emit('add-to-target', {
+        target: { groupId: '1' },
+      });
+
+    beforeEach(() => {
+      createAiCatalogItemConsumerHandler.mockResolvedValue(
+        mockAiCatalogItemConsumerCreateSuccessGroupResponse,
+      );
+      createComponent({ props: { aiCatalogFlow: mockFlow } });
+    });
+
+    it('calls create consumer mutation for flow', () => {
+      addFlowToGroup();
+
+      expect(createAiCatalogItemConsumerHandler).toHaveBeenCalledWith({
+        input: {
+          itemId: mockFlow.id,
+          target: { groupId: '1' },
+        },
+      });
+    });
+
+    describe('when request succeeds', () => {
+      beforeEach(async () => {
+        addFlowToGroup();
+        await waitForPromises();
+      });
+
+      it('shows toast with a link to the group', () => {
+        expect(mockToast.show).toHaveBeenCalledWith('Flow enabled in group.', {
+          action: { href: 'https://gitlab.com/groups/group-1/-/automate/flows/4', text: 'View' },
+        });
+      });
+    });
+  });
+
   describe('on deleting a flow', () => {
     const forceHardDelete = false;
     const deleteFlow = () => findItemActions().props('deleteFn')(forceHardDelete);
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index bb90f781b70423..af030c9e623f40 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -2550,6 +2550,9 @@ msgstr ""
 msgid "AICatalog|Agent enabled in %{name}."
 msgstr ""
 
+msgid "AICatalog|Agent enabled in %{targetType}."
+msgstr ""
+
 msgid "AICatalog|Agent is now at version %{newVersion}."
 msgstr ""
 
@@ -2853,6 +2856,9 @@ msgstr ""
 msgid "AICatalog|Flow enabled in %{name}."
 msgstr ""
 
+msgid "AICatalog|Flow enabled in %{targetType}."
+msgstr ""
+
 msgid "AICatalog|Flow is now at version %{newVersion}."
 msgstr ""
 
-- 
GitLab


From 64e8b3eb0b30adf1199b91b22e03eb6c81642b60 Mon Sep 17 00:00:00 2001
From: Vanessa Otto <votto@gitlab.com>
Date: Wed, 17 Dec 2025 10:27:36 +0100
Subject: [PATCH 2/2] Apply 1 suggestion(s) to 1 file(s)

Co-authored-by: Justin Ho Tuan Duong <hduong@gitlab.com>
---
 .../frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js b/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js
index 299f7795fcf9fa..5bae4b585723b2 100644
--- a/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js
+++ b/ee/spec/frontend/ai/catalog/pages/ai_catalog_agents_show_spec.js
@@ -262,7 +262,7 @@ describe('AiCatalogAgentsShow', () => {
       createComponent({ props: { aiCatalogAgent: mockAgent } });
     });
 
-    it('calls create consumer mutation for flow', () => {
+    it('calls create consumer mutation for agent', () => {
       addAgentToGroup();
 
       expect(createAiCatalogItemConsumerHandler).toHaveBeenCalledWith({
-- 
GitLab