From ef655aeab40271ef85f1c56235b9031bc7fae999 Mon Sep 17 00:00:00 2001
From: JonasBa <jonas@badalic.com>
Date: Tue, 7 Apr 2026 22:00:32 +0200
Subject: [PATCH 01/10] docs: Add FeedbackButton TopBar.Slot migration task
 list

Tracks 33 sites where FeedbackButton needs to be wrapped in a
TopBar.Slot when the page frame feature flag is active, so the
top navigation bar can own button placement in that context.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 docs/feedback-button-topbar-migration.md | 509 +++++++++++++++++++++++
 1 file changed, 509 insertions(+)
 create mode 100644 docs/feedback-button-topbar-migration.md

diff --git a/docs/feedback-button-topbar-migration.md b/docs/feedback-button-topbar-migration.md
new file mode 100644
index 00000000000000..685f019838b085
--- /dev/null
+++ b/docs/feedback-button-topbar-migration.md
@@ -0,0 +1,509 @@
+# FeedbackButton → TopBar.Slot Migration
+
+## Overview
+
+When the page frame feature flag is active, `FeedbackButton` instances that live at the top of a
+page (in `Layout.HeaderActions`, `Layout.HeaderContent`, `Layout.Header`, `SettingsPageHeader`
+actions, or styled equivalents) should be rendered into the `TopBar` via a slot instead of inline.
+This allows the top navigation bar to own the button's placement when the new page frame is
+enabled.
+
+## Migration Pattern
+
+For each candidate site:
+
+1. Import `useHasPageFrameFeatureFlag` and call it in the component body.
+2. Import `TopBar` from its module.
+3. Wrap the existing `<FeedbackButton>` in a ternary:
+
+```tsx
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeatureFlag} from 'sentry/views/navigation/useHasPageFrameFeatureFlag';
+
+// Inside the component:
+const hasPageFrameFeatureFlag = useHasPageFrameFeatureFlag();
+
+// In JSX — copy all existing props, pass null as children in the slot version
+// to suppress the default button label:
+{hasPageFrameFeatureFlag ? (
+  <TopBar.Slot name="feedback">
+    <FeedbackButton {...existingProps}>{null}</FeedbackButton>
+  </TopBar.Slot>
+) : (
+  <FeedbackButton {...existingProps} />
+)}
+```
+
+### Rules
+
+- **Always preserve all existing props** (`size`, `feedbackOptions`, `aria-label`, etc.).
+- **Pass `{null}` as children** inside the `TopBar.Slot` version — this prevents the default
+  label from rendering in the top bar context.
+- **Do not change the `else` branch** — the original render must stay identical.
+- **Only wrap, do not move** — leave the button in its existing location in the JSX tree; the
+  slot mechanism handles repositioning.
+
+---
+
+## Task List
+
+### 1 — `static/app/views/alerts/list/header.tsx:82`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton />
+
+// After
+{hasPageFrameFeatureFlag ? (
+  <TopBar.Slot name="feedback"><FeedbackButton>{null}</FeedbackButton></TopBar.Slot>
+) : (
+  <FeedbackButton />
+)}
+```
+
+---
+
+### 2 — `static/app/views/performance/transactionSummary/header.tsx:317`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton />
+```
+
+Same no-props pattern as task 1.
+
+---
+
+### 3 — `static/app/views/insights/pages/domainViewHeader.tsx:138`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton feedbackOptions={feedbackOptions} />
+
+// After
+{hasPageFrameFeatureFlag ? (
+  <TopBar.Slot name="feedback">
+    <FeedbackButton feedbackOptions={feedbackOptions}>{null}</FeedbackButton>
+  </TopBar.Slot>
+) : (
+  <FeedbackButton feedbackOptions={feedbackOptions} />
+)}
+```
+
+---
+
+### 4 — `static/app/views/insights/uptime/views/overview.tsx:85`
+
+Inside `Layout.HeaderActions`. No-props pattern.
+
+---
+
+### 5 — `static/app/views/insights/crons/views/overview.tsx:99`
+
+Inside `Layout.HeaderActions`. No-props pattern.
+
+---
+
+### 6 — `static/app/views/insights/crons/components/monitorHeaderActions.tsx:87`
+
+Inside a `Flex` row; parent `monitorHeader.tsx` places this inside `Layout.HeaderActions`.
+No-props pattern.
+
+---
+
+### 7 — `static/app/views/explore/errors/content.tsx:48`
+
+Sole child of `Layout.HeaderActions`. No-props pattern.
+
+---
+
+### 8 — `static/app/views/explore/logs/content.tsx:123`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton
+  feedbackOptions={{
+    messagePlaceholder: t('How can we make logs work better for you?'),
+    tags: {['feedback.source']: 'logs-listing'},
+  }}
+/>
+```
+
+Preserve `feedbackOptions` in both branches.
+
+---
+
+### 9 — `static/app/views/explore/spans/content.tsx:185`
+
+Inside `Layout.HeaderActions`. No-props pattern.
+
+---
+
+### 10 — `static/app/views/explore/savedQueries/index.tsx:51`
+
+Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
+
+---
+
+### 11 — `static/app/views/explore/multiQueryMode/index.tsx:61`
+
+Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
+
+---
+
+### 12 — `static/app/views/explore/metrics/content.tsx:100`
+
+Sole child of `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton
+  feedbackOptions={{
+    messagePlaceholder: t('How can we make metrics work better for you?'),
+    tags: {
+      ['feedback.source']: 'metrics-listing',
+      ['feedback.owner']: 'performance',
+    },
+  }}
+/>
+```
+
+---
+
+### 13 — `static/app/views/releases/list/index.tsx:428`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton
+  feedbackOptions={{
+    messagePlaceholder: t('How can we improve the Releases experience?'),
+    tags: {['feedback.source']: 'releases-list-header'},
+  }}
+/>
+```
+
+---
+
+### 14 — `static/app/views/dashboards/manage/index.tsx:648`
+
+Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
+
+---
+
+### 15 — `static/app/views/projectDetail/projectDetail.tsx:208`
+
+Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
+
+---
+
+### 16 — `static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx:368`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton
+  size="sm"
+  feedbackOptions={{
+    formTitle: t('Give Feedback'),
+    messagePlaceholder: t('How can we make issue views better for you?'),
+  }}
+/>
+```
+
+---
+
+### 17 — `static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx:26 & 38`
+
+Two instances inside `ButtonActionsWrapper = styled(Layout.HeaderActions)`, in separate render
+branches (error state and loaded state). Both must be wrapped.
+
+```tsx
+// Before (both instances)
+<FeedbackButton size="xs" />
+```
+
+---
+
+### 18 — `static/app/components/profiling/continuousProfileHeader.tsx:54`
+
+Inside `StyledHeaderActions = styled(Layout.HeaderActions)`. No-props pattern.
+
+---
+
+### 19 — `static/app/components/profiling/profileHeader.tsx:92`
+
+Inside `StyledHeaderActions = styled(Layout.HeaderActions)`. No-props pattern.
+
+---
+
+### 20 — `static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx:178`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton
+  feedbackOptions={{
+    tags: {'feedback.source': 'preprod.buildDetails', ...},
+  }}
+/>
+```
+
+Preserve all `feedbackOptions` tags.
+
+---
+
+### 21 — `static/app/views/feedback/feedbackListPage.tsx:156`
+
+Inside `Layout.HeaderActions`.
+
+```tsx
+// Before
+<FeedbackButton
+  size="sm"
+  feedbackOptions={{
+    messagePlaceholder: t('How can we improve the User Feedback experience?'),
+  }}
+/>
+```
+
+---
+
+### 22 — `static/app/views/profiling/content.tsx:391`
+
+Inside `StyledHeaderContent = styled(Layout.HeaderContent)`, sibling of `Layout.Title`.
+No-props pattern.
+
+---
+
+### 23 — `static/app/views/issueDetails/streamline/header/header.tsx:150`
+
+Inside a custom `<Header>` styled component, inside `Flex > Grid` at top of page. Note: this
+button is nested inside an existing conditional — only the `FeedbackButton` branch changes, the
+`else` branch (`<NewIssueExperienceButton />`) is untouched.
+
+```tsx
+// Before
+{hasFeedbackForm && feedback ? (
+  <FeedbackButton
+    aria-label={t('Give feedback on the issue Sentry detected')}
+    size="xs"
+    feedbackOptions={{
+      messagePlaceholder: t('Please provide feedback on the issue Sentry detected.'),
+      tags: {['feedback.source']: feedbackSource},
+    }}
+  />
+) : (
+  <NewIssueExperienceButton />
+)}
+
+// After
+{hasFeedbackForm && feedback ? (
+  hasPageFrameFeatureFlag ? (
+    <TopBar.Slot name="feedback">
+      <FeedbackButton
+        aria-label={t('Give feedback on the issue Sentry detected')}
+        size="xs"
+        feedbackOptions={{
+          messagePlaceholder: t('Please provide feedback on the issue Sentry detected.'),
+          tags: {['feedback.source']: feedbackSource},
+        }}
+      >
+        {null}
+      </FeedbackButton>
+    </TopBar.Slot>
+  ) : (
+    <FeedbackButton
+      aria-label={t('Give feedback on the issue Sentry detected')}
+      size="xs"
+      feedbackOptions={{
+        messagePlaceholder: t('Please provide feedback on the issue Sentry detected.'),
+        tags: {['feedback.source']: feedbackSource},
+      }}
+    />
+  )
+) : (
+  <NewIssueExperienceButton />
+)}
+```
+
+---
+
+### 24 — `static/app/views/performance/newTraceDetails/traceHeader/index.tsx:92`
+
+Inside a `Grid` in a custom trace header (no `Layout.*` primitives, but at top of page).
+
+```tsx
+// Before
+<FeedbackButton
+  size="xs"
+  feedbackOptions={{messagePlaceholder: t('How can we make the trace view better for you?')}}
+/>
+```
+
+---
+
+### 25 — `static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx:43`
+
+Same as task 24 but the skeleton/placeholder version of the trace header.
+
+---
+
+### 26 — `static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx:144`
+
+Inside a `Flex align="center" gap="sm"` in a custom build comparison header.
+
+```tsx
+// Before
+<FeedbackButton
+  feedbackOptions={{
+    tags: {'feedback.source': 'preprod.buildDetails', ...},
+  }}
+/>
+```
+
+---
+
+### 27 — `static/app/views/settings/project/preprod/index.tsx:66`
+
+In the `action` prop of `<SettingsPageHeader>`, inside a `Grid`.
+
+```tsx
+// Before
+<FeedbackButton />
+```
+
+No-props pattern.
+
+---
+
+### 28 — `static/app/views/settings/project/tempest/index.tsx:113`
+
+In the `action` prop of `<SettingsPageHeader>`, inside a `Grid`, alongside
+`<RequestSdkAccessButton>`.
+
+```tsx
+// Before
+<FeedbackButton />
+```
+
+No-props pattern.
+
+---
+
+### 29 — `static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx:84`
+
+In the `action` prop of `<SettingsPageHeader>`.
+
+```tsx
+// Before
+<FeedbackButton
+  size="md"
+  feedbackOptions={{
+    messagePlaceholder: t('How can we make Seer better for you?'),
+    tags: {['feedback.source']: 'seer-settings-wizard'},
+  }}
+/>
+```
+
+---
+
+### 30 — `static/gsApp/views/amCheckout/components/checkoutSuccess.tsx:610`
+
+In a `Flex` alongside a `<LinkButton>` on the checkout success page.
+
+```tsx
+// Before
+<FeedbackButton
+  feedbackOptions={{
+    formTitle: t('Give feedback'),
+    messagePlaceholder: t('How can we make the checkout experience better for you?'),
+  }}
+/>
+```
+
+---
+
+### 31 — `static/app/views/automations/components/automationFeedbackButton.tsx:6`
+
+Thin wrapper component. All call sites are in header context:
+
+- `automations/list.tsx` → `WorkflowEngineListLayout` → `Layout.HeaderActions`
+- `automations/detail.tsx` → `DetailLayout.Actions` → `Layout.HeaderActions`
+- `automations/edit.tsx` → `StyledLayoutHeader = styled(Layout.Header)`
+- `automations/new.tsx` → same as edit.tsx
+
+Migrate inside the wrapper itself to cover all call sites at once.
+
+```tsx
+// Before
+export function AutomationFeedbackButton() {
+  return (
+    <FeedbackButton
+      size="sm"
+      feedbackOptions={{
+        messagePlaceholder: t('How can we improve the alerts experience?'),
+        tags: {['feedback.source']: 'automations'},
+      }}
+    />
+  );
+}
+```
+
+---
+
+### 32 — `static/app/views/detectors/components/monitorFeedbackButton.tsx:6`
+
+Thin wrapper component used in `detectorListActions.tsx` → `WorkflowEngineListLayout` →
+`Layout.HeaderActions`. Migrate inside the wrapper itself.
+
+```tsx
+// Before
+export function MonitorFeedbackButton() {
+  return (
+    <FeedbackButton
+      size="sm"
+      feedbackOptions={{
+        messagePlaceholder: t('How can we improve the monitor experience?'),
+        tags: {['feedback.source']: 'monitors'},
+      }}
+    />
+  );
+}
+```
+
+---
+
+### 33 — `static/app/views/performance/newTraceDetails/traceSummary.tsx:90 & 164`
+
+Two instances:
+
+- **Line 90**: inside `<Flex align="center" padding="xl" gap="md">` in the error state branch.
+- **Line 164**: inside `<Flex justify="end" marginTop="xl">` at the bottom of content,
+  conditionally rendered when `feedback` is truthy.
+
+Both instances:
+
+```tsx
+// Before
+<FeedbackButton
+  size="xs"
+  feedbackOptions={{
+    messagePlaceholder: t('How can we make the trace summary better for you?'),
+    tags: {['feedback.source']: 'trace-summary'},
+  }}
+/>
+```
+
+Both must be wrapped independently.

From b6140f2c2efef09ccc7b0708064ab9917a99547d Mon Sep 17 00:00:00 2001
From: JonasBa <jonas@badalic.com>
Date: Tue, 7 Apr 2026 22:08:00 +0200
Subject: [PATCH 02/10] ref(nav): Wrap FeedbackButton in TopBar.Slot for page
 frame

When the page-frame feature flag is active, FeedbackButton instances
at the top of pages are rendered into the TopBar via a slot instead of
inline, letting the top navigation bar own their placement.

Migrates 33 sites across alerts, explore, insights, profiling,
replays, releases, dashboards, issue details, trace views, preprod,
settings, and automations.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../profiling/continuousProfileHeader.tsx     | 11 ++-
 .../components/profiling/profileHeader.tsx    | 11 ++-
 static/app/views/alerts/list/header.tsx       | 11 ++-
 .../components/automationFeedbackButton.tsx   | 21 +++++
 static/app/views/dashboards/manage/index.tsx  | 11 ++-
 .../components/monitorFeedbackButton.tsx      | 21 +++++
 static/app/views/explore/errors/content.tsx   | 11 ++-
 static/app/views/explore/logs/content.tsx     | 35 ++++++--
 static/app/views/explore/metrics/content.tsx  | 35 ++++++--
 .../views/explore/multiQueryMode/index.tsx    | 11 ++-
 .../app/views/explore/savedQueries/index.tsx  | 11 ++-
 static/app/views/explore/spans/content.tsx    | 11 ++-
 .../app/views/feedback/feedbackListPage.tsx   | 41 ++++++---
 .../crons/components/monitorHeaderActions.tsx | 11 ++-
 .../views/insights/crons/views/overview.tsx   | 11 ++-
 .../views/insights/pages/domainViewHeader.tsx | 11 ++-
 .../views/insights/uptime/views/overview.tsx  | 11 ++-
 .../issueDetails/streamline/header/header.tsx | 46 +++++++---
 .../issueViewsList/issueViewsList.tsx         | 41 ++++++---
 .../newTraceDetails/traceHeader/index.tsx     | 42 +++++++---
 .../traceHeader/placeholder.tsx               | 42 +++++++---
 .../newTraceDetails/traceSummary.tsx          | 83 ++++++++++++++-----
 .../performance/transactionSummary/header.tsx | 11 ++-
 .../header/buildCompareHeaderContent.tsx      | 31 +++++--
 .../header/buildDetailsHeaderContent.tsx      | 31 +++++--
 static/app/views/profiling/content.tsx        | 11 ++-
 .../app/views/projectDetail/projectDetail.tsx | 11 ++-
 static/app/views/releases/list/index.tsx      | 38 ++++++---
 .../header/replayDetailsHeaderActions.tsx     | 19 ++++-
 .../views/settings/project/preprod/index.tsx  | 11 ++-
 .../views/settings/project/tempest/index.tsx  | 11 ++-
 .../amCheckout/components/checkoutSuccess.tsx | 47 ++++++++---
 .../onboarding/onboardingSeatBased.tsx        | 38 ++++++---
 33 files changed, 640 insertions(+), 158 deletions(-)

diff --git a/static/app/components/profiling/continuousProfileHeader.tsx b/static/app/components/profiling/continuousProfileHeader.tsx
index 0c3efebf108d21..f675bc1a9b8b5d 100644
--- a/static/app/components/profiling/continuousProfileHeader.tsx
+++ b/static/app/components/profiling/continuousProfileHeader.tsx
@@ -13,6 +13,8 @@ import {trackAnalytics} from 'sentry/utils/analytics';
 import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 interface ContinuousProfileHeader {
   transaction: Event | null;
@@ -21,6 +23,7 @@ interface ContinuousProfileHeader {
 export function ContinuousProfileHeader({transaction}: ContinuousProfileHeader) {
   const location = useLocation();
   const organization = useOrganization();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   // @TODO add breadcrumbs when other views are implemented
   const breadCrumbs = useMemo((): ProfilingBreadcrumbsProps['trails'] => {
@@ -51,7 +54,13 @@ export function ContinuousProfileHeader({transaction}: ContinuousProfileHeader)
         </SmallerProfilingBreadcrumbsWrapper>
       </SmallerHeaderContent>
       <StyledHeaderActions>
-        <FeedbackButton />
+        {hasPageFrameFeature ? (
+          <TopBar.Slot name="feedback">
+            <FeedbackButton>{null}</FeedbackButton>
+          </TopBar.Slot>
+        ) : (
+          <FeedbackButton />
+        )}
         {transactionTarget && (
           <LinkButton size="sm" onClick={handleGoToTransaction} to={transactionTarget}>
             {t('Go to Trace')}
diff --git a/static/app/components/profiling/profileHeader.tsx b/static/app/components/profiling/profileHeader.tsx
index f2ef1609fecc13..270561785dfbf3 100644
--- a/static/app/components/profiling/profileHeader.tsx
+++ b/static/app/components/profiling/profileHeader.tsx
@@ -13,6 +13,8 @@ import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
 import {isSchema, isSentrySampledProfile} from 'sentry/utils/profiling/guards/profile';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {useProfiles} from 'sentry/views/profiling/profilesProvider';
 
 function getTransactionName(input: Profiling.ProfileInput): string {
@@ -36,6 +38,7 @@ function ProfileHeader({transaction, projectId, eventId}: ProfileHeaderProps) {
   const location = useLocation();
   const organization = useOrganization();
   const profiles = useProfiles();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const transactionName =
     profiles.type === 'resolved' ? getTransactionName(profiles.data) : '';
@@ -89,7 +92,13 @@ function ProfileHeader({transaction, projectId, eventId}: ProfileHeaderProps) {
         </SmallerProfilingBreadcrumbsWrapper>
       </SmallerHeaderContent>
       <StyledHeaderActions>
-        <FeedbackButton />
+        {hasPageFrameFeature ? (
+          <TopBar.Slot name="feedback">
+            <FeedbackButton>{null}</FeedbackButton>
+          </TopBar.Slot>
+        ) : (
+          <FeedbackButton />
+        )}
         {transactionTarget && (
           <LinkButton size="sm" onClick={handleGoToTransaction} to={transactionTarget}>
             {t('Go to Trace')}
diff --git a/static/app/views/alerts/list/header.tsx b/static/app/views/alerts/list/header.tsx
index 45d9f39dbb3d1a..8575b98953b047 100644
--- a/static/app/views/alerts/list/header.tsx
+++ b/static/app/views/alerts/list/header.tsx
@@ -15,6 +15,8 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {makeAlertsPathname} from 'sentry/views/alerts/pathnames';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 type Props = {
   activeTab: 'stream' | 'rules';
@@ -25,6 +27,7 @@ export function AlertHeader({activeTab}: Props) {
   const location = useLocation();
   const organization = useOrganization();
   const {selection} = usePageFilters();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   /**
    * Incidents list is currently at the organization level, but the link needs to
    * go down to a specific project scope.
@@ -79,7 +82,13 @@ export function AlertHeader({activeTab}: Props) {
           >
             {t('Create Alert')}
           </CreateAlertButton>
-          <FeedbackButton />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton>{null}</FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton />
+          )}
           <LinkButton
             size="sm"
             onClick={handleNavigateToSettings}
diff --git a/static/app/views/automations/components/automationFeedbackButton.tsx b/static/app/views/automations/components/automationFeedbackButton.tsx
index 0214cc30d57131..e53c0990588e0f 100644
--- a/static/app/views/automations/components/automationFeedbackButton.tsx
+++ b/static/app/views/automations/components/automationFeedbackButton.tsx
@@ -1,7 +1,28 @@
 import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
 import {t} from 'sentry/locale';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export function AutomationFeedbackButton() {
+  const hasPageFrameFeature = useHasPageFrameFeature();
+
+  if (hasPageFrameFeature) {
+    return (
+      <TopBar.Slot name="feedback">
+        <FeedbackButton
+          size="sm"
+          feedbackOptions={{
+            messagePlaceholder: t('How can we improve the alerts experience?'),
+            tags: {
+              ['feedback.source']: 'automations',
+              ['feedback.owner']: 'aci',
+            },
+          }}
+        >{null}</FeedbackButton>
+      </TopBar.Slot>
+    );
+  }
+
   return (
     <FeedbackButton
       size="sm"
diff --git a/static/app/views/dashboards/manage/index.tsx b/static/app/views/dashboards/manage/index.tsx
index 584308e6e56fb7..5e34e00d201d4e 100644
--- a/static/app/views/dashboards/manage/index.tsx
+++ b/static/app/views/dashboards/manage/index.tsx
@@ -43,6 +43,8 @@ import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {DashboardCreateLimitWrapper} from 'sentry/views/dashboards/createLimitWrapper';
 import {getDashboardTemplates} from 'sentry/views/dashboards/data';
 import {useOwnedDashboards} from 'sentry/views/dashboards/hooks/useOwnedDashboards';
@@ -162,6 +164,7 @@ function ManageDashboards() {
   const navigate = useNavigate();
   const location = useLocation();
   const api = useApi();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const dashboardGridRef = useRef<HTMLDivElement>(null);
   const hasPrebuiltDashboards = organization.features.includes(
     'dashboards-prebuilt-insights-dashboards'
@@ -645,7 +648,13 @@ function ManageDashboards() {
                         </TemplateSwitch>
                       )}
 
-                      <FeedbackButton />
+                      {hasPageFrameFeature ? (
+                        <TopBar.Slot name="feedback">
+                          <FeedbackButton>{null}</FeedbackButton>
+                        </TopBar.Slot>
+                      ) : (
+                        <FeedbackButton />
+                      )}
                       <Feature features={['dashboards-ai-generate']}>
                         {({hasFeature: hasAiGenerate}) =>
                           hasAiGenerate && areAiFeaturesAllowed ? (
diff --git a/static/app/views/detectors/components/monitorFeedbackButton.tsx b/static/app/views/detectors/components/monitorFeedbackButton.tsx
index 39b1aa569c2b7c..efd76cdbd09331 100644
--- a/static/app/views/detectors/components/monitorFeedbackButton.tsx
+++ b/static/app/views/detectors/components/monitorFeedbackButton.tsx
@@ -1,7 +1,28 @@
 import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
 import {t} from 'sentry/locale';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export function MonitorFeedbackButton() {
+  const hasPageFrameFeature = useHasPageFrameFeature();
+
+  if (hasPageFrameFeature) {
+    return (
+      <TopBar.Slot name="feedback">
+        <FeedbackButton
+          size="sm"
+          feedbackOptions={{
+            messagePlaceholder: t('How can we improve the monitor experience?'),
+            tags: {
+              ['feedback.source']: 'monitors',
+              ['feedback.owner']: 'aci',
+            },
+          }}
+        >{null}</FeedbackButton>
+      </TopBar.Slot>
+    );
+  }
+
   return (
     <FeedbackButton
       size="sm"
diff --git a/static/app/views/explore/errors/content.tsx b/static/app/views/explore/errors/content.tsx
index c90ebe193d5ce4..c9c656ae24f71a 100644
--- a/static/app/views/explore/errors/content.tsx
+++ b/static/app/views/explore/errors/content.tsx
@@ -2,6 +2,8 @@ import {FeatureBadge} from '@sentry/scraps/badge';
 
 import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
 import * as Layout from 'sentry/components/layouts/thirds';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {PageFiltersContainer} from 'sentry/components/pageFilters/container';
 import {SentryDocumentTitle} from 'sentry/components/sentryDocumentTitle';
 import {t} from 'sentry/locale';
@@ -37,6 +39,7 @@ export default function ErrorsContent() {
 }
 
 function ErrorsHeader() {
+  const hasPageFrameFeature = useHasPageFrameFeature();
   return (
     <Layout.Header unified>
       <Layout.HeaderContent unified>
@@ -45,7 +48,13 @@ function ErrorsHeader() {
         </Layout.Title>
       </Layout.HeaderContent>
       <Layout.HeaderActions>
-        <FeedbackButton />
+        {hasPageFrameFeature ? (
+          <TopBar.Slot name="feedback">
+            <FeedbackButton>{null}</FeedbackButton>
+          </TopBar.Slot>
+        ) : (
+          <FeedbackButton />
+        )}
       </Layout.HeaderActions>
     </Layout.Header>
   );
diff --git a/static/app/views/explore/logs/content.tsx b/static/app/views/explore/logs/content.tsx
index 4ebebdfa5eff23..9eca8d8b0b62eb 100644
--- a/static/app/views/explore/logs/content.tsx
+++ b/static/app/views/explore/logs/content.tsx
@@ -32,6 +32,8 @@ import {
   useQueryParamsTitle,
 } from 'sentry/views/explore/queryParams/context';
 import {TraceItemDataset} from 'sentry/views/explore/types';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
 
 export default function LogsContent() {
@@ -99,6 +101,7 @@ function LogsHeader() {
   const organization = useOrganization();
   const {data: savedQuery} = useGetSavedQuery(pageId);
   const onboardingProject = useOnboardingProject({property: 'hasLogs'});
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const hasSavedQueryTitle =
     defined(pageId) && defined(savedQuery) && savedQuery.name.length > 0;
@@ -120,15 +123,29 @@ function LogsHeader() {
       </Layout.HeaderContent>
       <Layout.HeaderActions>
         <Grid flow="column" align="center" gap="md">
-          <FeedbackButton
-            feedbackOptions={{
-              messagePlaceholder: t('How can we make logs work better for you?'),
-              tags: {
-                ['feedback.source']: 'logs-listing',
-                ['feedback.owner']: 'performance',
-              },
-            }}
-          />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton
+                feedbackOptions={{
+                  messagePlaceholder: t('How can we make logs work better for you?'),
+                  tags: {
+                    ['feedback.source']: 'logs-listing',
+                    ['feedback.owner']: 'performance',
+                  },
+                }}
+              >{null}</FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton
+              feedbackOptions={{
+                messagePlaceholder: t('How can we make logs work better for you?'),
+                tags: {
+                  ['feedback.source']: 'logs-listing',
+                  ['feedback.owner']: 'performance',
+                },
+              }}
+            />
+          )}
           {defined(onboardingProject) && <SetupLogsButton />}
         </Grid>
       </Layout.HeaderActions>
diff --git a/static/app/views/explore/metrics/content.tsx b/static/app/views/explore/metrics/content.tsx
index 723ddbba3e85d6..5a43b99ff27605 100644
--- a/static/app/views/explore/metrics/content.tsx
+++ b/static/app/views/explore/metrics/content.tsx
@@ -25,6 +25,8 @@ import {
 } from 'sentry/views/explore/queryParams/savedQuery';
 import {TraceItemDataset} from 'sentry/views/explore/types';
 import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function MetricsContent() {
   const organization = useOrganization();
@@ -75,6 +77,7 @@ function MetricsHeader() {
   const title = getTitleFromLocation(location, TITLE_KEY);
   const organization = useOrganization();
   const {data: savedQuery} = useGetSavedQuery(pageId);
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const hasSavedQueryTitle =
     defined(pageId) && defined(savedQuery) && savedQuery.name.length > 0;
@@ -97,15 +100,29 @@ function MetricsHeader() {
         </Layout.Title>
       </Layout.HeaderContent>
       <Layout.HeaderActions>
-        <FeedbackButton
-          feedbackOptions={{
-            messagePlaceholder: t('How can we make metrics work better for you?'),
-            tags: {
-              ['feedback.source']: 'metrics-listing',
-              ['feedback.owner']: 'performance',
-            },
-          }}
-        />
+        {hasPageFrameFeature ? (
+          <TopBar.Slot name="feedback">
+            <FeedbackButton
+              feedbackOptions={{
+                messagePlaceholder: t('How can we make metrics work better for you?'),
+                tags: {
+                  ['feedback.source']: 'metrics-listing',
+                  ['feedback.owner']: 'performance',
+                },
+              }}
+            >{null}</FeedbackButton>
+          </TopBar.Slot>
+        ) : (
+          <FeedbackButton
+            feedbackOptions={{
+              messagePlaceholder: t('How can we make metrics work better for you?'),
+              tags: {
+                ['feedback.source']: 'metrics-listing',
+                ['feedback.owner']: 'performance',
+              },
+            }}
+          />
+        )}
       </Layout.HeaderActions>
     </Layout.Header>
   );
diff --git a/static/app/views/explore/multiQueryMode/index.tsx b/static/app/views/explore/multiQueryMode/index.tsx
index e429ca30a6d101..76c95f19ff1f26 100644
--- a/static/app/views/explore/multiQueryMode/index.tsx
+++ b/static/app/views/explore/multiQueryMode/index.tsx
@@ -17,6 +17,8 @@ import {MultiQueryModeContent} from 'sentry/views/explore/multiQueryMode/content
 import {SavedQueryEditMenu} from 'sentry/views/explore/savedQueryEditMenu';
 import {StarSavedQueryButton} from 'sentry/views/explore/starSavedQueryButton';
 import {makeTracesPathname} from 'sentry/views/traces/pathnames';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function MultiQueryMode() {
   const location = useLocation();
@@ -25,6 +27,7 @@ export default function MultiQueryMode() {
 
   const id = getIdFromLocation(location);
   const {data: savedQuery} = useGetSavedQuery(id);
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   return (
     <Feature
@@ -58,7 +61,13 @@ export default function MultiQueryMode() {
             <Grid flow="column" align="center" gap="md">
               <StarSavedQueryButton />
               {defined(id) && savedQuery?.isPrebuilt === false && <SavedQueryEditMenu />}
-              <FeedbackButton />
+              {hasPageFrameFeature ? (
+                <TopBar.Slot name="feedback">
+                  <FeedbackButton>{null}</FeedbackButton>
+                </TopBar.Slot>
+              ) : (
+                <FeedbackButton />
+              )}
             </Grid>
           </Layout.HeaderActions>
         </Layout.Header>
diff --git a/static/app/views/explore/savedQueries/index.tsx b/static/app/views/explore/savedQueries/index.tsx
index 0b44748131f42d..c2ca3f70c20367 100644
--- a/static/app/views/explore/savedQueries/index.tsx
+++ b/static/app/views/explore/savedQueries/index.tsx
@@ -11,6 +11,8 @@ import {IconAdd} from 'sentry/icons/iconAdd';
 import {t} from 'sentry/locale';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {isLogsEnabled} from 'sentry/views/explore/logs/isLogsEnabled';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {getLogsUrl} from 'sentry/views/explore/logs/utils';
 import {SavedQueriesLandingContent} from 'sentry/views/explore/savedQueries/savedQueriesLandingContent';
 import {getExploreUrl} from 'sentry/views/explore/utils';
@@ -19,6 +21,7 @@ export default function SavedQueriesView() {
   const organization = useOrganization();
   const hasLogsFeature = isLogsEnabled(organization);
   const navigate = useNavigate();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const items = [
     {
@@ -48,7 +51,13 @@ export default function SavedQueriesView() {
           </Layout.HeaderContent>
           <Layout.HeaderActions>
             <Grid flow="column" align="center" gap="md">
-              <FeedbackButton />
+              {hasPageFrameFeature ? (
+                <TopBar.Slot name="feedback">
+                  <FeedbackButton>{null}</FeedbackButton>
+                </TopBar.Slot>
+              ) : (
+                <FeedbackButton />
+              )}
               {hasLogsFeature ? (
                 <DropdownMenu
                   items={items}
diff --git a/static/app/views/explore/spans/content.tsx b/static/app/views/explore/spans/content.tsx
index 5a37c296c2a0d5..4a35fe2a32c44f 100644
--- a/static/app/views/explore/spans/content.tsx
+++ b/static/app/views/explore/spans/content.tsx
@@ -45,6 +45,8 @@ import {
 import {StarSavedQueryButton} from 'sentry/views/explore/starSavedQueryButton';
 import {TraceItemDataset} from 'sentry/views/explore/types';
 import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 const CROSS_EVENTS_DATE_OVERRIDE: MaxPickableDaysOptions = {
   defaultPeriod: MAX_PERIOD_FOR_CROSS_EVENTS,
@@ -151,6 +153,7 @@ function SpansTabHeader() {
   const title = useQueryParamsTitle();
   const organization = useOrganization();
   const {data: savedQuery} = useGetSavedQuery(id);
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const hasSavedQueryTitle =
     defined(id) && defined(savedQuery) && savedQuery.name.length > 0;
@@ -182,7 +185,13 @@ function SpansTabHeader() {
         <Grid flow="column" align="center" gap="md">
           <StarSavedQueryButton />
           {defined(id) && savedQuery?.isPrebuilt === false && <SavedQueryEditMenu />}
-          <FeedbackButton />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton>{null}</FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton />
+          )}
         </Grid>
       </Layout.HeaderActions>
     </Layout.Header>
diff --git a/static/app/views/feedback/feedbackListPage.tsx b/static/app/views/feedback/feedbackListPage.tsx
index 6660330939780b..4b581ea6ffdfa2 100644
--- a/static/app/views/feedback/feedbackListPage.tsx
+++ b/static/app/views/feedback/feedbackListPage.tsx
@@ -30,9 +30,12 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useMedia} from 'sentry/utils/useMedia';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {makeAlertsPathname} from 'sentry/views/alerts/pathnames';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function FeedbackListPage() {
   const organization = useOrganization();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const {hasSetupOneFeedback} = useHaveSelectedProjectsSetupFeedback();
   const pageFilters = usePageFilters();
 
@@ -153,17 +156,33 @@ export default function FeedbackListPage() {
             </Layout.HeaderContent>
             <Layout.HeaderActions>
               <Flex gap="lg">
-                <FeedbackButton
-                  size="sm"
-                  feedbackOptions={{
-                    messagePlaceholder: t(
-                      'How can we improve the User Feedback experience?'
-                    ),
-                    tags: {
-                      ['feedback.source']: 'feedback-list',
-                    },
-                  }}
-                />
+                {hasPageFrameFeature ? (
+                  <TopBar.Slot name="feedback">
+                    <FeedbackButton
+                      size="sm"
+                      feedbackOptions={{
+                        messagePlaceholder: t(
+                          'How can we improve the User Feedback experience?'
+                        ),
+                        tags: {
+                          ['feedback.source']: 'feedback-list',
+                        },
+                      }}
+                    >{null}</FeedbackButton>
+                  </TopBar.Slot>
+                ) : (
+                  <FeedbackButton
+                    size="sm"
+                    feedbackOptions={{
+                      messagePlaceholder: t(
+                        'How can we improve the User Feedback experience?'
+                      ),
+                      tags: {
+                        ['feedback.source']: 'feedback-list',
+                      },
+                    }}
+                  />
+                )}
                 <LinkButton
                   size="sm"
                   icon={<IconSiren />}
diff --git a/static/app/views/insights/crons/components/monitorHeaderActions.tsx b/static/app/views/insights/crons/components/monitorHeaderActions.tsx
index 40ed381e41d8fd..9fe38119731cd2 100644
--- a/static/app/views/insights/crons/components/monitorHeaderActions.tsx
+++ b/static/app/views/insights/crons/components/monitorHeaderActions.tsx
@@ -15,6 +15,8 @@ import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {makeAlertsPathname} from 'sentry/views/alerts/pathnames';
 import type {Monitor} from 'sentry/views/insights/crons/types';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {StatusToggleButton} from './statusToggleButton';
 
@@ -29,6 +31,7 @@ export function MonitorHeaderActions({monitor, orgSlug, onUpdate}: Props) {
   const navigate = useNavigate();
   const organization = useOrganization();
   const {selection} = usePageFilters();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const endpointOptions = {
     query: {
@@ -84,7 +87,13 @@ export function MonitorHeaderActions({monitor, orgSlug, onUpdate}: Props) {
 
   return (
     <Flex direction="row" align="center" gap="md" wrap="wrap">
-      <FeedbackButton />
+      {hasPageFrameFeature ? (
+        <TopBar.Slot name="feedback">
+          <FeedbackButton>{null}</FeedbackButton>
+        </TopBar.Slot>
+      ) : (
+        <FeedbackButton />
+      )}
       <Button
         size="sm"
         icon={monitor.isMuted ? <IconSubscribed /> : <IconUnsubscribed />}
diff --git a/static/app/views/insights/crons/views/overview.tsx b/static/app/views/insights/crons/views/overview.tsx
index d2247d63559dcb..31c63bf34a81cd 100644
--- a/static/app/views/insights/crons/views/overview.tsx
+++ b/static/app/views/insights/crons/views/overview.tsx
@@ -45,6 +45,8 @@ import {useCronsUpsertGuideState} from 'sentry/views/insights/crons/components/u
 import {MODULE_DESCRIPTION, MODULE_DOC_LINK} from 'sentry/views/insights/crons/settings';
 import type {Monitor} from 'sentry/views/insights/crons/types';
 import {makeMonitorListQueryKey} from 'sentry/views/insights/crons/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 const CronsListPageHeader = HookOrDefault({
   hookName: 'component:crons-list-page-header',
@@ -55,6 +57,7 @@ function CronsOverview() {
   const navigate = useNavigate();
   const location = useLocation();
   const {guideVisible} = useCronsUpsertGuideState();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const project = decodeList(location.query?.project);
 
   const queryKey = makeMonitorListQueryKey(organization, location.query);
@@ -96,7 +99,13 @@ function CronsOverview() {
         </Layout.HeaderContent>
         <Layout.HeaderActions>
           <Grid flow="column" align="center" gap="md">
-            <FeedbackButton />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton>{null}</FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton />
+            )}
             <Button
               icon={<IconList />}
               size="sm"
diff --git a/static/app/views/insights/pages/domainViewHeader.tsx b/static/app/views/insights/pages/domainViewHeader.tsx
index 4343aad4268246..6cc8c7ee116fb1 100644
--- a/static/app/views/insights/pages/domainViewHeader.tsx
+++ b/static/app/views/insights/pages/domainViewHeader.tsx
@@ -22,6 +22,8 @@ import {useIsLaravelInsightsAvailable} from 'sentry/views/insights/pages/platfor
 import {useIsNextJsInsightsAvailable} from 'sentry/views/insights/pages/platform/nextjs/features';
 import {OVERVIEW_PAGE_TITLE} from 'sentry/views/insights/pages/settings';
 import {useDomainViewFilters} from 'sentry/views/insights/pages/useFilters';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {
   isModuleConsideredNew,
   isModuleEnabled,
@@ -64,6 +66,7 @@ export function DomainViewHeader({
   const isLaravelInsightsAvailable = useIsLaravelInsightsAvailable();
   const isNextJsInsightsAvailable = useIsNextJsInsightsAvailable();
   const {view, isInOverviewPage} = useDomainViewFilters();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const isLaravelInsights = isLaravelInsightsAvailable && isInOverviewPage;
   const isNextJsInsights = isNextJsInsightsAvailable && isInOverviewPage;
@@ -135,7 +138,13 @@ export function DomainViewHeader({
         </Layout.HeaderContent>
         <Layout.HeaderActions>
           <Grid flow="column" align="center" gap="md">
-            <FeedbackButton feedbackOptions={feedbackOptions} />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton feedbackOptions={feedbackOptions}>{null}</FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton feedbackOptions={feedbackOptions} />
+            )}
             {additonalHeaderActions}
           </Grid>
         </Layout.HeaderActions>
diff --git a/static/app/views/insights/uptime/views/overview.tsx b/static/app/views/insights/uptime/views/overview.tsx
index 64df5b7700f1ec..0e0e9f14e10e36 100644
--- a/static/app/views/insights/uptime/views/overview.tsx
+++ b/static/app/views/insights/uptime/views/overview.tsx
@@ -37,11 +37,14 @@ import {useDetectorsQuery} from 'sentry/views/detectors/hooks';
 import {makeMonitorTypePathname} from 'sentry/views/detectors/pathnames';
 import {OverviewTimeline} from 'sentry/views/insights/uptime/components/overviewTimeline';
 import {MODULE_DESCRIPTION, MODULE_DOC_LINK} from 'sentry/views/insights/uptime/settings';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function UptimeOverview() {
   const organization = useOrganization();
   const navigate = useNavigate();
   const location = useLocation();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const project = decodeList(location.query?.project);
   const {projects} = useProjects();
 
@@ -82,7 +85,13 @@ export default function UptimeOverview() {
         </Layout.HeaderContent>
         <Layout.HeaderActions>
           <Grid flow="column" align="center" gap="md">
-            <FeedbackButton />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton>{null}</FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton />
+            )}
             <LinkButton
               size="sm"
               priority="primary"
diff --git a/static/app/views/issueDetails/streamline/header/header.tsx b/static/app/views/issueDetails/streamline/header/header.tsx
index 556118c7da8f59..bee7d5c1a974ae 100644
--- a/static/app/views/issueDetails/streamline/header/header.tsx
+++ b/static/app/views/issueDetails/streamline/header/header.tsx
@@ -52,6 +52,8 @@ import {
   getGroupReprocessingStatus,
   ReprocessingStatus,
 } from 'sentry/views/issueDetails/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 interface GroupHeaderProps {
   event: Event | null;
@@ -90,6 +92,7 @@ export function StreamlinedGroupHeader({event, group, project}: GroupHeaderProps
       ? 'issue_details_query_injection'
       : 'issue_details_n_plus_one_api_calls';
   const {feedback} = useFeedbackSDKIntegration();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const statusProps = getBadgeProperties(group.status, group.substatus);
   const issueTypeConfig = getConfigForIssueType(group, project);
@@ -147,18 +150,37 @@ export function StreamlinedGroupHeader({event, group, project}: GroupHeaderProps
               </LinkButton>
             )}
             {hasFeedbackForm && feedback ? (
-              <FeedbackButton
-                aria-label={t('Give feedback on the issue Sentry detected')}
-                size="xs"
-                feedbackOptions={{
-                  messagePlaceholder: t(
-                    'Please provide feedback on the issue Sentry detected.'
-                  ),
-                  tags: {
-                    ['feedback.source']: feedbackSource,
-                  },
-                }}
-              />
+              hasPageFrameFeature ? (
+                <TopBar.Slot name="feedback">
+                  <FeedbackButton
+                    aria-label={t('Give feedback on the issue Sentry detected')}
+                    size="xs"
+                    feedbackOptions={{
+                      messagePlaceholder: t(
+                        'Please provide feedback on the issue Sentry detected.'
+                      ),
+                      tags: {
+                        ['feedback.source']: feedbackSource,
+                      },
+                    }}
+                  >
+                    {null}
+                  </FeedbackButton>
+                </TopBar.Slot>
+              ) : (
+                <FeedbackButton
+                  aria-label={t('Give feedback on the issue Sentry detected')}
+                  size="xs"
+                  feedbackOptions={{
+                    messagePlaceholder: t(
+                      'Please provide feedback on the issue Sentry detected.'
+                    ),
+                    tags: {
+                      ['feedback.source']: feedbackSource,
+                    },
+                  }}
+                />
+              )
             ) : (
               <NewIssueExperienceButton />
             )}
diff --git a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
index 565c4980aebdb8..6b389c9483166d 100644
--- a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
+++ b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
@@ -25,6 +25,8 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {getIssueViewQueryParams} from 'sentry/views/issueList/issueViews/getIssueViewQueryParams';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {IssueViewsTable} from 'sentry/views/issueList/issueViews/issueViewsList/issueViewsTable';
 import {
   DEFAULT_ENVIRONMENTS,
@@ -325,6 +327,7 @@ export default function IssueViewsList() {
   const organization = useOrganization();
   const navigate = useNavigate();
   const location = useLocation();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const query = typeof location.query.query === 'string' ? location.query.query : '';
   const {mutate: createGroupSearchView, isPending: isCreatingView} =
     useCreateGroupSearchView();
@@ -365,17 +368,33 @@ export default function IssueViewsList() {
           </Layout.HeaderContent>
           <Layout.HeaderActions>
             <Grid flow="column" align="center" gap="md">
-              <FeedbackButton
-                size="sm"
-                feedbackOptions={{
-                  formTitle: t('Give Feedback'),
-                  messagePlaceholder: t('How can we make issue views better for you?'),
-                  tags: {
-                    ['feedback.source']: 'custom_views',
-                    ['feedback.owner']: 'issues',
-                  },
-                }}
-              />
+              {hasPageFrameFeature ? (
+                <TopBar.Slot name="feedback">
+                  <FeedbackButton
+                    size="sm"
+                    feedbackOptions={{
+                      formTitle: t('Give Feedback'),
+                      messagePlaceholder: t('How can we make issue views better for you?'),
+                      tags: {
+                        ['feedback.source']: 'custom_views',
+                        ['feedback.owner']: 'issues',
+                      },
+                    }}
+                  >{null}</FeedbackButton>
+                </TopBar.Slot>
+              ) : (
+                <FeedbackButton
+                  size="sm"
+                  feedbackOptions={{
+                    formTitle: t('Give Feedback'),
+                    messagePlaceholder: t('How can we make issue views better for you?'),
+                    tags: {
+                      ['feedback.source']: 'custom_views',
+                      ['feedback.owner']: 'issues',
+                    },
+                  }}
+                />
+              )}
               <Feature
                 features="organizations:issue-views"
                 hookName="feature-disabled:issue-views"
diff --git a/static/app/views/performance/newTraceDetails/traceHeader/index.tsx b/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
index 5839228c410902..99e772377c80e0 100644
--- a/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
+++ b/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
@@ -14,6 +14,8 @@ import {
 } from 'sentry/views/explore/logs/types';
 import {useModuleURLBuilder} from 'sentry/views/insights/common/utils/useModuleURL';
 import {useDomainViewFilters} from 'sentry/views/insights/pages/useFilters';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import type {TraceMetaQueryResults} from 'sentry/views/performance/newTraceDetails/traceApi/useTraceMeta';
 import type {TraceRootEventQueryResults} from 'sentry/views/performance/newTraceDetails/traceApi/useTraceRootEvent';
 import {Highlights} from 'sentry/views/performance/newTraceDetails/traceHeader/highlights';
@@ -44,6 +46,7 @@ export function TraceMetaDataHeader(props: TraceMetadataHeaderProps) {
   const {view} = useDomainViewFilters();
   const moduleURLBuilder = useModuleURLBuilder(true);
   const {projects} = useProjects();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const {hasLogs, hasMetrics} = useTraceContextSections({
     tree: props.tree,
     logs: props.logs,
@@ -89,16 +92,35 @@ export function TraceMetaDataHeader(props: TraceMetadataHeaderProps) {
             })}
           />
           <Grid flow="column" align="center" gap="md">
-            <FeedbackButton
-              size="xs"
-              feedbackOptions={{
-                messagePlaceholder: t('How can we make the trace view better for you?'),
-                tags: {
-                  ['feedback.source']: 'trace-view',
-                  ['feedback.owner']: 'performance',
-                },
-              }}
-            />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton
+                  size="xs"
+                  feedbackOptions={{
+                    messagePlaceholder: t(
+                      'How can we make the trace view better for you?'
+                    ),
+                    tags: {
+                      ['feedback.source']: 'trace-view',
+                      ['feedback.owner']: 'performance',
+                    },
+                  }}
+                >
+                  {null}
+                </FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton
+                size="xs"
+                feedbackOptions={{
+                  messagePlaceholder: t('How can we make the trace view better for you?'),
+                  tags: {
+                    ['feedback.source']: 'trace-view',
+                    ['feedback.owner']: 'performance',
+                  },
+                }}
+              />
+            )}
           </Grid>
         </TraceHeaderComponents.HeaderRow>
         <TraceHeaderComponents.HeaderRow>
diff --git a/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx b/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
index 889dce26a99ba9..0765e5eb6c5d98 100644
--- a/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
+++ b/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
@@ -8,6 +8,8 @@ import type {Project} from 'sentry/types/project';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useModuleURLBuilder} from 'sentry/views/insights/common/utils/useModuleURL';
 import {useDomainViewFilters} from 'sentry/views/insights/pages/useFilters';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {getTraceViewBreadcrumbs} from './breadcrumbs';
 import {TraceHeaderComponents} from './styles';
@@ -21,6 +23,7 @@ export function PlaceHolder({
   traceSlug: string;
   project?: Project;
 }) {
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const {view} = useDomainViewFilters();
   const moduleURLBuilder = useModuleURLBuilder(true);
   const location = useLocation();
@@ -40,16 +43,35 @@ export function PlaceHolder({
             })}
           />
           <Grid flow="column" align="center" gap="md">
-            <FeedbackButton
-              size="xs"
-              feedbackOptions={{
-                messagePlaceholder: t('How can we make the trace view better for you?'),
-                tags: {
-                  ['feedback.source']: 'trace-view',
-                  ['feedback.owner']: 'performance',
-                },
-              }}
-            />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton
+                  size="xs"
+                  feedbackOptions={{
+                    messagePlaceholder: t(
+                      'How can we make the trace view better for you?'
+                    ),
+                    tags: {
+                      ['feedback.source']: 'trace-view',
+                      ['feedback.owner']: 'performance',
+                    },
+                  }}
+                >
+                  {null}
+                </FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton
+                size="xs"
+                feedbackOptions={{
+                  messagePlaceholder: t('How can we make the trace view better for you?'),
+                  tags: {
+                    ['feedback.source']: 'trace-view',
+                    ['feedback.owner']: 'performance',
+                  },
+                }}
+              />
+            )}
           </Grid>
         </TraceHeaderComponents.HeaderRow>
         <TraceHeaderComponents.HeaderRow>
diff --git a/static/app/views/performance/newTraceDetails/traceSummary.tsx b/static/app/views/performance/newTraceDetails/traceSummary.tsx
index 72c2e7d7cd5717..ab42fc826433ea 100644
--- a/static/app/views/performance/newTraceDetails/traceSummary.tsx
+++ b/static/app/views/performance/newTraceDetails/traceSummary.tsx
@@ -17,6 +17,8 @@ import type {ApiQueryKey} from 'sentry/utils/queryClient';
 import {useApiQuery, useQueryClient} from 'sentry/utils/queryClient';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {getTraceDetailsUrl} from 'sentry/views/performance/traceDetails/utils';
 
 interface SpanInsight {
@@ -76,6 +78,7 @@ function useTraceSummary(traceSlug: string) {
 export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
   const traceContent = useTraceSummary(traceSlug);
   const {feedback} = useFeedbackSDKIntegration();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const organization = useOrganization();
   const location = useLocation();
 
@@ -87,16 +90,35 @@ export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
     return (
       <Flex align="center" padding="xl" gap="md">
         <div>{t('Error loading Trace Summary')}</div>
-        <FeedbackButton
-          size="xs"
-          feedbackOptions={{
-            messagePlaceholder: t('How can we make the trace summary better for you?'),
-            tags: {
-              ['feedback.source']: 'trace-summary',
-              ['feedback.owner']: 'ml-ai',
-            },
-          }}
-        />
+        {hasPageFrameFeature ? (
+          <TopBar.Slot name="feedback">
+            <FeedbackButton
+              size="xs"
+              feedbackOptions={{
+                messagePlaceholder: t(
+                  'How can we make the trace summary better for you?'
+                ),
+                tags: {
+                  ['feedback.source']: 'trace-summary',
+                  ['feedback.owner']: 'ml-ai',
+                },
+              }}
+            >
+              {null}
+            </FeedbackButton>
+          </TopBar.Slot>
+        ) : (
+          <FeedbackButton
+            size="xs"
+            feedbackOptions={{
+              messagePlaceholder: t('How can we make the trace summary better for you?'),
+              tags: {
+                ['feedback.source']: 'trace-summary',
+                ['feedback.owner']: 'ml-ai',
+              },
+            }}
+          />
+        )}
       </Flex>
     );
   }
@@ -161,16 +183,37 @@ export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
 
       {feedback && (
         <Flex justify="end" marginTop="xl">
-          <FeedbackButton
-            size="xs"
-            feedbackOptions={{
-              messagePlaceholder: t('How can we make the trace summary better for you?'),
-              tags: {
-                ['feedback.source']: 'trace-summary',
-                ['feedback.owner']: 'ml-ai',
-              },
-            }}
-          />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton
+                size="xs"
+                feedbackOptions={{
+                  messagePlaceholder: t(
+                    'How can we make the trace summary better for you?'
+                  ),
+                  tags: {
+                    ['feedback.source']: 'trace-summary',
+                    ['feedback.owner']: 'ml-ai',
+                  },
+                }}
+              >
+                {null}
+              </FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton
+              size="xs"
+              feedbackOptions={{
+                messagePlaceholder: t(
+                  'How can we make the trace summary better for you?'
+                ),
+                tags: {
+                  ['feedback.source']: 'trace-summary',
+                  ['feedback.owner']: 'ml-ai',
+                },
+              }}
+            />
+          )}
         </Flex>
       )}
     </SummaryContainer>
diff --git a/static/app/views/performance/transactionSummary/header.tsx b/static/app/views/performance/transactionSummary/header.tsx
index 1584db784ebce7..ff211b891f9ffc 100644
--- a/static/app/views/performance/transactionSummary/header.tsx
+++ b/static/app/views/performance/transactionSummary/header.tsx
@@ -41,6 +41,8 @@ import {replaysRouteWithQuery} from 'sentry/views/performance/transactionSummary
 import {tagsRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionTags/utils';
 import {transactionSummaryRouteWithQuery} from 'sentry/views/performance/transactionSummary/utils';
 import {getSelectedProjectPlatforms} from 'sentry/views/performance/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {Tab} from './tabs';
 import TeamKeyTransactionButton from './teamKeyTransactionButton';
@@ -72,6 +74,7 @@ export function TransactionHeader({
 }: Props) {
   const {isInDomainView, view} = useDomainViewFilters();
   const navigate = useNavigate();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const getNewRoute = useCallback(
     (newTab: Tab) => {
@@ -314,7 +317,13 @@ export function TransactionHeader({
               onChangeThreshold={onChangeThreshold}
             />
           </GuideAnchor>
-          <FeedbackButton />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton>{null}</FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton />
+          )}
         </Grid>
       </Layout.HeaderActions>
       <TabList
diff --git a/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx b/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx
index 73b2ad772b3be8..c96619307d247f 100644
--- a/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx
+++ b/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx
@@ -21,6 +21,8 @@ import {
 import {t} from 'sentry/locale';
 import {useIsSentryEmployee} from 'sentry/utils/useIsSentryEmployee';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {AppIcon} from 'sentry/views/preprod/components/appIcon';
 import {
   isSizeInfoCompleted,
@@ -47,6 +49,7 @@ export function BuildCompareHeaderContent(props: BuildCompareHeaderContentProps)
     props;
   const organization = useOrganization();
   const isSentryEmployee = useIsSentryEmployee();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const labels = getLabels(buildDetails.app_info?.platform ?? undefined);
   const breadcrumbs: Crumb[] = [
     {
@@ -141,13 +144,27 @@ export function BuildCompareHeaderContent(props: BuildCompareHeaderContentProps)
         </Flex>
       </Stack>
       <Flex align="center" gap="sm">
-        <FeedbackButton
-          feedbackOptions={{
-            tags: {
-              'feedback.source': 'preprod.buildDetails',
-            },
-          }}
-        />
+        {hasPageFrameFeature ? (
+          <TopBar.Slot name="feedback">
+            <FeedbackButton
+              feedbackOptions={{
+                tags: {
+                  'feedback.source': 'preprod.buildDetails',
+                },
+              }}
+            >
+              {null}
+            </FeedbackButton>
+          </TopBar.Slot>
+        ) : (
+          <FeedbackButton
+            feedbackOptions={{
+              tags: {
+                'feedback.source': 'preprod.buildDetails',
+              },
+            }}
+          />
+        )}
         {isSentryEmployee &&
           headArtifactId &&
           baseArtifactId &&
diff --git a/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx b/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx
index 661dd3556f6459..158c7fa2fd11b8 100644
--- a/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx
+++ b/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx
@@ -31,6 +31,8 @@ import type {RequestError} from 'sentry/utils/requestError/requestError';
 import {useIsSentryEmployee} from 'sentry/utils/useIsSentryEmployee';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import type {BuildDetailsApiResponse} from 'sentry/views/preprod/types/buildDetailsTypes';
 import {
   isSizeInfoCompleted,
@@ -52,6 +54,7 @@ export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps)
   const organization = useOrganization();
   const navigate = useNavigate();
   const isSentryEmployee = useIsSentryEmployee();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const {buildDetailsQuery, projectSlug, artifactId, projectType} = props;
   const {
     isDeletingArtifact,
@@ -175,13 +178,27 @@ export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps)
 
       <Layout.HeaderActions>
         <Flex align="center" gap="sm" flexShrink={0}>
-          <FeedbackButton
-            feedbackOptions={{
-              tags: {
-                'feedback.source': 'preprod.buildDetails',
-              },
-            }}
-          />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton
+                feedbackOptions={{
+                  tags: {
+                    'feedback.source': 'preprod.buildDetails',
+                  },
+                }}
+              >
+                {null}
+              </FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton
+              feedbackOptions={{
+                tags: {
+                  'feedback.source': 'preprod.buildDetails',
+                },
+              }}
+            />
+          )}
           <Button
             size="sm"
             priority="default"
diff --git a/static/app/views/profiling/content.tsx b/static/app/views/profiling/content.tsx
index 8b3f3b0fa1e571..ccb1a812e13b12 100644
--- a/static/app/views/profiling/content.tsx
+++ b/static/app/views/profiling/content.tsx
@@ -41,6 +41,8 @@ import {useMaxPickableDays} from 'sentry/utils/useMaxPickableDays';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {LandingAggregateFlamegraph} from 'sentry/views/profiling/landingAggregateFlamegraph';
 import {Onboarding} from 'sentry/views/profiling/onboarding';
 
@@ -376,6 +378,7 @@ function shouldShowProfilingOnboardingPanel(selection: PageFilters, projects: Pr
 }
 
 function ProfilingContentPageHeader() {
+  const hasPageFrameFeature = useHasPageFrameFeature();
   return (
     <StyledLayoutHeader unified>
       <StyledHeaderContent unified>
@@ -388,7 +391,13 @@ function ProfilingContentPageHeader() {
             )}
           />
         </Layout.Title>
-        <FeedbackButton />
+        {hasPageFrameFeature ? (
+          <TopBar.Slot name="feedback">
+            <FeedbackButton>{null}</FeedbackButton>
+          </TopBar.Slot>
+        ) : (
+          <FeedbackButton />
+        )}
       </StyledHeaderContent>
     </StyledLayoutHeader>
   );
diff --git a/static/app/views/projectDetail/projectDetail.tsx b/static/app/views/projectDetail/projectDetail.tsx
index 25824a528dc188..ef5339c5c6470e 100644
--- a/static/app/views/projectDetail/projectDetail.tsx
+++ b/static/app/views/projectDetail/projectDetail.tsx
@@ -36,6 +36,8 @@ import {useOrganization} from 'sentry/utils/useOrganization';
 import {useParams} from 'sentry/utils/useParams';
 import {useProjects} from 'sentry/utils/useProjects';
 import {makeProjectsPathname} from 'sentry/views/projects/pathname';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {ERRORS_BASIC_CHART_PERIODS} from './charts/projectErrorsBasicChart';
 import {ProjectScoreCards} from './projectScoreCards/projectScoreCards';
@@ -50,6 +52,7 @@ import {ProjectTeamAccess} from './projectTeamAccess';
 export function ProjectDetail() {
   const api = useApi();
   const params = useParams<{orgId: string; projectId: string}>();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const location = useLocation();
   const navigate = useNavigate();
   const organization = useOrganization();
@@ -205,7 +208,13 @@ export function ProjectDetail() {
 
               <Layout.HeaderActions>
                 <Grid flow="column" align="center" gap="md">
-                  <FeedbackButton />
+                  {hasPageFrameFeature ? (
+                    <TopBar.Slot name="feedback">
+                      <FeedbackButton>{null}</FeedbackButton>
+                    </TopBar.Slot>
+                  ) : (
+                    <FeedbackButton />
+                  )}
                   <LinkButton
                     size="sm"
                     to={
diff --git a/static/app/views/releases/list/index.tsx b/static/app/views/releases/list/index.tsx
index 1bbf566b9ef3b3..535f82be0c311b 100644
--- a/static/app/views/releases/list/index.tsx
+++ b/static/app/views/releases/list/index.tsx
@@ -46,6 +46,8 @@ import {MobileBuilds} from 'sentry/views/releases/list/mobileBuilds';
 import {ReleaseHealthCTA} from 'sentry/views/releases/list/releaseHealthCTA';
 import {ReleaseListInner} from 'sentry/views/releases/list/releaseListInner';
 import {isMobileRelease} from 'sentry/views/releases/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {ReleasesDisplayOption, ReleasesDisplayOptions} from './releasesDisplayOptions';
 import {ReleasesSortOptions} from './releasesSortOptions';
@@ -109,6 +111,7 @@ function makeReleaseListQueryKey({
 export default function ReleasesList() {
   const api = useApi({persistInFlight: true});
   const organization = useOrganization();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const {projects} = useProjects();
   const {selection} = usePageFilters();
   const location = useLocation();
@@ -425,16 +428,31 @@ export default function ReleasesList() {
                   </Layout.Title>
                 </Layout.HeaderContent>
                 <Layout.HeaderActions>
-                  <FeedbackButton
-                    feedbackOptions={{
-                      messagePlaceholder: t(
-                        'How can we improve the Releases experience?'
-                      ),
-                      tags: {
-                        ['feedback.source']: 'releases-list-header',
-                      },
-                    }}
-                  />
+                  {hasPageFrameFeature ? (
+                    <TopBar.Slot name="feedback">
+                      <FeedbackButton
+                        feedbackOptions={{
+                          messagePlaceholder: t(
+                            'How can we improve the Releases experience?'
+                          ),
+                          tags: {
+                            ['feedback.source']: 'releases-list-header',
+                          },
+                        }}
+                      >{null}</FeedbackButton>
+                    </TopBar.Slot>
+                  ) : (
+                    <FeedbackButton
+                      feedbackOptions={{
+                        messagePlaceholder: t(
+                          'How can we improve the Releases experience?'
+                        ),
+                        tags: {
+                          ['feedback.source']: 'releases-list-header',
+                        },
+                      }}
+                    />
+                  )}
                 </Layout.HeaderActions>
               </Flex>
 
diff --git a/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx b/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx
index 94f47b112904f1..0a4bb3b6f018fb 100644
--- a/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx
+++ b/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx
@@ -6,6 +6,8 @@ import {Placeholder} from 'sentry/components/placeholder';
 import {ConfigureReplayCard} from 'sentry/components/replays/header/configureReplayCard';
 import {ReplayLoadingState} from 'sentry/components/replays/player/replayLoadingState';
 import type {useLoadReplayReader} from 'sentry/utils/replays/hooks/useLoadReplayReader';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {ReplayItemDropdown} from 'sentry/views/replays/detail/header/replayItemDropdown';
 
 interface Props {
@@ -13,6 +15,7 @@ interface Props {
 }
 
 export function ReplayDetailsHeaderActions({readerResult}: Props) {
+  const hasPageFrameFeature = useHasPageFrameFeature();
   return (
     <ReplayLoadingState
       readerResult={readerResult}
@@ -23,7 +26,13 @@ export function ReplayDetailsHeaderActions({readerResult}: Props) {
       renderMissing={() => null}
       renderProcessingError={({replayRecord, projectSlug}) => (
         <ButtonActionsWrapper>
-          <FeedbackButton size="xs" />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton size="xs">{null}</FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton size="xs" />
+          )}
           <ConfigureReplayCard isMobile={false} replayRecord={replayRecord} />
           <ReplayItemDropdown
             projectSlug={projectSlug}
@@ -35,7 +44,13 @@ export function ReplayDetailsHeaderActions({readerResult}: Props) {
     >
       {({replay}) => (
         <ButtonActionsWrapper>
-          <FeedbackButton size="xs" />
+          {hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton size="xs">{null}</FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton size="xs" />
+          )}
           <ConfigureReplayCard
             isMobile={replay.isVideoReplay()}
             replayRecord={replay.getReplay()}
diff --git a/static/app/views/settings/project/preprod/index.tsx b/static/app/views/settings/project/preprod/index.tsx
index 79cfa76313cd9d..cfade56f7e7a03 100644
--- a/static/app/views/settings/project/preprod/index.tsx
+++ b/static/app/views/settings/project/preprod/index.tsx
@@ -12,6 +12,8 @@ import {decodeScalar} from 'sentry/utils/queryString';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {PreprodQuotaAlert} from 'sentry/views/preprod/components/preprodQuotaAlert';
 import {SettingsPageHeader} from 'sentry/views/settings/components/settingsPageHeader';
 
@@ -38,6 +40,7 @@ export default function PreprodSettings() {
   const location = useLocation();
   const navigate = useNavigate();
   const organization = useOrganization();
+  const hasPageFrameFeature = useHasPageFrameFeature();
 
   const hasSnapshots = organization.features.includes('preprod-snapshots');
 
@@ -63,7 +66,13 @@ export default function PreprodSettings() {
         )}
         action={
           <Grid flow="column" align="center" gap="lg">
-            <FeedbackButton />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton>{null}</FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton />
+            )}
           </Grid>
         }
       />
diff --git a/static/app/views/settings/project/tempest/index.tsx b/static/app/views/settings/project/tempest/index.tsx
index 76eced2e1f458d..4b78df588c4fd2 100644
--- a/static/app/views/settings/project/tempest/index.tsx
+++ b/static/app/views/settings/project/tempest/index.tsx
@@ -16,6 +16,8 @@ import {useDismissAlert} from 'sentry/utils/useDismissAlert';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {SettingsPageHeader} from 'sentry/views/settings/components/settingsPageHeader';
 import {useProjectSettingsOutlet} from 'sentry/views/settings/project/projectSettingsLayout';
 
@@ -34,6 +36,7 @@ const PS5_WARNING_DISMISS_KEY = 'tempest-ps5-warning-dismissed';
 export default function TempestSettings() {
   const organization = useOrganization();
   const {project} = useProjectSettingsOutlet();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const location = useLocation();
   const navigate = useNavigate();
   const {dismiss: dismissPS5Warning, isDismissed: isPS5WarningDismissed} =
@@ -110,7 +113,13 @@ export default function TempestSettings() {
         title={getPageTitle()}
         action={
           <Grid flow="column" align="center" gap="lg">
-            <FeedbackButton />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton>{null}</FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton />
+            )}
             <RequestSdkAccessButton
               gamingPlatform="playstation"
               organization={organization}
diff --git a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
index 76f79a276af044..a495dcd7f4fb24 100644
--- a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
+++ b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
@@ -16,6 +16,8 @@ import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
 import {t, tct} from 'sentry/locale';
 import {defined} from 'sentry/utils';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {GIGABYTE} from 'getsentry/constants';
 import type {
@@ -505,6 +507,7 @@ export function CheckoutSuccess({
   previewData,
 }: CheckoutSuccessProps) {
   const organization = useOrganization();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const viewSubscriptionQueryParams =
     nextQueryParams.length > 0 ? `?${nextQueryParams.join('&')}` : '';
 
@@ -607,19 +610,37 @@ export function CheckoutSuccess({
             >
               {t('Edit plan')}
             </LinkButton>
-            <FeedbackButton
-              feedbackOptions={{
-                formTitle: t('Give feedback'),
-                messagePlaceholder: t(
-                  'How can we make the checkout experience better for you?'
-                ),
-                tags: {
-                  ['feedback.source']: 'checkout_success',
-                  ['feedback.owner']: 'billing',
-                },
-              }}
-              size="md"
-            />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton
+                  feedbackOptions={{
+                    formTitle: t('Give feedback'),
+                    messagePlaceholder: t(
+                      'How can we make the checkout experience better for you?'
+                    ),
+                    tags: {
+                      ['feedback.source']: 'checkout_success',
+                      ['feedback.owner']: 'billing',
+                    },
+                  }}
+                  size="md"
+                >{null}</FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton
+                feedbackOptions={{
+                  formTitle: t('Give feedback'),
+                  messagePlaceholder: t(
+                    'How can we make the checkout experience better for you?'
+                  ),
+                  tags: {
+                    ['feedback.source']: 'checkout_success',
+                    ['feedback.owner']: 'billing',
+                  },
+                }}
+                size="md"
+              />
+            )}
           </Flex>
         </Flex>
       </Flex>
diff --git a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
index f4e9180abcbc87..cbe26a3153ec24 100644
--- a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
+++ b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
@@ -13,6 +13,8 @@ import {isActiveSuperuser} from 'sentry/utils/isActiveSuperuser';
 import {normalizeUrl} from 'sentry/utils/url/normalizeUrl';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {SettingsPageHeader} from 'sentry/views/settings/components/settingsPageHeader';
 
 import {trackGetsentryAnalytics} from 'getsentry/utils/trackGetsentryAnalytics';
@@ -26,6 +28,7 @@ import {Steps} from './types';
 export function SeerOnboardingSeatBased() {
   const organization = useOrganization();
   const canWrite = useCanWriteSettings();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   const {isPending, initialStep} = useSeerOnboardingStep();
   const navigate = useNavigate();
 
@@ -81,16 +84,31 @@ export function SeerOnboardingSeatBased() {
           'Follow these steps to configure Seer for your organization. Seer helps automatically analyze, fix, and prevent issues in your codebase.'
         )}
         action={
-          <FeedbackButton
-            size="md"
-            feedbackOptions={{
-              messagePlaceholder: t('How can we make Seer better for you?'),
-              tags: {
-                ['feedback.source']: 'seer-settings-wizard',
-                ['feedback.owner']: 'coding-workflows',
-              },
-            }}
-          />
+          hasPageFrameFeature ? (
+            <TopBar.Slot name="feedback">
+              <FeedbackButton
+                size="md"
+                feedbackOptions={{
+                  messagePlaceholder: t('How can we make Seer better for you?'),
+                  tags: {
+                    ['feedback.source']: 'seer-settings-wizard',
+                    ['feedback.owner']: 'coding-workflows',
+                  },
+                }}
+              >{null}</FeedbackButton>
+            </TopBar.Slot>
+          ) : (
+            <FeedbackButton
+              size="md"
+              feedbackOptions={{
+                messagePlaceholder: t('How can we make Seer better for you?'),
+                tags: {
+                  ['feedback.source']: 'seer-settings-wizard',
+                  ['feedback.owner']: 'coding-workflows',
+                },
+              }}
+            />
+          )
         }
       />
 

From 3446474b0dec056ab7ac6b3aad46db80d6f1f630 Mon Sep 17 00:00:00 2001
From: JonasBa <jonas@badalic.com>
Date: Wed, 8 Apr 2026 03:13:03 +0200
Subject: [PATCH 03/10] ref(nav): Remove size prop from FeedbackButton inside
 TopBar.Slot and migrate subscriptionSettingsLayout

Inside TopBar.Slot, the TopBar owns button sizing, so the size prop
on FeedbackButton is redundant. Remove it from all 11 migrated files.

Also migrate subscriptionSettingsLayout.tsx to use TopBar.Slot when
the page-frame feature is active.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 .../components/automationFeedbackButton.tsx   |  1 -
 .../components/monitorFeedbackButton.tsx      |  1 -
 .../app/views/feedback/feedbackListPage.tsx   |  1 -
 .../issueDetails/streamline/header/header.tsx |  1 -
 .../issueViewsList/issueViewsList.tsx         |  1 -
 .../newTraceDetails/traceHeader/index.tsx     |  1 -
 .../traceHeader/placeholder.tsx               |  1 -
 .../newTraceDetails/traceSummary.tsx          |  2 -
 .../header/replayDetailsHeaderActions.tsx     |  4 +-
 .../components/subscriptionSettingsLayout.tsx | 47 ++++++++++++++-----
 .../amCheckout/components/checkoutSuccess.tsx |  1 -
 .../onboarding/onboardingSeatBased.tsx        |  1 -
 12 files changed, 36 insertions(+), 26 deletions(-)

diff --git a/static/app/views/automations/components/automationFeedbackButton.tsx b/static/app/views/automations/components/automationFeedbackButton.tsx
index e53c0990588e0f..8dd4097fea0455 100644
--- a/static/app/views/automations/components/automationFeedbackButton.tsx
+++ b/static/app/views/automations/components/automationFeedbackButton.tsx
@@ -10,7 +10,6 @@ export function AutomationFeedbackButton() {
     return (
       <TopBar.Slot name="feedback">
         <FeedbackButton
-          size="sm"
           feedbackOptions={{
             messagePlaceholder: t('How can we improve the alerts experience?'),
             tags: {
diff --git a/static/app/views/detectors/components/monitorFeedbackButton.tsx b/static/app/views/detectors/components/monitorFeedbackButton.tsx
index efd76cdbd09331..387ae4c15cc8d2 100644
--- a/static/app/views/detectors/components/monitorFeedbackButton.tsx
+++ b/static/app/views/detectors/components/monitorFeedbackButton.tsx
@@ -10,7 +10,6 @@ export function MonitorFeedbackButton() {
     return (
       <TopBar.Slot name="feedback">
         <FeedbackButton
-          size="sm"
           feedbackOptions={{
             messagePlaceholder: t('How can we improve the monitor experience?'),
             tags: {
diff --git a/static/app/views/feedback/feedbackListPage.tsx b/static/app/views/feedback/feedbackListPage.tsx
index 4b581ea6ffdfa2..6c855a0e3da90b 100644
--- a/static/app/views/feedback/feedbackListPage.tsx
+++ b/static/app/views/feedback/feedbackListPage.tsx
@@ -159,7 +159,6 @@ export default function FeedbackListPage() {
                 {hasPageFrameFeature ? (
                   <TopBar.Slot name="feedback">
                     <FeedbackButton
-                      size="sm"
                       feedbackOptions={{
                         messagePlaceholder: t(
                           'How can we improve the User Feedback experience?'
diff --git a/static/app/views/issueDetails/streamline/header/header.tsx b/static/app/views/issueDetails/streamline/header/header.tsx
index bee7d5c1a974ae..17b2816084a445 100644
--- a/static/app/views/issueDetails/streamline/header/header.tsx
+++ b/static/app/views/issueDetails/streamline/header/header.tsx
@@ -154,7 +154,6 @@ export function StreamlinedGroupHeader({event, group, project}: GroupHeaderProps
                 <TopBar.Slot name="feedback">
                   <FeedbackButton
                     aria-label={t('Give feedback on the issue Sentry detected')}
-                    size="xs"
                     feedbackOptions={{
                       messagePlaceholder: t(
                         'Please provide feedback on the issue Sentry detected.'
diff --git a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
index 6b389c9483166d..6b2ad57887468c 100644
--- a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
+++ b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
@@ -371,7 +371,6 @@ export default function IssueViewsList() {
               {hasPageFrameFeature ? (
                 <TopBar.Slot name="feedback">
                   <FeedbackButton
-                    size="sm"
                     feedbackOptions={{
                       formTitle: t('Give Feedback'),
                       messagePlaceholder: t('How can we make issue views better for you?'),
diff --git a/static/app/views/performance/newTraceDetails/traceHeader/index.tsx b/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
index 99e772377c80e0..d605ff3a9bdd97 100644
--- a/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
+++ b/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
@@ -95,7 +95,6 @@ export function TraceMetaDataHeader(props: TraceMetadataHeaderProps) {
             {hasPageFrameFeature ? (
               <TopBar.Slot name="feedback">
                 <FeedbackButton
-                  size="xs"
                   feedbackOptions={{
                     messagePlaceholder: t(
                       'How can we make the trace view better for you?'
diff --git a/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx b/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
index 0765e5eb6c5d98..d7c249fd23f28f 100644
--- a/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
+++ b/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
@@ -46,7 +46,6 @@ export function PlaceHolder({
             {hasPageFrameFeature ? (
               <TopBar.Slot name="feedback">
                 <FeedbackButton
-                  size="xs"
                   feedbackOptions={{
                     messagePlaceholder: t(
                       'How can we make the trace view better for you?'
diff --git a/static/app/views/performance/newTraceDetails/traceSummary.tsx b/static/app/views/performance/newTraceDetails/traceSummary.tsx
index ab42fc826433ea..3fc9431d56a2f0 100644
--- a/static/app/views/performance/newTraceDetails/traceSummary.tsx
+++ b/static/app/views/performance/newTraceDetails/traceSummary.tsx
@@ -93,7 +93,6 @@ export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
         {hasPageFrameFeature ? (
           <TopBar.Slot name="feedback">
             <FeedbackButton
-              size="xs"
               feedbackOptions={{
                 messagePlaceholder: t(
                   'How can we make the trace summary better for you?'
@@ -202,7 +201,6 @@ export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
             </TopBar.Slot>
           ) : (
             <FeedbackButton
-              size="xs"
               feedbackOptions={{
                 messagePlaceholder: t(
                   'How can we make the trace summary better for you?'
diff --git a/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx b/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx
index 0a4bb3b6f018fb..ec36ab8d06418a 100644
--- a/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx
+++ b/static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx
@@ -28,7 +28,7 @@ export function ReplayDetailsHeaderActions({readerResult}: Props) {
         <ButtonActionsWrapper>
           {hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton size="xs">{null}</FeedbackButton>
+              <FeedbackButton>{null}</FeedbackButton>
             </TopBar.Slot>
           ) : (
             <FeedbackButton size="xs" />
@@ -46,7 +46,7 @@ export function ReplayDetailsHeaderActions({readerResult}: Props) {
         <ButtonActionsWrapper>
           {hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton size="xs">{null}</FeedbackButton>
+              <FeedbackButton>{null}</FeedbackButton>
             </TopBar.Slot>
           ) : (
             <FeedbackButton size="xs" />
diff --git a/static/gsApp/components/subscriptionSettingsLayout.tsx b/static/gsApp/components/subscriptionSettingsLayout.tsx
index ea3db13857a5fb..3ae62c8cc6a92e 100644
--- a/static/gsApp/components/subscriptionSettingsLayout.tsx
+++ b/static/gsApp/components/subscriptionSettingsLayout.tsx
@@ -12,11 +12,14 @@ import {SettingsBreadcrumb} from 'sentry/views/settings/components/settingsBread
 import type {RouteWithName} from 'sentry/views/settings/components/settingsBreadcrumb/types';
 import {SettingsHeader} from 'sentry/views/settings/components/settingsHeader';
 import {SettingsSearch} from 'sentry/views/settings/components/settingsSearch';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function SubscriptionSettingsLayout() {
   const location = useLocation();
   const params = useParams();
   const routes = useRoutes();
+  const hasPageFrameFeature = useHasPageFrameFeature();
   let feedbackSource = location.pathname;
   for (let i = routes.length - 1; i >= 0; i--) {
     const route = routes[i] as RouteWithName;
@@ -32,19 +35,37 @@ export default function SubscriptionSettingsLayout() {
         <Flex align="center" justify="between" gap="xl">
           <StyledSettingsBreadcrumb params={params} routes={routes} />
           <Flex align="center" gap="xl">
-            <FeedbackButton
-              feedbackOptions={{
-                formTitle: t('Give feedback'),
-                messagePlaceholder: t(
-                  'How can we make the %s page better for you?',
-                  feedbackSource
-                ),
-                tags: {
-                  ['feedback.source']: feedbackSource,
-                  ['feedback.owner']: 'billing',
-                },
-              }}
-            />
+            {hasPageFrameFeature ? (
+              <TopBar.Slot name="feedback">
+                <FeedbackButton
+                  feedbackOptions={{
+                    formTitle: t('Give feedback'),
+                    messagePlaceholder: t(
+                      'How can we make the %s page better for you?',
+                      feedbackSource
+                    ),
+                    tags: {
+                      ['feedback.source']: feedbackSource,
+                      ['feedback.owner']: 'billing',
+                    },
+                  }}
+                >{null}</FeedbackButton>
+              </TopBar.Slot>
+            ) : (
+              <FeedbackButton
+                feedbackOptions={{
+                  formTitle: t('Give feedback'),
+                  messagePlaceholder: t(
+                    'How can we make the %s page better for you?',
+                    feedbackSource
+                  ),
+                  tags: {
+                    ['feedback.source']: feedbackSource,
+                    ['feedback.owner']: 'billing',
+                  },
+                }}
+              />
+            )}
             <SettingsSearch />
           </Flex>
         </Flex>
diff --git a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
index a495dcd7f4fb24..f0b33c1fded96e 100644
--- a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
+++ b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
@@ -623,7 +623,6 @@ export function CheckoutSuccess({
                       ['feedback.owner']: 'billing',
                     },
                   }}
-                  size="md"
                 >{null}</FeedbackButton>
               </TopBar.Slot>
             ) : (
diff --git a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
index cbe26a3153ec24..84f48e64329927 100644
--- a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
+++ b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
@@ -87,7 +87,6 @@ export function SeerOnboardingSeatBased() {
           hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
               <FeedbackButton
-                size="md"
                 feedbackOptions={{
                   messagePlaceholder: t('How can we make Seer better for you?'),
                   tags: {

From 7d577ab44b53331594e7c11c4079973d87f5f634 Mon Sep 17 00:00:00 2001
From: JonasBa <jonas@badalic.com>
Date: Wed, 8 Apr 2026 03:22:15 +0200
Subject: [PATCH 04/10] ref(nav) remove plan

---
 docs/feedback-button-topbar-migration.md | 509 -----------------------
 1 file changed, 509 deletions(-)
 delete mode 100644 docs/feedback-button-topbar-migration.md

diff --git a/docs/feedback-button-topbar-migration.md b/docs/feedback-button-topbar-migration.md
deleted file mode 100644
index 685f019838b085..00000000000000
--- a/docs/feedback-button-topbar-migration.md
+++ /dev/null
@@ -1,509 +0,0 @@
-# FeedbackButton → TopBar.Slot Migration
-
-## Overview
-
-When the page frame feature flag is active, `FeedbackButton` instances that live at the top of a
-page (in `Layout.HeaderActions`, `Layout.HeaderContent`, `Layout.Header`, `SettingsPageHeader`
-actions, or styled equivalents) should be rendered into the `TopBar` via a slot instead of inline.
-This allows the top navigation bar to own the button's placement when the new page frame is
-enabled.
-
-## Migration Pattern
-
-For each candidate site:
-
-1. Import `useHasPageFrameFeatureFlag` and call it in the component body.
-2. Import `TopBar` from its module.
-3. Wrap the existing `<FeedbackButton>` in a ternary:
-
-```tsx
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeatureFlag} from 'sentry/views/navigation/useHasPageFrameFeatureFlag';
-
-// Inside the component:
-const hasPageFrameFeatureFlag = useHasPageFrameFeatureFlag();
-
-// In JSX — copy all existing props, pass null as children in the slot version
-// to suppress the default button label:
-{hasPageFrameFeatureFlag ? (
-  <TopBar.Slot name="feedback">
-    <FeedbackButton {...existingProps}>{null}</FeedbackButton>
-  </TopBar.Slot>
-) : (
-  <FeedbackButton {...existingProps} />
-)}
-```
-
-### Rules
-
-- **Always preserve all existing props** (`size`, `feedbackOptions`, `aria-label`, etc.).
-- **Pass `{null}` as children** inside the `TopBar.Slot` version — this prevents the default
-  label from rendering in the top bar context.
-- **Do not change the `else` branch** — the original render must stay identical.
-- **Only wrap, do not move** — leave the button in its existing location in the JSX tree; the
-  slot mechanism handles repositioning.
-
----
-
-## Task List
-
-### 1 — `static/app/views/alerts/list/header.tsx:82`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton />
-
-// After
-{hasPageFrameFeatureFlag ? (
-  <TopBar.Slot name="feedback"><FeedbackButton>{null}</FeedbackButton></TopBar.Slot>
-) : (
-  <FeedbackButton />
-)}
-```
-
----
-
-### 2 — `static/app/views/performance/transactionSummary/header.tsx:317`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton />
-```
-
-Same no-props pattern as task 1.
-
----
-
-### 3 — `static/app/views/insights/pages/domainViewHeader.tsx:138`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton feedbackOptions={feedbackOptions} />
-
-// After
-{hasPageFrameFeatureFlag ? (
-  <TopBar.Slot name="feedback">
-    <FeedbackButton feedbackOptions={feedbackOptions}>{null}</FeedbackButton>
-  </TopBar.Slot>
-) : (
-  <FeedbackButton feedbackOptions={feedbackOptions} />
-)}
-```
-
----
-
-### 4 — `static/app/views/insights/uptime/views/overview.tsx:85`
-
-Inside `Layout.HeaderActions`. No-props pattern.
-
----
-
-### 5 — `static/app/views/insights/crons/views/overview.tsx:99`
-
-Inside `Layout.HeaderActions`. No-props pattern.
-
----
-
-### 6 — `static/app/views/insights/crons/components/monitorHeaderActions.tsx:87`
-
-Inside a `Flex` row; parent `monitorHeader.tsx` places this inside `Layout.HeaderActions`.
-No-props pattern.
-
----
-
-### 7 — `static/app/views/explore/errors/content.tsx:48`
-
-Sole child of `Layout.HeaderActions`. No-props pattern.
-
----
-
-### 8 — `static/app/views/explore/logs/content.tsx:123`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton
-  feedbackOptions={{
-    messagePlaceholder: t('How can we make logs work better for you?'),
-    tags: {['feedback.source']: 'logs-listing'},
-  }}
-/>
-```
-
-Preserve `feedbackOptions` in both branches.
-
----
-
-### 9 — `static/app/views/explore/spans/content.tsx:185`
-
-Inside `Layout.HeaderActions`. No-props pattern.
-
----
-
-### 10 — `static/app/views/explore/savedQueries/index.tsx:51`
-
-Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
-
----
-
-### 11 — `static/app/views/explore/multiQueryMode/index.tsx:61`
-
-Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
-
----
-
-### 12 — `static/app/views/explore/metrics/content.tsx:100`
-
-Sole child of `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton
-  feedbackOptions={{
-    messagePlaceholder: t('How can we make metrics work better for you?'),
-    tags: {
-      ['feedback.source']: 'metrics-listing',
-      ['feedback.owner']: 'performance',
-    },
-  }}
-/>
-```
-
----
-
-### 13 — `static/app/views/releases/list/index.tsx:428`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton
-  feedbackOptions={{
-    messagePlaceholder: t('How can we improve the Releases experience?'),
-    tags: {['feedback.source']: 'releases-list-header'},
-  }}
-/>
-```
-
----
-
-### 14 — `static/app/views/dashboards/manage/index.tsx:648`
-
-Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
-
----
-
-### 15 — `static/app/views/projectDetail/projectDetail.tsx:208`
-
-Inside `Layout.HeaderActions` (inside a `Grid`). No-props pattern.
-
----
-
-### 16 — `static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx:368`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton
-  size="sm"
-  feedbackOptions={{
-    formTitle: t('Give Feedback'),
-    messagePlaceholder: t('How can we make issue views better for you?'),
-  }}
-/>
-```
-
----
-
-### 17 — `static/app/views/replays/detail/header/replayDetailsHeaderActions.tsx:26 & 38`
-
-Two instances inside `ButtonActionsWrapper = styled(Layout.HeaderActions)`, in separate render
-branches (error state and loaded state). Both must be wrapped.
-
-```tsx
-// Before (both instances)
-<FeedbackButton size="xs" />
-```
-
----
-
-### 18 — `static/app/components/profiling/continuousProfileHeader.tsx:54`
-
-Inside `StyledHeaderActions = styled(Layout.HeaderActions)`. No-props pattern.
-
----
-
-### 19 — `static/app/components/profiling/profileHeader.tsx:92`
-
-Inside `StyledHeaderActions = styled(Layout.HeaderActions)`. No-props pattern.
-
----
-
-### 20 — `static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx:178`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton
-  feedbackOptions={{
-    tags: {'feedback.source': 'preprod.buildDetails', ...},
-  }}
-/>
-```
-
-Preserve all `feedbackOptions` tags.
-
----
-
-### 21 — `static/app/views/feedback/feedbackListPage.tsx:156`
-
-Inside `Layout.HeaderActions`.
-
-```tsx
-// Before
-<FeedbackButton
-  size="sm"
-  feedbackOptions={{
-    messagePlaceholder: t('How can we improve the User Feedback experience?'),
-  }}
-/>
-```
-
----
-
-### 22 — `static/app/views/profiling/content.tsx:391`
-
-Inside `StyledHeaderContent = styled(Layout.HeaderContent)`, sibling of `Layout.Title`.
-No-props pattern.
-
----
-
-### 23 — `static/app/views/issueDetails/streamline/header/header.tsx:150`
-
-Inside a custom `<Header>` styled component, inside `Flex > Grid` at top of page. Note: this
-button is nested inside an existing conditional — only the `FeedbackButton` branch changes, the
-`else` branch (`<NewIssueExperienceButton />`) is untouched.
-
-```tsx
-// Before
-{hasFeedbackForm && feedback ? (
-  <FeedbackButton
-    aria-label={t('Give feedback on the issue Sentry detected')}
-    size="xs"
-    feedbackOptions={{
-      messagePlaceholder: t('Please provide feedback on the issue Sentry detected.'),
-      tags: {['feedback.source']: feedbackSource},
-    }}
-  />
-) : (
-  <NewIssueExperienceButton />
-)}
-
-// After
-{hasFeedbackForm && feedback ? (
-  hasPageFrameFeatureFlag ? (
-    <TopBar.Slot name="feedback">
-      <FeedbackButton
-        aria-label={t('Give feedback on the issue Sentry detected')}
-        size="xs"
-        feedbackOptions={{
-          messagePlaceholder: t('Please provide feedback on the issue Sentry detected.'),
-          tags: {['feedback.source']: feedbackSource},
-        }}
-      >
-        {null}
-      </FeedbackButton>
-    </TopBar.Slot>
-  ) : (
-    <FeedbackButton
-      aria-label={t('Give feedback on the issue Sentry detected')}
-      size="xs"
-      feedbackOptions={{
-        messagePlaceholder: t('Please provide feedback on the issue Sentry detected.'),
-        tags: {['feedback.source']: feedbackSource},
-      }}
-    />
-  )
-) : (
-  <NewIssueExperienceButton />
-)}
-```
-
----
-
-### 24 — `static/app/views/performance/newTraceDetails/traceHeader/index.tsx:92`
-
-Inside a `Grid` in a custom trace header (no `Layout.*` primitives, but at top of page).
-
-```tsx
-// Before
-<FeedbackButton
-  size="xs"
-  feedbackOptions={{messagePlaceholder: t('How can we make the trace view better for you?')}}
-/>
-```
-
----
-
-### 25 — `static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx:43`
-
-Same as task 24 but the skeleton/placeholder version of the trace header.
-
----
-
-### 26 — `static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx:144`
-
-Inside a `Flex align="center" gap="sm"` in a custom build comparison header.
-
-```tsx
-// Before
-<FeedbackButton
-  feedbackOptions={{
-    tags: {'feedback.source': 'preprod.buildDetails', ...},
-  }}
-/>
-```
-
----
-
-### 27 — `static/app/views/settings/project/preprod/index.tsx:66`
-
-In the `action` prop of `<SettingsPageHeader>`, inside a `Grid`.
-
-```tsx
-// Before
-<FeedbackButton />
-```
-
-No-props pattern.
-
----
-
-### 28 — `static/app/views/settings/project/tempest/index.tsx:113`
-
-In the `action` prop of `<SettingsPageHeader>`, inside a `Grid`, alongside
-`<RequestSdkAccessButton>`.
-
-```tsx
-// Before
-<FeedbackButton />
-```
-
-No-props pattern.
-
----
-
-### 29 — `static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx:84`
-
-In the `action` prop of `<SettingsPageHeader>`.
-
-```tsx
-// Before
-<FeedbackButton
-  size="md"
-  feedbackOptions={{
-    messagePlaceholder: t('How can we make Seer better for you?'),
-    tags: {['feedback.source']: 'seer-settings-wizard'},
-  }}
-/>
-```
-
----
-
-### 30 — `static/gsApp/views/amCheckout/components/checkoutSuccess.tsx:610`
-
-In a `Flex` alongside a `<LinkButton>` on the checkout success page.
-
-```tsx
-// Before
-<FeedbackButton
-  feedbackOptions={{
-    formTitle: t('Give feedback'),
-    messagePlaceholder: t('How can we make the checkout experience better for you?'),
-  }}
-/>
-```
-
----
-
-### 31 — `static/app/views/automations/components/automationFeedbackButton.tsx:6`
-
-Thin wrapper component. All call sites are in header context:
-
-- `automations/list.tsx` → `WorkflowEngineListLayout` → `Layout.HeaderActions`
-- `automations/detail.tsx` → `DetailLayout.Actions` → `Layout.HeaderActions`
-- `automations/edit.tsx` → `StyledLayoutHeader = styled(Layout.Header)`
-- `automations/new.tsx` → same as edit.tsx
-
-Migrate inside the wrapper itself to cover all call sites at once.
-
-```tsx
-// Before
-export function AutomationFeedbackButton() {
-  return (
-    <FeedbackButton
-      size="sm"
-      feedbackOptions={{
-        messagePlaceholder: t('How can we improve the alerts experience?'),
-        tags: {['feedback.source']: 'automations'},
-      }}
-    />
-  );
-}
-```
-
----
-
-### 32 — `static/app/views/detectors/components/monitorFeedbackButton.tsx:6`
-
-Thin wrapper component used in `detectorListActions.tsx` → `WorkflowEngineListLayout` →
-`Layout.HeaderActions`. Migrate inside the wrapper itself.
-
-```tsx
-// Before
-export function MonitorFeedbackButton() {
-  return (
-    <FeedbackButton
-      size="sm"
-      feedbackOptions={{
-        messagePlaceholder: t('How can we improve the monitor experience?'),
-        tags: {['feedback.source']: 'monitors'},
-      }}
-    />
-  );
-}
-```
-
----
-
-### 33 — `static/app/views/performance/newTraceDetails/traceSummary.tsx:90 & 164`
-
-Two instances:
-
-- **Line 90**: inside `<Flex align="center" padding="xl" gap="md">` in the error state branch.
-- **Line 164**: inside `<Flex justify="end" marginTop="xl">` at the bottom of content,
-  conditionally rendered when `feedback` is truthy.
-
-Both instances:
-
-```tsx
-// Before
-<FeedbackButton
-  size="xs"
-  feedbackOptions={{
-    messagePlaceholder: t('How can we make the trace summary better for you?'),
-    tags: {['feedback.source']: 'trace-summary'},
-  }}
-/>
-```
-
-Both must be wrapped independently.

