ref(replay): update frontend consent flow for replay summaries (#102901)

relates to
https://linear.app/getsentry/issue/REPLAY-783/replay-user-feedback-update-enablement-flow-for-feedback-and-session


https://github.com/user-attachments/assets/7be72412-fd9d-40b0-9614-4509532cee06

Author: michellewzhang

static/app/views/replays/detail/ai/ai.tsx

@@ -37,6 +37,7 @@ export default function Ai() {
   const segmentCount = replayRecord?.count_segments ?? 0;
   const project = useProjectFromId({project_id: replayRecord?.project_id});
   const analyticsArea = useAnalyticsArea();
+  const skipConsentFlow = organization.features.includes('gen-ai-consent-flow-removal');
 
   const replayTooLongMessage = t(
     'While in beta phase, we only summarize a small portion of the replay.'
@@ -77,7 +78,8 @@ export default function Ai() {
   }
 
   // check for org seer setup first before attempting to fetch summary
-  if (isOrgSeerSetupPending) {
+  // only do this if consent flow is not skipped
+  if (!skipConsentFlow && isOrgSeerSetupPending) {
     return (
       <Wrapper data-test-id="replay-details-ai-summary-tab">
         <LoadingContainer>
@@ -91,7 +93,8 @@ export default function Ai() {
 
   // If our `replay-ai-summaries` ff is enabled and the org has gen AI ff enabled,
   // but the org hasn't acknowledged the gen AI features, then show CTA.
-  if (!setupAcknowledgement.orgHasAcknowledged) {
+  // only do this if consent flow is not skipped
+  if (!skipConsentFlow && !setupAcknowledgement.orgHasAcknowledged) {
     return (
       <Wrapper data-test-id="replay-details-ai-summary-tab">
         <EndStateContainer>

static/app/views/replays/detail/layout/focusTabs.tsx

@@ -3,11 +3,13 @@ import {css} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import {FeatureBadge} from '@sentry/scraps/badge';
+import {ExternalLink} from '@sentry/scraps/link/link';
+import {Tooltip} from '@sentry/scraps/tooltip/tooltip';
 
 import {Flex} from 'sentry/components/core/layout';
 import {TabList, Tabs} from 'sentry/components/core/tabs';
 import {useOrganizationSeerSetup} from 'sentry/components/events/autofix/useOrganizationSeerSetup';
-import {t} from 'sentry/locale';
+import {t, tct} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {Organization} from 'sentry/types/organization';
 import {trackAnalytics} from 'sentry/utils/analytics';
@@ -36,7 +38,19 @@ function getReplayTabs({
     [TabKey.AI]:
       hasAiSummary && (!isVideoReplay || hasMobileSummary) ? (
         <Flex align="center" gap="sm">
-          {t('AI Summary')}
+          <Tooltip
+            isHoverable
+            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/" />
+                ),
+              }
+            )}
+          >
+            {t('AI Summary')}
+          </Tooltip>
           <FeatureBadge type="beta" />
         </Flex>
       ) : null,