From 51c7f50a65898ee95a4570d455ac90cf1b6fd73f Mon Sep 17 00:00:00 2001
From: Tomas Bulva <tbulva@gitlab.com>
Date: Fri, 15 Aug 2025 18:11:19 +0200
Subject: [PATCH] feat: Add alert to inform gitlab team members about logging

Added alert message to duo chat that
all chats are being logged
---
 .../ai/components/duo_chat_logging_alert.vue  | 129 ++++++++++
 ee/app/assets/javascripts/ai/constants.js     |   1 +
 .../ai/duo_agentic_chat/components/app.vue    |  10 +-
 .../javascripts/ai/duo_agentic_chat/index.js  |   5 +-
 .../ai/tanuki_bot/components/app.vue          |  13 +-
 .../assets/javascripts/ai/tanuki_bot/index.js |   4 +-
 .../views/layouts/_tanuki_bot_chat.html.haml  |   3 +-
 .../components/duo_chat_logging_alert_spec.js | 235 ++++++++++++++++++
 .../duo_agentic_chat/components/app_spec.js   |  95 +++++--
 .../ai/tanuki_bot/components/app_spec.js      |  41 ++-
 locale/gitlab.pot                             |  18 ++
 11 files changed, 525 insertions(+), 29 deletions(-)
 create mode 100644 ee/app/assets/javascripts/ai/components/duo_chat_logging_alert.vue
 create mode 100644 ee/spec/frontend/ai/components/duo_chat_logging_alert_spec.js

diff --git a/ee/app/assets/javascripts/ai/components/duo_chat_logging_alert.vue b/ee/app/assets/javascripts/ai/components/duo_chat_logging_alert.vue
new file mode 100644
index 00000000000000..883252433d05b9
--- /dev/null
+++ b/ee/app/assets/javascripts/ai/components/duo_chat_logging_alert.vue
@@ -0,0 +1,129 @@
+<script>
+import { GlAlert, GlSprintf } from '@gitlab/ui';
+import { getCookie, setCookie } from '~/lib/utils/common_utils';
+import { DUO_AGENTIC_CHAT_LOGGING_ALERT } from 'ee/ai/constants';
+
+export default {
+  name: 'DuoChatLoggingAlert',
+  components: {
+    GlAlert,
+    GlSprintf,
+  },
+  props: {
+    metadata: {
+      type: Object,
+      required: false,
+      default: null,
+    },
+  },
+  data() {
+    return {
+      isDismissed: true,
+    };
+  },
+  computed: {
+    hasAlert() {
+      return this.metadata?.isTeamMember && this.metadata?.extendedLogging && !this.isDismissed;
+    },
+  },
+  mounted() {
+    this.getLoggingAlertDismissState();
+  },
+  methods: {
+    onDismiss() {
+      setCookie(DUO_AGENTIC_CHAT_LOGGING_ALERT, true);
+      this.isDismissed = true;
+    },
+    getLoggingAlertDismissState() {
+      this.isDismissed = getCookie(DUO_AGENTIC_CHAT_LOGGING_ALERT) === 'true';
+    },
+  },
+};
+</script>
+
+<template>
+  <gl-alert
+    v-if="hasAlert"
+    :dismissible="true"
+    variant="warning"
+    class="gl-border-t"
+    role="alert"
+    data-testid="duo-alert-logging"
+    :title="__('GitLab Team Member Notice: Chat Logging Active')"
+    primary-button-link="https://internal.gitlab.com/handbook/product/ai-strategy/duo-logging/#logging-duo-chat-usage-by-gitlab-team-members-without-logging-their-names-or-user-id"
+    :primary-button-text="__('Learn more')"
+    @dismiss="onDismiss"
+  >
+    <ul class="gl-list-none gl-pl-0">
+      <li class="gl-mt-3">
+        <gl-sprintf
+          :message="
+            __(
+              '%{bStart}What\'s logged:%{bEnd} Your questions, contexts (files, issues, MRs, etc.), and Duo\'s responses',
+            )
+          "
+        >
+          <template #b="{ content }">
+            <strong>{{ content }}</strong>
+          </template>
+        </gl-sprintf>
+      </li>
+
+      <li class="gl-mt-3">
+        <gl-sprintf
+          :message="
+            __(
+              '%{bStart}Which interfaces are affected:%{bEnd} usage of Duo Chat in Web and IDEs as well as Duo Agentic Chat in Web and IDEs',
+            )
+          "
+        >
+          <template #b="{ content }">
+            <strong>{{ content }}</strong>
+          </template>
+        </gl-sprintf>
+      </li>
+
+      <li class="gl-mt-3">
+        <gl-sprintf
+          :message="
+            __(
+              '%{bStart}Privacy safeguards:%{bEnd} Your name and user ID are not logged as structured fields',
+            )
+          "
+        >
+          <template #b="{ content }">
+            <strong>{{ content }}</strong>
+          </template>
+        </gl-sprintf>
+      </li>
+
+      <li class="gl-mt-3">
+        <gl-sprintf
+          :message="
+            __(
+              '%{bStart}Purpose:%{bEnd} This data helps us improve Duo Chat and will never be used for performance evaluation. Note: The in-app feedback form states \'GitLab team members cannot see the AI content.\' This does not apply for team members\' interactions with the chat.',
+            )
+          "
+        >
+          <template #b="{ content }">
+            <strong>{{ content }}</strong>
+          </template>
+        </gl-sprintf>
+      </li>
+
+      <li class="gl-mt-3">
+        <gl-sprintf
+          :message="
+            __(
+              '%{bStart}Customers are not affected:%{bEnd} we never log customer usage of Duo Chat (unless specifically requested by the customer)',
+            )
+          "
+        >
+          <template #b="{ content }">
+            <strong>{{ content }}</strong>
+          </template>
+        </gl-sprintf>
+      </li>
+    </ul>
+  </gl-alert>
+</template>
diff --git a/ee/app/assets/javascripts/ai/constants.js b/ee/app/assets/javascripts/ai/constants.js
index a4302c1386245e..069d2d10eac00b 100644
--- a/ee/app/assets/javascripts/ai/constants.js
+++ b/ee/app/assets/javascripts/ai/constants.js
@@ -49,3 +49,4 @@ export const DUO_WORKFLOW_CLIENT_VERSION = '1.0';
 export const DUO_WORKFLOW_STATUS_TOOL_CALL_APPROVAL_REQUIRED = 'TOOL_CALL_APPROVAL_REQUIRED';
 export const DUO_WORKFLOW_STATUS_INPUT_REQUIRED = 'INPUT_REQUIRED';
 export const DUO_WORKFLOW_ADDITIONAL_CONTEXT_REPOSITORY = 'repository';
