feat(profiling): Make transactions table continuous profiling compatible (#75178)

This allows the transactions table to be populated with transasactions
that have continuous profiles.

Author: Zylphrex

static/app/components/profiling/profilingTransactionHovercard.tsx

@@ -21,6 +21,7 @@ import {
   generateProfileSummaryRouteWithQuery,
 } from 'sentry/utils/profiling/routes';
 import {useLocation} from 'sentry/utils/useLocation';
+import {profilesRouteWithQuery} from 'sentry/views/performance/transactionSummary/transactionProfiles/utils';
 
 import {Button} from '../button';
 import Link from '../links/link';
@@ -37,50 +38,73 @@ export function ProfilingTransactionHovercard(props: ProfilingTransactionHoverca
   const {project, transaction, organization} = props;
   const {query} = useLocation();
 
-  const linkToSummary = generateProfileSummaryRouteWithQuery({
+  if (!organization.features.includes('continuous-profiling-compat')) {
+    const linkToSummary = generateProfileSummaryRouteWithQuery({
+      query,
+      orgSlug: organization.slug,
+      projectSlug: project.slug,
+      transaction,
+    });
+
+    const triggerLink = (
+      <Link
+        to={linkToSummary}
+        onClick={() =>
+          trackAnalytics('profiling_views.go_to_transaction', {
+            organization,
+            source: 'transaction_hovercard.trigger',
+          })
+        }
+      >
+        {transaction}
+      </Link>
+    );
+
+    return (
+      <StyledHovercard
+        delay={250}
+        header={
+          <Flex justify="space-between" align="center">
+            <TextTruncateOverflow>{transaction}</TextTruncateOverflow>
+            <Button to={linkToSummary} size="xs">
+              {t('View Profiles')}
+            </Button>
+          </Flex>
+        }
+        body={
+          <ProfilingTransactionHovercardBody
+            transaction={transaction}
+            project={project}
+            organization={organization}
+          />
+        }
+        showUnderline
+      >
+        {triggerLink}
+      </StyledHovercard>
+    );
+  }
+
+  const linkToSummary = profilesRouteWithQuery({
     query,
     orgSlug: organization.slug,
-    projectSlug: project.slug,
+    projectID: project.id,
     transaction,
   });
 
-  const triggerLink = (
+  return (
     <Link
       to={linkToSummary}
       onClick={() =>
         trackAnalytics('profiling_views.go_to_transaction', {
           organization,
-          source: 'transaction_hovercard.trigger',
+          source: 'profiling.landing.transaction_table',
         })
       }
     >
       {transaction}
     </Link>
   );
-
-  return (
-    <StyledHovercard
-      delay={250}
-      header={
-        <Flex justify="space-between" align="center">
-          <TextTruncateOverflow>{transaction}</TextTruncateOverflow>
-          <Button to={linkToSummary} size="xs">
-            {t('View Profiles')}
-          </Button>
-        </Flex>
-      }
-      body={
-        <ProfilingTransactionHovercardBody
-          transaction={transaction}
-          project={project}
-          organization={organization}
-        />
-      }
-      showUnderline
-    >
-      {triggerLink}
-    </StyledHovercard>
-  );
 }
 
 export function ProfilingTransactionHovercardBody({

static/app/utils/analytics/profilingAnalyticsEvents.tsx

@@ -13,6 +13,7 @@ type ProfilingEventSource =
   | 'profiling.global_suspect_functions'
   | 'profiling.issue.function_regression.list'
   | 'profiling.issue.function_regression.transactions'
+  | 'profiling.landing.transaction_table'
   | 'profiling_transaction.suspect_functions_table'
   | 'profiling_transaction.slowest_functions_table'
   | 'profiling_transaction.regressed_functions_table'

static/app/utils/profiling/hooks/useProfileEvents.tsx

@@ -14,6 +14,7 @@ export interface UseProfileEventsOptions<F extends string = ProfilingFieldType>
   fields: readonly F[];
   referrer: string;
   sort: Sort<F>;
+  continuousProfilingCompat?: boolean;
   cursor?: string;
   datetime?: PageFilters['datetime'];
   enabled?: boolean;
@@ -29,6 +30,7 @@ export function useProfileEvents<F extends string>({
   referrer,
   query,
   sort,
+  continuousProfilingCompat,
   cursor,
   enabled = true,
   refetchOnMount = true,
@@ -38,7 +40,11 @@ export function useProfileEvents<F extends string>({
   const organization = useOrganization();
   const {selection} = usePageFilters();
 
-  query = `has:profile.id ${query ? `(${query})` : ''}`;
+  if (continuousProfilingCompat) {
+    query = `(has:profile.id OR (has:profiler.id has:thread.id)) ${query ? `(${query})` : ''}`;
+  } else {
+    query = `has:profile.id ${query ? `(${query})` : ''}`;
+  }
 
   const path = `/organizations/${organization.slug}/events/`;
   const endpointOptions = {

static/app/views/profiling/content.tsx

@@ -297,6 +297,9 @@ function ProfilingContent({location}: ProfilingContentProps) {
     query,
     sort,
     referrer: 'api.profiling.landing-table',
+    continuousProfilingCompat: organization.features.includes(
+      'continuous-profiling-compat'
+    ),
   });
 
   const transactionsError =