feat(traces): Disable trace links older than 30 days on profiling and event surfaces

nsdeschenes · claude · nsdeschenes · commit 26e76305981a · 2026-04-07T14:02:26.000-03:00
Add 30-day age checks to trace links in profiling headers, flamegraph,
profile events table, span evidence key-value list, profile event
evidence, and statistical detector event display.

Co-Authored-By: Claude Opus 4.6 &lt;noreply@anthropic.com&gt;
diff --git a/static/app/components/events/eventStatisticalDetector/eventComparison/eventDisplay.tsx b/static/app/components/events/eventStatisticalDetector/eventComparison/eventDisplay.tsx
@@ -34,6 +34,7 @@ import {DiscoverDatasets} from 'sentry/utils/discover/types';
 import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
 import {getShortEventId} from 'sentry/utils/events';
 import {useApiQuery} from 'sentry/utils/queryClient';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 
@@ -208,6 +209,7 @@ function EventDisplay({
 
   const waterfallModel = new WaterfallModel(eventData);
   const traceSlug = eventData.contexts?.trace?.trace_id ?? '';
+  const isOld = isPartialSpanOrTraceData(eventData.endTimestamp);
   const fullEventTarget = generateLinkToEventInTraceView({
     eventId: eventData.id,
     traceSlug,
@@ -245,13 +247,19 @@ function EventDisplay({
                 </OverlayTrigger.Button>
               )}
             />
-            <LinkButton
-              tooltipProps={{title: t('Full Event Details')}}
-              size={BUTTON_SIZE}
-              to={fullEventTarget}
-              aria-label={t('Full Event Details')}
-              icon={<IconOpen />}
-            />
+            <Tooltip
+              title={t('Trace data is only available for the last 30 days')}
+              disabled={!isOld}
+            >
+              <LinkButton
+                tooltipProps={{title: isOld ? undefined : t('Full Event Details')}}
+                size={BUTTON_SIZE}
+                to={fullEventTarget}
+                disabled={isOld}
+                aria-label={t('Full Event Details')}
+                icon={<IconOpen />}
+              />
+            </Tooltip>
           </StyledEventControls>
           <div>
             <NavButtons>
@@ -279,7 +287,7 @@ function EventDisplay({
           </div>
         </Flex>
         <ComparisonContentWrapper>
-          <Link to={fullEventTarget}>
+          {isOld ? (
             <MinimapContainer>
               <MinimapPositioningContainer>
                 <ActualMinimap
@@ -297,7 +305,27 @@ function EventDisplay({
                 />
               </MinimapPositioningContainer>
             </MinimapContainer>
-          </Link>
+          ) : (
+            <Link to={fullEventTarget}>
+              <MinimapContainer>
+                <MinimapPositioningContainer>
+                  <ActualMinimap
+                    theme={theme}
+                    spans={waterfallModel.getWaterfall({
+                      viewStart: 0,
+                      viewEnd: 1,
+                    })}
+                    generateBounds={waterfallModel.generateBounds({
+                      viewStart: 0,
+                      viewEnd: 1,
+                    })}
+                    dividerPosition={0}
+                    rootSpan={waterfallModel.rootSpan.span}
+                  />
+                </MinimapPositioningContainer>
+              </MinimapContainer>
+            </Link>
+          )}
 
           <OpsBreakdown event={eventData} operationNameFilters={noFilter} hideHeader />
         </ComparisonContentWrapper>
diff --git a/static/app/components/events/interfaces/performance/spanEvidenceKeyValueList.tsx b/static/app/components/events/interfaces/performance/spanEvidenceKeyValueList.tsx
@@ -24,6 +24,7 @@ import {
   getSpanSubTimings,
   SpanSubTimingName,
 } from 'sentry/components/events/interfaces/spans/utils';
+import {getEventTimestampInSeconds} from 'sentry/components/events/interfaces/utils';
 import {AnnotatedText} from 'sentry/components/events/meta/annotatedText';
 import {t} from 'sentry/locale';
 import type {Entry, EntryRequest, Event, EventTransaction} from 'sentry/types/event';
@@ -40,6 +41,7 @@ import {formatBytesBase2} from 'sentry/utils/bytes/formatBytesBase2';
 import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
 import {toRoundedPercent} from 'sentry/utils/number/toRoundedPercent';
 import {SQLishFormatter} from 'sentry/utils/sqlish/SQLishFormatter';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {safeURL} from 'sentry/utils/url/safeURL';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
@@ -374,10 +376,17 @@ function AIDetectedSpanEvidence({
     organization,
   });
 
+  const eventTimestamp = getEventTimestampInSeconds(event);
+  const isOld = eventTimestamp ? isPartialSpanOrTraceData(eventTimestamp) : false;
   const actionButton = projectSlug ? (
-    <LinkButton size="xs" to={eventDetailsLocation}>
-      {t('View Full Trace')}
-    </LinkButton>
+    <Tooltip
+      title={t('Trace data is only available for the last 30 days')}
+      disabled={!isOld}
+    >
+      <LinkButton size="xs" to={eventDetailsLocation} disabled={isOld}>
+        {t('View Full Trace')}
+      </LinkButton>
+    </Tooltip>
   ) : undefined;
 
   const transactionRow = makeRow(
@@ -616,10 +625,17 @@ const makeTransactionNameRow = (
     organization,
   });
 
+  const eventTimestamp = getEventTimestampInSeconds(event);
+  const isOld = eventTimestamp ? isPartialSpanOrTraceData(eventTimestamp) : false;
   const actionButton = projectSlug ? (
-    <LinkButton size="xs" to={eventDetailsLocation}>
-      {t('View Full Trace')}
-    </LinkButton>
+    <Tooltip
+      title={t('Trace data is only available for the last 30 days')}
+      disabled={!isOld}
+    >
+      <LinkButton size="xs" to={eventDetailsLocation} disabled={isOld}>
+        {t('View Full Trace')}
+      </LinkButton>
+    </Tooltip>
   ) : undefined;
 
   return makeRow(
diff --git a/static/app/components/events/profileEventEvidence.tsx b/static/app/components/events/profileEventEvidence.tsx
@@ -1,11 +1,13 @@
 import {LinkButton} from '@sentry/scraps/button';
+import {Tooltip} from '@sentry/scraps/tooltip';
 
 import {KeyValueList} from 'sentry/components/events/interfaces/keyValueList';
 import {IconProfiling} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
 import {generateProfileFlamechartRouteWithHighlightFrame} from 'sentry/utils/profiling/routes';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
@@ -19,6 +21,7 @@ export function ProfileEventEvidence({event, projectSlug}: ProfileEvidenceProps)
   const evidenceData = event.occurrence?.evidenceData ?? {};
   const evidenceDisplay = event.occurrence?.evidenceDisplay ?? [];
   const traceSlug = event.contexts?.trace?.trace_id ?? '';
+  const isOld = isPartialSpanOrTraceData(evidenceData.timestamp);
 
   const keyValueListData = [
     ...(evidenceData.transactionId && evidenceData.transactionName
@@ -28,18 +31,27 @@ export function ProfileEventEvidence({event, projectSlug}: ProfileEvidenceProps)
             key: 'Transaction Name',
             value: evidenceData.transactionName,
             actionButton: traceSlug ? (
-              <LinkButton
-                size="xs"
-                to={generateLinkToEventInTraceView({
-                  traceSlug,
-                  timestamp: evidenceData.timestamp,
-                  eventId: evidenceData.transactionId,
-                  location: {...location, query: {...location.query, referrer: 'issue'}},
-                  organization,
-                })}
+              <Tooltip
+                title={t('Trace data is only available for the last 30 days')}
+                disabled={!isOld}
               >
-                {t('View Transaction')}
-              </LinkButton>
+                <LinkButton
+                  size="xs"
+                  disabled={isOld}
+                  to={generateLinkToEventInTraceView({
+                    traceSlug,
+                    timestamp: evidenceData.timestamp,
+                    eventId: evidenceData.transactionId,
+                    location: {
+                      ...location,
+                      query: {...location.query, referrer: 'issue'},
+                    },
+                    organization,
+                  })}
+                >
+                  {t('View Transaction')}
+                </LinkButton>
+              </Tooltip>
             ) : null,
           },
         ]
diff --git a/static/app/components/profiling/continuousProfileHeader.tsx b/static/app/components/profiling/continuousProfileHeader.tsx
@@ -2,6 +2,7 @@ import {useCallback, useMemo} from 'react';
 import styled from '@emotion/styled';
 
 import {LinkButton} from '@sentry/scraps/button';
+import {Tooltip} from '@sentry/scraps/tooltip';
 
 import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
 import * as Layout from 'sentry/components/layouts/thirds';
@@ -11,6 +12,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 
@@ -27,6 +29,8 @@ export function ContinuousProfileHeader({transaction}: ContinuousProfileHeader)
     return [{type: 'landing', payload: {query: {}}}];
   }, []);
 
+  const isOld = isPartialSpanOrTraceData(transaction?.endTimestamp);
+
   const transactionTarget = transaction?.id
     ? generateLinkToEventInTraceView({
         timestamp: transaction.endTimestamp ?? '',
@@ -53,9 +57,19 @@ export function ContinuousProfileHeader({transaction}: ContinuousProfileHeader)
       <StyledHeaderActions>
         <FeedbackButton />
         {transactionTarget && (
-          <LinkButton size="sm" onClick={handleGoToTransaction} to={transactionTarget}>
-            {t('Go to Trace')}
-          </LinkButton>
+          <Tooltip
+            title={t('Trace data is only available for the last 30 days')}
+            disabled={!isOld}
+          >
+            <LinkButton
+              size="sm"
+              onClick={handleGoToTransaction}
+              to={transactionTarget}
+              disabled={isOld}
+            >
+              {t('Go to Trace')}
+            </LinkButton>
+          </Tooltip>
         )}
       </StyledHeaderActions>
     </SmallerLayoutHeader>
diff --git a/static/app/components/profiling/flamegraph/flamegraphDrawer/profileDetails.tsx b/static/app/components/profiling/flamegraph/flamegraphDrawer/profileDetails.tsx
@@ -19,6 +19,7 @@ import type {FlamegraphPreferences} from 'sentry/utils/profiling/flamegraph/flam
 import {useFlamegraphPreferences} from 'sentry/utils/profiling/flamegraph/hooks/useFlamegraphPreferences';
 import type {ProfileGroup} from 'sentry/utils/profiling/profile/importProfile';
 import {makeFormatter} from 'sentry/utils/profiling/units/units';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
@@ -283,11 +284,12 @@ function TransactionEventDetails({
       {
         key: 'transaction',
         label: t('Transaction'),
-        value: transactionTarget ? (
-          <Link to={transactionTarget}>{transaction.title}</Link>
-        ) : (
-          transaction.title
-        ),
+        value:
+          transactionTarget && !isPartialSpanOrTraceData(transaction.endTimestamp) ? (
+            <Link to={transactionTarget}>{transaction.title}</Link>
+          ) : (
+            transaction.title
+          ),
       },
       {
         key: 'timestamp',
@@ -410,7 +412,7 @@ function ProfileEventDetails({
                   organization,
                 })
               : null;
-          if (transactionTarget) {
+          if (transactionTarget && !isPartialSpanOrTraceData(transaction?.endTimestamp)) {
             return (
               <DetailsRow key={key}>
                 <strong>{label}:</strong>
diff --git a/static/app/components/profiling/flamegraph/flamegraphSpans.tsx b/static/app/components/profiling/flamegraph/flamegraphSpans.tsx
@@ -26,6 +26,7 @@ import {SpanChartRenderer2D} from 'sentry/utils/profiling/renderers/spansRendere
 import {SpansTextRenderer} from 'sentry/utils/profiling/renderers/spansTextRenderer';
 import type {SpanChart, SpanChartNode} from 'sentry/utils/profiling/spanChart';
 import {Rect} from 'sentry/utils/profiling/speedscope';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {TraceViewSources} from 'sentry/views/performance/newTraceDetails/traceHeader/breadcrumbs';
@@ -451,6 +452,11 @@ export function FlamegraphSpans({
       return;
     }
 
+    if (isPartialSpanOrTraceData(node.span.timestamp)) {
+      addErrorMessage(t('Trace data is only available for the last 30 days'));
+      return;
+    }
+
     const nodePath: Record<string, string> = {};
 
     if (node.span.op === 'transaction' && node.span.event_id) {
diff --git a/static/app/components/profiling/profileEventsTable.tsx b/static/app/components/profiling/profileEventsTable.tsx
@@ -28,6 +28,7 @@ import {getShortEventId} from 'sentry/utils/events';
 import type {EventsResults} from 'sentry/utils/profiling/hooks/types';
 import {generateProfileFlamechartRoute} from 'sentry/utils/profiling/routes';
 import {renderTableHead} from 'sentry/utils/profiling/tableRenderer';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
@@ -175,6 +176,10 @@ function ProfileEventsCell<F extends FieldType>(props: ProfileEventsCellProps<F>
       props.baggage.location
     ).normalizeDateSelection(props.baggage.location);
 
+    if (isPartialSpanOrTraceData(timestamp)) {
+      return <Container>{getShortEventId(traceId)}</Container>;
+    }
+
     return (
       <Container>
         <Link
@@ -200,6 +205,11 @@ function ProfileEventsCell<F extends FieldType>(props: ProfileEventsCellProps<F>
       return <Container>{transactionId}</Container>;
     }
 
+    const txTimestamp = getTimeStampFromTableDateField(props.dataRow.timestamp);
+    if (isPartialSpanOrTraceData(txTimestamp)) {
+      return <Container>{transactionId}</Container>;
+    }
+
     return (
       <Container>
         <Link
diff --git a/static/app/components/profiling/profileHeader.tsx b/static/app/components/profiling/profileHeader.tsx
@@ -2,6 +2,7 @@ import {useCallback, useMemo} from 'react';
 import styled from '@emotion/styled';
 
 import {LinkButton} from '@sentry/scraps/button';
+import {Tooltip} from '@sentry/scraps/tooltip';
 
 import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
 import * as Layout from 'sentry/components/layouts/thirds';
@@ -11,6 +12,7 @@ import type {Event} from 'sentry/types/event';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
 import {isSchema, isSentrySampledProfile} from 'sentry/utils/profiling/guards/profile';
+import {isPartialSpanOrTraceData} from 'sentry/utils/trace/isOlderThan30Days';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProfiles} from 'sentry/views/profiling/profilesProvider';
@@ -42,6 +44,8 @@ function ProfileHeader({transaction, projectId, eventId}: ProfileHeaderProps) {
   const profileId = eventId ?? '';
   const projectSlug = projectId ?? '';
 
+  const isOld = isPartialSpanOrTraceData(transaction?.endTimestamp);
+
   const transactionTarget = transaction?.id
     ? generateLinkToEventInTraceView({
         timestamp: transaction.endTimestamp ?? '',
@@ -91,9 +95,19 @@ function ProfileHeader({transaction, projectId, eventId}: ProfileHeaderProps) {
       <StyledHeaderActions>
         <FeedbackButton />
         {transactionTarget && (
-          <LinkButton size="sm" onClick={handleGoToTransaction} to={transactionTarget}>
-            {t('Go to Trace')}
-          </LinkButton>
+          <Tooltip
+            title={t('Trace data is only available for the last 30 days')}
+            disabled={!isOld}
+          >
+            <LinkButton
+              size="sm"
+              onClick={handleGoToTransaction}
+              to={transactionTarget}
+              disabled={isOld}
+            >
+              {t('Go to Trace')}
+            </LinkButton>
+          </Tooltip>
         )}
       </StyledHeaderActions>
     </SmallerLayoutHeader>
