From 180e4a84d6460deea95d809aa3af3801d025abdb Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Mon, 25 Aug 2025 08:28:45 -0400
Subject: [PATCH 01/17] Showing notification banner for error tracking
 deprecation

---
 .../components/error_details.vue              |  3 ++
 .../error_tracking_deprecation_banner.vue     | 37 +++++++++++++++++++
 .../components/error_tracking_list.vue        |  5 ++-
 .../components/app.vue                        |  3 ++
 app/models/users/callout.rb                   |  3 +-
 5 files changed, 49 insertions(+), 2 deletions(-)
 create mode 100644 app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue

diff --git a/app/assets/javascripts/error_tracking/components/error_details.vue b/app/assets/javascripts/error_tracking/components/error_details.vue
index cf0c1fef7781f5..caafba2523fb81 100644
--- a/app/assets/javascripts/error_tracking/components/error_details.vue
+++ b/app/assets/javascripts/error_tracking/components/error_details.vue
@@ -24,6 +24,7 @@ import { severityLevel, severityLevelVariant, errorStatus } from '../constants';
 import Stacktrace from './stacktrace.vue';
 import ErrorDetailsInfo from './error_details_info.vue';
 import TimelineChart from './timeline_chart.vue';
+import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue'
 
 const SENTRY_TIMEOUT = 10000;
 