From 617ff8f4fe664a9863c94c6a7a9b1482e16449aa Mon Sep 17 00:00:00 2001
From: "getsantry[bot]" <66042841+getsantry[bot]@users.noreply.github.com>
Date: Wed, 8 Apr 2026 01:24:02 +0000
Subject: [PATCH 05/10] :hammer_and_wrench: apply pre-commit fixes

---
 .../components/automationFeedbackButton.tsx          |  4 +++-
 static/app/views/dashboards/manage/index.tsx         |  4 ++--
 .../detectors/components/monitorFeedbackButton.tsx   |  4 +++-
 static/app/views/explore/errors/content.tsx          |  4 ++--
 static/app/views/explore/logs/content.tsx            |  6 ++++--
 static/app/views/explore/metrics/content.tsx         |  4 +++-
 static/app/views/explore/multiQueryMode/index.tsx    |  2 +-
 static/app/views/explore/savedQueries/index.tsx      |  4 ++--
 static/app/views/feedback/feedbackListPage.tsx       |  4 +++-
 static/app/views/insights/pages/domainViewHeader.tsx |  4 ++--
 .../issueViews/issueViewsList/issueViewsList.tsx     | 12 ++++++++----
 .../views/performance/transactionSummary/header.tsx  |  4 ++--
 static/app/views/projectDetail/projectDetail.tsx     |  2 +-
 static/app/views/releases/list/index.tsx             |  8 +++++---
 .../gsApp/components/subscriptionSettingsLayout.tsx  |  8 +++++---
 .../views/amCheckout/components/checkoutSuccess.tsx  |  4 +++-
 .../onboarding/onboardingSeatBased.tsx               |  4 +++-
 17 files changed, 52 insertions(+), 30 deletions(-)

