diff --git a/static/app/components/charts/heatMapChart.tsx b/static/app/components/charts/heatMapChart.tsx
deleted file mode 100644
index a09c20e59dec..000000000000
--- a/static/app/components/charts/heatMapChart.tsx
+++ /dev/null
@@ -1,37 +0,0 @@
-import type {HeatmapSeriesOption, VisualMapComponentOption} from 'echarts';
-
-import type {Series} from 'sentry/types/echarts';
-
-import {HeatMapSeries} from './series/heatMapSeries';
-import type {BaseChartProps} from './baseChart';
-import {BaseChart} from './baseChart';
-
-interface HeatmapSeries
-  extends Series, Omit<HeatmapSeriesOption, 'data' | 'name' | 'color' | 'id'> {
-  dataArray?: HeatmapSeriesOption['data'];
-}
-
-interface HeatmapProps extends Omit<BaseChartProps, 'series'> {
-  series: HeatmapSeries[];
-  visualMaps: VisualMapComponentOption[];
-  seriesOptions?: HeatmapSeriesOption;
-}
-
-export function HeatMapChart({ref, ...props}: HeatmapProps) {
-  const {series, seriesOptions, visualMaps, ...otherProps} = props;
-  return (
-    <BaseChart
-      ref={ref}
-      visualMap={visualMaps}
-      {...otherProps}
-      series={series.map(({seriesName, data, dataArray, ...options}) =>
-        HeatMapSeries({
-          ...seriesOptions,
-          ...options,
-          name: seriesName,
-          data: dataArray || data.map(({value, name}) => [name, value]),
-        })
-      )}
-    />
-  );
-}
diff --git a/static/app/components/charts/series/heatMapSeries.tsx b/static/app/components/charts/series/heatMapSeries.tsx
deleted file mode 100644
index 5db31294f8b5..000000000000
--- a/static/app/components/charts/series/heatMapSeries.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import 'echarts/lib/chart/heatmap';
-
-import type {HeatmapSeriesOption} from 'echarts';
-
-import type {SeriesDataUnit} from 'sentry/types/echarts';
-
-export function HeatMapSeries(
-  props: Omit<HeatmapSeriesOption, 'data'> & {
-    data?: SeriesDataUnit[] | HeatmapSeriesOption['data'];
-  } = {}
-): HeatmapSeriesOption {
-  const {data, ...rest} = props;
-  return {
-    data: data as HeatmapSeriesOption['data'],
-    ...rest,
-    type: 'heatmap',
-  };
-}
diff --git a/static/app/router/routes.tsx b/static/app/router/routes.tsx
index 0cdd2bd04c5c..fd66c268e96e 100644
--- a/static/app/router/routes.tsx
+++ b/static/app/router/routes.tsx
@@ -1774,13 +1774,6 @@ function buildRoutes(): RouteObject[] {
                 import('sentry/views/performance/transactionSummary/transactionReplays')
             ),
           },
