From 3d8d2a337d59e6f1e194318a49d4d8a6a71c258b Mon Sep 17 00:00:00 2001
From: Adrian Bonilla <adrian.bonilla@sentry.io>
Date: Thu, 15 Oct 2026 18:12:05 -0700
Subject: [PATCH 1/5] feat(droppedData): Replace Learn more button with an
 ellipsis menu

---
 .../drawer/droppedDataOutcomeList.spec.tsx    | 21 +++++++++----------
 .../drawer/droppedDataOutcomeList.tsx         | 14 ++++++-------
 2 files changed, 17 insertions(+), 18 deletions(-)

diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
index bf7265f2ee60..a2966676795e 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
@@ -209,21 +209,20 @@ describe('DroppedDataOutcomeList', () => {
       />
     );
 
-    // The fix-this affordance is hidden until the reason chevron is clicked.
-    expect(screen.queryByRole('button', {name: 'Learn more'})).not.toBeInTheDocument();
+    expect(
+      screen.queryByRole('button', {name: 'Reason actions'})
+    ).not.toBeInTheDocument();
 
     await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
 
-    expect(screen.getByRole('button', {name: 'Learn more'})).toBeInTheDocument();
-
-    // Collapsing hides it again.
+    expect(screen.getByRole('button', {name: 'Reason actions'})).toBeInTheDocument();
     await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
-    expect(screen.queryByRole('button', {name: 'Learn more'})).not.toBeInTheDocument();
-
-    // The toggle is reachable from the keyboard.
+    expect(
+      screen.queryByRole('button', {name: 'Reason actions'})
+    ).not.toBeInTheDocument();
     act(() => screen.getByRole('button', {name: 'Toggle fix options'}).focus());
     await userEvent.keyboard('{Enter}');
-    expect(screen.getByRole('button', {name: 'Learn more'})).toBeInTheDocument();
+    expect(screen.getByRole('button', {name: 'Reason actions'})).toBeInTheDocument();
   });
 
   it('shows the long description when a reason row is expanded', async () => {
@@ -271,7 +270,7 @@ describe('DroppedDataOutcomeList', () => {
     );
 
     await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
-    await userEvent.click(screen.getByRole('button', {name: 'Learn more'}));
+    await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
 
     // Project settings deep-links to the usage stats page scoped to the
     // reason's data category.
@@ -309,7 +308,7 @@ describe('DroppedDataOutcomeList', () => {
     );
 
     await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
-    await userEvent.click(screen.getByRole('button', {name: 'Learn more'}));
+    await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
 
     expect(
       screen.getByRole('menuitemradio', {name: 'Project Settings'})
diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
index dac291468223..50afe4131b8b 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
@@ -1,5 +1,6 @@
 import {Fragment, useId, useState} from 'react';
 import {IconChevron} from '@sentry/icons/chevron';
+import {IconEllipsis} from '@sentry/icons/ellipsis';
 
 import {Button} from '@sentry/scraps/button';
 import {useDrawer, useDrawerContentContext} from '@sentry/scraps/drawer';
@@ -86,15 +87,14 @@ function FixThisMenu({
       usePortal
       portalContainerRef={panelRef}
       trigger={(triggerProps, isOpen) => (
-        <OverlayTrigger.Button
+        <OverlayTrigger.IconButton
           {...triggerProps}
-          showChevron={false}
-          variant="primary"
-          size="sm"
+          size="xs"
+          variant="transparent"
+          icon={<IconEllipsis />}
+          aria-label={t('Reason actions')}
           aria-expanded={isOpen}
-        >
-          {t('Learn more')}
-        </OverlayTrigger.Button>
+        />
       )}
     />
   );

From c299ca396a07dff1685a0d610755124609cc546b Mon Sep 17 00:00:00 2001
From: Adrian Bonilla <adrian.bonilla@sentry.io>
Date: Thu, 15 Oct 2026 18:15:39 -0700
Subject: [PATCH 2/5] feat(droppedData): Remove expandable reason rows and long
 descriptions

---
 .../drawer/droppedDataOutcomeList.spec.tsx    | 63 -------------
 .../drawer/droppedDataOutcomeList.tsx         | 87 +++++-------------
 .../components/droppedData/outcomes.spec.tsx  | 25 +----
 .../app/components/droppedData/outcomes.tsx   | 92 -------------------
 4 files changed, 26 insertions(+), 241 deletions(-)

diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
index a2966676795e..5b077a9aa2fd 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
@@ -192,64 +192,6 @@ describe('DroppedDataOutcomeList', () => {
     expect(screen.queryByRole('table')).not.toBeInTheDocument();
   });
 
-  it('reveals the fix options under a reason row via its chevron', async () => {
-    render(
-      <OutcomeList
-        droppedEvents={[
-          DroppedEventFixture({
-            category: 'span',
-            outcome: 'rate_limited',
-            reason: 'smart_rate_limit',
-            start: 0,
-            end: 60_000,
-            count: 10,
-          }),
-        ]}
-        acceptedEvents={[]}
-      />
-    );
-
-    expect(
-      screen.queryByRole('button', {name: 'Reason actions'})
-    ).not.toBeInTheDocument();
-
-    await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
-
-    expect(screen.getByRole('button', {name: 'Reason actions'})).toBeInTheDocument();
-    await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
-    expect(
-      screen.queryByRole('button', {name: 'Reason actions'})
-    ).not.toBeInTheDocument();
-    act(() => screen.getByRole('button', {name: 'Toggle fix options'}).focus());
-    await userEvent.keyboard('{Enter}');
-    expect(screen.getByRole('button', {name: 'Reason actions'})).toBeInTheDocument();
-  });
-
-  it('shows the long description when a reason row is expanded', async () => {
-    render(
-      <OutcomeList
-        droppedEvents={[
-          DroppedEventFixture({
-            outcome: 'client_discard',
-            reason: 'send_error',
-            start: 0,
-            end: 60_000,
-            count: 10,
-          }),
-        ]}
-        acceptedEvents={[]}
-      />
-    );
-
-    const longDescription =
-      'The event reached Sentry but was rejected with an error code.';
-    expect(screen.queryByText(longDescription)).not.toBeInTheDocument();
-
-    await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
-
-    expect(screen.getByText(longDescription)).toBeInTheDocument();
-  });
-
   it('opens the fix-this menu with investigate, settings, and docs entries', async () => {
     const onInvestigate = jest.fn();
     render(
@@ -269,11 +211,7 @@ describe('DroppedDataOutcomeList', () => {
       />
     );
 
-    await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
     await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
-
-    // Project settings deep-links to the usage stats page scoped to the
-    // reason's data category.
     expect(screen.getByRole('menuitemradio', {name: 'Project Settings'})).toHaveAttribute(
       'href',
       expect.stringContaining('/stats/?dataCategory=spans')
@@ -307,7 +245,6 @@ describe('DroppedDataOutcomeList', () => {
       />
     );
 
-    await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
     await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
 
     expect(
diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
index 50afe4131b8b..3cc1550121f9 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
@@ -1,4 +1,4 @@
-import {Fragment, useId, useState} from 'react';
+import {useId, useState} from 'react';
 import {IconChevron} from '@sentry/icons/chevron';
 import {IconEllipsis} from '@sentry/icons/ellipsis';
 
@@ -19,7 +19,6 @@ import {
   dataCategoryInfo,
   formatDroppedShare,
   reasonDescription,
-  reasonLongDescription,
   reasonTitle,
   type OutcomeColors,
 } from 'sentry/components/droppedData/outcomes';
@@ -28,7 +27,7 @@ import {t} from 'sentry/locale';
 import {normalizeUrl} from 'sentry/utils/url/normalizeUrl';
 import {useOrganization} from 'sentry/utils/useOrganization';
 
-const COLUMN_WIDTHS = {reason: '1fr', dropped: '160px', share: '96px', toggle: '48px'};
+const COLUMN_WIDTHS = {reason: '1fr', dropped: '160px', share: '96px', actions: '48px'};
 const TABLE_COLUMNS: TableColumnConfig[] = Object.entries(COLUMN_WIDTHS).map(
   ([key, width]) => ({key, width})
 );
@@ -100,31 +99,6 @@ function FixThisMenu({
   );
 }
 
-function ReasonExpansion({
-  row,
-  onInvestigate,
-}: {
-  row: ReasonRow;
-  onInvestigate?: (row: ReasonRow) => void;
-}) {
-  const longDescription = reasonLongDescription(row.reason);
-
-  return (
-    <SimpleTable.FullWidthRow>
-      <Flex
-        align="center"
-        justify={longDescription ? 'between' : 'end'}
-        gap="md"
-        padding="lg xl"
-        background="secondary"
-      >
-        {longDescription && <Text size="md">{longDescription}</Text>}
-        <FixThisMenu row={row} onInvestigate={onInvestigate} />
-      </Flex>
-    </SimpleTable.FullWidthRow>
-  );
-}
-
 function ReasonTableRow({
   row,
   onInvestigate,
@@ -132,43 +106,32 @@ function ReasonTableRow({
   row: ReasonRow;
   onInvestigate?: (row: ReasonRow) => void;
 }) {
-  const [expanded, setExpanded] = useState(false);
   const description = reasonDescription(row.reason, row.category);
 
   return (
-    <Fragment>
-      <SimpleTable.Row>
-        <SimpleTable.RowCell direction="column" align="start" gap="xs" padding="md xl">
-          <Text size="md">{reasonTitle(row.reason)}</Text>
-          {description && (
-            <Text size="sm" variant="muted">
-              {description}
-            </Text>
-          )}
-        </SimpleTable.RowCell>
-        <SimpleTable.RowCell justify="end" padding="md xl">
-          <Text size="md" variant="muted" tabular>
-            {row.events.toLocaleString()}
-          </Text>
-        </SimpleTable.RowCell>
-        <SimpleTable.RowCell justify="end" padding="md xl">
-          <Text size="md" variant="muted" tabular>
-            {formatDroppedShare(row.shareRatio)}
+    <SimpleTable.Row>
+      <SimpleTable.RowCell direction="column" align="start" gap="xs" padding="md xl">
+        <Text size="md">{reasonTitle(row.reason)}</Text>
+        {description && (
+          <Text size="sm" variant="muted">
+            {description}
           </Text>
-        </SimpleTable.RowCell>
-        <SimpleTable.RowCell justify="center" padding="0">
-          <Button
-            size="xs"
-            variant="transparent"
-            icon={<IconChevron direction={expanded ? 'up' : 'down'} size="md" />}
-            aria-label={t('Toggle fix options')}
-            aria-expanded={expanded}
-            onClick={() => setExpanded(value => !value)}
-          />
-        </SimpleTable.RowCell>
-      </SimpleTable.Row>
-      {expanded && <ReasonExpansion row={row} onInvestigate={onInvestigate} />}
-    </Fragment>
+        )}
+      </SimpleTable.RowCell>
+      <SimpleTable.RowCell justify="end" padding="md xl">
+        <Text size="md" variant="muted" tabular>
+          {row.events.toLocaleString()}
+        </Text>
+      </SimpleTable.RowCell>
+      <SimpleTable.RowCell justify="end" padding="md xl">
+        <Text size="md" variant="muted" tabular>
+          {formatDroppedShare(row.shareRatio)}
+        </Text>
+      </SimpleTable.RowCell>
+      <SimpleTable.RowCell justify="center" padding="0">
+        <FixThisMenu row={row} onInvestigate={onInvestigate} />
+      </SimpleTable.RowCell>
+    </SimpleTable.Row>
   );
 }
 
@@ -204,7 +167,7 @@ function ReasonTable({
           <SimpleTable.HeaderCell align="right" divider={false}>
             <ColumnHeading>{t('Share')}</ColumnHeading>
           </SimpleTable.HeaderCell>
-          <SimpleTable.HeaderCell />
+          <SimpleTable.HeaderCell aria-label={t('Actions')} />
         </SimpleTable.HeaderRow>
       }
     >
diff --git a/static/app/components/droppedData/outcomes.spec.tsx b/static/app/components/droppedData/outcomes.spec.tsx
index 46b2a885c545..250df75d7827 100644
--- a/static/app/components/droppedData/outcomes.spec.tsx
+++ b/static/app/components/droppedData/outcomes.spec.tsx
@@ -1,11 +1,6 @@
 import {ThemeFixture} from 'sentry-fixture/theme';
 
-import {
-  getOutcomeColors,
-  reasonDescription,
-  reasonLongDescription,
-  reasonTitle,
-} from './outcomes';
+import {getOutcomeColors, reasonDescription, reasonTitle} from './outcomes';
 
 describe('getOutcomeColors', () => {
   it('assigns the same colors regardless of input order', () => {
@@ -94,21 +89,3 @@ describe('reasonDescription', () => {
     );
   });
 });
-
-describe('reasonLongDescription', () => {
-  it('returns the long description for a known reason', () => {
-    expect(reasonLongDescription('send_error')).toBe(
-      'The event reached Sentry but was rejected with an error code.'
-    );
-  });
-
-  it('describes category-prefixed quota reasons', () => {
-    expect(reasonLongDescription('span_usage_exceeded')).toBe(
-      reasonLongDescription('usage_exceeded')
-    );
-  });
-
-  it('returns undefined for an unknown reason', () => {
-    expect(reasonLongDescription('some_new_reason')).toBeUndefined();
-  });
-});
diff --git a/static/app/components/droppedData/outcomes.tsx b/static/app/components/droppedData/outcomes.tsx
index 6a830273110e..7dc21d27dd56 100644
--- a/static/app/components/droppedData/outcomes.tsx
+++ b/static/app/components/droppedData/outcomes.tsx
@@ -117,98 +117,6 @@ const REASON_DESCRIPTIONS: Record<
       : t('Your organization hit its quota for this event type.'),
 };
 
-const REASON_LONG_DESCRIPTIONS: Record<string, string> = {
-  backpressure: t(
-    'Your SDK detected that it was under load and automatically reduced trace sampling to keep telemetry processing from putting additional pressure on your application. The discarded spans never left your application.'
-  ),
-  before_send: t(
-    'Your before send function or your ignore spans configuration omitted the event. If you think this is unintentional, double check your Sentry configuration.'
-  ),
-  buffer_overflow: t(
-    'A fixed-size in-memory buffer in the SDK reached its limit and dropped data. This is most often caused by a session replay exceeding its size cap.'
-  ),
-  ignore_spans: t(
-    'Spans matching the ignored spans in your SDK configuration were omitted before being sent to Sentry.'
-  ),
-  network_error: t(
-    'The request failed outright without receiving a response, often caused by ad blockers and browser extensions.'
-  ),
-  no_parent_span: t(
-    'The SDK only records some spans, such as outgoing requests, when a parent span is active. Without one, the span is never created, so no data was lost.'
-  ),
-  queue_overflow: t(
-    'Your application is generating events faster than the SDK can buffer and send them. The SDK allows a limited number of operations in flight at once; beyond that, new events are dropped immediately rather than queued.'
-  ),
-  ratelimit_backoff: t(
-    'Your SDK discarded data locally while backing off, usually because Sentry had earlier told it to pause sending that data type. The real cause is whatever triggered that original limit.'
-  ),
-  sample_rate: t('Events dropped normally due to your configured client sample rate.'),
-  send_error: t('The event reached Sentry but was rejected with an error code.'),
-  'error-message': t(
-    'The event matched a custom glob provided in your error message filter settings.'
-  ),
-  'filtered-transaction': t(
-    "The transaction name matched Sentry's health check filter, which drops transactions for endpoints like /health, /healthz, /ping, and /ready. This filter is enabled by default."
-  ),
-  'ip-address': t(
-    'The event matched a range of IP addresses provided in a custom filter rule.'
-  ),
-  'legacy-browsers': t(
-    'The event was filtered because the reporting browser matched the legacy browsers inbound filter. This rule filters out events from older web browsers that are likely to provide broken telemetry.'
-  ),
-  localhost: t(
-    "The event was filtered because it came from a local address such as localhost or 127.0.0.1. This rule is enabled in your project's inbound filter settings."
-  ),
-  'release-version': t(
-    'The event matched a custom release filter rule provided in your settings.'
-  ),
-  'web-crawlers': t(
-    "Data was filtered because the reporting user agent matched Sentry's list of known web crawlers."
-  ),
-  cors: t(
-    "Data was rejected because the request's Origin header, or its Referer header when there is no Origin, did not match any entry in your project's Allowed Domains. Requests that send neither header always pass."
-  ),
-  internal: t(
-    "This indicates a bug or an infrastructure problem on Sentry's ingestion side. During healthy operation this should be zero."
-  ),
-  invalid_dsc: t(
-    'The trace ID provided in the trace header did not match the trace ID of the spans sent.'
-  ),
-  invalid_json: t('Sentry could not parse the event that was sent.'),
-  invalid_transaction: t(
-    'The transaction was valid JSON but semantically could not be accepted.'
-  ),
-  missing_dsc: t('The envelope contained spans but no trace header.'),
-  timestamp: t(
-    "The event's timestamp was outside the range Sentry accepts, either older than the retention window or too far in the future. This is usually caused by an incorrect clock on the device that sent it."
-  ),
-  'too_large:event': t('The event exceeded the maximum payload size.'),
-  'too_large:log': t('The log event exceeded the maximum payload size.'),
-  'too_large:span': t('The span event exceeded the maximum payload size.'),
-  'too_large:trace_metric': t(
-    'The application metric event exceeded the maximum payload size.'
-  ),
-  'too_large:transaction': t(
-    'The transaction exceeded the maximum payload size. Transactions carry their spans inline, so payload size is usually driven by span count rather than by any single large field.'
-  ),
-  generic: t(
-    "Your requests were throttled by Sentry's edge protection rather than by a quota. This applies to a single DSN key and to all data types, for the duration Sentry indicated in its Retry-After response."
-  ),
-  project_abuse_limit: t(
-    "Your project exceeded Sentry's abuse limit for a data type. This is a rate limit measured over a short window, not your billing quota and not spike protection."
-  ),
-  smart_rate_limit: t(
-    'Spike protection detected a sudden increase in event volume for this project and began dropping events to stop the spike from consuming your quota.'
-  ),
-  usage_exceeded: t(
-    "Your organization's quota for this data category was fully consumed and no pay-as-you-go budget remained."
-  ),
-};
-
-export function reasonLongDescription(reason: string): string | undefined {
-  return REASON_LONG_DESCRIPTIONS[normalizeReason(reason)];
-}
-
 export function dataCategoryInfo(category: string) {
   return Object.values(DATA_CATEGORY_INFO).find(info => info.name === category);
 }

From 61d7e1a16c3999d9e4536810b5a73194ff139654 Mon Sep 17 00:00:00 2001
From: Adrian Bonilla <adrian.bonilla@sentry.io>
Date: Thu, 15 Oct 2026 18:21:20 -0700
Subject: [PATCH 3/5] feat(droppedData): Limit reason actions to docs and
 troubleshoot

---
 .../droppedData/drawer/droppedDataDrawer.tsx  |  6 +-
 .../drawer/droppedDataOutcomeList.spec.tsx    | 31 +++++----
 .../drawer/droppedDataOutcomeList.tsx         | 63 +++++++------------
 .../drawer/useDroppedDataDrawer.spec.tsx      |  7 +--
 .../drawer/useDroppedDataDrawer.tsx           | 14 ++---
 .../app/components/droppedData/outcomes.tsx   |  2 +-
 6 files changed, 52 insertions(+), 71 deletions(-)

diff --git a/static/app/components/droppedData/drawer/droppedDataDrawer.tsx b/static/app/components/droppedData/drawer/droppedDataDrawer.tsx
index abe1fb068559..82e93a1f953b 100644
--- a/static/app/components/droppedData/drawer/droppedDataDrawer.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataDrawer.tsx
@@ -26,13 +26,13 @@ import {useChartInterval} from 'sentry/utils/useChartInterval';
 interface DroppedDataDrawerProps {
   dataset: DiscoverDatasets;
   interval?: string;
-  onInvestigate?: (row: ReasonRow) => void;
+  onTroubleshoot?: (row: ReasonRow) => void;
 }
 
 export function DroppedDataDrawer({
   dataset,
   interval,
-  onInvestigate,
+  onTroubleshoot,
 }: DroppedDataDrawerProps) {
   const theme = useTheme();
   const [chartInterval] = useChartInterval();
@@ -87,7 +87,7 @@ export function DroppedDataDrawer({
             <DroppedDataOutcomeList
               sections={selectedSections}
               colors={outcomeColors}
-              onInvestigate={onInvestigate}
+              onTroubleshoot={onTroubleshoot}
             />
           </Stack>
         )}
diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
index 5b077a9aa2fd..6a8b5056326b 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
@@ -10,17 +10,17 @@ import type {DroppedEventsBucket} from 'sentry/components/droppedData/types';
 function OutcomeList({
   droppedEvents,
   acceptedEvents,
-  onInvestigate,
+  onTroubleshoot,
 }: {
   acceptedEvents: DroppedEventsBucket[];
   droppedEvents: DroppedEventsBucket[];
-  onInvestigate?: (row: ReasonRow) => void;
+  onTroubleshoot?: (row: ReasonRow) => void;
 }) {
   return (
     <DroppedDataOutcomeList
       sections={droppedEventsToOutcomeSections(droppedEvents, acceptedEvents)}
       colors={{}}
-      onInvestigate={onInvestigate}
+      onTroubleshoot={onTroubleshoot}
     />
   );
 }
@@ -192,8 +192,8 @@ describe('DroppedDataOutcomeList', () => {
     expect(screen.queryByRole('table')).not.toBeInTheDocument();
   });
 
-  it('opens the fix-this menu with investigate, settings, and docs entries', async () => {
-    const onInvestigate = jest.fn();
+  it('opens the reason actions menu with docs and troubleshoot entries', async () => {
+    const onTroubleshoot = jest.fn();
     render(
       <OutcomeList
         droppedEvents={[
@@ -207,28 +207,27 @@ describe('DroppedDataOutcomeList', () => {
           }),
         ]}
         acceptedEvents={[]}
-        onInvestigate={onInvestigate}
+        onTroubleshoot={onTroubleshoot}
       />
     );
 
     await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
-    expect(screen.getByRole('menuitemradio', {name: 'Project Settings'})).toHaveAttribute(
-      'href',
-      expect.stringContaining('/stats/?dataCategory=spans')
-    );
 
     expect(screen.getByRole('menuitemradio', {name: 'Go to Docs'})).toHaveAttribute(
       'href',
       expect.stringContaining('docs.sentry.io')
     );
+    expect(
+      screen.queryByRole('menuitemradio', {name: 'Project Settings'})
+    ).not.toBeInTheDocument();
 
-    await userEvent.click(screen.getByRole('menuitemradio', {name: 'Investigate'}));
-    expect(onInvestigate).toHaveBeenCalledWith(
+    await userEvent.click(screen.getByRole('menuitemradio', {name: 'Troubleshoot'}));
+    expect(onTroubleshoot).toHaveBeenCalledWith(
       expect.objectContaining({outcome: 'rate_limited', reason: 'smart_rate_limit'})
     );
   });
 
-  it('hides investigate when there is no Seer hand-off', async () => {
+  it('hides troubleshoot when there is no Seer hand-off', async () => {
     render(
       <OutcomeList
         droppedEvents={[
@@ -247,11 +246,9 @@ describe('DroppedDataOutcomeList', () => {
 
     await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
 
+    expect(screen.getByRole('menuitemradio', {name: 'Go to Docs'})).toBeInTheDocument();
     expect(
-      screen.getByRole('menuitemradio', {name: 'Project Settings'})
-    ).toBeInTheDocument();
-    expect(
-      screen.queryByRole('menuitemradio', {name: 'Investigate'})
+      screen.queryByRole('menuitemradio', {name: 'Troubleshoot'})
     ).not.toBeInTheDocument();
   });
 });
diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
index 3cc1550121f9..1ba833016c17 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
@@ -16,7 +16,6 @@ import type {
   ReasonRow,
 } from 'sentry/components/droppedData/drawer/outcomeSections';
 import {
-  dataCategoryInfo,
   formatDroppedShare,
   reasonDescription,
   reasonTitle,
@@ -24,8 +23,6 @@ import {
 } from 'sentry/components/droppedData/outcomes';
 import {SimpleTable} from 'sentry/components/tables/simpleTable';
 import {t} from 'sentry/locale';
-import {normalizeUrl} from 'sentry/utils/url/normalizeUrl';
-import {useOrganization} from 'sentry/utils/useOrganization';
 
 const COLUMN_WIDTHS = {reason: '1fr', dropped: '160px', share: '96px', actions: '48px'};
 const TABLE_COLUMNS: TableColumnConfig[] = Object.entries(COLUMN_WIDTHS).map(
@@ -33,50 +30,38 @@ const TABLE_COLUMNS: TableColumnConfig[] = Object.entries(COLUMN_WIDTHS).map(
 );
 const HEADER_COLUMNS = Object.values(COLUMN_WIDTHS).join(' ');
 
-function FixThisMenu({
+function ReasonActionsMenu({
   row,
-  onInvestigate,
+  onTroubleshoot,
 }: {
   row: ReasonRow;
-  onInvestigate?: (row: ReasonRow) => void;
+  onTroubleshoot?: (row: ReasonRow) => void;
 }) {
-  const organization = useOrganization();
   const {onClose: closeDroppedDataDrawer} = useDrawerContentContext();
   const {panelRef} = useDrawer();
 
-  const info = dataCategoryInfo(row.category);
-
-  const settingsTo = normalizeUrl(
-    `/settings/${organization.slug}/stats/${info ? `?dataCategory=${info.plural}` : ''}`
-  );
-
   // TODO: this will be a dynamic URL once the per-reason docs page
   // fully up-to-date.
   const docsHref = 'https://docs.sentry.io/';
 
   const items: MenuItemProps[] = [
-    ...(onInvestigate
+    {
+      key: 'docs',
+      label: t('Go to Docs'),
+      externalHref: docsHref,
+    },
+    ...(onTroubleshoot
       ? [
           {
-            key: 'investigate',
-            label: t('Investigate'),
+            key: 'troubleshoot',
+            label: t('Troubleshoot'),
             onAction: () => {
               closeDroppedDataDrawer?.();
-              onInvestigate(row);
+              onTroubleshoot(row);
             },
           },
         ]
       : []),
-    {
-      key: 'project-settings',
-      label: t('Project Settings'),
-      to: settingsTo,
-    },
-    {
-      key: 'docs',
-      label: t('Go to Docs'),
-      externalHref: docsHref,
-    },
   ];
 
   return (
@@ -101,10 +86,10 @@ function FixThisMenu({
 
 function ReasonTableRow({
   row,
-  onInvestigate,
+  onTroubleshoot,
 }: {
   row: ReasonRow;
-  onInvestigate?: (row: ReasonRow) => void;
+  onTroubleshoot?: (row: ReasonRow) => void;
 }) {
   const description = reasonDescription(row.reason, row.category);
 
@@ -129,7 +114,7 @@ function ReasonTableRow({
         </Text>
       </SimpleTable.RowCell>
       <SimpleTable.RowCell justify="center" padding="0">
-        <FixThisMenu row={row} onInvestigate={onInvestigate} />
+        <ReasonActionsMenu row={row} onTroubleshoot={onTroubleshoot} />
       </SimpleTable.RowCell>
     </SimpleTable.Row>
   );
@@ -146,11 +131,11 @@ function ColumnHeading({children}: {children: React.ReactNode}) {
 function ReasonTable({
   id,
   reasons,
-  onInvestigate,
+  onTroubleshoot,
 }: {
   id: string;
   reasons: ReasonRow[];
-  onInvestigate?: (row: ReasonRow) => void;
+  onTroubleshoot?: (row: ReasonRow) => void;
 }) {
   return (
     <SimpleTable
@@ -175,7 +160,7 @@ function ReasonTable({
         <ReasonTableRow
           key={`${row.outcome}:${row.reason}`}
           row={row}
-          onInvestigate={onInvestigate}
+          onTroubleshoot={onTroubleshoot}
         />
       ))}
     </SimpleTable>
@@ -185,11 +170,11 @@ function ReasonTable({
 function OutcomeSectionRow({
   section,
   color,
-  onInvestigate,
+  onTroubleshoot,
 }: {
   color: string | undefined;
   section: OutcomeSection;
-  onInvestigate?: (row: ReasonRow) => void;
+  onTroubleshoot?: (row: ReasonRow) => void;
 }) {
   const [expanded, setExpanded] = useState(true);
   const reasonTableId = useId();
@@ -233,7 +218,7 @@ function OutcomeSectionRow({
         <ReasonTable
           id={reasonTableId}
           reasons={section.reasons}
-          onInvestigate={onInvestigate}
+          onTroubleshoot={onTroubleshoot}
         />
       )}
     </Stack>
@@ -243,13 +228,13 @@ function OutcomeSectionRow({
 interface DroppedDataOutcomeListProps {
   colors: OutcomeColors;
   sections: OutcomeSection[];
-  onInvestigate?: (row: ReasonRow) => void;
+  onTroubleshoot?: (row: ReasonRow) => void;
 }
 
 export function DroppedDataOutcomeList({
   sections,
   colors,
-  onInvestigate,
+  onTroubleshoot,
 }: DroppedDataOutcomeListProps) {
   return (
     <Stack gap="md">
@@ -258,7 +243,7 @@ export function DroppedDataOutcomeList({
           key={section.outcome}
           section={section}
           color={colors[section.outcome]}
-          onInvestigate={onInvestigate}
+          onTroubleshoot={onTroubleshoot}
         />
       ))}
     </Stack>
diff --git a/static/app/components/droppedData/drawer/useDroppedDataDrawer.spec.tsx b/static/app/components/droppedData/drawer/useDroppedDataDrawer.spec.tsx
index 9a26f2fa29df..6b7cf191ff99 100644
--- a/static/app/components/droppedData/drawer/useDroppedDataDrawer.spec.tsx
+++ b/static/app/components/droppedData/drawer/useDroppedDataDrawer.spec.tsx
@@ -323,7 +323,7 @@ describe('useDroppedDataDrawer', () => {
     });
   });
 
-  it('hands off to Seer Explorer from a reason’s investigate action', async () => {
+  it('hands off to Seer Explorer from a reason’s troubleshoot action', async () => {
     const seerOrganization = OrganizationFixture({
       openMembership: true,
       hideAiFeatures: false,
@@ -372,9 +372,8 @@ describe('useDroppedDataDrawer', () => {
     await userEvent.click(screen.getByRole('button', {name: 'Open dropped data'}));
     expect(await screen.findByText('10 Dropped Events')).toBeInTheDocument();
 
-    await userEvent.click(screen.getByRole('button', {name: 'Toggle fix options'}));
-    await userEvent.click(screen.getByRole('button', {name: 'Learn more'}));
-    await userEvent.click(screen.getByRole('menuitemradio', {name: 'Investigate'}));
+    await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
+    await userEvent.click(screen.getByRole('menuitemradio', {name: 'Troubleshoot'}));
 
     expect(
       await screen.findByRole('complementary', {name: 'Seer Explorer Drawer'})
diff --git a/static/app/components/droppedData/drawer/useDroppedDataDrawer.tsx b/static/app/components/droppedData/drawer/useDroppedDataDrawer.tsx
index 177aa0198b04..af25d889eb3a 100644
--- a/static/app/components/droppedData/drawer/useDroppedDataDrawer.tsx
+++ b/static/app/components/droppedData/drawer/useDroppedDataDrawer.tsx
@@ -5,7 +5,7 @@ import {useDrawer} from '@sentry/scraps/drawer';
 
 import {DroppedDataDrawer} from 'sentry/components/droppedData/drawer/droppedDataDrawer';
 import type {ReasonRow} from 'sentry/components/droppedData/drawer/outcomeSections';
-import {buildInvestigatePrompt} from 'sentry/components/droppedData/outcomes';
+import {buildTroubleshootPrompt} from 'sentry/components/droppedData/outcomes';
 import {t} from 'sentry/locale';
 import type {DiscoverDatasets} from 'sentry/utils/discover/types';
 import {decodeScalar} from 'sentry/utils/queryString';
@@ -43,10 +43,10 @@ export function useDroppedDataDrawer(
   useEffect(() => {
     openSeerExplorerRef.current = openSeerExplorer;
   });
-  const handleInvestigate = useCallback(
+  const handleTroubleshoot = useCallback(
     (row: ReasonRow) => {
       openSeerExplorerRef.current({
-        initialQuery: buildInvestigatePrompt({
+        initialQuery: buildTroubleshootPrompt({
           dataset,
           outcome: row.outcome,
           reason: row.reason,
@@ -56,8 +56,8 @@ export function useDroppedDataDrawer(
     },
     [dataset]
   );
-  const onInvestigate = isSeerExplorerEnabled(organization)
-    ? handleInvestigate
+  const onTroubleshoot = isSeerExplorerEnabled(organization)
+    ? handleTroubleshoot
     : undefined;
 
   useEffect(() => {
@@ -74,7 +74,7 @@ export function useDroppedDataDrawer(
         <DroppedDataDrawer
           dataset={dataset}
           interval={interval}
-          onInvestigate={onInvestigate}
+          onTroubleshoot={onTroubleshoot}
         />
       ),
       {
@@ -95,7 +95,7 @@ export function useDroppedDataDrawer(
     openDrawer,
     dataset,
     interval,
-    onInvestigate,
+    onTroubleshoot,
     pathname,
     setIsDrawerInUrl,
   ]);
diff --git a/static/app/components/droppedData/outcomes.tsx b/static/app/components/droppedData/outcomes.tsx
index 7dc21d27dd56..089364164cd6 100644
--- a/static/app/components/droppedData/outcomes.tsx
+++ b/static/app/components/droppedData/outcomes.tsx
@@ -128,7 +128,7 @@ export function reasonDescription(reason: string, category: string): string | un
     : description;
 }
 
-export function buildInvestigatePrompt(args: {
+export function buildTroubleshootPrompt(args: {
   category: string;
   dataset: DiscoverDatasets;
   outcome: string;

From 81f4b1d48ed590fd33dbd58812c870e9f66b586b Mon Sep 17 00:00:00 2001
From: Adrian Bonilla <adrian.bonilla@sentry.io>
Date: Thu, 15 Oct 2026 18:24:06 -0700
Subject: [PATCH 4/5] feat(droppedData): Show reason descriptions on hover

---
 .../drawer/droppedDataOutcomeList.spec.tsx    | 24 ++++++++++++-------
 .../drawer/droppedDataOutcomeList.tsx         | 24 ++++++++-----------
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
index 6a8b5056326b..04560558ad63 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.spec.tsx
@@ -94,7 +94,7 @@ describe('DroppedDataOutcomeList', () => {
     expect(screen.queryByText(/ of /)).not.toBeInTheDocument();
   });
 
-  it('renders the short description under the reason title', () => {
+  it('shows the short description when hovering the reason title', async () => {
     render(
       <OutcomeList
         droppedEvents={[
@@ -110,12 +110,15 @@ describe('DroppedDataOutcomeList', () => {
       />
     );
 
-    expect(
-      screen.getByText("User agent matched Sentry's known crawler list.")
-    ).toBeInTheDocument();
+    const description = "User agent matched Sentry's known crawler list.";
+    expect(screen.queryByText(description)).not.toBeInTheDocument();
+
+    await userEvent.hover(screen.getByText('Web crawler filter'));
+
+    expect(await screen.findByText(description)).toBeInTheDocument();
   });
 
-  it('fills the data type into the description from the event category', () => {
+  it('fills the data type into the description from the event category', async () => {
     render(
       <OutcomeList
         droppedEvents={[
@@ -132,8 +135,10 @@ describe('DroppedDataOutcomeList', () => {
       />
     );
 
+    await userEvent.hover(screen.getByText('Project abuse limit'));
+
     expect(
-      screen.getByText('Your log events exceeded the project abuse limit.')
+      await screen.findByText('Your log events exceeded the project abuse limit.')
     ).toBeInTheDocument();
   });
 
@@ -213,13 +218,14 @@ describe('DroppedDataOutcomeList', () => {
 
     await userEvent.click(screen.getByRole('button', {name: 'Reason actions'}));
 
+    expect(screen.getAllByRole('menuitemradio').map(item => item.textContent)).toEqual([
+      'Troubleshoot',
+      'Go to Docs',
+    ]);
     expect(screen.getByRole('menuitemradio', {name: 'Go to Docs'})).toHaveAttribute(
       'href',
       expect.stringContaining('docs.sentry.io')
     );
-    expect(
-      screen.queryByRole('menuitemradio', {name: 'Project Settings'})
-    ).not.toBeInTheDocument();
 
     await userEvent.click(screen.getByRole('menuitemradio', {name: 'Troubleshoot'}));
     expect(onTroubleshoot).toHaveBeenCalledWith(
diff --git a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
index 1ba833016c17..476c63b71a65 100644
--- a/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
+++ b/static/app/components/droppedData/drawer/droppedDataOutcomeList.tsx
@@ -5,6 +5,7 @@ import {IconEllipsis} from '@sentry/icons/ellipsis';
 import {Button} from '@sentry/scraps/button';
 import {useDrawer, useDrawerContentContext} from '@sentry/scraps/drawer';
 import {DropdownMenu, type MenuItemProps} from '@sentry/scraps/dropdownMenu';
+import {InfoText} from '@sentry/scraps/info';
 import {Flex, Grid, Stack} from '@sentry/scraps/layout';
 import {OverlayTrigger} from '@sentry/scraps/overlayTrigger';
 import type {TableColumnConfig} from '@sentry/scraps/table';
@@ -45,11 +46,6 @@ function ReasonActionsMenu({
   const docsHref = 'https://docs.sentry.io/';
 
   const items: MenuItemProps[] = [
-    {
-      key: 'docs',
-      label: t('Go to Docs'),
-      externalHref: docsHref,
-    },
     ...(onTroubleshoot
       ? [
           {
@@ -62,6 +58,11 @@ function ReasonActionsMenu({
           },
         ]
       : []),
+    {
+      key: 'docs',
+      label: t('Go to Docs'),
+      externalHref: docsHref,
+    },
   ];
 
   return (
@@ -91,17 +92,12 @@ function ReasonTableRow({
   row: ReasonRow;
   onTroubleshoot?: (row: ReasonRow) => void;
 }) {
-  const description = reasonDescription(row.reason, row.category);
-
   return (
     <SimpleTable.Row>
-      <SimpleTable.RowCell direction="column" align="start" gap="xs" padding="md xl">
-        <Text size="md">{reasonTitle(row.reason)}</Text>
-        {description && (
-          <Text size="sm" variant="muted">
-            {description}
-          </Text>
-        )}
+      <SimpleTable.RowCell padding="md xl">
+        <InfoText size="md" title={reasonDescription(row.reason, row.category)}>
+          {reasonTitle(row.reason)}
+        </InfoText>
       </SimpleTable.RowCell>
       <SimpleTable.RowCell justify="end" padding="md xl">
         <Text size="md" variant="muted" tabular>

From 5052413a0271db0f3ca968721bce9e4d9b748123 Mon Sep 17 00:00:00 2001
From: Adrian Bonilla <adrian.bonilla@sentry.io>
Date: Thu, 15 Oct 2026 18:39:22 -0700
Subject: [PATCH 5/5] ref(droppedData): Stop exporting dataCategoryInfo

---
 static/app/components/droppedData/outcomes.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/components/droppedData/outcomes.tsx b/static/app/components/droppedData/outcomes.tsx
index 089364164cd6..8b3b47d9207c 100644
--- a/static/app/components/droppedData/outcomes.tsx
+++ b/static/app/components/droppedData/outcomes.tsx
@@ -117,7 +117,7 @@ const REASON_DESCRIPTIONS: Record<
       : t('Your organization hit its quota for this event type.'),
 };
 
-export function dataCategoryInfo(category: string) {
+function dataCategoryInfo(category: string) {
   return Object.values(DATA_CATEGORY_INFO).find(info => info.name === category);
 }