fix(ai-consent): Use new generative AI privacy notice in Seer drawer (#103116)

malwilley · web-flow · commit d6e169c66b9b · 2025-11-11T17:36:13.000Z
diff --git a/static/app/components/aiPrivacyTooltip.tsx b/static/app/components/aiPrivacyTooltip.tsx
@@ -1,26 +1,56 @@
-import type {ReactNode} from 'react';
+import type {ComponentProps, ReactNode} from 'react';
 
 import {ExternalLink} from '@sentry/scraps/link/link';
 
 import {Tooltip, type TooltipProps} from 'sentry/components/core/tooltip';
 import {tct} from 'sentry/locale';
 
-interface AiPrivacyTooltipProps extends Omit<TooltipProps, 'title' | 'children'> {
+interface AiPrivacyNoticeProps {
+  linkProps?: Partial<ComponentProps<typeof ExternalLink>>;
+}
+
+interface AiPrivacyTooltipProps
+  extends Omit<TooltipProps, 'title' | 'children'>,
+    AiPrivacyNoticeProps {
   children: ReactNode;
 }
 
+const AI_PRIVACY_NOTICE_LINK =
+  'https://docs.sentry.io/product/ai-in-sentry/ai-privacy-and-security/';
+
+/**
+ * This notice should be presented along with any AI-powered feature.
+ */
+export function AiPrivacyNotice({linkProps = {}}: AiPrivacyNoticeProps) {
+  return tct(
+    'Powered by generative AI. Learn more about our [link:AI privacy principles].',
+    {
+      link: <ExternalLink href={AI_PRIVACY_NOTICE_LINK} {...linkProps} />,
+    }
+  );
+}
+
+/**
+ * A shortened version of the privacy noice, useful for tooltips or places where space is limited.
+ */
+function AiPrivacyNoticeShort({linkProps = {}}: AiPrivacyNoticeProps) {
+  return tct(`Powered by genAI. [link:Learn more.]`, {
+    link: <ExternalLink href={AI_PRIVACY_NOTICE_LINK} {...linkProps} />,
+  });
+}
+
 /**
- * A tooltip wrapper that links to AI privacy and security documentation.
+ * A tooltip wrapper for the privacy notice.
  */
-export function AiPrivacyTooltip({children, ...tooltipProps}: AiPrivacyTooltipProps) {
+export function AiPrivacyTooltip({
+  children,
+  linkProps,
+  ...tooltipProps
+}: AiPrivacyTooltipProps) {
   return (
     <Tooltip
       isHoverable
-      title={tct(`Powered by genAI. [link:Learn more.]`, {
-        link: (
-          <ExternalLink href="https://docs.sentry.io/product/ai-in-sentry/ai-privacy-and-security/" />
-        ),
-      })}
+      title={<AiPrivacyNoticeShort linkProps={linkProps} />}
       {...tooltipProps}
     >
       {children}
diff --git a/static/app/components/group/groupSummary.tsx b/static/app/components/group/groupSummary.tsx
@@ -2,9 +2,7 @@ import {isValidElement, useEffect, useLayoutEffect, useState} from 'react';
 import styled from '@emotion/styled';
 import {motion} from 'framer-motion';
 
-import {ExternalLink} from '@sentry/scraps/link';
-import {Tooltip} from '@sentry/scraps/tooltip';
-
+import {AiPrivacyTooltip} from 'sentry/components/aiPrivacyTooltip';
 import {Button} from 'sentry/components/core/button';
 import {Flex} from 'sentry/components/core/layout';
 import {Text} from 'sentry/components/core/text';
@@ -18,7 +16,7 @@ import {
   IconRefresh,
   IconSpan,
 } from 'sentry/icons';
-import {t, tct} from 'sentry/locale';
+import {t} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {Event} from 'sentry/types/event';
 import type {Group} from 'sentry/types/group';
@@ -217,20 +215,9 @@ function GroupSummaryPreview({
               <InsightCard key={card.id}>
                 <CardTitle>
                   <CardTitleIcon>{card.icon}</CardTitleIcon>
-                  <Tooltip
-                    title={tct(
-                      'Powered by generative AI. Learn more about our [link:AI privacy principles].',
-                      {
-                        link: (
-                          <ExternalLink href="https://docs.sentry.io/product/ai-in-sentry/ai-privacy-and-security/" />
-                        ),
-                      }
-                    )}
-                    showUnderline
-                    isHoverable
-                  >
+                  <AiPrivacyTooltip showUnderline isHoverable>
                     <CardTitleText>{card.title}</CardTitleText>
-                  </Tooltip>
+                  </AiPrivacyTooltip>
                 </CardTitle>
                 <CardContentContainer>
                   <CardLineDecorationWrapper>
diff --git a/static/app/components/searchQueryBuilder/askSeer/askSeerOption.tsx b/static/app/components/searchQueryBuilder/askSeer/askSeerOption.tsx
@@ -2,9 +2,7 @@ import {useRef, useState} from 'react';
 import {useOption} from '@react-aria/listbox';
 import type {ComboBoxState} from '@react-stately/combobox';
 
-import {ExternalLink} from '@sentry/scraps/link';
-import {Tooltip} from '@sentry/scraps/tooltip';
-
+import {AiPrivacyTooltip} from 'sentry/components/aiPrivacyTooltip';
 import {FeatureBadge} from 'sentry/components/core/badge/featureBadge';
 import InteractionStateLayer from 'sentry/components/core/interactionStateLayer';
 import {
@@ -13,7 +11,7 @@ import {
 } from 'sentry/components/searchQueryBuilder/askSeer/components';
 import {useSearchQueryBuilder} from 'sentry/components/searchQueryBuilder/context';
 import {IconSeer} from 'sentry/icons';
-import {t, tct} from 'sentry/locale';
+import {t} from 'sentry/locale';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import useOrganization from 'sentry/utils/useOrganization';
 
@@ -56,27 +54,18 @@ export function AskSeerOption<T>({state}: {state: ComboBoxState<T>}) {
     <AskSeerListItem ref={ref} onClick={handleClick} {...optionProps}>
       <InteractionStateLayer isHovered={isFocused} isPressed={isPressed} />
       <IconSeer />
-      <Tooltip
-        title={tct(
-          'Powered by generative AI. Learn more about our [dataProcessingPolicy:AI privacy principles].',
-          {
-            dataProcessingPolicy: (
-              <ExternalLink
-                onMouseOver={() => setOptionDisableOverride(true)}
-                onMouseOut={() => setOptionDisableOverride(false)}
-                href="https://docs.sentry.io/product/ai-in-sentry/ai-privacy-and-security/"
-              />
-            ),
-          }
-        )}
-        isHoverable
+      <AiPrivacyTooltip
+        linkProps={{
+          onMouseOver: () => setOptionDisableOverride(true),
+          onMouseOut: () => setOptionDisableOverride(false),
+        }}
         showUnderline={hasAskSeerConsentFlowChanges}
         disabled={!hasAskSeerConsentFlowChanges}
       >
         <AskSeerLabel {...labelProps}>
           {t('Ask Seer to build your query')} <FeatureBadge type="beta" />
         </AskSeerLabel>
-      </Tooltip>
+      </AiPrivacyTooltip>
     </AskSeerListItem>
   );
 }
diff --git a/static/app/components/searchQueryBuilder/index.spec.tsx b/static/app/components/searchQueryBuilder/index.spec.tsx
@@ -4875,11 +4875,11 @@ describe('SearchQueryBuilder', () => {
 
         await userEvent.hover(askSeerText);
 
-        const tooltipTitle = await screen.findByText(/Powered by generative AI/);
+        const tooltipTitle = await screen.findByText(/Powered by genAI/);
         expect(tooltipTitle).toBeInTheDocument();
         expect(tooltipTitle).toBeVisible();
 
-        const tooltipLink = screen.getByText(/AI privacy principles/);
+        const tooltipLink = screen.getByText(/Learn more/);
         expect(tooltipLink).toBeInTheDocument();
         expect(tooltipLink).toBeVisible();
         expect(tooltipLink).toHaveAttribute(
diff --git a/static/app/data/forms/userFeedback.tsx b/static/app/data/forms/userFeedback.tsx
@@ -1,3 +1,6 @@
+import {Fragment} from 'react';
+
+import {AiPrivacyNotice} from 'sentry/components/aiPrivacyTooltip';
 import type {JsonFormObject} from 'sentry/components/forms/types';
 import {t, tct} from 'sentry/locale';
 
@@ -43,15 +46,13 @@ const formGroups: JsonFormObject[] = [
         name: 'sentry:feedback_ai_spam_detection',
         type: 'boolean',
         label: t('Enable Spam Detection'),
-        help: () =>
-          tct(
-            'Toggles whether or not to enable auto spam detection in User Feedback. Powered by generative AI. Learn more about our [link:AI privacy principles].',
-            {
-              link: (
-                <a href="https://docs.sentry.io/product/ai-in-sentry/ai-privacy-and-security/" />
-              ),
-            }
-          ),
+        help: () => (
+          <Fragment>
+            {t('Toggles whether or not to enable auto spam detection in User Feedback.')}
+            <br />
+            <AiPrivacyNotice />
+          </Fragment>
+        ),
         getData: data => ({options: data}),
         visible: ({features, hasAiEnabled}) =>
           features.has('user-feedback-spam-ingest') && hasAiEnabled,
diff --git a/static/app/views/issueDetails/streamline/sidebar/seerDrawer.tsx b/static/app/views/issueDetails/streamline/sidebar/seerDrawer.tsx
@@ -3,13 +3,14 @@ import {css} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import Feature from 'sentry/components/acl/feature';
+import {AiPrivacyNotice} from 'sentry/components/aiPrivacyTooltip';
 import {Breadcrumbs as NavigationBreadcrumbs} from 'sentry/components/breadcrumbs';
 import {ProjectAvatar} from 'sentry/components/core/avatar/projectAvatar';
 import {Button} from 'sentry/components/core/button';
 import {ButtonBar} from 'sentry/components/core/button/buttonBar';
 import {LinkButton} from 'sentry/components/core/button/linkButton';
 import {Flex, Stack} from 'sentry/components/core/layout';
-import {ExternalLink, Link} from 'sentry/components/core/link';
+import {Link} from 'sentry/components/core/link';
 import {DateTime} from 'sentry/components/dateTime';
 import AutofixFeedback from 'sentry/components/events/autofix/autofixFeedback';
 import {AutofixStartBox} from 'sentry/components/events/autofix/autofixStartBox';
@@ -249,14 +250,7 @@ export function SeerDrawer({group, project, event}: SeerDrawerProps) {
               title={
                 <Flex direction="column" gap="md">
                   <div>
-                    {tct(
-                      'Seer models are powered by generative Al. Per our [dataDocs:data usage policies], Sentry does not use your data to train Seer models or share your data with other customers without your express consent.',
-                      {
-                        dataDocs: (
-                          <ExternalLink href="https://docs.sentry.io/product/issues/issue-details/sentry-ai/#data-processing" />
-                        ),
-                      }
-                    )}
+                    <AiPrivacyNotice />
                   </div>
                   <div>
                     {tct('Seer can be turned off in [settingsDocs:Settings].', {
diff --git a/static/gsApp/components/ai/AiSetupDataConsent.tsx b/static/gsApp/components/ai/AiSetupDataConsent.tsx
@@ -4,6 +4,7 @@ import styled from '@emotion/styled';
 import autofixSetupImg from 'sentry-images/features/autofix-setup.svg';
 
 import {addSuccessMessage} from 'sentry/actionCreators/indicator';
+import {AiPrivacyNotice} from 'sentry/components/aiPrivacyTooltip';
 import {Alert} from 'sentry/components/core/alert';
 import {Button} from 'sentry/components/core/button';
 import {Flex} from 'sentry/components/core/layout';
@@ -282,18 +283,9 @@ function AiSetupDataConsent({groupId}: AiSetupDataConsentProps) {
             </ButtonWrapper>
           </Fragment>
         )}
-        {!orgHasAcknowledged && (
-          <LegalText>
-            {tct(
-              'Seer models are powered by generative AI. Per our [dataLink:data usage policies], Sentry does not share AI-generated output from your data with other customers or use your data to train generative AI models without your express consent.',
-              {
-                dataLink: (
-                  <ExternalLink href="https://docs.sentry.io/product/security/ai-ml-policy/#use-of-identifying-data-for-generative-ai-features" />
-                ),
-              }
-            )}
-          </LegalText>
-        )}
+        <LegalText>
+          <AiPrivacyNotice />
+        </LegalText>
       </SingleCard>
       {warnAboutGithubIntegration && (
         <Alert type="warning" showIcon={false}>
