ref(insights): standardize insight referrers (#97575)

Our referrers are all over the place in insights, this PR tries to
standardize them a little bit

1. Updates all `api.starfish` referrers to be `api.insights`
2. Updates all `api.performance` referrers to be `api.insights`
3. Updates module referrers to be `api.insights.<module>`
4. Moves some referrers to their own `referrer.ts` file

A follow up Pr will be made to update the backend referrer file

Author: DominikB2014

static/app/components/events/eventStatisticalDetector/aggregateSpanDiff.tsx

@@ -136,7 +136,7 @@ function AggregateSpanDiff({event, project}: AggregateSpanDiffProps) {
       limit: 10,
       enabled: isSpansOnly,
     },
-    'api.performance.transactions.statistical-detector-root-cause-analysis'
+    'api.insights.transactions.statistical-detector-root-cause-analysis'
   );
 
   const tableData = useMemo(() => {

static/app/components/performance/searchBar.tsx

@@ -168,7 +168,7 @@ function SearchBar(props: SearchBarProps) {
             sort: '-count()',
             query: conditions.formatString(),
             statsPeriod,
-            referrer: 'api.performance.transaction-name-search-bar',
+            referrer: 'api.insights.transaction-name-search-bar',
           });
 
           const parsedResults = results.data.reduce(

static/app/views/insights/agents/utils/referrers.tsx

@@ -1,15 +1,15 @@
 export enum Referrer {
-  MODELS_TABLE = 'api.performance.agent-monitoring.models-table',
-  TOOLS_TABLE = 'api.performance.agent-monitoring.tools-table',
-  TRACE_DRAWER = 'api.performance.agent-monitoring.trace-drawer',
-  TRACES_TABLE = 'api.performance.agent-monitoring.traces-table',
-  TOKEN_USAGE_WIDGET = 'api.performance.agent-monitoring.token-usage-widget',
-  MODEL_COST_WIDGET = 'api.performance.agent-monitoring.token-cost-widget',
-  TOKEN_TYPES_WIDGET = 'api.performance.agent-monitoring.token-types-widget',
-  TOOL_CALLS_WIDGET = 'api.performance.agent-monitoring.tool-calls-widget',
-  TOOL_ERRORS_WIDGET = 'api.performance.agent-monitoring.tool-errors-widget',
-  LLM_CALLS_WIDGET = 'api.performance.agent-monitoring.llm-calls-widget',
-  AGENT_RUNS_WIDGET = 'api.performance.agent-monitoring.agent-runs-widget',
-  AGENT_DURATION_WIDGET = 'api.performance.agent-monitoring.agent-duration-widget',
-  ONBOARDING = 'api.performance.agent-monitoring.onboarding',
+  MODELS_TABLE = 'api.insights.agent-monitoring.models-table',
+  TOOLS_TABLE = 'api.insights.agent-monitoring.tools-table',
+  TRACE_DRAWER = 'api.insights.agent-monitoring.trace-drawer',
+  TRACES_TABLE = 'api.insights.agent-monitoring.traces-table',
+  TOKEN_USAGE_WIDGET = 'api.insights.agent-monitoring.token-usage-widget',
+  MODEL_COST_WIDGET = 'api.insights.agent-monitoring.token-cost-widget',
+  TOKEN_TYPES_WIDGET = 'api.insights.agent-monitoring.token-types-widget',
+  TOOL_CALLS_WIDGET = 'api.insights.agent-monitoring.tool-calls-widget',
+  TOOL_ERRORS_WIDGET = 'api.insights.agent-monitoring.tool-errors-widget',
+  LLM_CALLS_WIDGET = 'api.insights.agent-monitoring.llm-calls-widget',
+  AGENT_RUNS_WIDGET = 'api.insights.agent-monitoring.agent-runs-widget',
+  AGENT_DURATION_WIDGET = 'api.insights.agent-monitoring.agent-duration-widget',
+  ONBOARDING = 'api.insights.agent-monitoring.onboarding',
 }

static/app/views/insights/browser/resources/components/sampleImages.spec.tsx

@@ -85,9 +85,7 @@ const setupMockRequests = (
   MockApiClient.addMockResponse({
     url: `/organizations/${organization.slug}/events/`,
     method: 'GET',
-    match: [
-      MockApiClient.matchQuery({referrer: 'api.performance.resources.sample-images'}),
-    ],
+    match: [MockApiClient.matchQuery({referrer: 'api.insights.resources.sample-images'})],
     body: {
       data: [
         {

static/app/views/insights/browser/resources/components/sampleImages.tsx

@@ -61,7 +61,7 @@ function SampleImages({groupId, projectId}: Props) {
         ...(filters[SPAN_OP] ? [`${SPAN_OP}:${filters[SPAN_OP]}`] : []),
       ].join(' '),
     },
-    'api.performance.resources.sample-images'
+    'api.insights.resources.sample-images'
   );
 
   const uniqueResources = new Set();

static/app/views/insights/browser/resources/components/tables/resourceTable.tsx

@@ -98,7 +98,7 @@ function ResourceTable({sort, defaultResourceTypes}: Props) {
     sort,
     defaultResourceTypes,
     cursor,
-    referrer: 'api.performance.browser.resources.main-table',
+    referrer: 'api.insights.browser.resources.main-table',
   });
 
   const columnOrder: Column[] = [

static/app/views/insights/browser/resources/queries/useResourcePagesQuery.ts

@@ -32,7 +32,7 @@ export const useResourcePagesQuery = (
       search: queryConditions.join(' '),
       limit: 100,
     },
-    'api.performance.browser.resources.page-selector'
+    'api.insights.browser.resources.page-selector'
   );
 
   const pages = result?.data?.map(row => row.transaction).sort() || [];

static/app/views/insights/browser/resources/referrer.ts

@@ -1,9 +1,9 @@
 // TODO - all resource referrers here
 export enum Referrer {
-  RESOURCE_LANDING = 'api.performance.resource.resource-landing',
-  RESOURCE_LANDING_SERIES = 'api.performance.resource.resource-landing-series',
-  RESOURCE_SUMMARY_METRICS_RIBBON = 'api.performance.browser.resources.resource-summary-metrics-ribbon',
-  RESOURCE_SUMMARY_AVERAGE_SIZE_CHART = 'api.performance.browser.resources.resource-summary-average-size-chart',
-  RESOURCE_SUMMARY_DURATION_CHART = 'api.performance.browser.resources.resource-summary-duration-chart',
-  RESOURCE_SUMMARY_THROUGHPUT_CHART = 'api.performance.browser.resources.resource-summary-throughput-chart',
+  RESOURCE_LANDING = 'api.insights.resource.resource-landing',
+  RESOURCE_LANDING_SERIES = 'api.insights.resource.resource-landing-series',
+  RESOURCE_SUMMARY_METRICS_RIBBON = 'api.insights.browser.resources.resource-summary-metrics-ribbon',
+  RESOURCE_SUMMARY_AVERAGE_SIZE_CHART = 'api.insights.browser.resources.resource-summary-average-size-chart',
+  RESOURCE_SUMMARY_DURATION_CHART = 'api.insights.browser.resources.resource-summary-duration-chart',
+  RESOURCE_SUMMARY_THROUGHPUT_CHART = 'api.insights.browser.resources.resource-summary-throughput-chart',
 }

static/app/views/insights/browser/resources/views/resourcesLandingPage.spec.tsx

@@ -78,7 +78,7 @@ describe('ResourcesLandingPage', function () {
         "per_page": 100,
         "project": [],
         "query": "has:sentry.normalized_description span.category:resource !sentry.normalized_description:"browser-extension://*" span.op:[resource.script,resource.css,resource.font,resource.img]",
-        "referrer": "api.starfish.get-span-domains",
+        "referrer": "api.insights.get-span-domains",
         "sampling": "NORMAL",
         "sort": "-count()",
         "statsPeriod": "10d",
@@ -119,7 +119,7 @@ describe('ResourcesLandingPage', function () {
         "per_page": 100,
         "project": [],
         "query": "!sentry.normalized_description:"browser-extension://*" ( span.op:resource.script OR file_extension:css OR file_extension:[woff,woff2,ttf,otf,eot] OR file_extension:[jpg,jpeg,png,gif,svg,webp,apng,avif] OR span.op:resource.img ) ",
-        "referrer": "api.performance.browser.resources.main-table",
+        "referrer": "api.insights.browser.resources.main-table",
         "sampling": "NORMAL",
         "sort": "-sum(span.self_time)",
         "statsPeriod": "10d",
@@ -177,7 +177,7 @@ const setupMockRequests = (organization: Organization) => {
     method: 'GET',
     match: [
       MockApiClient.matchQuery({
-        referrer: 'api.performance.browser.resources.main-table',
+        referrer: 'api.insights.browser.resources.main-table',
       }),
     ],
     body: {
@@ -217,7 +217,7 @@ const setupMockRequests = (organization: Organization) => {
     method: 'GET',
     match: [
       MockApiClient.matchQuery({
-        referrer: 'api.performance.browser.resources.page-selector',
+        referrer: 'api.insights.browser.resources.page-selector',
       }),
     ],
     body: {
@@ -230,7 +230,7 @@ const setupMockRequests = (organization: Organization) => {
     method: 'GET',
     match: [
       MockApiClient.matchQuery({
-        referrer: 'api.performance.resource.resource-landing',
+        referrer: 'api.insights.resource.resource-landing',
       }),
     ],
     body: {
@@ -244,7 +244,7 @@ const setupMockRequests = (organization: Organization) => {
   requestMocks.domainSelector = MockApiClient.addMockResponse({
     url: `/organizations/${organization.slug}/events/`,
     method: 'GET',
-    match: [MockApiClient.matchQuery({referrer: 'api.starfish.get-span-domains'})],
+    match: [MockApiClient.matchQuery({referrer: 'api.insights.get-span-domains'})],
     body: {
       data: [{'span.domain': ['*.sentry-cdn.com'], count: 1}],
     },
@@ -255,7 +255,7 @@ const setupMockRequests = (organization: Organization) => {
     method: 'GET',
     match: [
       MockApiClient.matchQuery({
-        referrer: 'api.performance.resource.resource-landing-series',
+        referrer: 'api.insights.resource.resource-landing-series',
       }),
     ],
     body: {

static/app/views/insights/browser/webVitals/queries/rawWebVitalsQueries/useProjectRawWebVitalsQuery.tsx

@@ -1,5 +1,6 @@
 import type {Tag} from 'sentry/types/group';
 import {MutableSearch} from 'sentry/utils/tokenizeSearch';
+import {Referrer} from 'sentry/views/insights/browser/webVitals/referrers';
 import {DEFAULT_QUERY_FILTER} from 'sentry/views/insights/browser/webVitals/settings';
 import type {BrowserType} from 'sentry/views/insights/browser/webVitals/utils/queryParameterDecoders/browserType';
 import {useSpans} from 'sentry/views/insights/common/queries/useDiscover';
@@ -45,6 +46,6 @@ export const useProjectRawWebVitalsQuery = ({
         'count()',
       ],
     },
-    'api.performance.browser.web-vitals.project'
+    Referrer.WEB_VITAL_PROJECT
   );
 };