-          {
-            path: 'tags/',
-            handle: {tab: TransactionSummaryTab.TAGS},
-            component: make(
-              () => import('sentry/views/performance/transactionSummary/transactionTags')
-            ),
-          },
           {
             path: 'events/',
             handle: {tab: TransactionSummaryTab.EVENTS},
diff --git a/static/app/utils/analytics/performanceAnalyticsEvents.tsx b/static/app/utils/analytics/performanceAnalyticsEvents.tsx
index 9349574b90c4..f77a4ab6228e 100644
--- a/static/app/utils/analytics/performanceAnalyticsEvents.tsx
+++ b/static/app/utils/analytics/performanceAnalyticsEvents.tsx
@@ -149,17 +149,6 @@ export type PerformanceEventParameters = {
   };
   'performance_views.summary.tag_explorer.visit_tag_key': Record<string, unknown>;
   'performance_views.summary.view_in_transaction_events': Record<string, unknown>;
-  'performance_views.tags.change_aggregate_column': {
-    value: string;
-  };
-  'performance_views.tags.change_tag': {
-    from_tag: string;
-    is_other_tag: boolean;
-    to_tag: string;
-  };
-  'performance_views.tags.interaction': Record<string, unknown>;
-  'performance_views.tags.jump_to_release': Record<string, unknown>;
-  'performance_views.tags.tags_tab_clicked': PageLayoutParams;
   'performance_views.team_key_transaction.set': {
     action: string;
   };
@@ -295,12 +284,6 @@ export const performanceEventMap: Record<PerformanceEventKey, string | null> = {
     'Performance Views: Transaction Summary status breakdown option clicked',
   'performance_views.all_events.open_in_discover':
     'Performance Views: All Events page open in Discover button clicked',
-  'performance_views.tags.change_aggregate_column':
-    'Performance Views: Tags page changed aggregate column',
-  'performance_views.tags.change_tag':
-    'Performance Views: Tags Page changed selected tag',
-  'performance_views.tags.jump_to_release':
-    'Performance Views: Tags Page link to release in table clicked',
   'performance_views.team_key_transaction.set':
     'Performance Views: Set Team Key Transaction',
   'performance_views.trends.widget_interaction':
@@ -324,14 +307,12 @@ export const performanceEventMap: Record<PerformanceEventKey, string | null> = {
     'Performance Views: Select Relative Breakdown',
   'performance_views.mep.metrics_outcome': 'Performance Views: Metrics Outcome',
   'performance_views.vitals.vitals_tab_clicked': 'Performance Views: Vitals tab clicked',
-  'performance_views.tags.tags_tab_clicked': 'Performance Views: Tags tab clicked',
   'performance_views.events.events_tab_clicked': 'Performance Views: Events tab clicked',
   'performance_views.spans.spans_tab_clicked': 'Performance Views: Spans tab clicked',
   'performance_views.summary.view_in_transaction_events':
     'Performance Views: View in All Events from Transaction Summary',
   'performance_views.summary.open_issues':
     'Performance Views: Open issues from transaction summary',
-  'performance_views.tags.interaction': 'Performance Views: Tag Page - Interaction',
   'performance_views.vitals.filter_changed': 'Performance Views: Change vitals filter',
   'performance_views.vitals.reset_view': 'Performance Views: Reset vitals view',
   'performance_views.trends.change_parameter': 'Performance Views: Change Parameter',
diff --git a/static/app/utils/performance/segmentExplorer/segmentExplorerQuery.tsx b/static/app/utils/performance/segmentExplorer/segmentExplorerQuery.tsx
deleted file mode 100644
index 06a1307bf26f..000000000000
--- a/static/app/utils/performance/segmentExplorer/segmentExplorerQuery.tsx
+++ /dev/null
@@ -1,88 +0,0 @@
-import type {EventQuery} from 'sentry/actionCreators/events';
-import type {LocationQuery} from 'sentry/utils/discover/eventView';
-import type {ColumnValueType} from 'sentry/utils/discover/fields';
-import type {
-  DiscoverQueryProps,
-  GenericChildrenProps,
-} from 'sentry/utils/discover/genericDiscoverQuery';
-import {GenericDiscoverQuery} from 'sentry/utils/discover/genericDiscoverQuery';
-
-/**
- * An individual row in a Segment explorer result
- */
-export type TableDataRow = {
-  aggregate: number;
-  comparison: number;
-  count: number;
-  frequency: number;
-  sumdelta: number;
-  tags_key: string;
-  tags_value: string;
-};
-
-export type TableData = {
-  data: TableDataRow[];
-  meta: Record<string, ColumnValueType>;
-};
-
-/**
- * A Segment Explorer result including rows and metadata.
- */
-
-type ChildrenProps = Omit<GenericChildrenProps<TableData>, 'tableData'> & {
-  tableData: TableData | null;
-};
-
-type QueryProps = DiscoverQueryProps & {
-  aggregateColumn: string;
-  children: (props: ChildrenProps) => React.ReactNode;
-  allTagKeys?: boolean;
-  sort?: string | string[];
-  tagKey?: string;
-};
-
-type FacetQuery = LocationQuery &
-  EventQuery & {
-    aggregateColumn?: string;
-    allTagKeys?: boolean;
-    sort?: string | string[];
-    tagKey?: string;
-  };
-
-function getRequestFunction(_props: QueryProps) {
-  const {aggregateColumn} = _props;
-  function getTagExplorerRequestPayload(props: DiscoverQueryProps) {
-    const {eventView} = props;
-    const apiPayload: FacetQuery = eventView.getEventsAPIPayload(props.location);
-    apiPayload.aggregateColumn = aggregateColumn;
-    apiPayload.sort = _props.sort ? _props.sort : apiPayload.sort;
-    if (_props.allTagKeys) {
-      apiPayload.allTagKeys = _props.allTagKeys;
-    }
-    if (_props.tagKey) {
-      apiPayload.tagKey = _props.tagKey;
-    }
-    return apiPayload;
-  }
-  return getTagExplorerRequestPayload;
-}
-
-function shouldRefetchData(prevProps: QueryProps, nextProps: QueryProps) {
-  return (
-    prevProps.aggregateColumn !== nextProps.aggregateColumn ||
-    prevProps.sort !== nextProps.sort ||
-    prevProps.allTagKeys !== nextProps.allTagKeys ||
-    prevProps.tagKey !== nextProps.tagKey
-  );
-}
-
-export function SegmentExplorerQuery(props: QueryProps) {
-  return (
-    <GenericDiscoverQuery<TableData, QueryProps>
-      route="events-facets-performance"
-      getRequestPayload={getRequestFunction(props)}
-      shouldRefetchData={shouldRefetchData}
-      {...props}
-    />
-  );
-}
diff --git a/static/app/utils/performance/segmentExplorer/tagKeyHistogramQuery.tsx b/static/app/utils/performance/segmentExplorer/tagKeyHistogramQuery.tsx
deleted file mode 100644
index be4e2e932a1e..000000000000
--- a/static/app/utils/performance/segmentExplorer/tagKeyHistogramQuery.tsx
+++ /dev/null
@@ -1,84 +0,0 @@
-import type {EventQuery} from 'sentry/actionCreators/events';
-import type {LocationQuery} from 'sentry/utils/discover/eventView';
-import type {
-  DiscoverQueryProps,
-  GenericChildrenProps,
-} from 'sentry/utils/discover/genericDiscoverQuery';
-import {GenericDiscoverQuery} from 'sentry/utils/discover/genericDiscoverQuery';
-
-/**
- * An individual row in a Segment explorer result
- */
-export type TableDataRow = {
-  [key: string]: string | number;
-  count: number;
-  tags_key: string;
-  tags_value: string;
-};
-
-type HistogramTag = {
-  tags_value: string;
-};
-
-export type TableData = {
-  histogram: {data: TableDataRow[]};
-  meta: Record<string, unknown>;
-  tags: {data: HistogramTag[]};
-};
-
-/**
- * A Segment Explorer result including rows and metadata.
- */
-
-type ChildrenProps = Omit<GenericChildrenProps<TableData>, 'tableData'> & {
-  tableData: TableData | null;
-};
-
-type QueryProps = DiscoverQueryProps & {
-  aggregateColumn: string;
-  children: (props: ChildrenProps) => React.ReactNode;
-  numBucketsPerKey: number;
-  sort: string | string[];
-  tagKey: string;
-};
-
-type FacetQuery = LocationQuery &
-  EventQuery & {
-    aggregateColumn?: string;
-    numBucketsPerKey?: number;
-    sort?: string | string[];
-    tagKey?: string;
-  };
-
-function getRequestFunction(_props: QueryProps) {
-  const {aggregateColumn} = _props;
-  function getTagExplorerRequestPayload(props: DiscoverQueryProps) {
-    const {eventView} = props;
-    const apiPayload: FacetQuery = eventView.getEventsAPIPayload(props.location);
-    apiPayload.aggregateColumn = aggregateColumn;
-    apiPayload.sort = _props.sort;
-    apiPayload.tagKey = _props.tagKey;
-    apiPayload.numBucketsPerKey = _props.numBucketsPerKey;
-    return apiPayload;
-  }
-  return getTagExplorerRequestPayload;
-}
-
-function shouldRefetchData(prevProps: QueryProps, nextProps: QueryProps) {
-  return (
-    prevProps.aggregateColumn !== nextProps.aggregateColumn ||
-    prevProps.sort !== nextProps.sort ||
-    prevProps.tagKey !== nextProps.tagKey
-  );
-}
-
-export function TagKeyHistogramQuery(props: QueryProps) {
-  return (
-    <GenericDiscoverQuery<TableData, QueryProps>
-      route="events-facets-performance-histogram"
-      getRequestPayload={getRequestFunction(props)}
-      shouldRefetchData={shouldRefetchData}
-      {...props}
-    />
-  );
-}
diff --git a/static/app/utils/performance/segmentExplorer/tagTransactionsQuery.tsx b/static/app/utils/performance/segmentExplorer/tagTransactionsQuery.tsx
deleted file mode 100644
index 644376bc5100..000000000000
--- a/static/app/utils/performance/segmentExplorer/tagTransactionsQuery.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import type {MetaType} from 'sentry/utils/discover/eventView';
-import type {
-  DiscoverQueryProps,
-  GenericChildrenProps,
-} from 'sentry/utils/discover/genericDiscoverQuery';
-import {GenericDiscoverQuery} from 'sentry/utils/discover/genericDiscoverQuery';
-
-type TableDataRow = {
-  [key: string]: string | number;
-  id: string;
-};
-
-type TableData = {
-  data: TableDataRow[];
-  meta?: MetaType;
-};
-
-type QueryProps = DiscoverQueryProps & {
-  children: (props: GenericChildrenProps<TableData>) => React.ReactNode;
-  query: string;
-};
-
-function shouldRefetchData(prevProps: QueryProps, nextProps: QueryProps) {
-  return prevProps.query !== nextProps.query;
-}
-
-export function TagTransactionsQuery(props: QueryProps) {
-  return (
-    <GenericDiscoverQuery<TableData, QueryProps>
-      route="events"
-      shouldRefetchData={shouldRefetchData}
-      {...props}
-    />
-  );
-}
diff --git a/static/app/views/performance/newTraceDetails/traceHeader/breadcrumbs.tsx b/static/app/views/performance/newTraceDetails/traceHeader/breadcrumbs.tsx
index 2f37d02e6305..97d8f094d15f 100644
--- a/static/app/views/performance/newTraceDetails/traceHeader/breadcrumbs.tsx
+++ b/static/app/views/performance/newTraceDetails/traceHeader/breadcrumbs.tsx
@@ -130,17 +130,6 @@ function getPerformanceBreadCrumbs(
         ),
       });
       break;
-    case Tab.TAGS:
-      crumbs.push({
-        label: t('Tags'),
-        to: getBreadCrumbTarget(
-          normalizeUrl(
-            `/organizations/${organization.slug}/${transactionSummaryUrl}/tags`
-          ),
-          location.query
-        ),
-      });
-      break;
     default:
       crumbs.push({
         label: t('Transaction Summary'),
diff --git a/static/app/views/performance/transactionSummary/filter.tsx b/static/app/views/performance/transactionSummary/filter.tsx
index 68e2db0a4ff0..ba0f10b8361e 100644
--- a/static/app/views/performance/transactionSummary/filter.tsx
+++ b/static/app/views/performance/transactionSummary/filter.tsx
@@ -2,7 +2,6 @@ import type {Theme} from '@emotion/react';
 import type {Location} from 'history';
 
 import {pickBarColor} from 'sentry/components/performance/waterfall/utils';
-import {SpanOpBreakdown} from 'sentry/utils/fields';
 import {decodeScalar} from 'sentry/utils/queryString';
 
 import {decodeHistogramZoom} from './transactionOverview/latencyChart/utils';
@@ -17,16 +16,6 @@ export enum SpanOperationBreakdownFilter {
   UI = 'ui',
 }
 
-export const SPAN_OPERATION_BREAKDOWN_FILTER_TO_FIELD: Partial<
-  Record<SpanOperationBreakdownFilter, string>
-> = {
-  [SpanOperationBreakdownFilter.HTTP]: SpanOpBreakdown.SPANS_HTTP,
-  [SpanOperationBreakdownFilter.DB]: SpanOpBreakdown.SPANS_DB,
-  [SpanOperationBreakdownFilter.BROWSER]: SpanOpBreakdown.SPANS_BROWSER,
-  [SpanOperationBreakdownFilter.RESOURCE]: SpanOpBreakdown.SPANS_RESOURCE,
-  [SpanOperationBreakdownFilter.UI]: SpanOpBreakdown.SPANS_UI,
-};
-
 export function filterToField(option: SpanOperationBreakdownFilter) {
   switch (option) {
     case SpanOperationBreakdownFilter.NONE:
diff --git a/static/app/views/performance/transactionSummary/header.spec.tsx b/static/app/views/performance/transactionSummary/header.spec.tsx
index 351765150e5c..231d6d62da31 100644
--- a/static/app/views/performance/transactionSummary/header.spec.tsx
+++ b/static/app/views/performance/transactionSummary/header.spec.tsx
@@ -83,24 +83,4 @@ describe('Performance > Transaction Summary Header', () => {
 
     expect(await screen.findByRole('tab', {name: 'Overview'})).toBeInTheDocument();
   });
-
-  it('should hide Tags tab', async () => {
-    const {project, organization, router, eventView} = initializeData();
-
-    render(
-      <TransactionHeader
-        eventView={eventView}
-        location={router.location}
-        organization={organization}
-        projects={[project]}
-        projectId={project.id}
-        transactionName="transaction_name"
-        currentTab={Tab.TRANSACTION_SUMMARY}
-      />,
-      {organization}
-    );
-
-    await screen.findByRole('tab', {name: 'Overview'});
-    expect(screen.queryByRole('tab', {name: 'Tags'})).not.toBeInTheDocument();
-  });
 });
diff --git a/static/app/views/performance/transactionSummary/header.tsx b/static/app/views/performance/transactionSummary/header.tsx
index 41c88907ea9d..720367b43376 100644
--- a/static/app/views/performance/transactionSummary/header.tsx
+++ b/static/app/views/performance/transactionSummary/header.tsx
@@ -39,7 +39,6 @@ import {TAB_ANALYTICS} from 'sentry/views/performance/transactionSummary/pageLay
 import {eventsRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionEvents/utils';
 import {profilesRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionProfiles/utils';
 import {replaysRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionReplays/utils';
-import {tagsRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionTags/utils';
 import {transactionSummaryRouteWithQuery} from 'sentry/views/performance/transactionSummary/utils';
 import {getSelectedProjectPlatforms} from 'sentry/views/performance/utils';
 
@@ -91,8 +90,6 @@ export function TransactionHeader({
       };
 
       switch (newTab) {
-        case Tab.TAGS:
-          return tagsRouteWithQuery(routeQuery);
         case Tab.EVENTS:
           return eventsRouteWithQuery(routeQuery);
         case Tab.REPLAYS:
@@ -162,9 +159,6 @@ export function TransactionHeader({
     >
       <TabList.Item key={Tab.TRANSACTION_SUMMARY}>{t('Overview')}</TabList.Item>
       <TabList.Item key={Tab.EVENTS}>{t('Sampled Events')}</TabList.Item>
-      <TabList.Item key={Tab.TAGS} hidden>
-        {t('Tags')}
-      </TabList.Item>
       <TabList.Item key={Tab.REPLAYS} textValue={t('Replays')} hidden={!hasSessionReplay}>
         {t('Replays')}
         <ReplayCountBadge count={replaysCount} limit={REPLAY_COUNT_LIMIT} />
@@ -330,9 +324,6 @@ export function TransactionHeader({
       >
         <TabList.Item key={Tab.TRANSACTION_SUMMARY}>{t('Overview')}</TabList.Item>
         <TabList.Item key={Tab.EVENTS}>{t('Sampled Events')}</TabList.Item>
-        <TabList.Item key={Tab.TAGS} hidden>
-          {t('Tags')}
-        </TabList.Item>
         <TabList.Item
           key={Tab.REPLAYS}
           textValue={t('Replays')}
diff --git a/static/app/views/performance/transactionSummary/layout.tsx b/static/app/views/performance/transactionSummary/layout.tsx
index 9a2263edefc4..2957bc28f5e1 100644
--- a/static/app/views/performance/transactionSummary/layout.tsx
+++ b/static/app/views/performance/transactionSummary/layout.tsx
@@ -12,7 +12,6 @@ import {Tab} from 'sentry/views/performance/transactionSummary/tabs';
 import {generateTransactionEventsEventView} from 'sentry/views/performance/transactionSummary/transactionEvents/utils';
 import {generateTransactionOverviewEventView} from 'sentry/views/performance/transactionSummary/transactionOverview/utils';
 import {generateTransactionReplaysEventView} from 'sentry/views/performance/transactionSummary/transactionReplays/utils';
-import {generateTransactionTagsEventView} from 'sentry/views/performance/transactionSummary/transactionTags/utils';
 
 function TransactionSummaryLayout() {
   const location = useLocation();
@@ -44,8 +43,6 @@ function makeGenerateEventView(tab: Tab) {
       return generateTransactionOverviewEventView;
     case Tab.EVENTS:
       return generateTransactionEventsEventView;
-    case Tab.TAGS:
-      return generateTransactionTagsEventView;
     case Tab.REPLAYS:
       return generateTransactionReplaysEventView;
     case Tab.PROFILING:
@@ -69,9 +66,6 @@ function makeGetDocumentTitle(tab: Tab) {
     case Tab.EVENTS:
       name = t('Events');
       break;
-    case Tab.TAGS:
-      name = t('Tags');
-      break;
     case Tab.REPLAYS:
       name = t('Replays');
       break;
diff --git a/static/app/views/performance/transactionSummary/pageLayout.tsx b/static/app/views/performance/transactionSummary/pageLayout.tsx
index 1f61e0ac6377..9a9e87a8c6d8 100644
--- a/static/app/views/performance/transactionSummary/pageLayout.tsx
+++ b/static/app/views/performance/transactionSummary/pageLayout.tsx
@@ -45,19 +45,16 @@ import {
 import {eventsRouteWithQuery} from './transactionEvents/utils';
 import {profilesRouteWithQuery} from './transactionProfiles/utils';
 import {replaysRouteWithQuery} from './transactionReplays/utils';
-import {tagsRouteWithQuery} from './transactionTags/utils';
 import {TransactionHeader} from './header';
 import {Tab} from './tabs';
 import type {TransactionThresholdMetric} from './transactionThresholdModal';
 import {generateTransactionSummaryRoute, transactionSummaryRouteWithQuery} from './utils';
 
 type TabEvents =
-  | 'performance_views.tags.tags_tab_clicked'
   | 'performance_views.events.events_tab_clicked'
   | 'performance_views.spans.spans_tab_clicked';
 
 export const TAB_ANALYTICS: Partial<Record<Tab, TabEvents>> = {
-  [Tab.TAGS]: 'performance_views.tags.tags_tab_clicked',
   [Tab.EVENTS]: 'performance_views.events.events_tab_clicked',
 };
 
@@ -112,7 +109,6 @@ export function PageLayout(props: Props) {
       case Tab.REPLAYS:
         return [DataCategory.REPLAYS];
       case Tab.EVENTS:
-      case Tab.TAGS:
       case Tab.TRANSACTION_SUMMARY:
         // The transactions summary page technically also uses transactions
         // in additional to spans. But if we specify transactions here, it'll
@@ -143,8 +139,6 @@ export function PageLayout(props: Props) {
       };
 
       switch (newTab) {
-        case Tab.TAGS:
-          return tagsRouteWithQuery(routeQuery);
         case Tab.EVENTS:
           return eventsRouteWithQuery(routeQuery);
         case Tab.REPLAYS:
diff --git a/static/app/views/performance/transactionSummary/tabs.tsx b/static/app/views/performance/transactionSummary/tabs.tsx
index 7038b1677cb0..e23827a6e500 100644
--- a/static/app/views/performance/transactionSummary/tabs.tsx
+++ b/static/app/views/performance/transactionSummary/tabs.tsx
@@ -1,6 +1,5 @@
 export enum Tab {
   TRANSACTION_SUMMARY = 'summary',
-  TAGS = 'tags',
   EVENTS = 'events',
   REPLAYS = 'replays',
   PROFILING = 'profiling',
diff --git a/static/app/views/performance/transactionSummary/transactionOverview/tagExplorer.tsx b/static/app/views/performance/transactionSummary/transactionOverview/tagExplorer.tsx
deleted file mode 100644
index a2147a339e7c..000000000000
--- a/static/app/views/performance/transactionSummary/transactionOverview/tagExplorer.tsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import type {Project} from 'sentry/types/project';
-import type {EventView} from 'sentry/utils/discover/eventView';
-import type {TableDataRow} from 'sentry/utils/performance/segmentExplorer/segmentExplorerQuery';
-import type {SpanOperationBreakdownFilter} from 'sentry/views/performance/transactionSummary/filter';
-import {SPAN_OPERATION_BREAKDOWN_FILTER_TO_FIELD} from 'sentry/views/performance/transactionSummary/filter';
-import {
-  platformAndConditionsToPerformanceType,
-  ProjectPerformanceType,
-} from 'sentry/views/performance/utils';
-
-export const getTransactionField = (
-  currentFilter: SpanOperationBreakdownFilter,
-  projects: Project[],
-  eventView: EventView
-) => {
-  const fieldFromFilter = SPAN_OPERATION_BREAKDOWN_FILTER_TO_FIELD[currentFilter];
-  if (fieldFromFilter) {
-    return fieldFromFilter;
-  }
-
-  const performanceType = platformAndConditionsToPerformanceType(projects, eventView);
-  if (performanceType === ProjectPerformanceType.FRONTEND) {
-    return 'measurements.lcp';
-  }
-
-  return 'transaction.duration';
-};
-
-type TagValueProps = {
-  row: TableDataRow;
-};
-
-export function TagValue(props: TagValueProps) {
-  return <div className="truncate">{props.row.tags_value}</div>;
-}
diff --git a/static/app/views/performance/transactionSummary/transactionTags/constants.tsx b/static/app/views/performance/transactionSummary/transactionTags/constants.tsx
deleted file mode 100644
index 6034ecdb9d94..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/constants.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import type {SelectValue} from '@sentry/scraps/select';
-
-import {t} from 'sentry/locale';
-
-import {XAxisOption} from './types';
-
-export const X_AXIS_SELECT_OPTIONS: Array<SelectValue<XAxisOption>> = [
-  {label: t('LCP'), value: XAxisOption.LCP},
-  {label: t('Duration'), value: XAxisOption.DURATION},
-];
diff --git a/static/app/views/performance/transactionSummary/transactionTags/content.tsx b/static/app/views/performance/transactionSummary/transactionTags/content.tsx
deleted file mode 100644
index 7c6e86788a12..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/content.tsx
+++ /dev/null
@@ -1,378 +0,0 @@
-import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
-import styled from '@emotion/styled';
-import type {Location} from 'history';
-
-import {CompactSelect} from '@sentry/scraps/compactSelect';
-import {OverlayTrigger} from '@sentry/scraps/overlayTrigger';
-import {Radio} from '@sentry/scraps/radio';
-
-import {SectionHeading} from 'sentry/components/charts/styles';
-import * as Layout from 'sentry/components/layouts/thirds';
-import {DatePageFilter} from 'sentry/components/pageFilters/date/datePageFilter';
-import {EnvironmentPageFilter} from 'sentry/components/pageFilters/environment/environmentPageFilter';
-import {PageFilterBar} from 'sentry/components/pageFilters/pageFilterBar';
-import {normalizeDateTimeParams} from 'sentry/components/pageFilters/parse';
-import {TransactionSearchQueryBuilder} from 'sentry/components/performance/transactionSearchQueryBuilder';
-import {Placeholder} from 'sentry/components/placeholder';
-import {QuestionTooltip} from 'sentry/components/questionTooltip';
-import {t} from 'sentry/locale';
-import {DataCategory} from 'sentry/types/core';
-import type {Organization} from 'sentry/types/organization';
-import type {Project} from 'sentry/types/project';
-import {trackAnalytics} from 'sentry/utils/analytics';
-import type {EventView} from 'sentry/utils/discover/eventView';
-import type {TableData} from 'sentry/utils/performance/segmentExplorer/segmentExplorerQuery';
-import {SegmentExplorerQuery} from 'sentry/utils/performance/segmentExplorer/segmentExplorerQuery';
-import {decodeScalar} from 'sentry/utils/queryString';
-import {useDatePageFilterProps} from 'sentry/utils/useDatePageFilterProps';
-import {useLocation} from 'sentry/utils/useLocation';
-import {useMaxPickableDays} from 'sentry/utils/useMaxPickableDays';
-import {useNavigate} from 'sentry/utils/useNavigate';
-import {SpanOperationBreakdownFilter} from 'sentry/views/performance/transactionSummary/filter';
-import {getTransactionField} from 'sentry/views/performance/transactionSummary/transactionOverview/tagExplorer';
-import {useTransactionSummaryContext} from 'sentry/views/performance/transactionSummary/transactionSummaryContext';
-import {SidebarSpacer} from 'sentry/views/performance/transactionSummary/utils';
-
-import {X_AXIS_SELECT_OPTIONS} from './constants';
-import {TAG_PAGE_TABLE_CURSOR, TagsDisplay} from './tagsDisplay';
-import {decodeSelectedTagKey} from './utils';
-
-type Props = {
-  eventView: EventView;
-  location: Location;
-  organization: Organization;
-  projects: Project[];
-  transactionName: string;
-};
-
-type TagOption = string;
-
-export function TagsPageContent() {
-  const props = useTransactionSummaryContext();
-  const {eventView, organization, projects} = props;
-  const location = useLocation();
-
-  const [aggregateColumn, setAggregateColumn] = useState(
-    getTransactionField(SpanOperationBreakdownFilter.NONE, projects, eventView)
-  );
-
-  return (
-    <Layout.Main width="full">
-      <SegmentExplorerQuery
-        eventView={eventView}
-        orgSlug={organization.slug}
-        location={location}
-        aggregateColumn={aggregateColumn}
-        limit={20}
-        sort="-sumdelta"
-        allTagKeys
-      >
-        {({isLoading, tableData}) => {
-          return (
-            <InnerContent
-              {...props}
-              location={location}
-              isLoading={isLoading}
-              tableData={tableData}
-              aggregateColumn={aggregateColumn}
-              onChangeAggregateColumn={setAggregateColumn}
-            />
-          );
-        }}
-      </SegmentExplorerQuery>
-    </Layout.Main>
-  );
-}
-
-function getTagKeyOptions(tableData: TableData) {
-  const suspectTags: TagOption[] = [];
-  const otherTags: TagOption[] = [];
-  tableData.data.forEach(row => {
-    const tagArray = row.comparison > 1 ? suspectTags : otherTags;
-    tagArray.push(row.tags_key);
-  });
-
-  return {
-    suspectTags,
-    otherTags,
-  };
-}
-
-function InnerContent(
-  props: Props & {
-    aggregateColumn: string;
-    onChangeAggregateColumn: (aggregateColumn: string) => void;
-    tableData: TableData | null;
-    isLoading?: boolean;
-  }
-) {
-  const {
-    eventView: _eventView,
-    location,
-    organization,
-    tableData,
-    aggregateColumn,
-    onChangeAggregateColumn,
-    isLoading,
-  } = props;
-  const eventView = _eventView.clone();
-
-  const tagOptions = tableData ? getTagKeyOptions(tableData) : null;
-  const suspectTags = tagOptions ? tagOptions.suspectTags : [];
-  const otherTags = tagOptions ? tagOptions.otherTags : [];
-
-  const decodedTagKey = decodeSelectedTagKey(location);
-
-  const allTags = [...suspectTags, ...otherTags];
-  const decodedTagFromOptions = decodedTagKey
-    ? allTags.find(tag => tag === decodedTagKey)
-    : undefined;
-
-  const defaultTag = allTags.length ? allTags[0] : undefined;
-
-  const initialTag = decodedTagFromOptions ?? defaultTag;
-
-  const navigate = useNavigate();
-  const [tagSelected, _changeTagSelected] = useState(initialTag);
-  const lastTag = useRef('');
-
-  const changeTagSelected = useCallback(
-    (tagKey: string) => {
-      if (lastTag.current !== tagKey) {
-        const queryParams = normalizeDateTimeParams({
-          ...location.query,
-          tagKey,
-          [TAG_PAGE_TABLE_CURSOR]: undefined,
-        });
-
-        navigate(
-          {
-            pathname: location.pathname,
-            query: queryParams,
-          },
-          {replace: true}
-        );
-        _changeTagSelected(tagKey);
-        lastTag.current = decodeScalar(location.query.tagKey, '');
-      }
-    },
-    [location.query, location.pathname, navigate]
-  );
-
-  useEffect(() => {
-    if (initialTag) {
-      changeTagSelected(initialTag);
-    }
-  }, [initialTag, changeTagSelected]);
-
-  const handleSearch = (query: string) => {
-    const queryParams = normalizeDateTimeParams({
-      ...location.query,
-      query,
-    });
-
-    navigate({
-      pathname: location.pathname,
-      query: queryParams,
-    });
-  };
-
-  const changeTag = (tag: string, isOtherTag: boolean) => {
-    trackAnalytics('performance_views.tags.change_tag', {
-      organization,
-      from_tag: tagSelected!,
-      to_tag: tag,
-      is_other_tag: isOtherTag,
-    });
-
-    return changeTagSelected(tag);
-  };
-  if (tagSelected) {
-    eventView.additionalConditions.setFilterValues('has', [tagSelected]);
-  }
-
-  const query = decodeScalar(location.query.query, '');
-
-  const projectIds = useMemo(() => eventView.project?.slice(), [eventView.project]);
-
-  const maxPickableDays = useMaxPickableDays({
-    dataCategories: [DataCategory.TRANSACTIONS],
-  });
-  const datePageFilterProps = useDatePageFilterProps(maxPickableDays);
-
-  return (
-    <ReversedLayoutBody>
-      <TagsSideBar
-        suspectTags={suspectTags}
-        otherTags={otherTags}
-        tagSelected={tagSelected}
-        changeTag={changeTag}
-        isLoading={isLoading}
-      />
-      <StyledMain>
-        <FilterActions>
-          <PageFilterBar condensed>
-            <EnvironmentPageFilter />
-            <DatePageFilter {...datePageFilterProps} />
-          </PageFilterBar>
-          <StyledSearchBarWrapper>
-            <TransactionSearchQueryBuilder
-              projects={projectIds}
-              initialQuery={query}
-              onSearch={handleSearch}
-              searchSource="transaction_tags"
-            />
-          </StyledSearchBarWrapper>
-          <CompactSelect
-            value={aggregateColumn}
-            options={X_AXIS_SELECT_OPTIONS}
-            onChange={opt => {
-              trackAnalytics('performance_views.tags.change_aggregate_column', {
-                organization,
-                value: opt.value,
-              });
-              onChangeAggregateColumn(opt.value);
-            }}
-            trigger={triggerProps => (
-              <OverlayTrigger.Button {...triggerProps} prefix={t('X-Axis')} />
-            )}
-          />
-        </FilterActions>
-        <TagsDisplay {...props} tagKey={tagSelected} />
-      </StyledMain>
-    </ReversedLayoutBody>
-  );
-}
-
-function TagsSideBar(props: {
-  changeTag: (tag: string, isOtherTag: boolean) => void;
-  otherTags: TagOption[];
-  suspectTags: TagOption[];
-  isLoading?: boolean;
-  tagSelected?: string;
-}) {
-  const {suspectTags, otherTags, changeTag, tagSelected, isLoading} = props;
-  return (
-    <StyledSide>
-      <StyledSectionHeading>
-        {t('Suspect Tags')}
-        <QuestionTooltip
-          position="top"
-          title={t('Suspect tags are tags that often correspond to slower transaction')}
-          size="sm"
-        />
-      </StyledSectionHeading>
-      {isLoading ? (
-        <Placeholder height="200px" />
-      ) : suspectTags.length ? (
-        suspectTags.map(tag => (
-          <RadioLabel key={tag}>
-            <Radio
-              aria-label={tag}
-              checked={tagSelected === tag}
-              onChange={() => changeTag(tag, false)}
-            />
-            <SidebarTagValue className="truncate">{tag}</SidebarTagValue>
-          </RadioLabel>
-        ))
-      ) : (
-        <div>{t('No tags detected.')}</div>
-      )}
-
-      <SidebarSpacer />
-      <StyledSectionHeading>
-        {t('Other Tags')}
-        <QuestionTooltip
-          position="top"
-          title={t('Other common tags for this transaction')}
-          size="sm"
-        />
-      </StyledSectionHeading>
-
-      {isLoading ? (
-        <Placeholder height="200px" />
-      ) : otherTags.length ? (
-        otherTags.map(tag => (
-          <RadioLabel key={tag}>
-            <Radio
-              aria-label={tag}
-              checked={tagSelected === tag}
-              onChange={() => changeTag(tag, true)}
-            />
-            <SidebarTagValue className="truncate">{tag}</SidebarTagValue>
-          </RadioLabel>
-        ))
-      ) : (
-        <div>{t('No tags detected.')}</div>
-      )}
-    </StyledSide>
-  );
-}
-
-const RadioLabel = styled('label')`
-  cursor: pointer;
-  margin-bottom: ${p => p.theme.space.md};
-  font-weight: ${p => p.theme.font.weight.sans.regular};
-  display: grid;
-  grid-auto-flow: column;
-  grid-auto-columns: max-content 1fr;
-  align-items: center;
-  gap: ${p => p.theme.space.md};
-`;
-
-const SidebarTagValue = styled('span')`
-  width: 100%;
-`;
-
-const StyledSectionHeading = styled(SectionHeading)`
-  margin-bottom: ${p => p.theme.space.xl};
-`;
-
-// TODO(k-fish): Adjust thirds layout to allow for this instead.
-const ReversedLayoutBody = styled('div')`
-  margin: 0;
-  background-color: ${p => p.theme.tokens.background.primary};
-  flex-grow: 1;
-
-  @media (min-width: ${p => p.theme.breakpoints.md}) {
-    display: grid;
-    grid-template-columns: auto 66%;
-    align-content: start;
-    gap: ${p => p.theme.space['2xl']};
-  }
-
-  @media (min-width: ${p => p.theme.breakpoints.lg}) {
-    grid-template-columns: 225px minmax(100px, auto);
-  }
-`;
-
-const StyledSide = styled('div')`
-  grid-column: 1/2;
-`;
-
-const StyledMain = styled('div')`
-  grid-column: 2/4;
-  max-width: 100%;
-`;
-
-const StyledSearchBarWrapper = styled('div')`
-  @media (min-width: ${p => p.theme.breakpoints.sm}) {
-    order: 1;
-    grid-column: 1/6;
-  }
-
-  @media (min-width: ${p => p.theme.breakpoints.xl}) {
-    order: initial;
-    grid-column: auto;
-  }
-`;
-
-const FilterActions = styled('div')`
-  display: grid;
-  gap: ${p => p.theme.space.xl};
-  margin-bottom: ${p => p.theme.space.xl};
-
-  @media (min-width: ${p => p.theme.breakpoints.sm}) {
-    grid-template-columns: auto 1fr auto;
-  }
-`;
diff --git a/static/app/views/performance/transactionSummary/transactionTags/index.spec.tsx b/static/app/views/performance/transactionSummary/transactionTags/index.spec.tsx
deleted file mode 100644
index 246ce869e404..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/index.spec.tsx
+++ /dev/null
@@ -1,371 +0,0 @@
-import {OrganizationFixture} from 'sentry-fixture/organization';
-import {RouterFixture} from 'sentry-fixture/routerFixture';
-
-import {initializeOrg} from 'sentry-test/initializeOrg';
-import {act, render, screen, userEvent, waitFor} from 'sentry-test/reactTestingLibrary';
-import {selectEvent} from 'sentry-test/selectEvent';
-
-import {ProjectsStore} from 'sentry/stores/projectsStore';
-import TransactionSummaryLayout from 'sentry/views/performance/transactionSummary/layout';
-import {Tab as TransactionSummaryTab} from 'sentry/views/performance/transactionSummary/tabs';
-import TransactionTags from 'sentry/views/performance/transactionSummary/transactionTags';
-
-const TEST_RELEASE_NAME = 'test-project@1.0.0';
-
-function initializeData({query} = {query: {}}) {
-  const features = ['discover-basic', 'performance-view'];
-
-  const organization = OrganizationFixture({
-    features,
-  });
-
-  const newQuery = {
-    transaction: 'Test Transaction',
-    project: '1',
-    ...query,
-  };
-
-  const initialData = initializeOrg({organization});
-  const router = RouterFixture({
-    location: {
-      query: newQuery,
-    },
-  });
-
-  act(() => ProjectsStore.loadInitialData(initialData.projects));
-
-  return {...initialData, router};
-}
-
-const renderWithLayout = (data: ReturnType<typeof initializeData>) => {
-  return render(<TransactionSummaryLayout />, {
-    organization: data.organization,
-    initialRouterConfig: {
-      location: {
-        pathname: '/performance/summary/tags/',
-        query: data.router.location.query,
-      },
-      route: '/performance/summary/',
-      children: [
-        {
-          path: 'tags',
-          handle: {tab: TransactionSummaryTab.TAGS},
-          element: <TransactionTags />,
-        },
-      ],
-    },
-  });
-};
-
-describe('Performance > Transaction Tags', () => {
-  let histogramMock: Record<string, any>;
-
-  beforeEach(() => {
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/projects/',
-      body: [],
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/tags/',
-      body: [],
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/tags/user.email/values/',
-      body: [],
-    });
-
-    const pageLinks =
-      '<https://sentry.io/api/0/organizations/sentry/events-facets-performance/?cursor=0:0:1>; rel="previous"; results="false"; cursor="0:0:1", ' +
-      '<https://sentry.io/api/0/organizations/sentry/events-facets-performance/?cursor=0:100:0>; rel="next"; results="true"; cursor="0:20:0"';
-
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/events-facets-performance/',
-      headers: {Link: pageLinks},
-      body: {
-        meta: {
-          tags_key: 'string',
-          tags_value: 'string',
-          sumdelta: 'duration',
-          count: 'integer',
-          frequency: 'number',
-          comparison: 'number',
-          aggregate: 'number',
-        },
-        data: [
-          {
-            tags_key: 'hardwareConcurrency',
-            tags_value: '4',
-            sumdelta: 45773,
-            count: 83,
-            frequency: 0.05,
-            comparison: 1.45,
-            aggregate: 2000.5,
-          },
-          {
-            tags_key: 'effectiveConnectionType',
-            tags_value: '4g',
-            sumdelta: 45773,
-            count: 83,
-            frequency: 0.05,
-            comparison: 1.45,
-            aggregate: 2000.5,
-          },
-          {
-            tags_key: 'release',
-            tags_value: TEST_RELEASE_NAME,
-            sumdelta: 45773,
-            count: 83,
-            frequency: 0.05,
-            comparison: 1.45,
-            aggregate: 2000.5,
-          },
-        ],
-      },
-    });
-    histogramMock = MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/events-facets-performance-histogram/',
-      body: {
-        meta: {
-          count: 'integer',
-          histogram_measurements_lcp_120_360_1: 'number',
-          tags_key: 'string',
-          tags_value: 'string',
-        },
-        data: [
-          {
-            histogram_measurements_lcp_120_360_1: 600,
-            tags_value: '4',
-            tags_key: 'hardwareConcurrency',
-            count: 3,
-          },
-        ],
-      },
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/events-has-measurements/',
-      body: {measurements: false},
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/sdk-updates/',
-      body: [],
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/prompts-activity/',
-      body: {},
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/replay-count/',
-      body: {},
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/recent-searches/',
-      body: [],
-    });
-    MockApiClient.addMockResponse({
-      url: '/organizations/org-slug/events/',
-      body: {data: []},
-      match: [
-        (_url, options) => {
-          return options.query?.dataset === 'spans';
-        },
-      ],
-    });
-  });
-
-  afterEach(() => {
-    histogramMock.mockReset();
-    MockApiClient.clearMockResponses();
-    act(() => ProjectsStore.reset());
-  });
-
-  it('renders basic UI elements', async () => {
-    const data = initializeData();
-
-    const {router} = renderWithLayout(data);
-
-    // It shows the sidebar
-    expect(await screen.findByText('Suspect Tags')).toBeInTheDocument();
-
-    // It shows the header
-    expect(screen.getByRole('heading', {name: /Test Transaction/})).toBeInTheDocument();
-
-    // It shows a table
-    expect(screen.getByRole('table')).toBeInTheDocument();
-
-    // It shows the tag chart
-    expect(screen.getByText('Heat Map')).toBeInTheDocument();
-
-    await waitFor(() => {
-      expect(router.location.query).toMatchObject({
-        project: '1',
-        statsPeriod: '14d',
-        tagKey: 'hardwareConcurrency',
-        transaction: 'Test Transaction',
-      });
-    });
-
-    expect(await screen.findByRole('radio', {name: 'hardwareConcurrency'})).toBeChecked();
-  });
-
-  it('Default tagKey is set when loading the page without one', async () => {
-    const data = initializeData();
-
-    renderWithLayout(data);
-
-    await waitFor(() => {
-      // Table is loaded.
-      expect(screen.getByRole('table')).toBeInTheDocument();
-    });
-
-    await waitFor(() => expect(histogramMock).toHaveBeenCalledTimes(1));
-    expect(histogramMock).toHaveBeenNthCalledWith(
-      1,
-      expect.anything(),
-      expect.objectContaining({
-        query: expect.objectContaining({
-          statsPeriod: '14d',
-          tagKey: 'hardwareConcurrency',
-        }),
-      })
-    );
-  });
-
-  it('Passed tagKey gets used when calling queries', async () => {
-    const data = initializeData({
-      query: {tagKey: 'effectiveConnectionType'},
-    });
-
-    renderWithLayout(data);
-
-    await waitFor(() => {
-      // Table is loaded.
-      expect(screen.getByRole('table')).toBeInTheDocument();
-    });
-
-    await waitFor(() => expect(histogramMock).toHaveBeenCalledTimes(1));
-    expect(histogramMock).toHaveBeenNthCalledWith(
-      1,
-      expect.anything(),
-      expect.objectContaining({
-        query: expect.objectContaining({
-          statsPeriod: '14d',
-          tagKey: 'effectiveConnectionType',
-        }),
-      })
-    );
-  });
-
-  it('creates links to releases if the release tag is selected', async () => {
-    const initialData = initializeData({query: {tagKey: 'release'}});
-
-    renderWithLayout(initialData);
-
-    await waitFor(() => {
-      // Table is loaded.
-      expect(screen.getByRole('table')).toBeInTheDocument();
-    });
-
-    // Release link is properly setup
-    expect(await screen.findByText(TEST_RELEASE_NAME)).toBeInTheDocument();
-    expect(screen.getByText(TEST_RELEASE_NAME).parentElement).toHaveAttribute(
-      'href',
-      `/organizations/${initialData.organization.slug}/releases/${encodeURIComponent(
-        TEST_RELEASE_NAME
-      )}?project=${initialData.router.location.query.project}`
-    );
-  });
-
-  it('clears tableCursor when selecting a new tag', async () => {
-    const data = initializeData({
-      query: {
-        statsPeriod: '14d',
-        tagKey: 'hardwareConcurrency',
-      },
-    });
-
-    const {router} = renderWithLayout(data);
-
-    expect(await screen.findByText('Suspect Tags')).toBeInTheDocument();
-
-    await waitFor(() => {
-      expect(router.location.query).toMatchObject({
-        project: '1',
-        statsPeriod: '14d',
-        tagKey: 'hardwareConcurrency',
-        transaction: 'Test Transaction',
-      });
-    });
-
-    expect(await screen.findByRole('radio', {name: 'hardwareConcurrency'})).toBeChecked();
-    expect(await screen.findByRole('button', {name: 'Next'})).toHaveAttribute(
-      'aria-disabled',
-      'false'
-    );
-
-    // Paginate the table
-    await userEvent.click(screen.getByLabelText('Next'));
-
-    await waitFor(() => {
-      expect(router.location.query).toMatchObject({
-        project: '1',
-        statsPeriod: '14d',
-        tagKey: 'hardwareConcurrency',
-        transaction: 'Test Transaction',
-        tableCursor: '0:20:0',
-      });
-    });
-
-    // Choose a different tag
-    await userEvent.click(screen.getByRole('radio', {name: 'effectiveConnectionType'}));
-
-    await waitFor(() => {
-      expect(router.location.query).toMatchObject({
-        project: '1',
-        statsPeriod: '14d',
-        tagKey: 'effectiveConnectionType',
-        transaction: 'Test Transaction',
-      });
-    });
-  });
-
-  it('changes the aggregate column when a new x-axis is selected', async () => {
-    const data = initializeData({
-      query: {tagKey: 'os'},
-    });
-
-    renderWithLayout(data);
-
-    await waitFor(() => {
-      // Table is loaded.
-      expect(screen.getByRole('table')).toBeInTheDocument();
-    });
-
-    await waitFor(() => expect(histogramMock).toHaveBeenCalledTimes(1));
-
-    expect(histogramMock).toHaveBeenNthCalledWith(
-      1,
-      expect.anything(),
-      expect.objectContaining({
-        query: expect.objectContaining({
-          aggregateColumn: 'transaction.duration',
-        }),
-      })
-    );
-
-    await selectEvent.select(screen.getByText('X-Axis'), 'LCP');
-
-    expect(await screen.findByRole('table')).toBeInTheDocument();
-
-    expect(histogramMock).toHaveBeenCalledTimes(2);
-
-    expect(histogramMock).toHaveBeenNthCalledWith(
-      2,
-      expect.anything(),
-      expect.objectContaining({
-        query: expect.objectContaining({
-          aggregateColumn: 'measurements.lcp',
-        }),
-      })
-    );
-  });
-});
diff --git a/static/app/views/performance/transactionSummary/transactionTags/index.tsx b/static/app/views/performance/transactionSummary/transactionTags/index.tsx
deleted file mode 100644
index e1fe50e3ee37..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/index.tsx
+++ /dev/null
@@ -1,7 +0,0 @@
-import {TagsPageContent} from './content';
-
-function TransactionTags() {
-  return <TagsPageContent />;
-}
-
-export default TransactionTags;
diff --git a/static/app/views/performance/transactionSummary/transactionTags/tagValueTable.tsx b/static/app/views/performance/transactionSummary/transactionTags/tagValueTable.tsx
deleted file mode 100644
index b3b1adfdda64..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/tagValueTable.tsx
+++ /dev/null
@@ -1,342 +0,0 @@
-import {css} from '@emotion/react';
-import styled from '@emotion/styled';
-import type {LocationDescriptorObject} from 'history';
-
-import {Link} from '@sentry/scraps/link';
-import type {CursorHandler} from '@sentry/scraps/pagination';
-import {Pagination} from '@sentry/scraps/pagination';
-
-import {PerformanceDuration} from 'sentry/components/performanceDuration';
-import {GridEditable} from 'sentry/components/tables/gridEditable';
-import {SortLink} from 'sentry/components/tables/gridEditable/sortLink';
-import {useStateBasedColumnResize} from 'sentry/components/tables/gridEditable/useStateBasedColumnResize';
-import {IconAdd} from 'sentry/icons/iconAdd';
-import {t} from 'sentry/locale';
-import type {Organization} from 'sentry/types/organization';
-import type {Project} from 'sentry/types/project';
-import {trackAnalytics} from 'sentry/utils/analytics';
-import type {EventView} from 'sentry/utils/discover/eventView';
-import {fieldAlignment} from 'sentry/utils/discover/fields';
-import {formatPercentage} from 'sentry/utils/number/formatPercentage';
-import type {
-  TableData,
-  TableDataRow,
-} from 'sentry/utils/performance/segmentExplorer/segmentExplorerQuery';
-import {VisuallyCompleteWithData} from 'sentry/utils/performanceForSentry';
-import {decodeScalar} from 'sentry/utils/queryString';
-import {MutableSearch} from 'sentry/utils/tokenizeSearch';
-import {useLocation} from 'sentry/utils/useLocation';
-import {useNavigate} from 'sentry/utils/useNavigate';
-import {Actions, CellAction, updateQuery} from 'sentry/views/discover/table/cellAction';
-import type {TableColumn} from 'sentry/views/discover/table/types';
-import {TagValue} from 'sentry/views/performance/transactionSummary/transactionOverview/tagExplorer';
-import {normalizeSearchConditions} from 'sentry/views/performance/transactionSummary/utils';
-
-import type {TagsTableColumn, TagsTableColumnKeys} from './tagsDisplay';
-import {TAGS_TABLE_COLUMN_ORDER} from './tagsDisplay';
-import {trackTagPageInteraction} from './utils';
-
-const TAGS_CURSOR_NAME = 'tags_cursor';
-
-type Props = {
-  aggregateColumn: string;
-  eventView: EventView;
-  isLoading: boolean;
-  organization: Organization;
-  pageLinks: string | null;
-  projects: Project[];
-  tableData: TableData | null;
-  transactionName: string;
-  onCursor?: CursorHandler;
-  tagKey?: string;
-};
-
-export function TagValueTable({
-  aggregateColumn,
-  eventView,
-  isLoading,
-  organization,
-  pageLinks,
-  tableData,
-  onCursor,
-  tagKey,
-}: Props) {
-  const navigate = useNavigate();
-  const location = useLocation();
-
-  const renderHeadCell = (
-    sortedEventView: EventView,
-    tableMeta: TableData['meta'],
-    column: TableColumn<TagsTableColumnKeys>,
-    columnInfo: TagsTableColumn
-  ): React.ReactNode => {
-    const align = fieldAlignment(column.key, column.type, tableMeta);
-    const field = {field: column.key, width: column.width};
-
-    function generateSortLink(): LocationDescriptorObject | undefined {
-      if (!tableMeta) {
-        return undefined;
-      }
-
-      const nextEventView = sortedEventView.sortOnField(field, tableMeta);
-      const {sort} = nextEventView.generateQueryStringObject();
-
-      return {
-        ...location,
-        query: {...location.query, [TAGS_CURSOR_NAME]: undefined, tagSort: sort},
-      };
-    }
-    const currentSort = sortedEventView.sortForField(field, tableMeta);
-
-    const currentSortKind = currentSort ? currentSort.kind : undefined;
-
-    return (
-      <SortLink
-        align={align}
-        title={columnInfo.name}
-        direction={currentSortKind}
-        canSort
-        generateSortLink={generateSortLink}
-      />
-    );
-  };
-
-  const renderHeadCellWithMeta = (
-    sortedEventView: EventView,
-    tableMeta: TableData['meta'],
-    columns: TagsTableColumn[]
-  ) => {
-    return (column: TableColumn<TagsTableColumnKeys>, index: number): React.ReactNode =>
-      renderHeadCell(sortedEventView, tableMeta, column, columns[index]!);
-  };
-
-  const handleTagValueClick = (tagValue: string) => {
-    const queryString = decodeScalar(location.query.query);
-    const conditions = new MutableSearch(queryString ?? '');
-
-    conditions.addFilterValues(tagKey ?? '', [tagValue]);
-
-    navigate(
-      {
-        ...location,
-        query: {
-          ...location.query,
-          query: conditions.formatString(),
-        },
-      },
-      {replace: false}
-    );
-  };
-
-  const handleCellAction = (
-    column: TableColumn<TagsTableColumnKeys>,
-    tagValue: string | number,
-    actionRow: any
-  ) => {
-    return (action: Actions) => {
-      trackTagPageInteraction(organization);
-
-      const searchConditions = normalizeSearchConditions(eventView.query);
-
-      updateQuery(searchConditions, action, {...column, name: actionRow.id}, tagValue);
-
-      navigate({
-        pathname: location.pathname,
-        query: {
-          ...location.query,
-          [TAGS_CURSOR_NAME]: undefined,
-          query: searchConditions.formatString(),
-        },
-      });
-    };
-  };
-
-  const generateReleaseLocation = (release: string) => {
-    const {project} = location.query;
-
-    return {
-      pathname: `/organizations/${organization.slug}/releases/${encodeURIComponent(
-        release
-      )}`,
-      query: {project},
-    };
-  };
-
-  const handleReleaseLinkClicked = () => {
-    trackAnalytics('performance_views.tags.jump_to_release', {
-      organization,
-    });
-  };
-
-  const renderBodyCell = (
-    column: TableColumn<TagsTableColumnKeys>,
-    dataRow: TableDataRow
-  ): React.ReactNode => {
-    // @ts-expect-error TS(7053): Element implicitly has an 'any' type because expre... Remove this comment to see the full error message
-    const value = dataRow[column.key];
-
-    if (column.key === 'key') {
-      return dataRow.tags_key;
-    }
-
-    const allowActions = [Actions.ADD, Actions.EXCLUDE, Actions.OPEN_INTERNAL_LINK];
-
-    if (column.key === 'tagValue') {
-      const actionRow = {...dataRow, id: dataRow.tags_key};
-
-      return (
-        <CellAction
-          column={column}
-          dataRow={actionRow}
-          handleCellAction={handleCellAction(column, dataRow.tags_value, actionRow)}
-          allowActions={allowActions}
-        >
-          {column.name === 'release' ? (
-            <Link
-              to={generateReleaseLocation(dataRow.tags_value)}
-              onClick={handleReleaseLinkClicked}
-            >
-              <TagValue row={dataRow} />
-            </Link>
-          ) : (
-            <TagValue row={dataRow} />
-          )}
-        </CellAction>
-      );
-    }
-
-    if (column.key === 'frequency') {
-      return <AlignRight>{formatPercentage(dataRow.frequency, 0)}</AlignRight>;
-    }
-
-    if (column.key === 'action') {
-      const searchConditions = new MutableSearch(eventView.query);
-      const disabled = searchConditions.hasFilter(dataRow.tags_key);
-      return (
-        <AlignRight>
-          <LinkContainer
-            disabled={disabled}
-            onClick={() => {
-              if (disabled) {
-                return;
-              }
-
-              trackTagPageInteraction(organization);
-              handleTagValueClick(dataRow.tags_value);
-            }}
-          >
-            <IconAdd />
-            {t('Add to filter')}
-          </LinkContainer>
-        </AlignRight>
-      );
-    }
-
-    if (column.key === 'comparison') {
-      const localValue = dataRow.comparison;
-      const pct = formatPercentage(localValue - 1, 0);
-      return localValue > 1 ? t('+%s slower', pct) : t('%s faster', pct);
-    }
-
-    if (column.key === 'aggregate') {
-      return (
-        <AlignRight>
-          <PerformanceDuration abbreviation milliseconds={dataRow.aggregate} />
-        </AlignRight>
-      );
-    }
-
-    if (column.key === 'sumdelta') {
-      return (
-        <AlignRight>
-          <PerformanceDuration abbreviation milliseconds={dataRow.sumdelta} />
-        </AlignRight>
-      );
-    }
-
-    if (column.key === 'count') {
-      return <AlignRight>{value}</AlignRight>;
-    }
-
-    return value;
-  };
-
-  const renderBodyCellWithData = (
-    column: TableColumn<TagsTableColumnKeys>,
-    dataRow: TableDataRow
-  ): React.ReactNode => renderBodyCell(column, dataRow);
-
-  const {columns, handleResizeColumn} = useStateBasedColumnResize({
-    columns: TAGS_TABLE_COLUMN_ORDER,
-  });
-
-  const newColumns = columns.map(c => {
-    const newColumn = {...c};
-    if (c.key === 'tagValue' && tagKey) {
-      newColumn.name = tagKey;
-    }
-    if (c.key === 'aggregate') {
-      if (aggregateColumn === 'measurements.lcp') {
-        newColumn.name = 'Avg LCP';
-      }
-    }
-    return newColumn;
-  });
-
-  return (
-    <StyledPanelTable>
-      <VisuallyCompleteWithData
-        id="TransactionTags-TagValueTable"
-        hasData={!!tableData?.data?.length}
-        isLoading={isLoading}
-      >
-        <GridEditable
-          isLoading={isLoading}
-          data={tableData?.data ? tableData.data : []}
-          columnOrder={newColumns}
-          columnSortBy={[]}
-          grid={{
-            renderHeadCell: renderHeadCellWithMeta(
-              eventView,
-              tableData ? tableData.meta : {},
-              newColumns
-            ) as any,
-            renderBodyCell: renderBodyCellWithData as any,
-            onResizeColumn: handleResizeColumn,
-          }}
-        />
-      </VisuallyCompleteWithData>
-
-      <Pagination pageLinks={pageLinks} onCursor={onCursor} size="sm" />
-    </StyledPanelTable>
-  );
-}
-
-const StyledPanelTable = styled('div')`
-  > div {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-`;
-
-const AlignRight = styled('div')`
-  text-align: right;
-  flex: 1;
-`;
-
-const LinkContainer = styled('div')<{disabled?: boolean}>`
-  cursor: pointer;
-  color: ${p => p.theme.tokens.interactive.link.accent.rest};
-  display: grid;
-  grid-auto-flow: column;
-  gap: ${p => p.theme.space.xs};
-  justify-content: flex-end;
-  align-items: center;
-  ${p =>
-    p.disabled &&
-    css`
-      opacity: 0.5;
-      color: ${p.theme.tokens.content.disabled};
-      cursor: default;
-    `}
-`;
diff --git a/static/app/views/performance/transactionSummary/transactionTags/tagsDisplay.tsx b/static/app/views/performance/transactionSummary/transactionTags/tagsDisplay.tsx
deleted file mode 100644
index 0ad81cfb5443..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/tagsDisplay.tsx
+++ /dev/null
@@ -1,204 +0,0 @@
-import {Fragment} from 'react';
-import type {Location} from 'history';
-
-import type {CursorHandler} from '@sentry/scraps/pagination';
-
-import type {GridColumnOrder} from 'sentry/components/tables/gridEditable';
-import type {Organization} from 'sentry/types/organization';
-import type {Project} from 'sentry/types/project';
-import type {EventView} from 'sentry/utils/discover/eventView';
-import {SegmentExplorerQuery} from 'sentry/utils/performance/segmentExplorer/segmentExplorerQuery';
-import {TagKeyHistogramQuery} from 'sentry/utils/performance/segmentExplorer/tagKeyHistogramQuery';
-import {decodeScalar, decodeSorts} from 'sentry/utils/queryString';
-import {useNavigate} from 'sentry/utils/useNavigate';
-
-import {TagsHeatMap} from './tagsHeatMap';
-import {TagValueTable} from './tagValueTable';
-import {getTagSortForTagsPage} from './utils';
-
-type Props = {
-  aggregateColumn: string;
-  eventView: EventView;
-  location: Location;
-  organization: Organization;
-  projects: Project[];
-  transactionName: string;
-  tagKey?: string;
-};
-
-const HISTOGRAM_TAG_KEY_LIMIT = 8;
-const HISTOGRAM_BUCKET_LIMIT = 40;
-export const TAG_PAGE_TABLE_CURSOR = 'tableCursor';
-
-export type TagsTableColumnKeys =
-  | 'key'
-  | 'tagValue'
-  | 'aggregate'
-  | 'frequency'
-  | 'comparison'
-  | 'sumdelta'
-  | 'action'
-  | 'count';
-
-export type TagsTableColumn = GridColumnOrder<TagsTableColumnKeys> & {
-  column: {
-    kind: string;
-  };
-  field: string;
-  canSort?: boolean;
-};
-export const TAGS_TABLE_COLUMN_ORDER: TagsTableColumn[] = [
-  {
-    key: 'tagValue',
-    field: 'tagValue',
-    name: 'Tag Values',
-    width: -1,
-    column: {
-      kind: 'field',
-    },
-  },
-  {
-    key: 'frequency',
-    field: 'frequency',
-    name: 'Frequency',
-    width: -1,
-    column: {
-      kind: 'field',
-    },
-    canSort: true,
-  },
-  {
-    key: 'count',
-    field: 'count',
-    name: 'Events',
-    width: -1,
-    column: {
-      kind: 'field',
-    },
-    canSort: true,
-  },
-  {
-    key: 'aggregate',
-    field: 'aggregate',
-    name: 'Avg Duration',
-    width: -1,
-    column: {
-      kind: 'field',
-    },
-    canSort: true,
-  },
-  {
-    key: 'action',
-    field: 'action',
-    name: '',
-    width: -1,
-    column: {
-      kind: 'field',
-    },
-  },
-];
-
-export function TagsDisplay(props: Props) {
-  const navigate = useNavigate();
-  const {eventView: _eventView, location, organization, aggregateColumn, tagKey} = props;
-  const eventView = _eventView.clone();
-
-  const handleCursor: CursorHandler = (cursor, pathname, query) =>
-    navigate({
-      pathname,
-      query: {...query, [TAG_PAGE_TABLE_CURSOR]: cursor},
-    });
-
-  const cursor = decodeScalar(location.query?.[TAG_PAGE_TABLE_CURSOR]);
-
-  const tagSort = getTagSortForTagsPage(location);
-
-  const tagSorts = decodeSorts(tagSort);
-
-  eventView.fields = TAGS_TABLE_COLUMN_ORDER;
-
-  const sortedEventView = eventView.withSorts(
-    tagSorts.length
-      ? tagSorts
-      : [
-          {
-            field: 'frequency',
-            kind: 'desc',
-          },
-        ]
-  );
-
-  return (
-    <Fragment>
-      {tagKey ? (
-        <Fragment>
-          <TagKeyHistogramQuery
-            eventView={eventView}
-            orgSlug={organization.slug}
-            location={location}
-            aggregateColumn={aggregateColumn}
-            numBucketsPerKey={HISTOGRAM_BUCKET_LIMIT}
-            tagKey={tagKey}
-            limit={HISTOGRAM_TAG_KEY_LIMIT}
-            cursor={cursor}
-            sort={tagSort ?? '-sumdelta'}
-          >
-            {({isLoading, tableData}) => {
-              return (
-                <TagsHeatMap
-                  {...props}
-                  tagKey={tagKey}
-                  aggregateColumn={aggregateColumn}
-                  tableData={tableData}
-                  isLoading={isLoading}
-                />
-              );
-            }}
-          </TagKeyHistogramQuery>
-          <SegmentExplorerQuery
-            eventView={sortedEventView}
-            orgSlug={organization.slug}
-            location={location}
-            aggregateColumn={aggregateColumn}
-            tagKey={tagKey}
-            limit={HISTOGRAM_TAG_KEY_LIMIT}
-            cursor={cursor}
-            sort={tagSort}
-            allTagKeys
-          >
-            {({isLoading, tableData, pageLinks}) => {
-              return (
-                <TagValueTable
-                  {...props}
-                  eventView={sortedEventView}
-                  tagKey={tagKey}
-                  aggregateColumn={aggregateColumn}
-                  pageLinks={pageLinks}
-                  tableData={tableData}
-                  isLoading={isLoading}
-                  onCursor={handleCursor}
-                />
-              );
-            }}
-          </SegmentExplorerQuery>
-        </Fragment>
-      ) : (
-        <Fragment>
-          <TagsHeatMap
-            {...props}
-            aggregateColumn={aggregateColumn}
-            tableData={null}
-            isLoading={false}
-          />
-          <TagValueTable
-            {...props}
-            pageLinks={null}
-            aggregateColumn={aggregateColumn}
-            tableData={null}
-            isLoading={false}
-          />
-        </Fragment>
-      )}
-    </Fragment>
-  );
-}
diff --git a/static/app/views/performance/transactionSummary/transactionTags/tagsHeatMap.tsx b/static/app/views/performance/transactionSummary/transactionTags/tagsHeatMap.tsx
deleted file mode 100644
index ae7ef1f8ab7e..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/tagsHeatMap.tsx
+++ /dev/null
@@ -1,496 +0,0 @@
-import {Fragment, useRef, useState} from 'react';
-import {createPortal} from 'react-dom';
-import {usePopper} from 'react-popper';
-import {useTheme} from '@emotion/react';
-import styled from '@emotion/styled';
-import {useOverlay} from '@react-aria/overlays';
-import {useOverlayTriggerState} from '@react-stately/overlays';
-import {truncate} from '@sentry/core';
-import type {VisualMapComponentOption} from 'echarts';
-import type {Location, LocationDescriptor} from 'history';
-import memoize from 'lodash/memoize';
-
-import {Flex} from '@sentry/scraps/layout';
-
-import {HeatMapChart} from 'sentry/components/charts/heatMapChart';
-import {HeaderTitleLegend} from 'sentry/components/charts/styles';
-import {TransitionChart} from 'sentry/components/charts/transitionChart';
-import {TransparentLoadingMask} from 'sentry/components/charts/transparentLoadingMask';
-import {LoadingIndicator} from 'sentry/components/loadingIndicator';
-import {MenuItem} from 'sentry/components/menuItem';
-import {Overlay, PositionWrapper} from 'sentry/components/overlay';
-import {Panel} from 'sentry/components/panels/panel';
-import {PerformanceDuration} from 'sentry/components/performanceDuration';
-import {Placeholder} from 'sentry/components/placeholder';
-import {QuestionTooltip} from 'sentry/components/questionTooltip';
-import {Truncate} from 'sentry/components/truncate';
-import {t} from 'sentry/locale';
-import type {ReactEchartsRef, Series} from 'sentry/types/echarts';
-import type {Organization} from 'sentry/types/organization';
-import type {Project} from 'sentry/types/project';
-import {axisLabelFormatter} from 'sentry/utils/discover/charts';
-import type {EventView} from 'sentry/utils/discover/eventView';
-import {generateLinkToEventInTraceView} from 'sentry/utils/discover/urls';
-import {formatAbbreviatedNumber} from 'sentry/utils/formatters';
-import {getDynamicText} from 'sentry/utils/getDynamicText';
-import type {
-  TableDataRow,
-  TableData as TagTableData,
-} from 'sentry/utils/performance/segmentExplorer/tagKeyHistogramQuery';
-import {TagTransactionsQuery} from 'sentry/utils/performance/segmentExplorer/tagTransactionsQuery';
-import {decodeScalar} from 'sentry/utils/queryString';
-import {useDomainViewFilters} from 'sentry/views/insights/pages/useFilters';
-import {TraceViewSources} from 'sentry/views/performance/newTraceDetails/traceHeader/breadcrumbs';
-import {Tab} from 'sentry/views/performance/transactionSummary/tabs';
-import {eventsRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionEvents/utils';
-import {getPerformanceDuration} from 'sentry/views/performance/utils/getPerformanceDuration';
-
-import {parseHistogramBucketInfo, trackTagPageInteraction} from './utils';
-
-type Props = {
-  aggregateColumn: string;
-  eventView: EventView;
-  location: Location;
-  organization: Organization;
-  projects: Project[];
-  transactionName: string;
-  tagKey?: string;
-};
-
-const findRowKey = (row: TableDataRow) => {
-  return Object.keys(row).find(key => key.includes('histogram'));
-};
-
-class VirtualReference {
-  boundingRect: DOMRect;
-
-  constructor(element: HTMLElement) {
-    this.boundingRect = element.getBoundingClientRect();
-  }
-
-  getBoundingClientRect() {
-    return this.boundingRect;
-  }
-
-  get clientWidth() {
-    return this.getBoundingClientRect().width;
-  }
-
-  get clientHeight() {
-    return this.getBoundingClientRect().height;
-  }
-}
-
-const getPortal = memoize((): HTMLElement => {
-  let portal = document.getElementById('heatmap-portal');
-
-  if (portal) {
-    return portal;
-  }
-
-  portal = document.createElement('div');
-  portal.setAttribute('id', 'heatmap-portal');
-  document.body.appendChild(portal);
-
-  return portal;
-});
-
-export function TagsHeatMap(
-  props: Props & {
-    isLoading: boolean;
-    tableData: TagTableData | null;
-  }
-) {
-  const {
-    tableData,
-    isLoading,
-    organization,
-    eventView,
-    location,
-    tagKey,
-    transactionName,
-    aggregateColumn,
-  } = props;
-
-  const theme = useTheme();
-  const {view} = useDomainViewFilters();
-  const chartRef = useRef<ReactEchartsRef>(null);
-  const [chartElement, setChartElement] = useState<VirtualReference | undefined>();
-  const [overlayElement, setOverlayElement] = useState<HTMLElement | null>(null);
-  const [overlayArrowElement, setOverlayArrowElement] = useState<HTMLElement | null>(
-    null
-  );
-  const [transactionEventView, setTransactionEventView] = useState<
-    EventView | undefined
-  >();
-
-  // TODO(k-fish): Replace with actual theme colors.
-  const purples = ['#D1BAFC', '#9282F3', '#6056BA', '#313087', '#021156'];
-
-  const xValues = new Set<string>();
-
-  const histogramData = tableData?.histogram?.data?.length
-    ? tableData.histogram.data
-    : undefined;
-  const tagData = tableData?.tags?.data ? tableData.tags.data : undefined;
-
-  const rowKey = histogramData && findRowKey(histogramData[0]!);
-
-  // Reverse since e-charts takes the axis labels in the opposite order.
-  const columnNames = tagData ? tagData.map(tag => tag.tags_value).reverse() : [];
-
-  let maxCount = 0;
-
-  const _data =
-    rowKey && histogramData
-      ? histogramData.map(row => {
-          const rawDuration = row[rowKey] as number;
-          const x = getPerformanceDuration(rawDuration);
-          const y = row.tags_value;
-          xValues.add(x);
-
-          maxCount = Math.max(maxCount, row.count);
-
-          return [x, y, row.count] as number[];
-        })
-      : null;
-
-  _data?.sort((a, b) => {
-    const i = b[0] === a[0] ? 1 : 0;
-    return b[i]! - a[i]!;
-  });
-
-  // TODO(k-fish): Cleanup options
-  const chartOptions = {
-    height: 290,
-    animation: false,
-    colors: purples,
-    tooltip: {},
-    yAxis: {
-      type: 'category' as const,
-      data: Array.from(columnNames),
-      splitArea: {
-        show: true,
-      },
-      axisLabel: {
-        formatter: (value: string) => truncate(value, 30),
-      },
-    },
-    xAxis: {
-      type: 'category' as const,
-      splitArea: {
-        show: true,
-      },
-      data: Array.from(xValues),
-      axisLabel: {
-        show: true,
-        showMinLabel: true,
-        showMaxLabel: true,
-        formatter: (value: string | number) =>
-          axisLabelFormatter(value as number, 'number'),
-      },
-      axisLine: {},
-      axisPointer: {
-        show: false,
-      },
-      axisTick: {
-        show: true,
-        interval: 0,
-        alignWithLabel: true,
-      },
-    },
-
-    grid: {
-      left: theme.space['2xl'],
-      right: theme.space['2xl'],
-      top: '25px', // Need to bump top spacing past space(3) so the chart title doesn't overlap.
-      bottom: theme.space['3xl'],
-    },
-  };
-
-  const visualMaps: VisualMapComponentOption[] = [
-    {
-      min: 0,
-      max: maxCount,
-      show: false,
-      orient: 'horizontal',
-      calculable: true,
-      inRange: {
-        color: purples,
-      },
-    },
-  ];
-
-  const series: Series[] = [];
-
-  if (_data) {
-    series.push({
-      seriesName: 'Count',
-      dataArray: _data,
-      label: {
-        show: true,
-        formatter: (data: any) => formatAbbreviatedNumber(data.value[2]),
-      },
-      emphasis: {
-        itemStyle: {
-          shadowBlur: 10,
-          shadowColor: 'rgba(0, 0, 0, 0.5)',
-        },
-      },
-    } as any); // TODO(k-fish): Fix heatmap data typing
-  }
-
-  const onChartClick = (bucket: any) => {
-    const htmlEvent = bucket.event.event;
-    // Make a copy of the dims because echarts can remove elements after this click happens.
-    // TODO(k-fish): Look at improving this to respond properly to resize events.
-    const virtualRef = new VirtualReference(htmlEvent.target);
-    setChartElement(virtualRef);
-
-    const newTransactionEventView = eventView.clone();
-
-    // We need the traceSlug here to navigate to the transaction in the trace view.
-    newTransactionEventView.fields = [{field: aggregateColumn}, {field: 'trace'}];
-    const [_, tagValue] = bucket.value;
-
-    if (histogramBucketInfo && histogramData) {
-      const row = histogramData[bucket.dataIndex];
-      const currentBucketStart = parseInt(
-        `${row![histogramBucketInfo.histogramField]}`,
-        10
-      );
-      const currentBucketEnd = currentBucketStart + histogramBucketInfo.bucketSize;
-
-      newTransactionEventView.additionalConditions.setFilterValues(aggregateColumn, [
-        `>=${currentBucketStart}`,
-        `<${currentBucketEnd}`,
-      ]);
-    }
-
-    if (tagKey) {
-      newTransactionEventView.additionalConditions.setFilterValues(tagKey, [tagValue]);
-    }
-
-    setTransactionEventView(newTransactionEventView);
-    trackTagPageInteraction(organization);
-
-    if (!overlayState.isOpen) {
-      overlayState.open();
-    }
-  };
-
-  const overlayState = useOverlayTriggerState({});
-  const {overlayProps} = useOverlay(
-    {
-      isOpen: overlayState.isOpen,
-      onClose: overlayState.close,
-      isDismissable: true,
-      shouldCloseOnBlur: true,
-      // Ignore the menu being closed if the echart is being clicked.
-      shouldCloseOnInteractOutside: el =>
-        !chartRef.current?.getEchartsInstance().getDom().contains(el),
-    },
-    {current: overlayElement ?? null}
-  );
-
-  const {styles: popperStyles, state: popperState} = usePopper(
-    chartElement,
-    overlayElement,
-    {
-      placement: 'bottom',
-      strategy: 'absolute',
-      modifiers: [
-        {name: 'computeStyles', options: {gpuAcceleration: false}},
-        {name: 'offset', options: {offset: [0, 8]}},
-        {name: 'arrow', options: {element: overlayArrowElement, padding: 4}},
-        {name: 'preventOverflow', enabled: true, options: {padding: 12, altAxis: true}},
-      ],
-    }
-  );
-
-  const portaledContent =
-    !chartElement || !overlayState.isOpen ? null : (
-      <PositionWrapper
-        ref={setOverlayElement}
-        zIndex={theme.zIndex.dropdown}
-        style={popperStyles.popper}
-        {...overlayProps}
-      >
-        <Overlay
-          arrowProps={{
-            ref: setOverlayArrowElement,
-            style: popperStyles.arrow,
-            placement: popperState?.placement,
-          }}
-        >
-          {transactionEventView && (
-            <TagTransactionsQuery
-              query={transactionEventView.getQueryWithAdditionalConditions()}
-              location={location}
-              eventView={transactionEventView}
-              orgSlug={organization.slug}
-              limit={4}
-              referrer="api.insights.tag-page"
-            >
-              {({isLoading: isTransactionsLoading, tableData: transactionTableData}) => {
-                if (isTransactionsLoading) {
-                  return (
-                    <Flex justify="center" align="center" width="200px" height="100px">
-                      <LoadingIndicator size={40} />
-                    </Flex>
-                  );
-                }
-
-                const moreEventsTarget = eventsRouteWithQuery({
-                  organization,
-                  transaction: transactionName,
-                  projectID: decodeScalar(location.query.project),
-                  query: {
-                    ...transactionEventView.generateQueryStringObject(),
-                    query: transactionEventView.getQueryWithAdditionalConditions(),
-                  },
-                });
-
-                return (
-                  <div>
-                    {transactionTableData?.data.length ? null : <Placeholder />}
-                    {[...(transactionTableData?.data ?? [])].slice(0, 3).map(row => {
-                      const target = generateLinkToEventInTraceView({
-                        eventId: row.id,
-                        traceSlug: row.trace?.toString()!,
-                        timestamp: row.timestamp!,
-                        location: {
-                          ...location,
-                          query: {
-                            ...location.query,
-                            tab: Tab.TAGS,
-                          },
-                        },
-                        organization,
-                        source: TraceViewSources.PERFORMANCE_TRANSACTION_SUMMARY,
-                        view,
-                      });
-
-                      return (
-                        <DropdownItem width="small" key={row.id} to={target}>
-                          <Flex justify="between" width="100%">
-                            <Truncate value={row.id} maxLength={12} />
-                            <SectionSubtext>
-                              <PerformanceDuration
-                                milliseconds={Number(row[aggregateColumn])}
-                                abbreviation
-                              />
-                            </SectionSubtext>
-                          </Flex>
-                        </DropdownItem>
-                      );
-                    })}
-                    {moreEventsTarget &&
-                    transactionTableData &&
-                    transactionTableData.data.length > 3 ? (
-                      <DropdownItem width="small" to={moreEventsTarget}>
-                        <Flex justify="between" width="100%">
-                          {t('View all events')}
-                        </Flex>
-                      </DropdownItem>
-                    ) : null}
-                  </div>
-                );
-              }}
-            </TagTransactionsQuery>
-          )}
-        </Overlay>
-      </PositionWrapper>
-    );
-
-  const histogramBucketInfo =
-    histogramData && parseHistogramBucketInfo(histogramData[0]!);
-
-  return (
-    <StyledPanel>
-      <StyledHeaderTitleLegend>
-        {t('Heat Map')}
-        <QuestionTooltip
-          size="sm"
-          position="top"
-          title={t(
-            'This heatmap shows the frequency for each duration across the most common tag values'
-          )}
-        />
-      </StyledHeaderTitleLegend>
-
-      <TransitionChart loading={isLoading} reloading={isLoading}>
-        <TransparentLoadingMask visible={isLoading} />
-        <Fragment>
-          {createPortal(<div>{portaledContent}</div>, getPortal())}
-          {getDynamicText({
-            value: (
-              <HeatMapChart
-                ref={chartRef}
-                visualMaps={visualMaps}
-                series={series}
-                onClick={onChartClick}
-                {...chartOptions}
-              />
-            ),
-            fixed: <Placeholder height="290px" testId="skeleton-ui" />,
-          })}
-        </Fragment>
-      </TransitionChart>
-    </StyledPanel>
-  );
-}
-
-const StyledPanel = styled(Panel)`
-  padding: ${p => p.theme.space['2xl']} ${p => p.theme.space['2xl']} 0
-    ${p => p.theme.space['2xl']};
-  margin-bottom: 0;
-  border-bottom: 0;
-  border-bottom-left-radius: 0;
-  border-bottom-right-radius: 0;
-`;
-
-const StyledHeaderTitleLegend = styled(HeaderTitleLegend)``;
-
-const SectionSubtext = styled('div')`
-  color: ${p => p.theme.tokens.content.secondary};
-  font-size: ${p => p.theme.font.size.md};
-`;
-
-const StyledMenuItem = styled(MenuItem)<{width: 'small' | 'large'}>`
-  width: ${p => (p.width === 'large' ? '350px' : '200px')};
-
-  &:not(:last-child) {
-    border-bottom: 1px solid ${p => p.theme.tokens.border.secondary};
-  }
-`;
-
-type DropdownItemProps = {
-  children: React.ReactNode;
-  allowDefaultEvent?: boolean;
-  onSelect?: (eventKey: any) => void;
-  to?: LocationDescriptor;
-  width?: 'small' | 'large';
-};
-
-function DropdownItem({
-  children,
-  onSelect,
-  allowDefaultEvent,
-  to,
-  width = 'large',
-}: DropdownItemProps) {
-  return (
-    <StyledMenuItem
-      data-test-id="dropdown-item"
-      to={to}
-      onSelect={onSelect}
-      width={width}
-      allowDefaultEvent={allowDefaultEvent}
-    >
-      <Flex justify="between" width="100%">
-        {children}
-      </Flex>
-    </StyledMenuItem>
-  );
-}
diff --git a/static/app/views/performance/transactionSummary/transactionTags/types.tsx b/static/app/views/performance/transactionSummary/transactionTags/types.tsx
deleted file mode 100644
index 69d01c697f2d..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/types.tsx
+++ /dev/null
@@ -1,4 +0,0 @@
-export enum XAxisOption {
-  DURATION = 'transaction.duration',
-  LCP = 'measurements.lcp',
-}
diff --git a/static/app/views/performance/transactionSummary/transactionTags/utils.tsx b/static/app/views/performance/transactionSummary/transactionTags/utils.tsx
deleted file mode 100644
index 83872bf2459f..000000000000
--- a/static/app/views/performance/transactionSummary/transactionTags/utils.tsx
+++ /dev/null
@@ -1,114 +0,0 @@
-import type {Location, Query} from 'history';
-
-import type {Organization} from 'sentry/types/organization';
-import {trackAnalytics} from 'sentry/utils/analytics';
-import {EventView} from 'sentry/utils/discover/eventView';
-import {decodeScalar} from 'sentry/utils/queryString';
-import {MutableSearch} from 'sentry/utils/tokenizeSearch';
-import type {DomainView} from 'sentry/views/insights/pages/useFilters';
-import {getTransactionSummaryBaseUrl} from 'sentry/views/performance/transactionSummary/utils';
-
-function generateTagsRoute({
-  organization,
-  view,
-}: {
-  organization: Organization;
-  view?: DomainView;
-}): string {
-  return `${getTransactionSummaryBaseUrl(organization, view)}/tags/`;
-}
-
-export function decodeSelectedTagKey(location: Location): string | undefined {
-  return decodeScalar(location.query.tagKey);
-}
-
-export function trackTagPageInteraction(organization: Organization) {
-  trackAnalytics('performance_views.tags.interaction', {organization});
-}
-
-export function tagsRouteWithQuery({
-  organization,
-  transaction,
-  projectID,
-  query,
-  view,
-}: {
-  organization: Organization;
-  query: Query;
-  transaction: string;
-  projectID?: string | string[];
-  view?: DomainView;
-}) {
-  const pathname = generateTagsRoute({
-    organization,
-    view,
-  });
-
-  return {
-    pathname,
-    query: {
-      transaction,
-      project: projectID,
-      environment: query.environment,
-      statsPeriod: query.statsPeriod,
-      start: query.start,
-      end: query.end,
-      query: query.query,
-      tagKey: query.tagKey,
-    },
-  };
-}
-
-export function getTagSortForTagsPage(location: Location) {
-  // Retrieves the tag from the same query param segment explorer uses, but removes columns that aren't supported.
-  const tagSort = decodeScalar(location.query?.tagSort) ?? '-frequency';
-
-  if (tagSort.includes('sumdelta')) {
-    return '-frequency';
-  }
-
-  return tagSort;
-}
-
-// TODO(k-fish): Improve meta of backend response to return these directly
-export function parseHistogramBucketInfo(row: Record<string, string | number>) {
-  const field = Object.keys(row).find(f => f.includes('histogram'));
-  if (!field) {
-    return;
-  }
-  const parts = field.split('_');
-  return {
-    histogramField: field,
-    bucketSize: parseInt(parts[parts.length - 3]!, 10),
-    offset: parseInt(parts[parts.length - 2]!, 10),
-    multiplier: parseInt(parts[parts.length - 1]!, 10),
-  };
-}
-
-export function generateTransactionTagsEventView({
-  location,
-  transactionName,
-}: {
-  location: Location;
-  transactionName: string;
-}): EventView {
-  const query = `(${decodeScalar(location.query.query, '')})`;
-  const conditions = new MutableSearch(query);
-
-  conditions.setFilterValues('event.type', ['transaction']);
-  conditions.setFilterValues('transaction', [transactionName]);
-
-  const eventView = EventView.fromNewQueryWithLocation(
-    {
-      id: undefined,
-      version: 2,
-      name: transactionName,
-      fields: ['transaction.duration'],
-      query: conditions.formatString(),
-      projects: [],
-    },
-    location
-  );
-
-  return eventView;
-}
diff --git a/static/app/views/performance/utils/index.tsx b/static/app/views/performance/utils/index.tsx
index 33a08433f594..58cce2c7cd0e 100644
--- a/static/app/views/performance/utils/index.tsx
+++ b/static/app/views/performance/utils/index.tsx
@@ -161,7 +161,7 @@ export function platformToDomainView(
 /**
  * Used for transaction summary to determine appropriate columns on a page, since there is no display field set for the page.
  */
-export function platformAndConditionsToPerformanceType(
+function platformAndConditionsToPerformanceType(
   projects: Project[],
   eventView: EventView
 ) {