diff --git a/static/app/views/automations/components/automationFeedbackButton.tsx b/static/app/views/automations/components/automationFeedbackButton.tsx
index 8dd4097fea0455..e5b6a2ff1ba814 100644
--- a/static/app/views/automations/components/automationFeedbackButton.tsx
+++ b/static/app/views/automations/components/automationFeedbackButton.tsx
@@ -17,7 +17,9 @@ export function AutomationFeedbackButton() {
               ['feedback.owner']: 'aci',
             },
           }}
-        >{null}</FeedbackButton>
+        >
+          {null}
+        </FeedbackButton>
       </TopBar.Slot>
     );
   }
diff --git a/static/app/views/dashboards/manage/index.tsx b/static/app/views/dashboards/manage/index.tsx
index 5e34e00d201d4e..e64809dd3e8ec0 100644
--- a/static/app/views/dashboards/manage/index.tsx
+++ b/static/app/views/dashboards/manage/index.tsx
@@ -43,8 +43,6 @@ import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {DashboardCreateLimitWrapper} from 'sentry/views/dashboards/createLimitWrapper';
 import {getDashboardTemplates} from 'sentry/views/dashboards/data';
 import {useOwnedDashboards} from 'sentry/views/dashboards/hooks/useOwnedDashboards';
@@ -61,6 +59,8 @@ import type {DashboardsLayout} from 'sentry/views/dashboards/manage/types';
 import {DashboardFilter, PREBUILT_DASHBOARD_LABEL} from 'sentry/views/dashboards/types';
 import type {DashboardDetails, DashboardListItem} from 'sentry/views/dashboards/types';
 import {PREBUILT_DASHBOARDS} from 'sentry/views/dashboards/utils/prebuiltConfigs';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import RouteError from 'sentry/views/routeError';
 
 import DashboardGrid from './dashboardGrid';