+export const DUO_AGENTIC_CHAT_LOGGING_ALERT = 'duo_agentic_chat_logging_alert';
diff --git a/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue b/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue
index 9c47de226cd3b7..fc27f02a311953 100644
--- a/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue
+++ b/ee/app/assets/javascripts/ai/duo_agentic_chat/components/app.vue
@@ -9,6 +9,7 @@ import { getCookie } from '~/lib/utils/common_utils';
 import { duoChatGlobalState } from '~/super_sidebar/constants';
 import { clearDuoChatCommands, setAgenticMode } from 'ee/ai/utils';
 import { parseGid } from '~/graphql_shared/utils';
+import DuoChatLoggingAlert from 'ee/ai/components/duo_chat_logging_alert.vue';
 import {
   GENIE_CHAT_RESET_MESSAGE,
   GENIE_CHAT_CLEAR_MESSAGE,
@@ -32,6 +33,7 @@ export default {
   components: {
     AgenticDuoChat,
     GlToggle,
+    DuoChatLoggingAlert,
   },
   provide() {
     return {
@@ -55,7 +57,7 @@ export default {
       default: null,
     },
     metadata: {
-      type: String,
+      type: Object,
       required: false,
       default: null,
     },
@@ -450,7 +452,11 @@ export default {
         @thread-selected="onThreadSelected"
         @back-to-list="onBackToList"
         @delete-thread="onDeleteThread"
-        ><template #footer-controls>
+      >
+        <template #subheader>
+          <duo-chat-logging-alert :metadata="metadata" />
+        </template>
+        <template #footer-controls>
           <div class="gl-flex gl-px-4 gl-pb-2 gl-pt-5">
             <gl-toggle
               v-model="duoAgenticModePreference"
diff --git a/ee/app/assets/javascripts/ai/duo_agentic_chat/index.js b/ee/app/assets/javascripts/ai/duo_agentic_chat/index.js
index e06e4ce5372e85..a21c607384a785 100644
--- a/ee/app/assets/javascripts/ai/duo_agentic_chat/index.js
+++ b/ee/app/assets/javascripts/ai/duo_agentic_chat/index.js
@@ -1,6 +1,7 @@
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import createDefaultClient from '~/lib/graphql';
+import { convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 import store from '../tanuki_bot/store';
 import DuoAgenticChatApp from './components/app.vue';
 
@@ -17,8 +18,8 @@ export const initDuoAgenticChat = () => {
     return false;
   }
 
-  const { projectId, namespaceId, resourceId, metadata } = el.dataset;
-
+  const { projectId, namespaceId, resourceId } = el.dataset;
+  const metadata = convertObjectPropsToCamelCase(JSON.parse(el.dataset.metadata));
   return new Vue({
     el,
     store: store(),
diff --git a/ee/app/assets/javascripts/ai/tanuki_bot/components/app.vue b/ee/app/assets/javascripts/ai/tanuki_bot/components/app.vue
index dc791ebb43d091..d6fb50515a9eea 100644
--- a/ee/app/assets/javascripts/ai/tanuki_bot/components/app.vue
+++ b/ee/app/assets/javascripts/ai/tanuki_bot/components/app.vue
@@ -11,6 +11,7 @@ import { getCookie } from '~/lib/utils/common_utils';
 import { duoChatGlobalState } from '~/super_sidebar/constants';
 import { clearDuoChatCommands, generateEventLabelFromText, setAgenticMode } from 'ee/ai/utils';
 import DuoChatCallout from 'ee/ai/components/global_callout/duo_chat_callout.vue';
+import DuoChatLoggingAlert from 'ee/ai/components/duo_chat_logging_alert.vue';
 import getAiMessages from 'ee/ai/graphql/get_ai_messages.query.graphql';
 import getAiConversationThreads from 'ee/ai/graphql/get_ai_conversation_threads.query.graphql';
 import getAiMessagesWithThread from 'ee/ai/graphql/get_ai_messages_with_thread.query.graphql';
@@ -58,6 +59,7 @@ export default {
     DuoChatCallout,
     TanukiBotSubscriptions,
     GlToggle,
+    DuoChatLoggingAlert,
   },
   mixins: [InternalEvents.mixin(), glFeatureFlagsMixin()],
   provide() {
@@ -96,6 +98,11 @@ export default {
       required: false,
       default: false,
     },
+    metadata: {
+      type: Object,
+      required: false,
+      default: null,
+    },
   },
   apollo: {
     // eslint-disable-next-line @gitlab/vue-no-undef-apollo-properties
@@ -531,7 +538,11 @@ export default {
         @chat-hidden="onChatClose"
         @track-feedback="onTrackFeedback"
         @chat-resize="onChatResize"
-        ><template v-if="agenticAvailable" #footer-controls>
+      >
+        <template #subheader>
+          <duo-chat-logging-alert :metadata="metadata" />
+        </template>
+        <template v-if="agenticAvailable" #footer-controls>
           <div class="gl-flex gl-px-4 gl-pb-2 gl-pt-5">
             <gl-toggle
               v-model="duoAgenticModePreference"
diff --git a/ee/app/assets/javascripts/ai/tanuki_bot/index.js b/ee/app/assets/javascripts/ai/tanuki_bot/index.js
index f2bd4f6b141053..990bc1e9e61254 100644
--- a/ee/app/assets/javascripts/ai/tanuki_bot/index.js
+++ b/ee/app/assets/javascripts/ai/tanuki_bot/index.js
@@ -2,7 +2,7 @@ import Vue from 'vue';
 import VueApollo from 'vue-apollo';
 import createDefaultClient from '~/lib/graphql';
 import { duoChatGlobalState } from '~/super_sidebar/constants';
-import { getCookie } from '~/lib/utils/common_utils';
+import { getCookie, convertObjectPropsToCamelCase } from '~/lib/utils/common_utils';
 import { DUO_AGENTIC_MODE_COOKIE } from 'ee/ai/tanuki_bot/constants';
 import TanukiBotChatApp from './components/app.vue';
 import store from './store';
@@ -22,6 +22,7 @@ export const initTanukiBotChatDrawer = () => {
 
   const { userId, resourceId, projectId, chatTitle, rootNamespaceId, agenticAvailable } =
     el.dataset;
+  const metadata = convertObjectPropsToCamelCase(JSON.parse(el.dataset.metadata));
 
   const toggleEls = document.querySelectorAll('.js-tanuki-bot-chat-toggle');
   if (toggleEls.length) {
@@ -51,6 +52,7 @@ export const initTanukiBotChatDrawer = () => {
           chatTitle,
           rootNamespaceId,
           agenticAvailable: JSON.parse(agenticAvailable),
+          metadata,
         },
       });
     },
diff --git a/ee/app/views/layouts/_tanuki_bot_chat.html.haml b/ee/app/views/layouts/_tanuki_bot_chat.html.haml
index 734c862e674c7c..4a5b065fb7d592 100644
--- a/ee/app/views/layouts/_tanuki_bot_chat.html.haml
+++ b/ee/app/views/layouts/_tanuki_bot_chat.html.haml
@@ -18,4 +18,5 @@
   project_id: project_id,
   root_namespace_id: root_namespace_id,
   chat_title: chat_title,
-  agentic_available: is_agentic_available.to_s } }
+  agentic_available: is_agentic_available.to_s,
+  metadata: Gitlab::DuoWorkflow::Client.metadata(current_user).to_json } }
diff --git a/ee/spec/frontend/ai/components/duo_chat_logging_alert_spec.js b/ee/spec/frontend/ai/components/duo_chat_logging_alert_spec.js
new file mode 100644
index 00000000000000..dbc670cf04a6ea
--- /dev/null
+++ b/ee/spec/frontend/ai/components/duo_chat_logging_alert_spec.js
@@ -0,0 +1,235 @@
+import { nextTick } from 'vue';
+import { GlAlert, GlSprintf } from '@gitlab/ui';
+import { shallowMountExtended } from 'helpers/vue_test_utils_helper';
+import { getCookie, setCookie } from '~/lib/utils/common_utils';
+import { DUO_AGENTIC_CHAT_LOGGING_ALERT } from 'ee/ai/constants';
+import DuoChatLoggingAlert from 'ee/ai/components/duo_chat_logging_alert.vue';
+
+jest.mock('~/lib/utils/common_utils', () => ({
+  getCookie: jest.fn(),
+  setCookie: jest.fn(),
+}));
+
+describe('DuoChatLoggingAlert', () => {
+  let wrapper;
+
+  const defaultProps = {
+    metadata: { isTeamMember: true, extendedLogging: true },
+  };
+
+  const createComponent = (props = {}) => {
+    wrapper = shallowMountExtended(DuoChatLoggingAlert, {
+      propsData: {
+        ...defaultProps,
+        ...props,
+      },
+    });
+  };
+
+  const findAlert = () => wrapper.findComponent(GlAlert);
+
+  beforeEach(() => {
+    jest.clearAllMocks();
+    getCookie.mockReturnValue(null);
+  });
+
+  describe('Alert visibility', () => {
+    it('renders alert when user is team member, extended_logging is true, and alert is not dismissed', async () => {
+      createComponent();
+      await nextTick();
+
+      expect(findAlert().exists()).toBe(true);
+    });
+
+    it('does not render alert when user is not a team member', () => {
+      createComponent({
+        metadata: { is_team_member: false, extended_logging: true },
+      });
+
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('does not render alert when extended_logging is false', () => {
+      createComponent({
+        metadata: { is_team_member: true, extended_logging: false },
+      });
+
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('does not render alert when extended_logging is undefined', () => {
+      createComponent({
+        metadata: { is_team_member: true },
+      });
+
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('does not render alert when user is team member but alert was dismissed', () => {
+      getCookie.mockReturnValue('true');
+      createComponent();
+
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('does not render alert when metadata is undefined', () => {
+      createComponent({ metadata: undefined });
+
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('does not render alert when metadata is null', () => {
+      createComponent({ metadata: null });
+
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('does not render alert when metadata.is_team_member is undefined', () => {
+      createComponent({
+        metadata: { extended_logging: true },
+      });
+
+      expect(findAlert().exists()).toBe(false);
+    });
+  });
+
+  describe('Alert properties', () => {
+    beforeEach(() => {
+      createComponent();
+    });
+
+    it('renders alert with correct props', () => {
+      const alert = findAlert();
+
+      expect(alert.props()).toMatchObject({
+        dismissible: true,
+        variant: 'warning',
+        title: 'GitLab Team Member Notice: Chat Logging Active',
+        primaryButtonLink:
+          'https://internal.gitlab.com/handbook/product/ai-strategy/duo-logging/#logging-duo-chat-usage-by-gitlab-team-members-without-logging-their-names-or-user-id',
+        primaryButtonText: 'Learn more',
+      });
+    });
+
+    it('renders alert with correct test attributes', () => {
+      const alert = findAlert();
+
+      expect(alert.attributes('role')).toBe('alert');
+      expect(alert.attributes('data-testid')).toBe('duo-alert-logging');
+    });
+
+    it('renders alert content with all list items', () => {
+      const alertText = findAlert().html();
+
+      expect(alertText).toContain("What's logged:");
+      expect(alertText).toContain('Which interfaces are affected:');
+      expect(alertText).toContain('Privacy safeguards:');
+      expect(alertText).toContain('Purpose:');
+      expect(alertText).toContain('Customers are not affected:');
+    });
+
+    it('renders all GlSprintf components', () => {
+      const sprintfComponents = wrapper.findAllComponents(GlSprintf);
+      expect(sprintfComponents).toHaveLength(5);
+    });
+  });
+
+  describe('Cookie initialization on mount', () => {
+    it('reads cookie and sets isDismissed to true when cookie is "true"', () => {
+      getCookie.mockReturnValue('true');
+      createComponent();
+
+      expect(getCookie).toHaveBeenCalledWith(DUO_AGENTIC_CHAT_LOGGING_ALERT);
+      expect(wrapper.vm.isDismissed).toBe(true);
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('reads cookie and sets isDismissed to false when cookie is null', async () => {
+      createComponent();
+      await nextTick();
+
+      expect(getCookie).toHaveBeenCalledWith(DUO_AGENTIC_CHAT_LOGGING_ALERT);
+      expect(wrapper.vm.isDismissed).toBe(false);
+      expect(findAlert().exists()).toBe(true);
+    });
+
+    it('reads cookie and sets isDismissed to false when cookie is not "true"', async () => {
+      getCookie.mockReturnValue('false');
+      createComponent();
+      await nextTick();
+
+      expect(getCookie).toHaveBeenCalledWith(DUO_AGENTIC_CHAT_LOGGING_ALERT);
+      expect(wrapper.vm.isDismissed).toBe(false);
+      expect(findAlert().exists()).toBe(true);
+    });
+  });
+
+  describe('Alert dismissal', () => {
+    beforeEach(() => {
+      createComponent();
+    });
+
+    it('sets cookie and updates isDismissed when alert is dismissed', async () => {
+      const alert = findAlert();
+      expect(alert.exists()).toBe(true);
+
+      alert.vm.$emit('dismiss');
+      await nextTick();
+
+      expect(setCookie).toHaveBeenCalledWith(DUO_AGENTIC_CHAT_LOGGING_ALERT, true);
+      expect(wrapper.vm.isDismissed).toBe(true);
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('calls onDismiss method when dismiss event is emitted', async () => {
+      const onDismissSpy = jest.spyOn(DuoChatLoggingAlert.methods, 'onDismiss');
+      createComponent();
+      await nextTick();
+      findAlert().vm.$emit('dismiss');
+      await nextTick();
+
+      expect(onDismissSpy).toHaveBeenCalled();
+
+      onDismissSpy.mockRestore();
+    });
+  });
+
+  describe('hasAlert computed property', () => {
+    it.each`
+      isTeamMember | extendedLogging | isDismissed | expected | scenario
+      ${true}      | ${true}         | ${false}    | ${true}  | ${'shows when all conditions are met'}
+      ${false}     | ${true}         | ${false}    | ${false} | ${'hides when not team member'}
+      ${true}      | ${false}        | ${false}    | ${false} | ${'hides when extended_logging is false'}
+      ${true}      | ${undefined}    | ${false}    | ${false} | ${'hides when extended_logging is undefined'}
+      ${true}      | ${true}         | ${true}     | ${false} | ${'hides when dismissed'}
+      ${undefined} | ${true}         | ${false}    | ${false} | ${'hides when is_team_member is undefined'}
+    `('$scenario', async ({ isTeamMember, extendedLogging, isDismissed, expected }) => {
+      getCookie.mockReturnValue(isDismissed ? 'true' : null);
+      createComponent({
+        metadata: {
+          isTeamMember,
+          extendedLogging,
+        },
+      });
+      await nextTick();
+
+      expect(findAlert().exists()).toBe(expected);
+    });
+  });
+
+  describe('Props validation', () => {
+    it('handles null metadata prop', () => {
+      createComponent({ metadata: null });
+
+      expect(() => wrapper.vm).not.toThrow();
+      expect(findAlert().exists()).toBe(false);
+    });
+
+    it('handles undefined metadata prop', () => {
+      createComponent({ metadata: undefined });
+
+      expect(() => wrapper.vm).not.toThrow();
+      expect(findAlert().exists()).toBe(false);
+    });
+  });
+});
diff --git a/ee/spec/frontend/ai/duo_agentic_chat/components/app_spec.js b/ee/spec/frontend/ai/duo_agentic_chat/components/app_spec.js
index 7a3ed039f798ce..441a5f9e2cce9c 100644
--- a/ee/spec/frontend/ai/duo_agentic_chat/components/app_spec.js
+++ b/ee/spec/frontend/ai/duo_agentic_chat/components/app_spec.js
@@ -12,6 +12,7 @@ import { duoChatGlobalState } from '~/super_sidebar/constants';
 import getUserWorkflows from 'ee/ai/graphql/get_user_workflow.query.graphql';
 import getAiChatContextPresets from 'ee/ai/graphql/get_ai_chat_context_presets.query.graphql';
 import DuoAgenticChatApp from 'ee/ai/duo_agentic_chat/components/app.vue';
+import DuoChatLoggingAlert from 'ee/ai/components/duo_chat_logging_alert.vue';
 import { ApolloUtils } from 'ee/ai/duo_agentic_chat/utils/apollo_utils';
 import { WorkflowUtils } from 'ee/ai/duo_agentic_chat/utils/workflow_utils';
 import {
@@ -68,7 +69,11 @@ const MOCK_USER_MESSAGE = {
   role: 'user',
   requestId: `${MOCK_WORKFLOW_ID}-0`,
 };
-const MOCK_AI_RESOURCE_DATA = JSON.stringify({ type: 'issue', id: 789, title: 'Test Issue' });
+const MOCK_AI_RESOURCE_DATA = JSON.stringify({
+  type: 'issue',
+  id: 789,
+  title: 'Test Issue',
+});
 const MOCK_CONTEXT_PRESETS_RESPONSE = {
   data: {
     aiChatContextPresets: {
@@ -146,6 +151,7 @@ Vue.use(VueApollo);
 
 jest.mock('~/lib/utils/common_utils', () => ({
   getCookie: jest.fn(),
+  setCookie: jest.fn(),
 }));
 
 jest.mock('ee/ai/utils', () => {
@@ -173,6 +179,8 @@ describe('Duo Agentic Chat', () => {
   const contextPresetsQueryHandlerMock = jest.fn().mockResolvedValue(MOCK_CONTEXT_PRESETS_RESPONSE);
 
   const findDuoChat = () => wrapper.findComponent(AgenticDuoChat);
+  const findLoggingAlert = () => wrapper.findComponent(DuoChatLoggingAlert);
+  const findGlToggle = () => wrapper.findComponent(GlToggle);
   const getLastSocketCall = () => {
     const { calls } = createWebSocket.mock;
     if (calls.length === 0) {
@@ -182,11 +190,13 @@ describe('Duo Agentic Chat', () => {
     return socketCallbacks;
   };
 
-  const createComponent = ({
-    initialState = {},
-    propsData = { projectId: MOCK_PROJECT_ID, resourceId: MOCK_RESOURCE_ID },
-    data = {},
-  } = {}) => {
+  const defaultPropsData = {
+    projectId: MOCK_PROJECT_ID,
+    resourceId: MOCK_RESOURCE_ID,
+    metadata: { is_team_member: true, extended_logging: true },
+  };
+
+  const createComponent = ({ initialState = {}, propsData = {} } = {}) => {
     const store = new Vuex.Store({
       actions: actionSpies,
       state: {
@@ -208,9 +218,9 @@ describe('Duo Agentic Chat', () => {
     wrapper = shallowMountExtended(DuoAgenticChatApp, {
       store,
       apolloProvider,
-      propsData,
-      data() {
-        return data;
+      propsData: {
+        ...defaultPropsData,
+        ...propsData,
       },
     });
 
@@ -300,6 +310,35 @@ describe('Duo Agentic Chat', () => {
     });
   });
 
+  describe('DuoChatLoggingAlert Integration', () => {
+    beforeEach(() => {
+      duoChatGlobalState.isAgenticChatShown = true;
+    });
+
+    it('renders DuoChatLoggingAlert with correct props', () => {
+      const metadata = { is_team_member: true, extended_logging: true };
+      createComponent({ propsData: { metadata } });
+
+      expect(findLoggingAlert().exists()).toBe(true);
+      expect(findLoggingAlert().props('metadata')).toEqual(metadata);
+    });
+
+    it('renders DuoChatLoggingAlert in the subheader slot', () => {
+      createComponent();
+
+      expect(findDuoChat().vm.$slots.subheader).toBeDefined();
+      expect(findLoggingAlert().exists()).toBe(true);
+    });
+
+    it('does not render DuoChatLoggingAlert when Duo Chat is not shown', () => {
+      duoChatGlobalState.isAgenticChatShown = false;
+      createComponent();
+
+      expect(findDuoChat().exists()).toBe(false);
+      expect(findLoggingAlert().exists()).toBe(false);
+    });
+  });
+
   describe('events handling', () => {
     beforeEach(() => {
       createComponent();
@@ -362,7 +401,10 @@ describe('Duo Agentic Chat', () => {
 
       it('creates a new workflow when sending a prompt for the first time with namespaceId', async () => {
         createComponent({
-          propsData: { namespaceId: MOCK_NAMESPACE_ID, resourceId: MOCK_RESOURCE_ID },
+          propsData: {
+            projectId: null,
+            namespaceId: MOCK_NAMESPACE_ID,
+          },
         });
         duoChatGlobalState.isAgenticChatShown = true;
 
@@ -415,7 +457,12 @@ describe('Duo Agentic Chat', () => {
 
       it('creates a new workflow when sending a prompt for the first time without projectId or namespaceId', async () => {
         createComponent({
-          propsData: { resourceId: MOCK_RESOURCE_ID },
+          propsData: {
+            projectId: undefined,
+            namespaceId: undefined,
+            resourceId: MOCK_RESOURCE_ID,
+            metadata: undefined,
+          },
         });
         duoChatGlobalState.isAgenticChatShown = true;
 
@@ -451,6 +498,16 @@ describe('Duo Agentic Chat', () => {
       });
 
       it('sends the correct start request to WebSocket when connected', async () => {
+        createComponent({
+          propsData: {
+            projectId: undefined,
+            namespaceId: undefined,
+            resourceId: MOCK_RESOURCE_ID,
+            metadata: undefined,
+          },
+        });
+
+        await waitForPromises(); // Wait for Apollo queries to complete
         findDuoChat().vm.$emit('send-chat-prompt', MOCK_USER_MESSAGE.content);
         await waitForPromises();
 
@@ -649,7 +706,7 @@ describe('Duo Agentic Chat', () => {
             workflowDefinition: 'chat',
             goal: '',
             approval: { approval: {} },
-            workflowMetadata: null,
+            workflowMetadata: { is_team_member: true, extended_logging: true },
             additionalContext: expectedAdditionalContext,
           },
         };
@@ -743,7 +800,7 @@ describe('Duo Agentic Chat', () => {
               approval: undefined,
               rejection: { message: denyMessage },
             },
-            workflowMetadata: null,
+            workflowMetadata: { is_team_member: true, extended_logging: true },
             additionalContext: expectedAdditionalContext,
           },
         };
@@ -831,7 +888,7 @@ describe('Duo Agentic Chat', () => {
               approval: undefined,
               rejection: { message: 'I do not approve this action' },
             },
-            workflowMetadata: null,
+            workflowMetadata: { is_team_member: true, extended_logging: true },
             additionalContext: expectedAdditionalContext,
           },
         };
@@ -1051,8 +1108,6 @@ describe('Duo Agentic Chat', () => {
   });
 
   describe('duoAgenticModePreference toggle', () => {
-    const findGlToggle = () => wrapper.findComponent(GlToggle);
-
     beforeEach(() => {
       duoChatGlobalState.isAgenticChatShown = true;
       jest.clearAllMocks();
@@ -1102,7 +1157,9 @@ describe('Duo Agentic Chat', () => {
     describe('@thread-selected', () => {
       it('switches to selected thread and fetches workflow events', async () => {
         const mockThread = { id: MOCK_WORKFLOW_ID };
-        const mockParsedData = { checkpoint: { channel_values: { ui_chat_log: [] } } };
+        const mockParsedData = {
+          checkpoint: { channel_values: { ui_chat_log: [] } },
+        };
 
         WorkflowUtils.parseWorkflowData.mockReturnValue(mockParsedData);
         WorkflowUtils.transformChatMessages.mockReturnValue(MOCK_TRANSFORMED_MESSAGES);
@@ -1175,15 +1232,13 @@ describe('Duo Agentic Chat', () => {
   });
 
   describe('Agentic Mode Toggle', () => {
-    const findGlToggle = () => wrapper.findComponent(GlToggle);
-
     beforeEach(() => {
       duoChatGlobalState.isAgenticChatShown = true;
       getCookie.mockReturnValue('false');
       createComponent();
     });
 
-    it('renders the GlToggle component in subheader', () => {
+    it('renders the GlToggle component in footer-controls', () => {
       expect(findGlToggle().exists()).toBe(true);
     });
 
diff --git a/ee/spec/frontend/ai/tanuki_bot/components/app_spec.js b/ee/spec/frontend/ai/tanuki_bot/components/app_spec.js
index 3bbcb01df7fe4b..df722676248877 100644
--- a/ee/spec/frontend/ai/tanuki_bot/components/app_spec.js
+++ b/ee/spec/frontend/ai/tanuki_bot/components/app_spec.js
@@ -8,6 +8,7 @@ import { GlToggle } from '@gitlab/ui';
 import { sendDuoChatCommand, setAgenticMode } from 'ee/ai/utils';
 import TanukiBotChatApp from 'ee/ai/tanuki_bot/components/app.vue';
 import DuoChatCallout from 'ee/ai/components/global_callout/duo_chat_callout.vue';
+import DuoChatLoggingAlert from 'ee/ai/components/duo_chat_logging_alert.vue';
 import TanukiBotSubscriptions from 'ee/ai/tanuki_bot/components/tanuki_bot_subscriptions.vue';
 import {
   GENIE_CHAT_RESET_MESSAGE,
@@ -116,6 +117,7 @@ describeSkipVue3(skipReason, () => {
 
   const findCallout = () => wrapper.findComponent(DuoChatCallout);
   const findSubscriptions = () => wrapper.findComponent(TanukiBotSubscriptions);
+  const findLoggingAlert = () => wrapper.findComponent(DuoChatLoggingAlert);
 
   const createComponent = ({
     initialState = {},
@@ -294,6 +296,41 @@ describeSkipVue3(skipReason, () => {
     });
   });
 
+  describe('DuoChatLoggingAlert Integration', () => {
+    beforeEach(() => {
+      duoChatGlobalState.isShown = true;
+    });
+
+    it('renders DuoChatLoggingAlert with correct props', () => {
+      const metadata = { is_team_member: true, extended_logging: true };
+      createComponent({
+        propsData: {
+          userId: MOCK_USER_ID,
+          resourceId: MOCK_RESOURCE_ID,
+          metadata,
+        },
+      });
+
+      expect(findLoggingAlert().exists()).toBe(true);
+      expect(findLoggingAlert().props('metadata')).toEqual(metadata);
+    });
+
+    it('renders DuoChatLoggingAlert in the subheader slot', () => {
+      createComponent();
+
+      expect(findDuoChat().vm.$slots.subheader).toBeDefined();
+      expect(findLoggingAlert().exists()).toBe(true);
+    });
+
+    it('does not render DuoChatLoggingAlert when Duo Chat is not shown', () => {
+      duoChatGlobalState.isShown = false;
+      createComponent();
+
+      expect(findDuoChat().exists()).toBe(false);
+      expect(findLoggingAlert().exists()).toBe(false);
+    });
+  });
+
   describe('contextPresets', () => {
     beforeEach(() => {
       duoChatGlobalState.isShown = true;
@@ -1166,7 +1203,7 @@ describeSkipVue3(skipReason, () => {
 
     it('passes chatTitle prop to DuoChat component', async () => {
       const chatTitle = 'Custom Chat Title';
-      createComponent({ propsData: { chatTitle } });
+      createComponent({ propsData: { userId: MOCK_USER_ID, chatTitle } });
       await nextTick();
       expect(findDuoChat().props('title')).toBe(chatTitle);
     });
@@ -1179,7 +1216,7 @@ describeSkipVue3(skipReason, () => {
 
     it('updates DuoChat title when chatTitle prop changes', async () => {
       const localWrapper = shallowMountExtended(TanukiBotChatApp, {
-        propsData: { chatTitle: 'Initial Title' },
+        propsData: { userId: MOCK_USER_ID, chatTitle: 'Initial Title' },
         store: new Vuex.Store({ actions: actionSpies }),
         apolloProvider: createMockApollo([]),
       });
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index 69f630e377bba2..4f74709efa0451 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -636,6 +636,21 @@ msgstr ""
 msgid "%{author} has created a merge request that you can approve."
 msgstr ""
 
+msgid "%{bStart}Customers are not affected:%{bEnd} we never log customer usage of Duo Chat (unless specifically requested by the customer)"
+msgstr ""
+
+msgid "%{bStart}Privacy safeguards:%{bEnd} Your name and user ID are not logged as structured fields"
+msgstr ""
+
+msgid "%{bStart}Purpose:%{bEnd} This data helps us improve Duo Chat and will never be used for performance evaluation. Note: The in-app feedback form states 'GitLab team members cannot see the AI content.' This does not apply for team members' interactions with the chat."
+msgstr ""
+
+msgid "%{bStart}What's logged:%{bEnd} Your questions, contexts (files, issues, MRs, etc.), and Duo's responses"
+msgstr ""
+
+msgid "%{bStart}Which interfaces are affected:%{bEnd} usage of Duo Chat in Web and IDEs as well as Duo Agentic Chat in Web and IDEs"
+msgstr ""
+
 msgid "%{board_target} not found"
 msgstr ""
 
@@ -29543,6 +29558,9 @@ msgstr ""
 msgid "GitLab Team"
 msgstr ""
 
+msgid "GitLab Team Member Notice: Chat Logging Active"
+msgstr ""
+
 msgid "GitLab University"
 msgstr ""
 
-- 
GitLab