@@ -41,6 +42,7 @@ export default {
     TimeAgoTooltip,
     ErrorDetailsInfo,
     TimelineChart,
+    ErrorTrackingDeprecationBanner,
   },
   props: {
     issueUpdatePath: {
@@ -295,6 +297,7 @@ export default {
       <gl-alert v-if="showEmptyStacktraceAlert" @dismiss="isStacktraceEmptyAlertVisible = false">
         {{ __('No stack trace for this error') }}
       </gl-alert>
+      <error-tracking-deprecation-banner />
 
       <div
         class="error-details-header gl-border-b gl-flex gl-flex-col gl-justify-between gl-py-3 md:gl-flex-row"
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
new file mode 100644
index 00000000000000..ea328956f923ee
--- /dev/null
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -0,0 +1,37 @@
+<script>
+import { GlBanner } from '@gitlab/ui';
+import { helpPagePath } from '~/helpers/help_page_helper';
+import UserCalloutDismisser from '~/vue_shared/components/user_callout_dismisser.vue';
+
+export default {
+  name: 'ErrorTrackingDeprecationBanner',
+  components: { GlBanner, UserCalloutDismisser },
+
+  inputDocLink: helpPagePath('operations/error_tracking/_index.md', {
+    anchor: 'deprecation',
+  }),
+};
+</script>
+
+<template>
+  <user-callout-dismisser feature-name="error_tracking_deprecation_banner">
+    <template>
+      <gl-banner
+        class="gl-mb-4 gl-mt-2"
+        :title="s__('ErrorTracking|Error Tracking is being deprecated')"
+        variant="warning"
+        :button-text="s__('ErrorTracking|Learn what to do next')"
+        :button-link="$options.inputDocLink"
+        @close="dismiss"
+      >
+        <p>
+          {{
+            s__(
+              "ErrorTracking|This feature is planned for deprecation. Review the timeline and migration guidance to ensure your workflows aren't disrupted."
+            )
+          }}
+        </p>
+      </gl-banner>
+    </template>
+  </user-callout-dismisser>
+</template>
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
index 45355252e4fee8..0336d1a7620d90 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
@@ -33,6 +33,7 @@ import {
 import { I18N_ERROR_TRACKING_LIST } from '../constants';
 import ErrorTrackingActions from './error_tracking_actions.vue';
 import TimelineChart from './timeline_chart.vue';
+import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue'
 
 const isValidErrorId = (errorId) => {
   return /^[0-9]+$/.test(errorId);
@@ -110,6 +111,7 @@ export default {
     TimeAgo,
     ErrorTrackingActions,
     TimelineChart,
+    ErrorTrackingDeprecationBanner,
   },
   directives: {
     GlTooltip: GlTooltipDirective,
@@ -277,6 +279,7 @@ export default {
 
 <template>
   <div class="gl-mt-5">
+    <error-tracking-deprecation-banner />
     <div v-if="errorTrackingEnabled">
       <!-- Enable ET -->
       <gl-alert
@@ -405,7 +408,7 @@ export default {
         </gl-dropdown>
       </div>
 
-      <div v-if="loading" class="gl-py-5">
+      <div v-if="false" class="gl-py-5">
         <gl-loading-icon size="lg" />
       </div>
 
diff --git a/app/assets/javascripts/error_tracking_settings/components/app.vue b/app/assets/javascripts/error_tracking_settings/components/app.vue
index 915acc633eb2fb..5dbbbecddcbda2 100644
--- a/app/assets/javascripts/error_tracking_settings/components/app.vue
+++ b/app/assets/javascripts/error_tracking_settings/components/app.vue
@@ -18,6 +18,7 @@ import { helpPagePath } from '~/helpers/help_page_helper';
 import { I18N_ERROR_TRACKING_SETTINGS } from '../constants';
 import ErrorTrackingForm from './error_tracking_form.vue';
 import ProjectDropdown from './project_dropdown.vue';
+import ErrorTrackingDeprecationBanner from '../../error_tracking/components/error_tracking_deprecation_banner.vue'
 
 export default {
   i18n: I18N_ERROR_TRACKING_SETTINGS,
@@ -34,6 +35,7 @@ export default {
     GlSprintf,
     ProjectDropdown,
     ClipboardButton,
+    ErrorTrackingDeprecationBanner,
   },
   mixins: [glFeatureFlagsMixin()],
   props: {
@@ -155,6 +157,7 @@ export default {
         </template>
       </gl-sprintf>
     </gl-alert>
+    <error-tracking-deprecation-banner />
 
     <gl-form-group
       :label="s__('ErrorTracking|Enable error tracking')"
diff --git a/app/models/users/callout.rb b/app/models/users/callout.rb
index 85fd41c5451ffd..c5ae7d4b44a8fb 100644
--- a/app/models/users/callout.rb
+++ b/app/models/users/callout.rb
@@ -115,7 +115,8 @@ class Callout < ApplicationRecord
       duo_amazon_q_alert: 111, # EE-only
       personal_homepage_preferences_banner: 112,
       duo_agent_platform_requested: 113, # EE-only
-      email_otp_enrollment_callout: 114
+      email_otp_enrollment_callout: 114,
+      error_tracking_deprecation_banner: 115
     }
 
     validates :feature_name,
-- 
GitLab


From 92a863fbfbeaf41d451e1737cb80fde22b2f2e61 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Mon, 25 Aug 2025 08:32:27 -0400
Subject: [PATCH 02/17] Showing notification banner for error tracking
 deprecation

---
 .../components/error_tracking_deprecation_banner.vue      | 8 ++++----
 .../error_tracking_settings/components/app.vue            | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
index ea328956f923ee..5d873c42fc9a9b 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -1,15 +1,15 @@
 <script>
 import { GlBanner } from '@gitlab/ui';
-import { helpPagePath } from '~/helpers/help_page_helper';
+// import { helpPagePath } from '~/helpers/help_page_helper';
 import UserCalloutDismisser from '~/vue_shared/components/user_callout_dismisser.vue';
 
 export default {
   name: 'ErrorTrackingDeprecationBanner',
   components: { GlBanner, UserCalloutDismisser },
 
-  inputDocLink: helpPagePath('operations/error_tracking/_index.md', {
-    anchor: 'deprecation',
-  }),
+//   inputDocLink: helpPagePath('operations/error_tracking/_index.md', {
+//     anchor: 'deprecation',
+//   }),
 };
 </script>
 
diff --git a/app/assets/javascripts/error_tracking_settings/components/app.vue b/app/assets/javascripts/error_tracking_settings/components/app.vue
index 5dbbbecddcbda2..5fffd1da904d36 100644
--- a/app/assets/javascripts/error_tracking_settings/components/app.vue
+++ b/app/assets/javascripts/error_tracking_settings/components/app.vue
@@ -16,9 +16,9 @@ import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { helpPagePath } from '~/helpers/help_page_helper';
 import { I18N_ERROR_TRACKING_SETTINGS } from '../constants';
+import ErrorTrackingDeprecationBanner from '../../error_tracking/components/error_tracking_deprecation_banner.vue'
 import ErrorTrackingForm from './error_tracking_form.vue';
 import ProjectDropdown from './project_dropdown.vue';
-import ErrorTrackingDeprecationBanner from '../../error_tracking/components/error_tracking_deprecation_banner.vue'
 
 export default {
   i18n: I18N_ERROR_TRACKING_SETTINGS,
-- 
GitLab


From 1fc0b3c6e1d5ae3fa6164ba508f0b36e315307ee Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Mon, 25 Aug 2025 08:37:51 -0400
Subject: [PATCH 03/17] Showing notification banner for error tracking
 deprecation

---
 .../components/error_tracking_deprecation_banner.vue          | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
index 5d873c42fc9a9b..01f109696b0a5f 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -15,13 +15,11 @@ export default {
 
 <template>
   <user-callout-dismisser feature-name="error_tracking_deprecation_banner">
-    <template>
+    <template #default="{ shouldShowCallout, dismiss }">
       <gl-banner
         class="gl-mb-4 gl-mt-2"
         :title="s__('ErrorTracking|Error Tracking is being deprecated')"
         variant="warning"
-        :button-text="s__('ErrorTracking|Learn what to do next')"
-        :button-link="$options.inputDocLink"
         @close="dismiss"
       >
         <p>
-- 
GitLab


From 1166c79100a7d72f2145b12d3066b96ad23dd66e Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Mon, 25 Aug 2025 08:39:10 -0400
Subject: [PATCH 04/17] Showing notification banner for error tracking
 deprecation

---
 .../components/error_tracking_deprecation_banner.vue             | 1 +
 1 file changed, 1 insertion(+)

diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
index 01f109696b0a5f..f51be15d3ac207 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -17,6 +17,7 @@ export default {
   <user-callout-dismisser feature-name="error_tracking_deprecation_banner">
     <template #default="{ shouldShowCallout, dismiss }">
       <gl-banner
+        v-if="shouldShowCallout"
         class="gl-mb-4 gl-mt-2"
         :title="s__('ErrorTracking|Error Tracking is being deprecated')"
         variant="warning"
-- 
GitLab


From b97352c0d848ff40452290da69783752bffe60e5 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Mon, 25 Aug 2025 08:42:26 -0400
Subject: [PATCH 05/17] Showing notification banner for error tracking
 deprecation

---
 .../components/error_tracking_deprecation_banner.vue      | 8 ++++----
 .../error_tracking/components/error_tracking_list.vue     | 2 +-
 .../error_tracking_settings/components/app.vue            | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
index f51be15d3ac207..c6577713f0f7d1 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -7,9 +7,9 @@ export default {
   name: 'ErrorTrackingDeprecationBanner',
   components: { GlBanner, UserCalloutDismisser },
 
-//   inputDocLink: helpPagePath('operations/error_tracking/_index.md', {
-//     anchor: 'deprecation',
-//   }),
+  //   inputDocLink: helpPagePath('operations/error_tracking/_index.md', {
+  //     anchor: 'deprecation',
+  //   }),
 };
 </script>
 
@@ -26,7 +26,7 @@ export default {
         <p>
           {{
             s__(
-              "ErrorTracking|This feature is planned for deprecation. Review the timeline and migration guidance to ensure your workflows aren't disrupted."
+              "ErrorTracking|This feature is planned for deprecation. Review the timeline and migration guidance to ensure your workflows aren't disrupted.",
             )
           }}
         </p>
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
index 0336d1a7620d90..35a061c62c6f40 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
@@ -33,7 +33,7 @@ import {
 import { I18N_ERROR_TRACKING_LIST } from '../constants';
 import ErrorTrackingActions from './error_tracking_actions.vue';
 import TimelineChart from './timeline_chart.vue';
-import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue'
+import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue';
 
 const isValidErrorId = (errorId) => {
   return /^[0-9]+$/.test(errorId);
diff --git a/app/assets/javascripts/error_tracking_settings/components/app.vue b/app/assets/javascripts/error_tracking_settings/components/app.vue
index 5fffd1da904d36..0127ced206579c 100644
--- a/app/assets/javascripts/error_tracking_settings/components/app.vue
+++ b/app/assets/javascripts/error_tracking_settings/components/app.vue
@@ -16,7 +16,7 @@ import ClipboardButton from '~/vue_shared/components/clipboard_button.vue';
 import glFeatureFlagsMixin from '~/vue_shared/mixins/gl_feature_flags_mixin';
 import { helpPagePath } from '~/helpers/help_page_helper';
 import { I18N_ERROR_TRACKING_SETTINGS } from '../constants';
-import ErrorTrackingDeprecationBanner from '../../error_tracking/components/error_tracking_deprecation_banner.vue'
+import ErrorTrackingDeprecationBanner from '../../error_tracking/components/error_tracking_deprecation_banner.vue';
 import ErrorTrackingForm from './error_tracking_form.vue';
 import ProjectDropdown from './project_dropdown.vue';
 
-- 
GitLab


From d0156169668fdbc4048d643644e3d4a7fda1f4e0 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Mon, 25 Aug 2025 08:46:32 -0400
Subject: [PATCH 06/17] Showing notification banner for error tracking
 deprecation

---
 locale/gitlab.pot | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index fb0cb6974576f5..9588d6d18478a3 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -26809,6 +26809,9 @@ msgstr ""
 msgid "ErrorTracking|Enable error tracking"
 msgstr ""
 
+msgid "ErrorTracking|Error Tracking is being deprecated"
+msgstr ""
+
 msgid "ErrorTracking|Error tracking backend"
 msgstr ""
 
@@ -26827,6 +26830,9 @@ msgstr ""
 msgid "ErrorTracking|Select project"
 msgstr ""
 
+msgid "ErrorTracking|This feature is planned for deprecation. Review the timeline and migration guidance to ensure your workflows aren't disrupted."
+msgstr ""
+
 msgid "ErrorTracking|To enable project selection, enter a valid Auth Token."
 msgstr ""
 
-- 
GitLab


From 5beb01200353133fe264c30254778dbb5d9c8252 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Mon, 25 Aug 2025 08:51:21 -0400
Subject: [PATCH 07/17] Showing notification banner for error tracking
 deprecation

---
 .../javascripts/error_tracking/components/error_details.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/assets/javascripts/error_tracking/components/error_details.vue b/app/assets/javascripts/error_tracking/components/error_details.vue
index caafba2523fb81..2d824897d87a89 100644
--- a/app/assets/javascripts/error_tracking/components/error_details.vue
+++ b/app/assets/javascripts/error_tracking/components/error_details.vue
@@ -24,7 +24,7 @@ import { severityLevel, severityLevelVariant, errorStatus } from '../constants';
 import Stacktrace from './stacktrace.vue';
 import ErrorDetailsInfo from './error_details_info.vue';
 import TimelineChart from './timeline_chart.vue';
-import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue'
+import ErrorTrackingDeprecationBanner from './error_tracking_deprecation_banner.vue';
 
 const SENTRY_TIMEOUT = 10000;
 
-- 
GitLab


From 8f8f6815662b0751722631a4ba3c239872d685a3 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Tue, 26 Aug 2025 12:18:31 -0400
Subject: [PATCH 08/17] Test coverage for error tracking deprecation banner

---
 .../error_tracking_deprecation_banner.vue     | 11 ++--
 .../components/error_tracking_list.vue        |  2 +-
 app/assets/javascripts/error_tracking/list.js |  9 +++
 .../error_tracking_settings/index.js          |  9 +++
 doc/operations/error_tracking.md              | 15 +++++
 .../error_tracking_deprecation_banner_spec.js | 63 +++++++++++++++++++
 6 files changed, 103 insertions(+), 6 deletions(-)
 create mode 100644 spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js

diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
index c6577713f0f7d1..025ab2a4f8ed71 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -1,15 +1,14 @@
 <script>
 import { GlBanner } from '@gitlab/ui';
-// import { helpPagePath } from '~/helpers/help_page_helper';
+import { helpPagePath } from '~/helpers/help_page_helper';
 import UserCalloutDismisser from '~/vue_shared/components/user_callout_dismisser.vue';
 
 export default {
   name: 'ErrorTrackingDeprecationBanner',
   components: { GlBanner, UserCalloutDismisser },
-
-  //   inputDocLink: helpPagePath('operations/error_tracking/_index.md', {
-  //     anchor: 'deprecation',
-  //   }),
+  inputDocLink: helpPagePath('operations/error_tracking.md', {
+    anchor: 'error-tracking-deprecation',
+  }),
 };
 </script>
 
@@ -21,6 +20,8 @@ export default {
         class="gl-mb-4 gl-mt-2"
         :title="s__('ErrorTracking|Error Tracking is being deprecated')"
         variant="warning"
+        :button-text="s__('ErrorTracking|Learn More')"
+        :button-link="$options.inputDocLink"
         @close="dismiss"
       >
         <p>
diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
index 35a061c62c6f40..7cfa37fa97c7d2 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_list.vue
@@ -408,7 +408,7 @@ export default {
         </gl-dropdown>
       </div>
 
-      <div v-if="false" class="gl-py-5">
+      <div v-if="loading" class="gl-py-5">
         <gl-loading-icon size="lg" />
       </div>
 
diff --git a/app/assets/javascripts/error_tracking/list.js b/app/assets/javascripts/error_tracking/list.js
index 3a2e5c90c1f80a..e282893813548a 100644
--- a/app/assets/javascripts/error_tracking/list.js
+++ b/app/assets/javascripts/error_tracking/list.js
@@ -1,7 +1,11 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import ErrorTrackingList from './components/error_tracking_list.vue';
 import store from './store';
+import createDefaultClient from '~/lib/graphql';
+
+Vue.use(VueApollo);
 
 export default () => {
   const selector = '#js-error_tracking';
@@ -15,6 +19,10 @@ export default () => {
     showIntegratedTrackingDisabledAlert,
     integratedErrorTrackingEnabled,
   } = domEl.dataset;
+  const defaultClient = createDefaultClient();
+  const apolloProvider = new VueApollo({
+    defaultClient,
+  });
 
   errorTrackingEnabled = parseBoolean(errorTrackingEnabled);
   userCanEnableErrorTracking = parseBoolean(userCanEnableErrorTracking);
@@ -24,6 +32,7 @@ export default () => {
   // eslint-disable-next-line no-new
   new Vue({
     el: selector,
+    apolloProvider,
     components: {
       ErrorTrackingList,
     },
diff --git a/app/assets/javascripts/error_tracking_settings/index.js b/app/assets/javascripts/error_tracking_settings/index.js
index 69388329e1c385..efb4f416d5922d 100644
--- a/app/assets/javascripts/error_tracking_settings/index.js
+++ b/app/assets/javascripts/error_tracking_settings/index.js
@@ -1,6 +1,10 @@
 import Vue from 'vue';
+import VueApollo from 'vue-apollo';
 import ErrorTrackingSettings from './components/app.vue';
 import createStore from './store';
+import createDefaultClient from '~/lib/graphql';
+
+Vue.use(VueApollo);
 
 export default () => {
   const formContainerEl = document.querySelector('.js-error-tracking-form');
@@ -17,8 +21,13 @@ export default () => {
     },
   } = formContainerEl;
 
+  const apolloProvider = new VueApollo({
+    defaultClient: createDefaultClient(),
+  });
+
   return new Vue({
     el: formContainerEl,
+    apolloProvider,
     store: createStore(),
     render(createElement) {
       return createElement(ErrorTrackingSettings, {
diff --git a/doc/operations/error_tracking.md b/doc/operations/error_tracking.md
index 3f38dbca2e7275..8bedb28cf72865 100644
--- a/doc/operations/error_tracking.md
+++ b/doc/operations/error_tracking.md
@@ -33,3 +33,18 @@ The following table gives an overview of the capabilities for each GitLab offeri
 | ----------- | ----------- | ----------- | ----------- | ----------- |
 | [GitLab integrated Error Tracking](integrated_error_tracking.md) | GitLab.com | With [Sentry SDK](https://github.com/getsentry/sentry?tab=readme-ov-file#official-sentry-sdks) | On GitLab.com | With GitLab.com |
 | [Sentry-based Error Tracking](sentry_error_tracking.md) | GitLab.com, GitLab Dedicated, GitLab Self-Managed | With [Sentry SDK](https://github.com/getsentry/sentry?tab=readme-ov-file#official-sentry-sdks) | On Sentry instance (Cloud Sentry.io or [self-hosted Sentry](https://develop.sentry.dev/self-hosted/)) | With GitLab.com or Sentry instance |
+
+## Error Tracking Deprecation
+
+Error Tracking is planned for deprecation. This feature will be removed in a future release. Review your current usage and update your workflows to prepare for the removal.
+
+### Timeline
+
+- Planned deprecation announcement: Version X.Y
+- Removal expected: Version Z.Z
+
+### Recommendations
+
+- Review your existing error tracking setup.
+- Plan to remove or replace any workflows that depend on Error Tracking.
+- Stay updated with GitLab release notes for further guidance on removal.
diff --git a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
new file mode 100644
index 00000000000000..acda091588635f
--- /dev/null
+++ b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
@@ -0,0 +1,63 @@
+import { GlBanner } from '@gitlab/ui';
+import { shallowMount } from '@vue/test-utils';
+import { makeMockUserCalloutDismisser } from 'helpers/mock_user_callout_dismisser';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
+
+describe('ErrorTrackingDeprecationBanner', () => {
+  let wrapper;
+  let dismissSpy;
+
+  const createComponent = ({ shouldShowCallout = true } = {}) => {
+    dismissSpy = jest.fn();
+
+    wrapper = shallowMount(ErrorTrackingDeprecationBanner, {
+      stubs: {
+        UserCalloutDismisser: makeMockUserCalloutDismisser({
+          dismiss: dismissSpy,
+          shouldShowCallout,
+        }),
+      },
+    });
+  };
+
+  const findBanner = () => wrapper.findComponent(GlBanner);
+
+  describe('when mounted', () => {
+    describe('banner rendering', () => {
+      beforeEach(() => {
+        createComponent();
+      });
+
+      it('renders the banner', () => {
+        expect(findBanner().exists()).toBe(true);
+      });
+
+      it('sets the correct props on GlBanner', () => {
+        expect(findBanner().props()).toMatchObject({
+          variant: 'warning',
+          buttonText: 'Learn More',
+          buttonLink: '/help/operations/error_tracking.md#error-tracking-deprecation',
+        });
+      });
+
+      it('displays the correct title', () => {
+        expect(findBanner().attributes('title')).toBe('Error Tracking is being deprecated');
+      });
+    });
+
+    describe('when banner is dismissed', () => {
+      it('calls the dismiss function', () => {
+        createComponent();
+        findBanner().vm.$emit('close');
+        expect(dismissSpy).toHaveBeenCalled();
+      });
+    });
+
+    describe('when shouldShowCallout is false', () => {
+      it('does not render the banner', () => {
+        createComponent({ shouldShowCallout: false });
+        expect(findBanner().exists()).toBe(false);
+      });
+    });
+  });
+});
-- 
GitLab


From 1ffeb50bfea38eba717b0ed414988a40be4c30aa Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Tue, 26 Aug 2025 12:22:21 -0400
Subject: [PATCH 09/17] Test coverage for error tracking deprecation banner

---
 app/assets/javascripts/error_tracking/list.js           | 2 +-
 app/assets/javascripts/error_tracking_settings/index.js | 2 +-
 locale/gitlab.pot                                       | 3 +++
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/app/assets/javascripts/error_tracking/list.js b/app/assets/javascripts/error_tracking/list.js
index e282893813548a..c6e32212ff73f8 100644
--- a/app/assets/javascripts/error_tracking/list.js
+++ b/app/assets/javascripts/error_tracking/list.js
@@ -1,9 +1,9 @@
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import { parseBoolean } from '~/lib/utils/common_utils';
 import ErrorTrackingList from './components/error_tracking_list.vue';
 import store from './store';
-import createDefaultClient from '~/lib/graphql';
 
 Vue.use(VueApollo);
 
diff --git a/app/assets/javascripts/error_tracking_settings/index.js b/app/assets/javascripts/error_tracking_settings/index.js
index efb4f416d5922d..fbd52f27ee8262 100644
--- a/app/assets/javascripts/error_tracking_settings/index.js
+++ b/app/assets/javascripts/error_tracking_settings/index.js
@@ -1,8 +1,8 @@
 import Vue from 'vue';
 import VueApollo from 'vue-apollo';
+import createDefaultClient from '~/lib/graphql';
 import ErrorTrackingSettings from './components/app.vue';
 import createStore from './store';
-import createDefaultClient from '~/lib/graphql';
 
 Vue.use(VueApollo);
 
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index 9588d6d18478a3..f0737b4ce727f4 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -26824,6 +26824,9 @@ msgstr ""
 msgid "ErrorTracking|Integrated error tracking is %{epicLinkStart}turned off by default%{epicLinkEnd} and no longer active for this project. To re-enable error tracking on self-hosted instances, you can either %{flagLinkStart}turn on the feature flag%{flagLinkEnd} for integrated error tracking, or provide a Sentry API URL and Auth Token below. However, error tracking is not ready for production use and cannot be enabled on GitLab.com."
 msgstr ""
 
+msgid "ErrorTracking|Learn More"
+msgstr ""
+
 msgid "ErrorTracking|No projects available"
 msgstr ""
 
-- 
GitLab


From 342f143792d09a5046ecca94dffa2ed1c4a272b3 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Tue, 26 Aug 2025 14:03:21 -0400
Subject: [PATCH 10/17] Added more test coverage

---
 .../error_tracking/components/error_details.vue            | 2 +-
 .../error_tracking/components/error_details_spec.js        | 7 +++++++
 .../error_tracking/components/error_tracking_list_spec.js  | 7 +++++++
 .../error_tracking_settings/components/app_spec.js         | 7 +++++++
 4 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/error_tracking/components/error_details.vue b/app/assets/javascripts/error_tracking/components/error_details.vue
index 2d824897d87a89..6afe3e54e36065 100644
--- a/app/assets/javascripts/error_tracking/components/error_details.vue
+++ b/app/assets/javascripts/error_tracking/components/error_details.vue
@@ -277,6 +277,7 @@ export default {
 
 <template>
   <div>
+    <error-tracking-deprecation-banner />
     <div v-if="errorLoading" class="gl-py-5">
       <gl-loading-icon size="lg" />
     </div>
@@ -297,7 +298,6 @@ export default {
       <gl-alert v-if="showEmptyStacktraceAlert" @dismiss="isStacktraceEmptyAlertVisible = false">
         {{ __('No stack trace for this error') }}
       </gl-alert>
-      <error-tracking-deprecation-banner />
 
       <div
         class="error-details-header gl-border-b gl-flex gl-flex-col gl-justify-between gl-py-3 md:gl-flex-row"
diff --git a/spec/frontend/error_tracking/components/error_details_spec.js b/spec/frontend/error_tracking/components/error_details_spec.js
index 1f78e438456e90..dacbdb626de852 100644
--- a/spec/frontend/error_tracking/components/error_details_spec.js
+++ b/spec/frontend/error_tracking/components/error_details_spec.js
@@ -24,6 +24,7 @@ import Stacktrace from '~/error_tracking/components/stacktrace.vue';
 import ErrorDetailsInfo from '~/error_tracking/components/error_details_info.vue';
 import { createAlert, VARIANT_WARNING } from '~/alert';
 import { useMockInternalEventsTracking } from 'helpers/tracking_internal_events_helper';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
 import TimelineChart from '~/error_tracking/components/timeline_chart.vue';
 
 jest.mock('~/alert');
@@ -96,6 +97,7 @@ describe('ErrorDetails', () => {
   const findUpdateResolveStatusButton = () =>
     wrapper.find('[data-testid="update-resolve-status-btn"]');
   const findAlert = () => wrapper.findComponent(GlAlert);
+  const findDeprecationBanner = () => wrapper.findComponent(ErrorTrackingDeprecationBanner);
 
   const createComponent = async ({
     integratedErrorTrackingEnabled = false,
@@ -160,6 +162,11 @@ describe('ErrorDetails', () => {
     });
   });
 
+  it('displays the error tracking deprecation banner', () => {
+    createComponent();
+    expect(findDeprecationBanner().exists()).toBe(true);
+  });
+
   describe('loading', () => {
     it('should show spinner while loading', () => {
       createComponent();
diff --git a/spec/frontend/error_tracking/components/error_tracking_list_spec.js b/spec/frontend/error_tracking/components/error_tracking_list_spec.js
index 37c788387fc2fe..67865386b36464 100644
--- a/spec/frontend/error_tracking/components/error_tracking_list_spec.js
+++ b/spec/frontend/error_tracking/components/error_tracking_list_spec.js
@@ -18,6 +18,7 @@ import ErrorTrackingActions from '~/error_tracking/components/error_tracking_act
 import ErrorTrackingList from '~/error_tracking/components/error_tracking_list.vue';
 import TimelineChart from '~/error_tracking/components/timeline_chart.vue';
 import { extendedWrapper } from 'helpers/vue_test_utils_helper';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
 import errorsList from './list_mock.json';
 
 Vue.use(Vuex);
@@ -37,6 +38,7 @@ describe('ErrorTrackingList', () => {
   const findPagination = () => wrapper.findComponent(GlPagination);
   const findErrorActions = () => wrapper.findComponent(ErrorTrackingActions);
   const findIntegratedDisabledAlert = () => wrapper.findByTestId('integrated-disabled-alert');
+  const findDeprecationBanner = () => wrapper.findComponent(ErrorTrackingDeprecationBanner);
 
   function mountComponent({
     errorTrackingEnabled = true,
@@ -120,6 +122,11 @@ describe('ErrorTrackingList', () => {
     });
   });
 
+  it('displays the error tracking deprecation banner', () => {
+    mountComponent();
+    expect(findDeprecationBanner().exists()).toBe(true);
+  });
+
   describe('results', () => {
     beforeEach(() => {
       store.state.list.loading = false;
diff --git a/spec/frontend/error_tracking_settings/components/app_spec.js b/spec/frontend/error_tracking_settings/components/app_spec.js
index 40ca2da8dfa6f2..04adf5824280bc 100644
--- a/spec/frontend/error_tracking_settings/components/app_spec.js
+++ b/spec/frontend/error_tracking_settings/components/app_spec.js
@@ -9,6 +9,7 @@ import { extendedWrapper } from 'helpers/vue_test_utils_helper';
 import ErrorTrackingSettings from '~/error_tracking_settings/components/app.vue';
 import ErrorTrackingForm from '~/error_tracking_settings/components/error_tracking_form.vue';
 import ProjectDropdown from '~/error_tracking_settings/components/project_dropdown.vue';
+import ErrorTrackingDeprecationBanner from '~/error_tracking/components/error_tracking_deprecation_banner.vue';
 import createStore from '~/error_tracking_settings/store';
 
 Vue.use(Vuex);
@@ -59,6 +60,7 @@ describe('error tracking settings app', () => {
   const findSentrySettings = () => wrapper.findByTestId('sentry-setting-form');
   const findDsnSettings = () => wrapper.findByTestId('gitlab-dsn-setting-form');
   const findEnabledCheckbox = () => wrapper.findByTestId('error-tracking-enabled');
+  const findDeprecationBanner = () => wrapper.findComponent(ErrorTrackingDeprecationBanner);
 
   const enableGitLabErrorTracking = async () => {
     findBackendSettingsRadioGroup().vm.$emit('change', true);
@@ -72,6 +74,11 @@ describe('error tracking settings app', () => {
   });
 
   describe('section', () => {
+    it('displays the error tracking deprecation banner', () => {
+      mountComponent();
+      expect(findDeprecationBanner().exists()).toBe(true);
+    });
+
     it('renders the form and dropdown', () => {
       expect(wrapper.findComponent(ErrorTrackingForm).exists()).toBe(true);
       expect(wrapper.findComponent(ProjectDropdown).exists()).toBe(true);
-- 
GitLab


From ee0ebd4d0c33899fc7ae090befe0dcf991aedbed Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Tue, 26 Aug 2025 14:06:52 -0400
Subject: [PATCH 11/17] compiled gitlab doc change

---
 doc/api/graphql/reference/_index.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/doc/api/graphql/reference/_index.md b/doc/api/graphql/reference/_index.md
index a21a5576f54d6c..271eb2777516b9 100644
--- a/doc/api/graphql/reference/_index.md
+++ b/doc/api/graphql/reference/_index.md
@@ -50188,6 +50188,7 @@ Name of the feature that the callout is for.
 | <a id="usercalloutfeaturenameenumduo_amazon_q_alert"></a>`DUO_AMAZON_Q_ALERT` | Callout feature name for duo_amazon_q_alert. |
 | <a id="usercalloutfeaturenameenumduo_chat_callout"></a>`DUO_CHAT_CALLOUT` | Callout feature name for duo_chat_callout. |
 | <a id="usercalloutfeaturenameenumemail_otp_enrollment_callout"></a>`EMAIL_OTP_ENROLLMENT_CALLOUT` | Callout feature name for email_otp_enrollment_callout. |
+| <a id="usercalloutfeaturenameenumerror_tracking_deprecation_banner"></a>`ERROR_TRACKING_DEPRECATION_BANNER` | Callout feature name for error_tracking_deprecation_banner. |
 | <a id="usercalloutfeaturenameenumexplore_duo_core_banner"></a>`EXPLORE_DUO_CORE_BANNER` | Callout feature name for explore_duo_core_banner. |
 | <a id="usercalloutfeaturenameenumfeature_flags_new_version"></a>`FEATURE_FLAGS_NEW_VERSION` | Callout feature name for feature_flags_new_version. |
 | <a id="usercalloutfeaturenameenumgcp_signup_offer"></a>`GCP_SIGNUP_OFFER` | Callout feature name for gcp_signup_offer. |
-- 
GitLab


From 2e19afcc32d0b9bf18b570d39973e18fea11e81c Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Wed, 3 Sep 2025 08:28:57 -0400
Subject: [PATCH 12/17] Replaced placeholders

---
 doc/operations/error_tracking.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/doc/operations/error_tracking.md b/doc/operations/error_tracking.md
index 8bedb28cf72865..e5d84a8663a76d 100644
--- a/doc/operations/error_tracking.md
+++ b/doc/operations/error_tracking.md
@@ -40,8 +40,8 @@ Error Tracking is planned for deprecation. This feature will be removed in a fut
 
 ### Timeline
 
-- Planned deprecation announcement: Version X.Y
-- Removal expected: Version Z.Z
+- Planned deprecation announcement: Version 18.1
+- Removal expected: Version 19.0
 
 ### Recommendations
 
-- 
GitLab


From f8873456e147bec6affc8b8b944ef0c210175dee Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Thu, 4 Sep 2025 16:15:26 -0400
Subject: [PATCH 13/17] Updated the error tracking page

---
 doc/operations/error_tracking.md | 36 ++++++++++++++++++--------------
 locale/gitlab.pot                |  6 +++---
 2 files changed, 23 insertions(+), 19 deletions(-)

diff --git a/doc/operations/error_tracking.md b/doc/operations/error_tracking.md
index e5d84a8663a76d..a632e1ad272730 100644
--- a/doc/operations/error_tracking.md
+++ b/doc/operations/error_tracking.md
@@ -2,10 +2,29 @@
 stage: Analytics
 group: Platform Insights
 info: To determine the technical writer assigned to the Stage/Group associated with this page, see https://handbook.gitlab.com/handbook/product/ux/technical-writing/#assignments
-title: Error Tracking
+title: Error Tracking (deprecated)
 description: Error tracking, logging, debugging, and data retention.
 ---
 
+<!--- start_remove The following content will be removed on remove_date: '2025-12-04' -->
+
+{{< details >}}
+
+- Tier: Free, Premium, Ultimate
+- Offering: GitLab.com, GitLab Self-Managed, GitLab Dedicated
+
+{{< /details >}}
+
+{{< alert type="warning" >}}
+
+This feature is now [deprecated](https://gitlab.com/groups/gitlab-org/-/epics/17678) 
+and is planned for removal in 19.0.
+This change is a breaking change.
+
+{{< /alert >}}
+
+<!--- end_remove -->
+
 Error Tracking helps developers to discover and view errors generated by their
 application. Because error information is surfaced where the code is developed,
 error tracking increases efficiency and awareness. Users can choose between
@@ -33,18 +52,3 @@ The following table gives an overview of the capabilities for each GitLab offeri
 | ----------- | ----------- | ----------- | ----------- | ----------- |
 | [GitLab integrated Error Tracking](integrated_error_tracking.md) | GitLab.com | With [Sentry SDK](https://github.com/getsentry/sentry?tab=readme-ov-file#official-sentry-sdks) | On GitLab.com | With GitLab.com |
 | [Sentry-based Error Tracking](sentry_error_tracking.md) | GitLab.com, GitLab Dedicated, GitLab Self-Managed | With [Sentry SDK](https://github.com/getsentry/sentry?tab=readme-ov-file#official-sentry-sdks) | On Sentry instance (Cloud Sentry.io or [self-hosted Sentry](https://develop.sentry.dev/self-hosted/)) | With GitLab.com or Sentry instance |
-
-## Error Tracking Deprecation
-
-Error Tracking is planned for deprecation. This feature will be removed in a future release. Review your current usage and update your workflows to prepare for the removal.
-
-### Timeline
-
-- Planned deprecation announcement: Version 18.1
-- Removal expected: Version 19.0
-
-### Recommendations
-
-- Review your existing error tracking setup.
-- Plan to remove or replace any workflows that depend on Error Tracking.
-- Stay updated with GitLab release notes for further guidance on removal.
diff --git a/locale/gitlab.pot b/locale/gitlab.pot
index f0737b4ce727f4..bfca8d5ebe8a22 100644
--- a/locale/gitlab.pot
+++ b/locale/gitlab.pot
@@ -26809,7 +26809,7 @@ msgstr ""
 msgid "ErrorTracking|Enable error tracking"
 msgstr ""
 
-msgid "ErrorTracking|Error Tracking is being deprecated"
+msgid "ErrorTracking|Error Tracking is deprecated"
 msgstr ""
 
 msgid "ErrorTracking|Error tracking backend"
@@ -26824,7 +26824,7 @@ msgstr ""
 msgid "ErrorTracking|Integrated error tracking is %{epicLinkStart}turned off by default%{epicLinkEnd} and no longer active for this project. To re-enable error tracking on self-hosted instances, you can either %{flagLinkStart}turn on the feature flag%{flagLinkEnd} for integrated error tracking, or provide a Sentry API URL and Auth Token below. However, error tracking is not ready for production use and cannot be enabled on GitLab.com."
 msgstr ""
 
-msgid "ErrorTracking|Learn More"
+msgid "ErrorTracking|Learn more"
 msgstr ""
 
 msgid "ErrorTracking|No projects available"
@@ -26833,7 +26833,7 @@ msgstr ""
 msgid "ErrorTracking|Select project"
 msgstr ""
 
-msgid "ErrorTracking|This feature is planned for deprecation. Review the timeline and migration guidance to ensure your workflows aren't disrupted."
+msgid "ErrorTracking|This feature is deprecated and planned for removal. Review the timeline and migration guidance to ensure your workflows aren't disrupted."
 msgstr ""
 
 msgid "ErrorTracking|To enable project selection, enter a valid Auth Token."
-- 
GitLab


From b872420815e5b65dfa3836586fd78931a06e40e0 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Thu, 4 Sep 2025 16:24:20 -0400
Subject: [PATCH 14/17] Updated the error tracking page

---
 .../components/error_tracking_deprecation_banner_spec.js        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
index acda091588635f..d5ea07689aa242 100644
--- a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
+++ b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
@@ -36,7 +36,7 @@ describe('ErrorTrackingDeprecationBanner', () => {
         expect(findBanner().props()).toMatchObject({
           variant: 'warning',
           buttonText: 'Learn More',
-          buttonLink: '/help/operations/error_tracking.md#error-tracking-deprecation',
+          buttonLink: '/help/operations/error_tracking.md',
         });
       });
 
-- 
GitLab


From 8859812e5784fa66152b8e251fd9f353daceae15 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Thu, 4 Sep 2025 16:29:48 -0400
Subject: [PATCH 15/17] Updated the error tracking page

---
 .../components/error_tracking_deprecation_banner.vue   | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
index 025ab2a4f8ed71..7d8b7940c5ee40 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -6,9 +6,7 @@ import UserCalloutDismisser from '~/vue_shared/components/user_callout_dismisser
 export default {
   name: 'ErrorTrackingDeprecationBanner',
   components: { GlBanner, UserCalloutDismisser },
-  inputDocLink: helpPagePath('operations/error_tracking.md', {
-    anchor: 'error-tracking-deprecation',
-  }),
+  inputDocLink: helpPagePath('operations/error_tracking.md'),
 };
 </script>
 
@@ -18,16 +16,16 @@ export default {
       <gl-banner
         v-if="shouldShowCallout"
         class="gl-mb-4 gl-mt-2"
-        :title="s__('ErrorTracking|Error Tracking is being deprecated')"
+        :title="s__('ErrorTracking|Error Tracking is deprecated')"
         variant="warning"
-        :button-text="s__('ErrorTracking|Learn More')"
+        :button-text="s__('ErrorTracking|Learn more')"
         :button-link="$options.inputDocLink"
         @close="dismiss"
       >
         <p>
           {{
             s__(
-              "ErrorTracking|This feature is planned for deprecation. Review the timeline and migration guidance to ensure your workflows aren't disrupted.",
+              "ErrorTracking|This feature is deprecated and planned for removal. Review the timeline and migration guidance to ensure your workflows aren't disrupted.",
             )
           }}
         </p>
-- 
GitLab


From 247f04d8ac66ca42e04e5791a899d88b424e3b7d Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Fri, 5 Sep 2025 15:36:45 -0400
Subject: [PATCH 16/17] Minor changes according to feedback

---
 .../components/error_tracking_deprecation_banner.vue            | 2 +-
 doc/operations/error_tracking.md                                | 2 +-
 .../components/error_tracking_deprecation_banner_spec.js        | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
index 7d8b7940c5ee40..6b5e53eddfa4fd 100644
--- a/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
+++ b/app/assets/javascripts/error_tracking/components/error_tracking_deprecation_banner.vue
@@ -17,7 +17,7 @@ export default {
         v-if="shouldShowCallout"
         class="gl-mb-4 gl-mt-2"
         :title="s__('ErrorTracking|Error Tracking is deprecated')"
-        variant="warning"
+        variant="introduction"
         :button-text="s__('ErrorTracking|Learn more')"
         :button-link="$options.inputDocLink"
         @close="dismiss"
diff --git a/doc/operations/error_tracking.md b/doc/operations/error_tracking.md
index a632e1ad272730..308d666fcb4411 100644
--- a/doc/operations/error_tracking.md
+++ b/doc/operations/error_tracking.md
@@ -17,7 +17,7 @@ description: Error tracking, logging, debugging, and data retention.
 
 {{< alert type="warning" >}}
 
-This feature is now [deprecated](https://gitlab.com/groups/gitlab-org/-/epics/17678) 
+This feature was [deprecated](https://gitlab.com/groups/gitlab-org/-/epics/17678) in GitLab 18.1
 and is planned for removal in 19.0.
 This change is a breaking change.
 
diff --git a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
index d5ea07689aa242..342b51fea23052 100644
--- a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
+++ b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
@@ -34,7 +34,7 @@ describe('ErrorTrackingDeprecationBanner', () => {
 
       it('sets the correct props on GlBanner', () => {
         expect(findBanner().props()).toMatchObject({
-          variant: 'warning',
+          variant: 'introduction',
           buttonText: 'Learn More',
           buttonLink: '/help/operations/error_tracking.md',
         });
-- 
GitLab


From 1eb128cc3d2a9772c05ecb84c5fe1e8aeba80ca6 Mon Sep 17 00:00:00 2001
From: Nnamdi <nogundu@gitlab.com>
Date: Tue, 9 Sep 2025 15:46:17 -0400
Subject: [PATCH 17/17] Added Error tracking deprecation banner on all error
 tracking pages Changelog: deprecated

---
 .../components/error_tracking_deprecation_banner_spec.js      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
index 342b51fea23052..2eaef584c5f3ce 100644
--- a/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
+++ b/spec/frontend/error_tracking/components/error_tracking_deprecation_banner_spec.js
@@ -35,13 +35,13 @@ describe('ErrorTrackingDeprecationBanner', () => {
       it('sets the correct props on GlBanner', () => {
         expect(findBanner().props()).toMatchObject({
           variant: 'introduction',
-          buttonText: 'Learn More',
+          buttonText: 'Learn more',
           buttonLink: '/help/operations/error_tracking.md',
         });
       });
 
       it('displays the correct title', () => {
-        expect(findBanner().attributes('title')).toBe('Error Tracking is being deprecated');
+        expect(findBanner().attributes('title')).toBe('Error Tracking is deprecated');
       });
     });
 
-- 
GitLab