diff --git a/static/app/views/detectors/components/monitorFeedbackButton.tsx b/static/app/views/detectors/components/monitorFeedbackButton.tsx
index 387ae4c15cc8d2..fe0328e3157018 100644
--- a/static/app/views/detectors/components/monitorFeedbackButton.tsx
+++ b/static/app/views/detectors/components/monitorFeedbackButton.tsx
@@ -17,7 +17,9 @@ export function MonitorFeedbackButton() {
               ['feedback.owner']: 'aci',
             },
           }}
-        >{null}</FeedbackButton>
+        >
+          {null}
+        </FeedbackButton>
       </TopBar.Slot>
     );
   }
diff --git a/static/app/views/explore/errors/content.tsx b/static/app/views/explore/errors/content.tsx
index c9c656ae24f71a..36ece8bc0e7dfd 100644
--- a/static/app/views/explore/errors/content.tsx
+++ b/static/app/views/explore/errors/content.tsx
@@ -2,8 +2,6 @@ import {FeatureBadge} from '@sentry/scraps/badge';
 
 import {FeedbackButton} from 'sentry/components/feedbackButton/feedbackButton';
 import * as Layout from 'sentry/components/layouts/thirds';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {PageFiltersContainer} from 'sentry/components/pageFilters/container';
 import {SentryDocumentTitle} from 'sentry/components/sentryDocumentTitle';
 import {t} from 'sentry/locale';
