ref(feedback): Update Seer consent flow for user feedback AI titles, summaries & categories, and spam detection (#102912)

relates to REPLAY-783

Add an AI privacy principles tooltip to the user feedback AI titles, as
well as summaries and categories.

Remove the reference to Seer consent in the existing tooltip for spam
detection if `gen-ai-consent-flow-removal` feature flag enabled.

### AI titles:
<img width="403" height="144" alt="Screenshot 2025-11-07 at 1 29 01 PM"
src="https://github.com/user-attachments/assets/9c4b6106-35b6-4520-8e4a-3c4d898d34dc"
/>

### AI summaries & categories:
<img width="608" height="168" alt="Screenshot 2025-11-07 at 1 27 43 PM"
src="https://github.com/user-attachments/assets/cc0dd9e2-bbf7-4425-ab7b-5b7ff2074109"
/>


### Spam detection:

| `hide-ai-features` | Seer acknowledgement |
`gen-ai-consent-flow-removal` | Tooltip |

|-------------------|------------------------|-------------------------------|---------|
| true/false | false | false | <img width="310" height="152"
alt="Screenshot 2025-11-06 at 2 59 58 PM"
src="https://github.com/user-attachments/assets/2051423e-6e9d-4e49-836b-0a49e90f5ecd"
/> |
| true | true | false | <img width="310" height="152" alt="Screenshot
2025-11-06 at 3 11 46 PM"
src="https://github.com/user-attachments/assets/0ba6563f-3d2f-4a17-adf3-192d6f054f3a"
/> |
| false | true | false | no tooltip |
| true | true/false | true | <img width="310" height="152"
alt="Screenshot 2025-11-06 at 3 12 53 PM"
src="https://github.com/user-attachments/assets/c405427c-c664-401d-a487-24e3a466a0cc"
/> |
| false | true/false | true | no tooltip |

Before:
<img width="768" height="83" alt="Screenshot 2025-11-07 at 10 22 48 AM"
src="https://github.com/user-attachments/assets/c241b042-1158-4fc5-90ef-fda7154401f0"
/>

After:
<img width="778" height="112" alt="Screenshot 2025-11-07 at 10 22 25 AM"
src="https://github.com/user-attachments/assets/f121f68d-ce31-4b5a-a3bc-b2a2c9340753"
/>

Author: srest2021

static/app/components/aiPrivacyTooltip.tsx

@@ -0,0 +1,29 @@
+import type {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'> {
+  children: ReactNode;
+}
+
+/**
+ * A tooltip wrapper that links to AI privacy and security documentation.
+ */
+export function AiPrivacyTooltip({children, ...tooltipProps}: AiPrivacyTooltipProps) {
+  return (
+    <Tooltip
+      isHoverable
+      title={tct(`[link:Learn more]`, {
+        link: (
+          <ExternalLink href="https://docs.sentry.io/product/ai-in-sentry/ai-privacy-and-security/" />
+        ),
+      })}
+      {...tooltipProps}
+    >
+      {children}
+    </Tooltip>
+  );
+}

static/app/components/feedback/feedbackItem/feedbackItemUsername.tsx

@@ -1,6 +1,7 @@
 import {Fragment, useCallback, useId, type CSSProperties} from 'react';
 import styled from '@emotion/styled';
 
+import {AiPrivacyTooltip} from 'sentry/components/aiPrivacyTooltip';
 import {LinkButton} from 'sentry/components/core/button/linkButton';
 import {Flex} from 'sentry/components/core/layout';
 import {Tooltip} from 'sentry/components/core/tooltip';
@@ -69,7 +70,9 @@ export default function FeedbackItemUsername({className, feedbackIssue, style}:
       <Flex align="center" wrap="wrap" gap="xs">
         {isAiSummaryEnabled && summary && (
           <Fragment>
-            <strong>{summary}</strong>
+            <AiPrivacyTooltip>
+              <strong>{summary}</strong>
+            </AiPrivacyTooltip>
             <Purple>•</Purple>
           </Fragment>
         )}

static/app/components/feedback/list/mailboxPicker.tsx

@@ -26,33 +26,56 @@ export default function MailboxPicker({onChange, value}: Props) {
 
   const {areAiFeaturesAllowed, setupAcknowledgement} = useOrganizationSeerSetup();
   const hasSpamFeature = organization.features.includes('user-feedback-spam-ingest');
-  const hasAiFeatures = areAiFeaturesAllowed && setupAcknowledgement.orgHasAcknowledged;
+  const skipConsentFlow = organization.features.includes('gen-ai-consent-flow-removal');
+
+  const getSpamTooltip = () => {
+    if (!hasSpamFeature || isSelfHosted) {
+      return undefined;
+    }
+
+    if (!skipConsentFlow && !setupAcknowledgement.orgHasAcknowledged) {
+      return tct(
+        'Generative AI Features and Seer access are required for auto spam detection. Check that [linkGenAI:Generative AI Features] are toggled on, then view the [linkSeer:Seer settings page] for more information.',
+        {
+          linkSeer: <Link to={`/settings/${organization.slug}/seer/`} />,
+          linkGenAI: (
+            <Link
+              to={{
+                pathname: `/settings/${organization.slug}/`,
+                hash: 'hideAiFeatures',
+              }}
+            />
+          ),
+        }
+      );
+    }
+
+    if (!areAiFeaturesAllowed) {
+      return tct(
+        'Generative AI Features are required for auto spam detection. Check that [linkGenAI:Generative AI Features] are toggled on.',
+        {
+          linkGenAI: (
+            <Link
+              to={{
+                pathname: `/settings/${organization.slug}/`,
+                hash: 'hideAiFeatures',
+              }}
+            />
+          ),
+        }
+      );
+    }
+
+    return undefined;
+  };
 
   const MAILBOXES = [
     {key: 'unresolved', label: t('Inbox')},
     {key: 'resolved', label: t('Resolved')},
     {
       key: 'ignored',
       label: t('Spam'),
-      // only show an AI info tooltip if the org has auto spam detection available,
-      // but not the correct AI flags or seer acknowledgement.
-      tooltip:
-        hasSpamFeature && !hasAiFeatures && !isSelfHosted
-          ? tct(
-              'Generative AI Features and Seer access are required for auto spam detection. Check that [linkGenAI:Generative AI Features] are toggled on, then view the [linkSeer:Seer settings page] for more information.',
-              {
-                linkSeer: <Link to={`/settings/${organization.slug}/seer/`} />,
-                linkGenAI: (
-                  <Link
-                    to={{
-                      pathname: `/settings/${organization.slug}/`,
-                      hash: 'hideAiFeatures',
-                    }}
-                  />
-                ),
-              }
-            )
-          : undefined,
+      tooltip: getSpamTooltip(),
     },
   ];
 

static/app/components/feedback/summaryCategories/feedbackSummaryCategories.tsx

@@ -1,5 +1,6 @@
 import styled from '@emotion/styled';
 
+import {AiPrivacyTooltip} from 'sentry/components/aiPrivacyTooltip';
 import {FeatureBadge} from 'sentry/components/core/badge/featureBadge';
 import {Button} from 'sentry/components/core/button';
 import {Disclosure} from 'sentry/components/core/disclosure';
@@ -75,7 +76,8 @@ export default function FeedbackSummaryCategories() {
           }
         >
           <Flex gap="xs" align="center">
-            {t('Summary')} <FeatureBadge type="new" />
+            <AiPrivacyTooltip>{t('Summary')}</AiPrivacyTooltip>
+            <FeatureBadge type="new" />
           </Flex>
         </Disclosure.Title>
         <Disclosure.Content>

static/app/data/forms/userFeedback.tsx

@@ -43,7 +43,15 @@ const formGroups: JsonFormObject[] = [
         name: 'sentry:feedback_ai_spam_detection',
         type: 'boolean',
         label: t('Enable Spam Detection'),
-        help: t('Toggles whether or not to enable auto spam detection in User Feedback.'),
+        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/" />
+              ),
+            }
+          ),
         getData: data => ({options: data}),
         visible: ({features, hasAiEnabled}) =>
           features.has('user-feedback-spam-ingest') && hasAiEnabled,