fix(stacktrace): Use useDetailedProject for scmSourceContextEnabled check

The scmSourceContextEnabled field is only available in the
DetailedProjectSerializer, not the summary serializer used by
useProjects(). Use useDetailedProject() instead, which is already
preloaded and cached by groupDetails.tsx on the issue page.

Author: mujacica

static/app/components/events/interfaces/frame/context.tsx

@@ -19,6 +19,7 @@ import type {PlatformKey} from 'sentry/types/project';
 import type {StacktraceType} from 'sentry/types/stacktrace';
 import {defined} from 'sentry/utils';
 import {getFileExtension} from 'sentry/utils/fileExtension';
+import {useDetailedProject} from 'sentry/utils/project/useDetailedProject';
 import {useRouteAnalyticsParams} from 'sentry/utils/routeAnalytics/useRouteAnalyticsParams';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProjects} from 'sentry/utils/useProjects';
@@ -92,7 +93,12 @@ export function Context({
     [projects, event]
   );
 
-  const hasScmSourceContext = organization.features.includes('scm-source-context');
+  const hasScmFeature = organization.features.includes('scm-source-context');
+  const {data: detailedProject} = useDetailedProject(
+    {orgSlug: organization.slug, projectSlug: project?.slug ?? ''},
+    {enabled: hasScmFeature && defined(project)}
+  );
+  const hasScmSourceContext = hasScmFeature && !!detailedProject?.scmSourceContextEnabled;
   const shouldFetchSourceContext =
     hasScmSourceContext &&
     defined(project) &&

static/app/components/events/interfaces/frame/deprecatedLine.tsx

@@ -26,7 +26,9 @@ import type {
 import type {PlatformKey} from 'sentry/types/project';
 import type {StacktraceType} from 'sentry/types/stacktrace';
 import {trackAnalytics} from 'sentry/utils/analytics';
+import {useDetailedProject} from 'sentry/utils/project/useDetailedProject';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {useProjects} from 'sentry/utils/useProjects';
 import {withSentryAppComponents} from 'sentry/utils/withSentryAppComponents';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
 
@@ -110,11 +112,21 @@ function DeprecatedLine({
   components,
 }: Props) {
   const organization = useOrganization();
+  const {projects} = useProjects();
+  const project = useMemo(
+    () => projects.find(p => p.id === event.projectID),
+    [projects, event]
+  );
   const [isHovering, setIsHovering] = useState(false);
   const [isExpanded, setIsExpanded] = useState(initialExpanded ?? false);
   const platform = getPlatform(data.platform, propPlatform ?? 'other');
   const leadsToApp = !data.inApp && (nextFrame?.inApp || !nextFrame);
-  const hasScmSourceContext = organization.features.includes('scm-source-context');
+  const hasScmFeature = organization.features.includes('scm-source-context');
+  const {data: detailedProject} = useDetailedProject(
+    {orgSlug: organization.slug, projectSlug: project?.slug ?? ''},
+    {enabled: hasScmFeature && !!project}
+  );
+  const hasScmSourceContext = hasScmFeature && !!detailedProject?.scmSourceContextEnabled;
 
   const isExpandable = useMemo((): boolean => {
     return !!(

static/app/components/events/interfaces/nativeFrame.tsx

@@ -1,5 +1,5 @@
 import type {MouseEvent} from 'react';
-import {Fragment, useState} from 'react';
+import {Fragment, useMemo, useState} from 'react';
 import styled from '@emotion/styled';
 
 import {Tag} from '@sentry/scraps/badge';
@@ -42,7 +42,9 @@ import type {
 import type {PlatformKey} from 'sentry/types/project';
 import {StackView, type StacktraceType} from 'sentry/types/stacktrace';
 import {defined} from 'sentry/utils';
+import {useDetailedProject} from 'sentry/utils/project/useDetailedProject';
 import {useOrganization} from 'sentry/utils/useOrganization';
+import {useProjects} from 'sentry/utils/useProjects';
 import {useSyncedLocalStorageState} from 'sentry/utils/useSyncedLocalStorageState';
 import {withSentryAppComponents} from 'sentry/utils/withSentryAppComponents';
 import {SectionKey, useIssueDetails} from 'sentry/views/issueDetails/streamline/context';
@@ -132,7 +134,17 @@ function NativeFrame({
     (hasStreamlinedUI ? !!debugSectionConfig : true);
 
   const organization = useOrganization();
-  const hasScmSourceContext = organization.features.includes('scm-source-context');
+  const {projects} = useProjects();
+  const project = useMemo(
+    () => projects.find(p => p.id === event.projectID),
+    [projects, event]
+  );
+  const hasScmFeature = organization.features.includes('scm-source-context');
+  const {data: detailedProject} = useDetailedProject(
+    {orgSlug: organization.slug, projectSlug: project?.slug ?? ''},
+    {enabled: hasScmFeature && defined(project)}
+  );
+  const hasScmSourceContext = hasScmFeature && !!detailedProject?.scmSourceContextEnabled;
 
   const leadsToApp = !frame.inApp && (nextFrame?.inApp || !nextFrame);
   const expandable = isExpandable({