@@ -18,6 +16,8 @@ import {
 } from 'sentry/views/explore/errors/body';
 import {ErrorsFilterSection} from 'sentry/views/explore/errors/filterContent';
 import {useControlSectionExpanded} from 'sentry/views/explore/hooks/useControlSectionExpanded';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function ErrorsContent() {
   const organization = useOrganization();
diff --git a/static/app/views/explore/logs/content.tsx b/static/app/views/explore/logs/content.tsx
index 9eca8d8b0b62eb..ce0bcf7562c1a1 100644
--- a/static/app/views/explore/logs/content.tsx
+++ b/static/app/views/explore/logs/content.tsx
@@ -32,9 +32,9 @@ import {
   useQueryParamsTitle,
 } from 'sentry/views/explore/queryParams/context';
 import {TraceItemDataset} from 'sentry/views/explore/types';
+import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
-import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
 
 export default function LogsContent() {
   const organization = useOrganization();
@@ -133,7 +133,9 @@ function LogsHeader() {
                     ['feedback.owner']: 'performance',
                   },
                 }}
-              >{null}</FeedbackButton>
+              >
+                {null}
+              </FeedbackButton>
             </TopBar.Slot>
           ) : (
             <FeedbackButton
diff --git a/static/app/views/explore/metrics/content.tsx b/static/app/views/explore/metrics/content.tsx
index 5a43b99ff27605..755ed8eabb07af 100644
--- a/static/app/views/explore/metrics/content.tsx
+++ b/static/app/views/explore/metrics/content.tsx
@@ -110,7 +110,9 @@ function MetricsHeader() {
                   ['feedback.owner']: 'performance',
                 },
               }}
-            >{null}</FeedbackButton>
+            >
+              {null}
+            </FeedbackButton>
           </TopBar.Slot>
         ) : (
           <FeedbackButton
diff --git a/static/app/views/explore/multiQueryMode/index.tsx b/static/app/views/explore/multiQueryMode/index.tsx
index 76c95f19ff1f26..bff601aa6b4a01 100644
--- a/static/app/views/explore/multiQueryMode/index.tsx
+++ b/static/app/views/explore/multiQueryMode/index.tsx
@@ -16,9 +16,9 @@ import {useGetSavedQuery} from 'sentry/views/explore/hooks/useGetSavedQueries';
 import {MultiQueryModeContent} from 'sentry/views/explore/multiQueryMode/content';
 import {SavedQueryEditMenu} from 'sentry/views/explore/savedQueryEditMenu';
 import {StarSavedQueryButton} from 'sentry/views/explore/starSavedQueryButton';
-import {makeTracesPathname} from 'sentry/views/traces/pathnames';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
+import {makeTracesPathname} from 'sentry/views/traces/pathnames';
 
 export default function MultiQueryMode() {
   const location = useLocation();
diff --git a/static/app/views/explore/savedQueries/index.tsx b/static/app/views/explore/savedQueries/index.tsx
index c2ca3f70c20367..9881a1373569a6 100644
--- a/static/app/views/explore/savedQueries/index.tsx
+++ b/static/app/views/explore/savedQueries/index.tsx
@@ -11,11 +11,11 @@ import {IconAdd} from 'sentry/icons/iconAdd';
 import {t} from 'sentry/locale';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {isLogsEnabled} from 'sentry/views/explore/logs/isLogsEnabled';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {getLogsUrl} from 'sentry/views/explore/logs/utils';
 import {SavedQueriesLandingContent} from 'sentry/views/explore/savedQueries/savedQueriesLandingContent';
 import {getExploreUrl} from 'sentry/views/explore/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function SavedQueriesView() {
   const organization = useOrganization();
diff --git a/static/app/views/feedback/feedbackListPage.tsx b/static/app/views/feedback/feedbackListPage.tsx
index 6c855a0e3da90b..6a09a6a9589222 100644
--- a/static/app/views/feedback/feedbackListPage.tsx
+++ b/static/app/views/feedback/feedbackListPage.tsx
@@ -167,7 +167,9 @@ export default function FeedbackListPage() {
                           ['feedback.source']: 'feedback-list',
                         },
                       }}
-                    >{null}</FeedbackButton>
+                    >
+                      {null}
+                    </FeedbackButton>
                   </TopBar.Slot>
                 ) : (
                   <FeedbackButton
diff --git a/static/app/views/insights/pages/domainViewHeader.tsx b/static/app/views/insights/pages/domainViewHeader.tsx
index 6cc8c7ee116fb1..ebd6cc660f5065 100644
--- a/static/app/views/insights/pages/domainViewHeader.tsx
+++ b/static/app/views/insights/pages/domainViewHeader.tsx
@@ -22,8 +22,6 @@ import {useIsLaravelInsightsAvailable} from 'sentry/views/insights/pages/platfor
 import {useIsNextJsInsightsAvailable} from 'sentry/views/insights/pages/platform/nextjs/features';
 import {OVERVIEW_PAGE_TITLE} from 'sentry/views/insights/pages/settings';
 import {useDomainViewFilters} from 'sentry/views/insights/pages/useFilters';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {
   isModuleConsideredNew,
   isModuleEnabled,
@@ -31,6 +29,8 @@ import {
   isModuleVisible,
 } from 'sentry/views/insights/pages/utils';
 import {ModuleName} from 'sentry/views/insights/types';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export type Props = {
   domainBaseUrl: string;
diff --git a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
index 6b2ad57887468c..ffd6d6001b238e 100644
--- a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
+++ b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
@@ -25,8 +25,6 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {getIssueViewQueryParams} from 'sentry/views/issueList/issueViews/getIssueViewQueryParams';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {IssueViewsTable} from 'sentry/views/issueList/issueViews/issueViewsList/issueViewsTable';
 import {
   DEFAULT_ENVIRONMENTS,
@@ -46,6 +44,8 @@ import {
   type GroupSearchView,
 } from 'sentry/views/issueList/types';
 import {IssueSortOptions} from 'sentry/views/issueList/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 type IssueViewSectionProps = {
   createdBy: GroupSearchViewCreatedBy;
@@ -373,13 +373,17 @@ export default function IssueViewsList() {
                   <FeedbackButton
                     feedbackOptions={{
                       formTitle: t('Give Feedback'),
-                      messagePlaceholder: t('How can we make issue views better for you?'),
+                      messagePlaceholder: t(
+                        'How can we make issue views better for you?'
+                      ),
                       tags: {
                         ['feedback.source']: 'custom_views',
                         ['feedback.owner']: 'issues',
                       },
                     }}
-                  >{null}</FeedbackButton>
+                  >
+                    {null}
+                  </FeedbackButton>
                 </TopBar.Slot>
               ) : (
                 <FeedbackButton
diff --git a/static/app/views/performance/transactionSummary/header.tsx b/static/app/views/performance/transactionSummary/header.tsx
index ff211b891f9ffc..c5d9938c871685 100644
--- a/static/app/views/performance/transactionSummary/header.tsx
+++ b/static/app/views/performance/transactionSummary/header.tsx
@@ -32,6 +32,8 @@ import {FRONTEND_LANDING_SUB_PATH} from 'sentry/views/insights/pages/frontend/se
 import {MobileHeader} from 'sentry/views/insights/pages/mobile/mobilePageHeader';
 import {MOBILE_LANDING_SUB_PATH} from 'sentry/views/insights/pages/mobile/settings';
 import {useDomainViewFilters} from 'sentry/views/insights/pages/useFilters';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {Breadcrumb, getTabCrumbs} from 'sentry/views/performance/breadcrumb';
 import {useTransactionSummaryEAP} from 'sentry/views/performance/eap/useTransactionSummaryEAP';
 import {TAB_ANALYTICS} from 'sentry/views/performance/transactionSummary/pageLayout';
@@ -41,8 +43,6 @@ import {replaysRouteWithQuery} from 'sentry/views/performance/transactionSummary
 import {tagsRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionTags/utils';
 import {transactionSummaryRouteWithQuery} from 'sentry/views/performance/transactionSummary/utils';
 import {getSelectedProjectPlatforms} from 'sentry/views/performance/utils';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {Tab} from './tabs';
 import TeamKeyTransactionButton from './teamKeyTransactionButton';
diff --git a/static/app/views/projectDetail/projectDetail.tsx b/static/app/views/projectDetail/projectDetail.tsx
index ef5339c5c6470e..a1172ecdc29ae0 100644
--- a/static/app/views/projectDetail/projectDetail.tsx
+++ b/static/app/views/projectDetail/projectDetail.tsx
@@ -35,9 +35,9 @@ import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useParams} from 'sentry/utils/useParams';
 import {useProjects} from 'sentry/utils/useProjects';
-import {makeProjectsPathname} from 'sentry/views/projects/pathname';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
+import {makeProjectsPathname} from 'sentry/views/projects/pathname';
 
 import {ERRORS_BASIC_CHART_PERIODS} from './charts/projectErrorsBasicChart';
 import {ProjectScoreCards} from './projectScoreCards/projectScoreCards';
diff --git a/static/app/views/releases/list/index.tsx b/static/app/views/releases/list/index.tsx
index 535f82be0c311b..3756bb5d834bae 100644
--- a/static/app/views/releases/list/index.tsx
+++ b/static/app/views/releases/list/index.tsx
@@ -41,13 +41,13 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {ReleaseArchivedNotice} from 'sentry/views/releases/detail/overview/releaseArchivedNotice';
 import {MobileBuilds} from 'sentry/views/releases/list/mobileBuilds';
 import {ReleaseHealthCTA} from 'sentry/views/releases/list/releaseHealthCTA';
 import {ReleaseListInner} from 'sentry/views/releases/list/releaseListInner';
 import {isMobileRelease} from 'sentry/views/releases/utils';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {ReleasesDisplayOption, ReleasesDisplayOptions} from './releasesDisplayOptions';
 import {ReleasesSortOptions} from './releasesSortOptions';
@@ -439,7 +439,9 @@ export default function ReleasesList() {
                             ['feedback.source']: 'releases-list-header',
                           },
                         }}
-                      >{null}</FeedbackButton>
+                      >
+                        {null}
+                      </FeedbackButton>
                     </TopBar.Slot>
                   ) : (
                     <FeedbackButton
diff --git a/static/gsApp/components/subscriptionSettingsLayout.tsx b/static/gsApp/components/subscriptionSettingsLayout.tsx
index 3ae62c8cc6a92e..73a3eef18296d3 100644
--- a/static/gsApp/components/subscriptionSettingsLayout.tsx
+++ b/static/gsApp/components/subscriptionSettingsLayout.tsx
@@ -8,12 +8,12 @@ import {t} from 'sentry/locale';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useParams} from 'sentry/utils/useParams';
 import {useRoutes} from 'sentry/utils/useRoutes';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {SettingsBreadcrumb} from 'sentry/views/settings/components/settingsBreadcrumb';
 import type {RouteWithName} from 'sentry/views/settings/components/settingsBreadcrumb/types';
 import {SettingsHeader} from 'sentry/views/settings/components/settingsHeader';
 import {SettingsSearch} from 'sentry/views/settings/components/settingsSearch';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function SubscriptionSettingsLayout() {
   const location = useLocation();
@@ -49,7 +49,9 @@ export default function SubscriptionSettingsLayout() {
                       ['feedback.owner']: 'billing',
                     },
                   }}
-                >{null}</FeedbackButton>
+                >
+                  {null}
+                </FeedbackButton>
               </TopBar.Slot>
             ) : (
               <FeedbackButton
diff --git a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
index f0b33c1fded96e..2489c3db85d382 100644
--- a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
+++ b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
@@ -623,7 +623,9 @@ export function CheckoutSuccess({
                       ['feedback.owner']: 'billing',
                     },
                   }}
-                >{null}</FeedbackButton>
+                >
+                  {null}
+                </FeedbackButton>
               </TopBar.Slot>
             ) : (
               <FeedbackButton
diff --git a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
index 84f48e64329927..55e05c1847b232 100644
--- a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
+++ b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
@@ -94,7 +94,9 @@ export function SeerOnboardingSeatBased() {
                     ['feedback.owner']: 'coding-workflows',
                   },
                 }}
-              >{null}</FeedbackButton>
+              >
+                {null}
+              </FeedbackButton>
             </TopBar.Slot>
           ) : (
             <FeedbackButton

From c53a5c86639c4d7b0cdaacc785f53b7f465bef39 Mon Sep 17 00:00:00 2001
From: JonasBa <jonas@badalic.com>
Date: Wed, 8 Apr 2026 03:29:28 +0200
Subject: [PATCH 06/10] ref(nav): Hoist duplicated FeedbackButton
 feedbackOptions to module-level consts

Both branches of the hasPageFrameFeature ternary had identical
feedbackOptions objects. Extract them to a const before the component
so the props are only defined once.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 static/app/views/explore/logs/content.tsx     | 32 ++++-------
 static/app/views/explore/metrics/content.tsx  | 30 ++++------
 .../app/views/feedback/feedbackListPage.tsx   | 32 +++--------
 .../issueViewsList/issueViewsList.tsx         | 40 +++++--------
 .../newTraceDetails/traceHeader/index.tsx     | 31 ++++------
 .../traceHeader/placeholder.tsx               | 31 ++++------
 .../newTraceDetails/traceSummary.tsx          | 56 ++++---------------
 .../header/buildCompareHeaderContent.tsx      | 22 +++-----
 .../header/buildDetailsHeaderContent.tsx      | 22 +++-----
 static/app/views/releases/list/index.tsx      | 35 ++++--------
 .../components/subscriptionSettingsLayout.tsx | 43 +++++---------
 .../amCheckout/components/checkoutSuccess.tsx | 38 ++++---------
 .../onboarding/onboardingSeatBased.tsx        | 31 ++++------
 13 files changed, 136 insertions(+), 307 deletions(-)

diff --git a/static/app/views/explore/logs/content.tsx b/static/app/views/explore/logs/content.tsx
index ce0bcf7562c1a1..760694d25fa0f1 100644
--- a/static/app/views/explore/logs/content.tsx
+++ b/static/app/views/explore/logs/content.tsx
@@ -32,9 +32,9 @@ import {
   useQueryParamsTitle,
 } from 'sentry/views/explore/queryParams/context';
 import {TraceItemDataset} from 'sentry/views/explore/types';
-import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
+import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
 
 export default function LogsContent() {
   const organization = useOrganization();
@@ -95,6 +95,14 @@ export default function LogsContent() {
   );
 }
 
+const logsFeedbackOptions = {
+  messagePlaceholder: t('How can we make logs work better for you?'),
+  tags: {
+    ['feedback.source']: 'logs-listing',
+    ['feedback.owner']: 'performance',
+  },
+};
+
 function LogsHeader() {
   const pageId = useQueryParamsId();
   const title = useQueryParamsTitle();
@@ -125,28 +133,10 @@ function LogsHeader() {
         <Grid flow="column" align="center" gap="md">
           {hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton
-                feedbackOptions={{
-                  messagePlaceholder: t('How can we make logs work better for you?'),
-                  tags: {
-                    ['feedback.source']: 'logs-listing',
-                    ['feedback.owner']: 'performance',
-                  },
-                }}
-              >
-                {null}
-              </FeedbackButton>
+              <FeedbackButton feedbackOptions={logsFeedbackOptions}>{null}</FeedbackButton>
             </TopBar.Slot>
           ) : (
-            <FeedbackButton
-              feedbackOptions={{
-                messagePlaceholder: t('How can we make logs work better for you?'),
-                tags: {
-                  ['feedback.source']: 'logs-listing',
-                  ['feedback.owner']: 'performance',
-                },
-              }}
-            />
+            <FeedbackButton feedbackOptions={logsFeedbackOptions} />
           )}
           {defined(onboardingProject) && <SetupLogsButton />}
         </Grid>
diff --git a/static/app/views/explore/metrics/content.tsx b/static/app/views/explore/metrics/content.tsx
index 755ed8eabb07af..2f0cda41f59977 100644
--- a/static/app/views/explore/metrics/content.tsx
+++ b/static/app/views/explore/metrics/content.tsx
@@ -71,6 +71,14 @@ export default function MetricsContent() {
   );
 }
 
+const metricsFeedbackOptions = {
+  messagePlaceholder: t('How can we make metrics work better for you?'),
+  tags: {
+    ['feedback.source']: 'metrics-listing',
+    ['feedback.owner']: 'performance',
+  },
+};
+
 function MetricsHeader() {
   const location = useLocation();
   const pageId = getIdFromLocation(location, ID_KEY);
@@ -102,28 +110,10 @@ function MetricsHeader() {
       <Layout.HeaderActions>
         {hasPageFrameFeature ? (
           <TopBar.Slot name="feedback">
-            <FeedbackButton
-              feedbackOptions={{
-                messagePlaceholder: t('How can we make metrics work better for you?'),
-                tags: {
-                  ['feedback.source']: 'metrics-listing',
-                  ['feedback.owner']: 'performance',
-                },
-              }}
-            >
-              {null}
-            </FeedbackButton>
+            <FeedbackButton feedbackOptions={metricsFeedbackOptions}>{null}</FeedbackButton>
           </TopBar.Slot>
         ) : (
-          <FeedbackButton
-            feedbackOptions={{
-              messagePlaceholder: t('How can we make metrics work better for you?'),
-              tags: {
-                ['feedback.source']: 'metrics-listing',
-                ['feedback.owner']: 'performance',
-              },
-            }}
-          />
+          <FeedbackButton feedbackOptions={metricsFeedbackOptions} />
         )}
       </Layout.HeaderActions>
     </Layout.Header>
diff --git a/static/app/views/feedback/feedbackListPage.tsx b/static/app/views/feedback/feedbackListPage.tsx
index 6a09a6a9589222..361ed90c041cd7 100644
--- a/static/app/views/feedback/feedbackListPage.tsx
+++ b/static/app/views/feedback/feedbackListPage.tsx
@@ -33,6 +33,13 @@ import {makeAlertsPathname} from 'sentry/views/alerts/pathnames';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
+const userFeedbackFeedbackOptions = {
+  messagePlaceholder: t('How can we improve the User Feedback experience?'),
+  tags: {
+    ['feedback.source']: 'feedback-list',
+  },
+};
+
 export default function FeedbackListPage() {
   const organization = useOrganization();
   const hasPageFrameFeature = useHasPageFrameFeature();
@@ -158,31 +165,10 @@ export default function FeedbackListPage() {
               <Flex gap="lg">
                 {hasPageFrameFeature ? (
                   <TopBar.Slot name="feedback">
-                    <FeedbackButton
-                      feedbackOptions={{
-                        messagePlaceholder: t(
-                          'How can we improve the User Feedback experience?'
-                        ),
-                        tags: {
-                          ['feedback.source']: 'feedback-list',
-                        },
-                      }}
-                    >
-                      {null}
-                    </FeedbackButton>
+                    <FeedbackButton feedbackOptions={userFeedbackFeedbackOptions}>{null}</FeedbackButton>
                   </TopBar.Slot>
                 ) : (
-                  <FeedbackButton
-                    size="sm"
-                    feedbackOptions={{
-                      messagePlaceholder: t(
-                        'How can we improve the User Feedback experience?'
-                      ),
-                      tags: {
-                        ['feedback.source']: 'feedback-list',
-                      },
-                    }}
-                  />
+                  <FeedbackButton size="sm" feedbackOptions={userFeedbackFeedbackOptions} />
                 )}
                 <LinkButton
                   size="sm"
diff --git a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
index ffd6d6001b238e..24b0f0b85efd5a 100644
--- a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
+++ b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
@@ -25,6 +25,8 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {getIssueViewQueryParams} from 'sentry/views/issueList/issueViews/getIssueViewQueryParams';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {IssueViewsTable} from 'sentry/views/issueList/issueViews/issueViewsList/issueViewsTable';
 import {
   DEFAULT_ENVIRONMENTS,
@@ -44,8 +46,6 @@ import {
   type GroupSearchView,
 } from 'sentry/views/issueList/types';
 import {IssueSortOptions} from 'sentry/views/issueList/utils';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 type IssueViewSectionProps = {
   createdBy: GroupSearchViewCreatedBy;
@@ -323,6 +323,15 @@ function SortDropdown() {
   );
 }
 
+const issueViewsFeedbackOptions = {
+  formTitle: t('Give Feedback'),
+  messagePlaceholder: t('How can we make issue views better for you?'),
+  tags: {
+    ['feedback.source']: 'custom_views',
+    ['feedback.owner']: 'issues',
+  },
+};
+
 export default function IssueViewsList() {
   const organization = useOrganization();
   const navigate = useNavigate();
@@ -370,33 +379,10 @@ export default function IssueViewsList() {
             <Grid flow="column" align="center" gap="md">
               {hasPageFrameFeature ? (
                 <TopBar.Slot name="feedback">
-                  <FeedbackButton
-                    feedbackOptions={{
-                      formTitle: t('Give Feedback'),
-                      messagePlaceholder: t(
-                        'How can we make issue views better for you?'
-                      ),
-                      tags: {
-                        ['feedback.source']: 'custom_views',
-                        ['feedback.owner']: 'issues',
-                      },
-                    }}
-                  >
-                    {null}
-                  </FeedbackButton>
+                  <FeedbackButton feedbackOptions={issueViewsFeedbackOptions}>{null}</FeedbackButton>
                 </TopBar.Slot>
               ) : (
-                <FeedbackButton
-                  size="sm"
-                  feedbackOptions={{
-                    formTitle: t('Give Feedback'),
-                    messagePlaceholder: t('How can we make issue views better for you?'),
-                    tags: {
-                      ['feedback.source']: 'custom_views',
-                      ['feedback.owner']: 'issues',
-                    },
-                  }}
-                />
+                <FeedbackButton size="sm" feedbackOptions={issueViewsFeedbackOptions} />
               )}
               <Feature
                 features="organizations:issue-views"
diff --git a/static/app/views/performance/newTraceDetails/traceHeader/index.tsx b/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
index d605ff3a9bdd97..cd2bfea4b26551 100644
--- a/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
+++ b/static/app/views/performance/newTraceDetails/traceHeader/index.tsx
@@ -41,6 +41,14 @@ export interface TraceMetadataHeaderProps {
   project?: Project;
 }
 
+const traceViewFeedbackOptions = {
+  messagePlaceholder: t('How can we make the trace view better for you?'),
+  tags: {
+    ['feedback.source']: 'trace-view',
+    ['feedback.owner']: 'performance',
+  },
+};
+
 export function TraceMetaDataHeader(props: TraceMetadataHeaderProps) {
   const location = useLocation();
   const {view} = useDomainViewFilters();
@@ -94,31 +102,12 @@ export function TraceMetaDataHeader(props: TraceMetadataHeaderProps) {
           <Grid flow="column" align="center" gap="md">
             {hasPageFrameFeature ? (
               <TopBar.Slot name="feedback">
-                <FeedbackButton
-                  feedbackOptions={{
-                    messagePlaceholder: t(
-                      'How can we make the trace view better for you?'
-                    ),
-                    tags: {
-                      ['feedback.source']: 'trace-view',
-                      ['feedback.owner']: 'performance',
-                    },
-                  }}
-                >
+                <FeedbackButton feedbackOptions={traceViewFeedbackOptions}>
                   {null}
                 </FeedbackButton>
               </TopBar.Slot>
             ) : (
-              <FeedbackButton
-                size="xs"
-                feedbackOptions={{
-                  messagePlaceholder: t('How can we make the trace view better for you?'),
-                  tags: {
-                    ['feedback.source']: 'trace-view',
-                    ['feedback.owner']: 'performance',
-                  },
-                }}
-              />
+              <FeedbackButton size="xs" feedbackOptions={traceViewFeedbackOptions} />
             )}
           </Grid>
         </TraceHeaderComponents.HeaderRow>
diff --git a/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx b/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
index d7c249fd23f28f..18661a7a597d96 100644
--- a/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
+++ b/static/app/views/performance/newTraceDetails/traceHeader/placeholder.tsx
@@ -14,6 +14,14 @@ import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFea
 import {getTraceViewBreadcrumbs} from './breadcrumbs';
 import {TraceHeaderComponents} from './styles';
 
+const traceViewFeedbackOptions = {
+  messagePlaceholder: t('How can we make the trace view better for you?'),
+  tags: {
+    ['feedback.source']: 'trace-view',
+    ['feedback.owner']: 'performance',
+  },
+};
+
 export function PlaceHolder({
   organization,
   project,
@@ -45,31 +53,12 @@ export function PlaceHolder({
           <Grid flow="column" align="center" gap="md">
             {hasPageFrameFeature ? (
               <TopBar.Slot name="feedback">
-                <FeedbackButton
-                  feedbackOptions={{
-                    messagePlaceholder: t(
-                      'How can we make the trace view better for you?'
-                    ),
-                    tags: {
-                      ['feedback.source']: 'trace-view',
-                      ['feedback.owner']: 'performance',
-                    },
-                  }}
-                >
+                <FeedbackButton feedbackOptions={traceViewFeedbackOptions}>
                   {null}
                 </FeedbackButton>
               </TopBar.Slot>
             ) : (
-              <FeedbackButton
-                size="xs"
-                feedbackOptions={{
-                  messagePlaceholder: t('How can we make the trace view better for you?'),
-                  tags: {
-                    ['feedback.source']: 'trace-view',
-                    ['feedback.owner']: 'performance',
-                  },
-                }}
-              />
+              <FeedbackButton size="xs" feedbackOptions={traceViewFeedbackOptions} />
             )}
           </Grid>
         </TraceHeaderComponents.HeaderRow>
diff --git a/static/app/views/performance/newTraceDetails/traceSummary.tsx b/static/app/views/performance/newTraceDetails/traceSummary.tsx
index 3fc9431d56a2f0..0bfecb52cbf52f 100644
--- a/static/app/views/performance/newTraceDetails/traceSummary.tsx
+++ b/static/app/views/performance/newTraceDetails/traceSummary.tsx
@@ -75,6 +75,14 @@ function useTraceSummary(traceSlug: string) {
   };
 }
 
+const traceSummaryFeedbackOptions = {
+  messagePlaceholder: t('How can we make the trace summary better for you?'),
+  tags: {
+    ['feedback.source']: 'trace-summary',
+    ['feedback.owner']: 'ml-ai',
+  },
+};
+
 export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
   const traceContent = useTraceSummary(traceSlug);
   const {feedback} = useFeedbackSDKIntegration();
@@ -92,31 +100,12 @@ export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
         <div>{t('Error loading Trace Summary')}</div>
         {hasPageFrameFeature ? (
           <TopBar.Slot name="feedback">
-            <FeedbackButton
-              feedbackOptions={{
-                messagePlaceholder: t(
-                  'How can we make the trace summary better for you?'
-                ),
-                tags: {
-                  ['feedback.source']: 'trace-summary',
-                  ['feedback.owner']: 'ml-ai',
-                },
-              }}
-            >
+            <FeedbackButton feedbackOptions={traceSummaryFeedbackOptions}>
               {null}
             </FeedbackButton>
           </TopBar.Slot>
         ) : (
-          <FeedbackButton
-            size="xs"
-            feedbackOptions={{
-              messagePlaceholder: t('How can we make the trace summary better for you?'),
-              tags: {
-                ['feedback.source']: 'trace-summary',
-                ['feedback.owner']: 'ml-ai',
-              },
-            }}
-          />
+          <FeedbackButton size="xs" feedbackOptions={traceSummaryFeedbackOptions} />
         )}
       </Flex>
     );
@@ -184,33 +173,12 @@ export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
         <Flex justify="end" marginTop="xl">
           {hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton
-                size="xs"
-                feedbackOptions={{
-                  messagePlaceholder: t(
-                    'How can we make the trace summary better for you?'
-                  ),
-                  tags: {
-                    ['feedback.source']: 'trace-summary',
-                    ['feedback.owner']: 'ml-ai',
-                  },
-                }}
-              >
+              <FeedbackButton feedbackOptions={traceSummaryFeedbackOptions}>
                 {null}
               </FeedbackButton>
             </TopBar.Slot>
           ) : (
-            <FeedbackButton
-              feedbackOptions={{
-                messagePlaceholder: t(
-                  'How can we make the trace summary better for you?'
-                ),
-                tags: {
-                  ['feedback.source']: 'trace-summary',
-                  ['feedback.owner']: 'ml-ai',
-                },
-              }}
-            />
+            <FeedbackButton feedbackOptions={traceSummaryFeedbackOptions} />
           )}
         </Flex>
       )}
diff --git a/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx b/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx
index c96619307d247f..98e209f4130a58 100644
--- a/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx
+++ b/static/app/views/preprod/buildComparison/header/buildCompareHeaderContent.tsx
@@ -44,6 +44,12 @@ interface BuildCompareHeaderContentProps {
   onRerunComparison?: () => void;
 }
 
+const buildCompareFeedbackOptions = {
+  tags: {
+    'feedback.source': 'preprod.buildDetails',
+  },
+};
+
 export function BuildCompareHeaderContent(props: BuildCompareHeaderContentProps) {
   const {buildDetails, headArtifactId, baseArtifactId, onRerunComparison, isRerunning} =
     props;
@@ -146,24 +152,12 @@ export function BuildCompareHeaderContent(props: BuildCompareHeaderContentProps)
       <Flex align="center" gap="sm">
         {hasPageFrameFeature ? (
           <TopBar.Slot name="feedback">
-            <FeedbackButton
-              feedbackOptions={{
-                tags: {
-                  'feedback.source': 'preprod.buildDetails',
-                },
-              }}
-            >
+            <FeedbackButton feedbackOptions={buildCompareFeedbackOptions}>
               {null}
             </FeedbackButton>
           </TopBar.Slot>
         ) : (
-          <FeedbackButton
-            feedbackOptions={{
-              tags: {
-                'feedback.source': 'preprod.buildDetails',
-              },
-            }}
-          />
+          <FeedbackButton feedbackOptions={buildCompareFeedbackOptions} />
         )}
         {isSentryEmployee &&
           headArtifactId &&
diff --git a/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx b/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx
index 158c7fa2fd11b8..c6e51f21878b9c 100644
--- a/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx
+++ b/static/app/views/preprod/buildDetails/header/buildDetailsHeaderContent.tsx
@@ -50,6 +50,12 @@ interface BuildDetailsHeaderContentProps {
   projectType: string | null;
 }
 
+const buildDetailsFeedbackOptions = {
+  tags: {
+    'feedback.source': 'preprod.buildDetails',
+  },
+};
+
 export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps) {
   const organization = useOrganization();
   const navigate = useNavigate();
@@ -180,24 +186,12 @@ export function BuildDetailsHeaderContent(props: BuildDetailsHeaderContentProps)
         <Flex align="center" gap="sm" flexShrink={0}>
           {hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton
-                feedbackOptions={{
-                  tags: {
-                    'feedback.source': 'preprod.buildDetails',
-                  },
-                }}
-              >
+              <FeedbackButton feedbackOptions={buildDetailsFeedbackOptions}>
                 {null}
               </FeedbackButton>
             </TopBar.Slot>
           ) : (
-            <FeedbackButton
-              feedbackOptions={{
-                tags: {
-                  'feedback.source': 'preprod.buildDetails',
-                },
-              }}
-            />
+            <FeedbackButton feedbackOptions={buildDetailsFeedbackOptions} />
           )}
           <Button
             size="sm"
diff --git a/static/app/views/releases/list/index.tsx b/static/app/views/releases/list/index.tsx
index 3756bb5d834bae..e7d417f36f46a6 100644
--- a/static/app/views/releases/list/index.tsx
+++ b/static/app/views/releases/list/index.tsx
@@ -41,13 +41,13 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {ReleaseArchivedNotice} from 'sentry/views/releases/detail/overview/releaseArchivedNotice';
 import {MobileBuilds} from 'sentry/views/releases/list/mobileBuilds';
 import {ReleaseHealthCTA} from 'sentry/views/releases/list/releaseHealthCTA';
 import {ReleaseListInner} from 'sentry/views/releases/list/releaseListInner';
 import {isMobileRelease} from 'sentry/views/releases/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {ReleasesDisplayOption, ReleasesDisplayOptions} from './releasesDisplayOptions';
 import {ReleasesSortOptions} from './releasesSortOptions';
@@ -108,6 +108,13 @@ function makeReleaseListQueryKey({
   ];
 }
 
+const releasesFeedbackOptions = {
+  messagePlaceholder: t('How can we improve the Releases experience?'),
+  tags: {
+    ['feedback.source']: 'releases-list-header',
+  },
+};
+
 export default function ReleasesList() {
   const api = useApi({persistInFlight: true});
   const organization = useOrganization();
@@ -430,30 +437,10 @@ export default function ReleasesList() {
                 <Layout.HeaderActions>
                   {hasPageFrameFeature ? (
                     <TopBar.Slot name="feedback">
-                      <FeedbackButton
-                        feedbackOptions={{
-                          messagePlaceholder: t(
-                            'How can we improve the Releases experience?'
-                          ),
-                          tags: {
-                            ['feedback.source']: 'releases-list-header',
-                          },
-                        }}
-                      >
-                        {null}
-                      </FeedbackButton>
+                      <FeedbackButton feedbackOptions={releasesFeedbackOptions}>{null}</FeedbackButton>
                     </TopBar.Slot>
                   ) : (
-                    <FeedbackButton
-                      feedbackOptions={{
-                        messagePlaceholder: t(
-                          'How can we improve the Releases experience?'
-                        ),
-                        tags: {
-                          ['feedback.source']: 'releases-list-header',
-                        },
-                      }}
-                    />
+                    <FeedbackButton feedbackOptions={releasesFeedbackOptions} />
                   )}
                 </Layout.HeaderActions>
               </Flex>
diff --git a/static/gsApp/components/subscriptionSettingsLayout.tsx b/static/gsApp/components/subscriptionSettingsLayout.tsx
index 73a3eef18296d3..ef251dd11fdde6 100644
--- a/static/gsApp/components/subscriptionSettingsLayout.tsx
+++ b/static/gsApp/components/subscriptionSettingsLayout.tsx
@@ -8,12 +8,12 @@ import {t} from 'sentry/locale';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useParams} from 'sentry/utils/useParams';
 import {useRoutes} from 'sentry/utils/useRoutes';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {SettingsBreadcrumb} from 'sentry/views/settings/components/settingsBreadcrumb';
 import type {RouteWithName} from 'sentry/views/settings/components/settingsBreadcrumb/types';
 import {SettingsHeader} from 'sentry/views/settings/components/settingsHeader';
 import {SettingsSearch} from 'sentry/views/settings/components/settingsSearch';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function SubscriptionSettingsLayout() {
   const location = useLocation();
@@ -29,6 +29,15 @@ export default function SubscriptionSettingsLayout() {
     }
   }
 
+  const feedbackOptions = {
+    formTitle: t('Give feedback'),
+    messagePlaceholder: t('How can we make the %s page better for you?', feedbackSource),
+    tags: {
+      ['feedback.source']: feedbackSource,
+      ['feedback.owner']: 'billing',
+    },
+  };
+
   return (
     <SettingsColumn direction="column" flex={1} minWidth="0">
       <StyledSettingsHeader>
@@ -37,36 +46,10 @@ export default function SubscriptionSettingsLayout() {
           <Flex align="center" gap="xl">
             {hasPageFrameFeature ? (
               <TopBar.Slot name="feedback">
-                <FeedbackButton
-                  feedbackOptions={{
-                    formTitle: t('Give feedback'),
-                    messagePlaceholder: t(
-                      'How can we make the %s page better for you?',
-                      feedbackSource
-                    ),
-                    tags: {
-                      ['feedback.source']: feedbackSource,
-                      ['feedback.owner']: 'billing',
-                    },
-                  }}
-                >
-                  {null}
-                </FeedbackButton>
+                <FeedbackButton feedbackOptions={feedbackOptions}>{null}</FeedbackButton>
               </TopBar.Slot>
             ) : (
-              <FeedbackButton
-                feedbackOptions={{
-                  formTitle: t('Give feedback'),
-                  messagePlaceholder: t(
-                    'How can we make the %s page better for you?',
-                    feedbackSource
-                  ),
-                  tags: {
-                    ['feedback.source']: feedbackSource,
-                    ['feedback.owner']: 'billing',
-                  },
-                }}
-              />
+              <FeedbackButton feedbackOptions={feedbackOptions} />
             )}
             <SettingsSearch />
           </Flex>
diff --git a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
index 2489c3db85d382..ff505db418ce2a 100644
--- a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
+++ b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
@@ -500,6 +500,15 @@ function Receipt({
   );
 }
 
+const checkoutSuccessFeedbackOptions = {
+  formTitle: t('Give feedback'),
+  messagePlaceholder: t('How can we make the checkout experience better for you?'),
+  tags: {
+    ['feedback.source']: 'checkout_success',
+    ['feedback.owner']: 'billing',
+  },
+};
+
 export function CheckoutSuccess({
   invoice,
   basePlan,
@@ -612,35 +621,10 @@ export function CheckoutSuccess({
             </LinkButton>
             {hasPageFrameFeature ? (
               <TopBar.Slot name="feedback">
-                <FeedbackButton
-                  feedbackOptions={{
-                    formTitle: t('Give feedback'),
-                    messagePlaceholder: t(
-                      'How can we make the checkout experience better for you?'
-                    ),
-                    tags: {
-                      ['feedback.source']: 'checkout_success',
-                      ['feedback.owner']: 'billing',
-                    },
-                  }}
-                >
-                  {null}
-                </FeedbackButton>
+                <FeedbackButton feedbackOptions={checkoutSuccessFeedbackOptions}>{null}</FeedbackButton>
               </TopBar.Slot>
             ) : (
-              <FeedbackButton
-                feedbackOptions={{
-                  formTitle: t('Give feedback'),
-                  messagePlaceholder: t(
-                    'How can we make the checkout experience better for you?'
-                  ),
-                  tags: {
-                    ['feedback.source']: 'checkout_success',
-                    ['feedback.owner']: 'billing',
-                  },
-                }}
-                size="md"
-              />
+              <FeedbackButton feedbackOptions={checkoutSuccessFeedbackOptions} size="md" />
             )}
           </Flex>
         </Flex>
diff --git a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
index 55e05c1847b232..5c7f868c21da11 100644
--- a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
+++ b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
@@ -25,6 +25,14 @@ import {SeerOnboardingProvider} from './hooks/seerOnboardingContext';
 import {StepsManager} from './stepsManager';
 import {Steps} from './types';
 
+const seerFeedbackOptions = {
+  messagePlaceholder: t('How can we make Seer better for you?'),
+  tags: {
+    ['feedback.source']: 'seer-settings-wizard',
+    ['feedback.owner']: 'coding-workflows',
+  },
+};
+
 export function SeerOnboardingSeatBased() {
   const organization = useOrganization();
   const canWrite = useCanWriteSettings();
@@ -86,29 +94,10 @@ export function SeerOnboardingSeatBased() {
         action={
           hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton
-                feedbackOptions={{
-                  messagePlaceholder: t('How can we make Seer better for you?'),
-                  tags: {
-                    ['feedback.source']: 'seer-settings-wizard',
-                    ['feedback.owner']: 'coding-workflows',
-                  },
-                }}
-              >
-                {null}
-              </FeedbackButton>
+              <FeedbackButton feedbackOptions={seerFeedbackOptions}>{null}</FeedbackButton>
             </TopBar.Slot>
           ) : (
-            <FeedbackButton
-              size="md"
-              feedbackOptions={{
-                messagePlaceholder: t('How can we make Seer better for you?'),
-                tags: {
-                  ['feedback.source']: 'seer-settings-wizard',
-                  ['feedback.owner']: 'coding-workflows',
-                },
-              }}
-            />
+            <FeedbackButton size="md" feedbackOptions={seerFeedbackOptions} />
           )
         }
       />

From d601b5a5da9fa48571777a6f84b7b48ffd5246e2 Mon Sep 17 00:00:00 2001
From: "getsantry[bot]" <66042841+getsantry[bot]@users.noreply.github.com>
Date: Wed, 8 Apr 2026 01:33:27 +0000
Subject: [PATCH 07/10] :hammer_and_wrench: apply pre-commit fixes

---
 static/app/views/explore/logs/content.tsx                | 6 ++++--
 static/app/views/explore/metrics/content.tsx             | 4 +++-
 static/app/views/feedback/feedbackListPage.tsx           | 9 +++++++--
 .../issueViews/issueViewsList/issueViewsList.tsx         | 8 +++++---
 static/app/views/releases/list/index.tsx                 | 8 +++++---
 static/gsApp/components/subscriptionSettingsLayout.tsx   | 4 ++--
 .../views/amCheckout/components/checkoutSuccess.tsx      | 9 +++++++--
 .../seerAutomation/onboarding/onboardingSeatBased.tsx    | 4 +++-
 8 files changed, 36 insertions(+), 16 deletions(-)

diff --git a/static/app/views/explore/logs/content.tsx b/static/app/views/explore/logs/content.tsx
index 760694d25fa0f1..628aca2aa2cc9f 100644
--- a/static/app/views/explore/logs/content.tsx
+++ b/static/app/views/explore/logs/content.tsx
@@ -32,9 +32,9 @@ import {
   useQueryParamsTitle,
 } from 'sentry/views/explore/queryParams/context';
 import {TraceItemDataset} from 'sentry/views/explore/types';
+import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
-import {useOnboardingProject} from 'sentry/views/insights/common/queries/useOnboardingProject';
 
 export default function LogsContent() {
   const organization = useOrganization();
@@ -133,7 +133,9 @@ function LogsHeader() {
         <Grid flow="column" align="center" gap="md">
           {hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton feedbackOptions={logsFeedbackOptions}>{null}</FeedbackButton>
+              <FeedbackButton feedbackOptions={logsFeedbackOptions}>
+                {null}
+              </FeedbackButton>
             </TopBar.Slot>
           ) : (
             <FeedbackButton feedbackOptions={logsFeedbackOptions} />
diff --git a/static/app/views/explore/metrics/content.tsx b/static/app/views/explore/metrics/content.tsx
index 2f0cda41f59977..ae56b4ec7230d1 100644
--- a/static/app/views/explore/metrics/content.tsx
+++ b/static/app/views/explore/metrics/content.tsx
@@ -110,7 +110,9 @@ function MetricsHeader() {
       <Layout.HeaderActions>
         {hasPageFrameFeature ? (
           <TopBar.Slot name="feedback">
-            <FeedbackButton feedbackOptions={metricsFeedbackOptions}>{null}</FeedbackButton>
+            <FeedbackButton feedbackOptions={metricsFeedbackOptions}>
+              {null}
+            </FeedbackButton>
           </TopBar.Slot>
         ) : (
           <FeedbackButton feedbackOptions={metricsFeedbackOptions} />
diff --git a/static/app/views/feedback/feedbackListPage.tsx b/static/app/views/feedback/feedbackListPage.tsx
index 361ed90c041cd7..081fe13f8a8d86 100644
--- a/static/app/views/feedback/feedbackListPage.tsx
+++ b/static/app/views/feedback/feedbackListPage.tsx
@@ -165,10 +165,15 @@ export default function FeedbackListPage() {
               <Flex gap="lg">
                 {hasPageFrameFeature ? (
                   <TopBar.Slot name="feedback">
-                    <FeedbackButton feedbackOptions={userFeedbackFeedbackOptions}>{null}</FeedbackButton>
+                    <FeedbackButton feedbackOptions={userFeedbackFeedbackOptions}>
+                      {null}
+                    </FeedbackButton>
                   </TopBar.Slot>
                 ) : (
-                  <FeedbackButton size="sm" feedbackOptions={userFeedbackFeedbackOptions} />
+                  <FeedbackButton
+                    size="sm"
+                    feedbackOptions={userFeedbackFeedbackOptions}
+                  />
                 )}
                 <LinkButton
                   size="sm"
diff --git a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
index 24b0f0b85efd5a..818e0721493c8a 100644
--- a/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
+++ b/static/app/views/issueList/issueViews/issueViewsList/issueViewsList.tsx
@@ -25,8 +25,6 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {getIssueViewQueryParams} from 'sentry/views/issueList/issueViews/getIssueViewQueryParams';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {IssueViewsTable} from 'sentry/views/issueList/issueViews/issueViewsList/issueViewsTable';
 import {
   DEFAULT_ENVIRONMENTS,
@@ -46,6 +44,8 @@ import {
   type GroupSearchView,
 } from 'sentry/views/issueList/types';
 import {IssueSortOptions} from 'sentry/views/issueList/utils';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 type IssueViewSectionProps = {
   createdBy: GroupSearchViewCreatedBy;
@@ -379,7 +379,9 @@ export default function IssueViewsList() {
             <Grid flow="column" align="center" gap="md">
               {hasPageFrameFeature ? (
                 <TopBar.Slot name="feedback">
-                  <FeedbackButton feedbackOptions={issueViewsFeedbackOptions}>{null}</FeedbackButton>
+                  <FeedbackButton feedbackOptions={issueViewsFeedbackOptions}>
+                    {null}
+                  </FeedbackButton>
                 </TopBar.Slot>
               ) : (
                 <FeedbackButton size="sm" feedbackOptions={issueViewsFeedbackOptions} />
diff --git a/static/app/views/releases/list/index.tsx b/static/app/views/releases/list/index.tsx
index e7d417f36f46a6..081ff59f2da0f2 100644
--- a/static/app/views/releases/list/index.tsx
+++ b/static/app/views/releases/list/index.tsx
@@ -41,13 +41,13 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useNavigate} from 'sentry/utils/useNavigate';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {ReleaseArchivedNotice} from 'sentry/views/releases/detail/overview/releaseArchivedNotice';
 import {MobileBuilds} from 'sentry/views/releases/list/mobileBuilds';
 import {ReleaseHealthCTA} from 'sentry/views/releases/list/releaseHealthCTA';
 import {ReleaseListInner} from 'sentry/views/releases/list/releaseListInner';
 import {isMobileRelease} from 'sentry/views/releases/utils';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 import {ReleasesDisplayOption, ReleasesDisplayOptions} from './releasesDisplayOptions';
 import {ReleasesSortOptions} from './releasesSortOptions';
@@ -437,7 +437,9 @@ export default function ReleasesList() {
                 <Layout.HeaderActions>
                   {hasPageFrameFeature ? (
                     <TopBar.Slot name="feedback">
-                      <FeedbackButton feedbackOptions={releasesFeedbackOptions}>{null}</FeedbackButton>
+                      <FeedbackButton feedbackOptions={releasesFeedbackOptions}>
+                        {null}
+                      </FeedbackButton>
                     </TopBar.Slot>
                   ) : (
                     <FeedbackButton feedbackOptions={releasesFeedbackOptions} />
diff --git a/static/gsApp/components/subscriptionSettingsLayout.tsx b/static/gsApp/components/subscriptionSettingsLayout.tsx
index ef251dd11fdde6..f5aa930b9bb97b 100644
--- a/static/gsApp/components/subscriptionSettingsLayout.tsx
+++ b/static/gsApp/components/subscriptionSettingsLayout.tsx
@@ -8,12 +8,12 @@ import {t} from 'sentry/locale';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useParams} from 'sentry/utils/useParams';
 import {useRoutes} from 'sentry/utils/useRoutes';
+import {TopBar} from 'sentry/views/navigation/topBar';
+import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 import {SettingsBreadcrumb} from 'sentry/views/settings/components/settingsBreadcrumb';
 import type {RouteWithName} from 'sentry/views/settings/components/settingsBreadcrumb/types';
 import {SettingsHeader} from 'sentry/views/settings/components/settingsHeader';
 import {SettingsSearch} from 'sentry/views/settings/components/settingsSearch';
-import {TopBar} from 'sentry/views/navigation/topBar';
-import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
 export default function SubscriptionSettingsLayout() {
   const location = useLocation();
diff --git a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
index ff505db418ce2a..794d601c8bf8c9 100644
--- a/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
+++ b/static/gsApp/views/amCheckout/components/checkoutSuccess.tsx
@@ -621,10 +621,15 @@ export function CheckoutSuccess({
             </LinkButton>
             {hasPageFrameFeature ? (
               <TopBar.Slot name="feedback">
-                <FeedbackButton feedbackOptions={checkoutSuccessFeedbackOptions}>{null}</FeedbackButton>
+                <FeedbackButton feedbackOptions={checkoutSuccessFeedbackOptions}>
+                  {null}
+                </FeedbackButton>
               </TopBar.Slot>
             ) : (
-              <FeedbackButton feedbackOptions={checkoutSuccessFeedbackOptions} size="md" />
+              <FeedbackButton
+                feedbackOptions={checkoutSuccessFeedbackOptions}
+                size="md"
+              />
             )}
           </Flex>
         </Flex>
diff --git a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
index 5c7f868c21da11..a49fd1d2789739 100644
--- a/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
+++ b/static/gsApp/views/seerAutomation/onboarding/onboardingSeatBased.tsx
@@ -94,7 +94,9 @@ export function SeerOnboardingSeatBased() {
         action={
           hasPageFrameFeature ? (
             <TopBar.Slot name="feedback">
-              <FeedbackButton feedbackOptions={seerFeedbackOptions}>{null}</FeedbackButton>
+              <FeedbackButton feedbackOptions={seerFeedbackOptions}>
+                {null}
+              </FeedbackButton>
             </TopBar.Slot>
           ) : (
             <FeedbackButton size="md" feedbackOptions={seerFeedbackOptions} />

From fdf5f78c7a6a94f5f2ec52f82fa20b13d45ca720 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Wed, 8 Apr 2026 01:44:27 +0000
Subject: [PATCH 08/10] fix(trace-summary): return null when
 hasPageFrameFeature is true to avoid duplicate feedback buttons

Co-authored-by: Jonas <JonasBa@users.noreply.github.com>
---
 .../performance/newTraceDetails/traceSummary.tsx     | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/static/app/views/performance/newTraceDetails/traceSummary.tsx b/static/app/views/performance/newTraceDetails/traceSummary.tsx
index 0bfecb52cbf52f..04b20d074cfc47 100644
--- a/static/app/views/performance/newTraceDetails/traceSummary.tsx
+++ b/static/app/views/performance/newTraceDetails/traceSummary.tsx
@@ -169,17 +169,9 @@ export function TraceSummarySection({traceSlug}: {traceSlug: string}) {
         <SectionContent text="" />
       )}
 
-      {feedback && (
+      {feedback && !hasPageFrameFeature && (
         <Flex justify="end" marginTop="xl">
-          {hasPageFrameFeature ? (
-            <TopBar.Slot name="feedback">
-              <FeedbackButton feedbackOptions={traceSummaryFeedbackOptions}>
-                {null}
-              </FeedbackButton>
-            </TopBar.Slot>
-          ) : (
-            <FeedbackButton feedbackOptions={traceSummaryFeedbackOptions} />
-          )}
+          <FeedbackButton feedbackOptions={traceSummaryFeedbackOptions} />
         </Flex>
       )}
     </SummaryContainer>

From 7d54af52b5b4a337d2c934b7dfe4fd4a4b5c5683 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 9 Apr 2026 02:24:07 +0000
Subject: [PATCH 09/10] refactor(issue-details): extract feedback options to
 const to avoid duplication

Co-authored-by: Jonas <JonasBa@users.noreply.github.com>
---
 .../issueDetails/streamline/header/header.tsx | 25 +++++++------------
 1 file changed, 9 insertions(+), 16 deletions(-)

diff --git a/static/app/views/issueDetails/streamline/header/header.tsx b/static/app/views/issueDetails/streamline/header/header.tsx
index 17b2816084a445..e09ca637ad3ca7 100644
--- a/static/app/views/issueDetails/streamline/header/header.tsx
+++ b/static/app/views/issueDetails/streamline/header/header.tsx
@@ -94,6 +94,13 @@ export function StreamlinedGroupHeader({event, group, project}: GroupHeaderProps
   const {feedback} = useFeedbackSDKIntegration();
   const hasPageFrameFeature = useHasPageFrameFeature();
 
+  const feedbackOptions = {
+    messagePlaceholder: t('Please provide feedback on the issue Sentry detected.'),
+    tags: {
+      ['feedback.source']: feedbackSource,
+    },
+  };
+
   const statusProps = getBadgeProperties(group.status, group.substatus);
   const issueTypeConfig = getConfigForIssueType(group, project);
 
@@ -154,14 +161,7 @@ export function StreamlinedGroupHeader({event, group, project}: GroupHeaderProps
                 <TopBar.Slot name="feedback">
                   <FeedbackButton
                     aria-label={t('Give feedback on the issue Sentry detected')}
-                    feedbackOptions={{
-                      messagePlaceholder: t(
-                        'Please provide feedback on the issue Sentry detected.'
-                      ),
-                      tags: {
-                        ['feedback.source']: feedbackSource,
-                      },
-                    }}
+                    feedbackOptions={feedbackOptions}
                   >
                     {null}
                   </FeedbackButton>
@@ -170,14 +170,7 @@ export function StreamlinedGroupHeader({event, group, project}: GroupHeaderProps
                 <FeedbackButton
                   aria-label={t('Give feedback on the issue Sentry detected')}
                   size="xs"
-                  feedbackOptions={{
-                    messagePlaceholder: t(
-                      'Please provide feedback on the issue Sentry detected.'
-                    ),
-                    tags: {
-                      ['feedback.source']: feedbackSource,
-                    },
-                  }}
+                  feedbackOptions={feedbackOptions}
                 />
               )
             ) : (

From 8461e0ef488326bc147165146f43f756c5e70258 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Thu, 9 Apr 2026 03:38:16 +0000
Subject: [PATCH 10/10] refactor(feedback): extract feedback options to const
 in automation and monitor buttons

Co-authored-by: Jonas <JonasBa@users.noreply.github.com>
---
 .../components/automationFeedbackButton.tsx   | 29 ++++++-----------
 .../components/monitorFeedbackButton.tsx      | 31 ++++++-------------
 2 files changed, 20 insertions(+), 40 deletions(-)

diff --git a/static/app/views/automations/components/automationFeedbackButton.tsx b/static/app/views/automations/components/automationFeedbackButton.tsx
index e5b6a2ff1ba814..f82f6fc4e16270 100644
--- a/static/app/views/automations/components/automationFeedbackButton.tsx
+++ b/static/app/views/automations/components/automationFeedbackButton.tsx
@@ -3,21 +3,21 @@ import {t} from 'sentry/locale';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
+const automationFeedbackOptions = {
+  messagePlaceholder: t('How can we improve the alerts experience?'),
+  tags: {
+    ['feedback.source']: 'automations',
+    ['feedback.owner']: 'aci',
+  },
+};
+
 export function AutomationFeedbackButton() {
   const hasPageFrameFeature = useHasPageFrameFeature();
 
   if (hasPageFrameFeature) {
     return (
       <TopBar.Slot name="feedback">
-        <FeedbackButton
-          feedbackOptions={{
-            messagePlaceholder: t('How can we improve the alerts experience?'),
-            tags: {
-              ['feedback.source']: 'automations',
-              ['feedback.owner']: 'aci',
-            },
-          }}
-        >
+        <FeedbackButton feedbackOptions={automationFeedbackOptions}>
           {null}
         </FeedbackButton>
       </TopBar.Slot>
@@ -25,16 +25,7 @@ export function AutomationFeedbackButton() {
   }
 
   return (
-    <FeedbackButton
-      size="sm"
-      feedbackOptions={{
-        messagePlaceholder: t('How can we improve the alerts experience?'),
-        tags: {
-          ['feedback.source']: 'automations',
-          ['feedback.owner']: 'aci',
-        },
-      }}
-    >
+    <FeedbackButton size="sm" feedbackOptions={automationFeedbackOptions}>
       {t('Feedback')}
     </FeedbackButton>
   );
diff --git a/static/app/views/detectors/components/monitorFeedbackButton.tsx b/static/app/views/detectors/components/monitorFeedbackButton.tsx
index fe0328e3157018..e3596307921e26 100644
--- a/static/app/views/detectors/components/monitorFeedbackButton.tsx
+++ b/static/app/views/detectors/components/monitorFeedbackButton.tsx
@@ -3,38 +3,27 @@ import {t} from 'sentry/locale';
 import {TopBar} from 'sentry/views/navigation/topBar';
 import {useHasPageFrameFeature} from 'sentry/views/navigation/useHasPageFrameFeature';
 
+const monitorFeedbackOptions = {
+  messagePlaceholder: t('How can we improve the monitor experience?'),
+  tags: {
+    ['feedback.source']: 'monitors',
+    ['feedback.owner']: 'aci',
+  },
+};
+
 export function MonitorFeedbackButton() {
   const hasPageFrameFeature = useHasPageFrameFeature();
 
   if (hasPageFrameFeature) {
     return (
       <TopBar.Slot name="feedback">
-        <FeedbackButton
-          feedbackOptions={{
-            messagePlaceholder: t('How can we improve the monitor experience?'),
-            tags: {
-              ['feedback.source']: 'monitors',
-              ['feedback.owner']: 'aci',
-            },
-          }}
-        >
-          {null}
-        </FeedbackButton>
+        <FeedbackButton feedbackOptions={monitorFeedbackOptions}>{null}</FeedbackButton>
       </TopBar.Slot>
     );
   }
 
   return (
-    <FeedbackButton
-      size="sm"
-      feedbackOptions={{
-        messagePlaceholder: t('How can we improve the monitor experience?'),
-        tags: {
-          ['feedback.source']: 'monitors',
-          ['feedback.owner']: 'aci',
-        },
-      }}
-    >
+    <FeedbackButton size="sm" feedbackOptions={monitorFeedbackOptions}>
       {t('Feedback')}
     </FeedbackButton>
   );