diff --git a/static/app/components/events/breadcrumbs/breadcrumbsDataSection.tsx b/static/app/components/events/breadcrumbs/breadcrumbsDataSection.tsx
index d0e45a612b9fd4..1d0e14935bd996 100644
--- a/static/app/components/events/breadcrumbs/breadcrumbsDataSection.tsx
+++ b/static/app/components/events/breadcrumbs/breadcrumbsDataSection.tsx
@@ -33,7 +33,7 @@ import {trackAnalytics} from 'sentry/utils/analytics';
 import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface BreadcrumbsDataSectionProps {
   event: Event;
@@ -164,11 +164,9 @@ export function BreadcrumbsDataSection({
   const numHiddenCrumbs = enhancedCrumbs.length - summaryCrumbs.length;
 
   return (
-    <InterimSection
-      key="breadcrumbs"
-      type={SectionKey.BREADCRUMBS}
+    <FoldSection
+      sectionKey={SectionKey.BREADCRUMBS}
       title={t('Breadcrumbs')}
-      data-test-id="breadcrumbs-data-section"
       actions={actions}
       initialCollapse={initialCollapse}
     >
@@ -201,7 +199,7 @@ export function BreadcrumbsDataSection({
           </ViewAllContainer>
         )}
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/contexts/contextDataSection.tsx b/static/app/components/events/contexts/contextDataSection.tsx
index ff470da656f178..dc1941696ca1b3 100644
--- a/static/app/components/events/contexts/contextDataSection.tsx
+++ b/static/app/components/events/contexts/contextDataSection.tsx
@@ -1,15 +1,12 @@
-import {ExternalLink} from '@sentry/scraps/link';
-
 import {ErrorBoundary} from 'sentry/components/errorBoundary';
 import {getOrderedContextItems} from 'sentry/components/events/contexts';
 import {ContextCard} from 'sentry/components/events/contexts/contextCard';
-import {CONTEXT_DOCS_LINK} from 'sentry/components/events/contexts/utils';
 import {KeyValueData} from 'sentry/components/keyValueData';
-import {t, tct} from 'sentry/locale';
+import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface ContextDataSectionProps {
   event: Event;
@@ -40,22 +37,14 @@ export function ContextDataSection({
   }
 
   return (
-    <InterimSection
-      key="context"
-      type={SectionKey.CONTEXTS}
+    <FoldSection
+      sectionKey={SectionKey.CONTEXTS}
       title={t('Contexts')}
-      help={tct(
-        'The structured context items attached to this event. [link:Learn more]',
-        {
-          link: <ExternalLink openInNewTab href={CONTEXT_DOCS_LINK} />,
-        }
-      )}
-      isHelpHoverable
       disableCollapsePersistence={disableCollapsePersistence}
     >
       <ErrorBoundary mini message={t('There was a problem loading event context.')}>
         <KeyValueData.Container>{cards}</KeyValueData.Container>
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/device.tsx b/static/app/components/events/device.tsx
index afa07585265235..fb180f41ff83f1 100644
--- a/static/app/components/events/device.tsx
+++ b/static/app/components/events/device.tsx
@@ -2,7 +2,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {KeyValueList} from './interfaces/keyValueList';
 
@@ -24,7 +24,7 @@ export function EventDevice({event}: Props) {
   }
 
   return (
-    <InterimSection type={SectionKey.DEVICE} title={t('Device')}>
+    <FoldSection sectionKey={SectionKey.DEVICE} title={t('Device')}>
       <KeyValueList
         shouldSort={false}
         data={[
@@ -46,6 +46,6 @@ export function EventDevice({event}: Props) {
           ...extras,
         ]}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/eventAttachments.tsx b/static/app/components/events/eventAttachments.tsx
index 6e2b640ef5adf7..5d0dff420e4a53 100644
--- a/static/app/components/events/eventAttachments.tsx
+++ b/static/app/components/events/eventAttachments.tsx
@@ -20,7 +20,7 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {InlineEventAttachment} from 'sentry/views/issueDetails/groupEventAttachments/inlineEventAttachment';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {Tab, TabPaths} from 'sentry/views/issueDetails/types';
 import {useGroupDetailsRoute} from 'sentry/views/issueDetails/useGroupDetailsRoute';
 
@@ -86,12 +86,12 @@ function EventAttachmentsContent({
 
   if (isError) {
     return (
-      <InterimSection type={SectionKey.ATTACHMENTS} title={t('Attachments')}>
+      <FoldSection sectionKey={SectionKey.ATTACHMENTS} title={t('Attachments')}>
         <LoadingError
           onRetry={refetch}
           message={t('An error occurred while fetching attachments')}
         />
-      </InterimSection>
+      </FoldSection>
     );
   }
 
@@ -113,8 +113,8 @@ function EventAttachmentsContent({
   };
 
   return (
-    <InterimSection
-      type={SectionKey.ATTACHMENTS}
+    <FoldSection
+      sectionKey={SectionKey.ATTACHMENTS}
       title={title}
       actions={project && group ? <ViewAllGroupAttachmentsButton /> : null}
       disableCollapsePersistence={disableCollapsePersistence}
@@ -179,7 +179,7 @@ function EventAttachmentsContent({
           ))}
         </StyledPanelTable>
       )}
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/eventDataSection.tsx b/static/app/components/events/eventDataSection.tsx
index 46a5e2eaf22515..192e5b8a83e080 100644
--- a/static/app/components/events/eventDataSection.tsx
+++ b/static/app/components/events/eventDataSection.tsx
@@ -6,7 +6,7 @@ import {DataSection} from 'sentry/components/events/styles';
 import {QuestionTooltip} from 'sentry/components/questionTooltip';
 import {IconLink} from 'sentry/icons';
 
-export interface EventDataSectionProps {
+interface EventDataSectionProps {
   children: React.ReactNode;
   /**
    * The title of the section
diff --git a/static/app/components/events/eventEvidence.tsx b/static/app/components/events/eventEvidence.tsx
index ff00cea0d9d8a0..6a623292ae3a93 100644
--- a/static/app/components/events/eventEvidence.tsx
+++ b/static/app/components/events/eventEvidence.tsx
@@ -9,7 +9,7 @@ import {
   getIssueCategoryAndTypeFromOccurrenceType,
 } from 'sentry/utils/issueTypeConfig';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type EvidenceProps = {
   event: Event;
@@ -46,10 +46,9 @@ export function EventEvidence({
   }
 
   return (
-    <InterimSection
-      type={SectionKey.EVIDENCE}
+    <FoldSection
+      sectionKey={SectionKey.EVIDENCE}
       title={config.title}
-      help={config.helpText}
       disableCollapsePersistence={disableCollapsePersistence}
     >
       <KeyValueList
@@ -60,6 +59,6 @@ export function EventEvidence({
         }))}
         shouldSort={false}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/eventExtraData/index.tsx b/static/app/components/events/eventExtraData/index.tsx
index a89973a7661092..90bf932a23137e 100644
--- a/static/app/components/events/eventExtraData/index.tsx
+++ b/static/app/components/events/eventExtraData/index.tsx
@@ -12,7 +12,7 @@ import type {Event} from 'sentry/types/event';
 import {defined} from 'sentry/utils';
 import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {getEventExtraDataKnownDataDetails} from './getEventExtraDataKnownDataDetails';
 import type {EventExtraDataType, EventExtraData as TEventExtraData} from './types';
@@ -42,8 +42,8 @@ export function EventExtraData({event}: Props) {
   }
 
   return (
-    <InterimSection
-      type={SectionKey.EXTRA}
+    <FoldSection
+      sectionKey={SectionKey.EXTRA}
       title={t('Additional Data')}
       actions={
         <SegmentedControl
@@ -58,6 +58,6 @@ export function EventExtraData({event}: Props) {
       }
     >
       {contextBlock}
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/eventHydrationDiff/replayDiffContent.tsx b/static/app/components/events/eventHydrationDiff/replayDiffContent.tsx
index 7c1f125f64add6..cc9d285311ccac 100644
--- a/static/app/components/events/eventHydrationDiff/replayDiffContent.tsx
+++ b/static/app/components/events/eventHydrationDiff/replayDiffContent.tsx
@@ -19,7 +19,7 @@ import {getReplayDiffOffsetsFromEvent} from 'sentry/utils/replays/getDiffTimesta
 import {useLoadReplayReader} from 'sentry/utils/replays/hooks/useLoadReplayReader';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface Props {
   event: Event;
@@ -37,7 +37,7 @@ export default function ReplayDiffContent({event, group, orgSlug, replaySlug}: P
   });
 
   const sectionProps = {
-    type: SectionKey.HYDRATION_DIFF,
+    sectionKey: SectionKey.HYDRATION_DIFF,
     title: t('Hydration Error Diff'),
   };
 
@@ -45,33 +45,33 @@ export default function ReplayDiffContent({event, group, orgSlug, replaySlug}: P
     <ReplayLoadingState
       readerResult={readerResult}
       renderArchived={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <ArchivedReplayAlert
             message={t('The replay for this event has been deleted.')}
           />
-        </InterimSection>
+        </FoldSection>
       )}
       renderLoading={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <StyledNegativeSpaceContainer data-test-id="replay-diff-loading-placeholder">
             <LoadingIndicator />
           </StyledNegativeSpaceContainer>
-        </InterimSection>
+        </FoldSection>
       )}
       renderError={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <MissingReplayAlert orgSlug={orgSlug} />
-        </InterimSection>
+        </FoldSection>
       )}
       renderThrottled={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <ReplayRequestsThrottledAlert />
-        </InterimSection>
+        </FoldSection>
       )}
       renderMissing={() => (
-        <InterimSection {...sectionProps}>
+        <FoldSection {...sectionProps}>
           <MissingReplayAlert orgSlug={orgSlug} />
-        </InterimSection>
+        </FoldSection>
       )}
     >
       {({replay}) => {
@@ -80,7 +80,7 @@ export default function ReplayDiffContent({event, group, orgSlug, replaySlug}: P
           event
         );
         return (
-          <InterimSection
+          <FoldSection
             {...sectionProps}
             actions={
               <OpenReplayComparisonButton
@@ -108,7 +108,7 @@ export default function ReplayDiffContent({event, group, orgSlug, replaySlug}: P
                 </DiffCompareContextProvider>
               </ReplayGroupContextProvider>
             </ErrorBoundary>
-          </InterimSection>
+          </FoldSection>
         );
       }}
     </ReplayLoadingState>
diff --git a/static/app/components/events/eventHydrationDiff/replayDiffSection.tsx b/static/app/components/events/eventHydrationDiff/replayDiffSection.tsx
index 1c3a239abaf2b8..83207eda032e97 100644
--- a/static/app/components/events/eventHydrationDiff/replayDiffSection.tsx
+++ b/static/app/components/events/eventHydrationDiff/replayDiffSection.tsx
@@ -13,7 +13,7 @@ import type {Group} from 'sentry/types/group';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
 import {SectionDivider} from 'sentry/views/issueDetails/streamline/foldSection';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface Props {
   event: Event;
@@ -36,14 +36,14 @@ export function ReplayDiffSection({event, group, replayId}: Props) {
           replaySlug={replayId}
           LazyComponent={ReplayDiffContent}
           loadingFallback={
-            <InterimSection
-              type={SectionKey.HYDRATION_DIFF}
+            <FoldSection
+              sectionKey={SectionKey.HYDRATION_DIFF}
               title={t('Hydration Error Diff')}
             >
               <StyledNegativeSpaceContainer data-test-id="replay-diff-loading-placeholder">
                 <LoadingIndicator />
               </StyledNegativeSpaceContainer>
-            </InterimSection>
+            </FoldSection>
           }
         />
       </ReactLazyLoad>
diff --git a/static/app/components/events/eventInsightDiff.tsx b/static/app/components/events/eventInsightDiff.tsx
index fefd3a404e18d9..740c02f7a466c3 100644
--- a/static/app/components/events/eventInsightDiff.tsx
+++ b/static/app/components/events/eventInsightDiff.tsx
@@ -12,7 +12,7 @@ import {
   useSizeAnalysisComparison,
 } from 'sentry/utils/preprod/useSizeAnalysisComparison';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {InsightComparisonSection} from 'sentry/views/preprod/buildComparison/main/insightComparisonSection';
 
 type SectionProps = MetricIds & {project: Project};
@@ -50,7 +50,7 @@ function EventInsightDiffContent({baseMetricId, headMetricId, project}: SectionP
 
 function EventInsightDiffSection({baseMetricId, headMetricId, project}: SectionProps) {
   return (
-    <InterimSection title={t('Insight Diff')} type={SectionKey.INSIGHT_DIFF}>
+    <FoldSection title={t('Insight Diff')} sectionKey={SectionKey.INSIGHT_DIFF}>
       <ErrorBoundary mini>
         <EventInsightDiffContent
           project={project}
@@ -58,7 +58,7 @@ function EventInsightDiffSection({baseMetricId, headMetricId, project}: SectionP
           baseMetricId={baseMetricId}
         />
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/eventProcessingErrors.tsx b/static/app/components/events/eventProcessingErrors.tsx
index 524ba7079f9b6f..2f98ebf555b188 100644
--- a/static/app/components/events/eventProcessingErrors.tsx
+++ b/static/app/components/events/eventProcessingErrors.tsx
@@ -13,7 +13,7 @@ import {t, tct} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type Props = {
   event: Event;
@@ -124,15 +124,15 @@ export function EventProcessingErrors({event, project, isShare}: Props) {
   }
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.PROCESSING_ERROR}
       title={t('Event Processing Errors')}
-      type={SectionKey.PROCESSING_ERROR}
     >
       <KeyValueData.Container>
         {errors.map((error, idx) => {
           return <EventErrorDescription key={idx} error={error} />;
         })}
       </KeyValueData.Container>
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/eventReplay/replayClipSection.tsx b/static/app/components/events/eventReplay/replayClipSection.tsx
index f2f2c87b35e648..feb5c63f924fbe 100644
--- a/static/app/components/events/eventReplay/replayClipSection.tsx
+++ b/static/app/components/events/eventReplay/replayClipSection.tsx
@@ -17,7 +17,7 @@ import {getAnalyticsDataForEvent, getAnalyticsDataForGroup} from 'sentry/utils/e
 import {useReplayCountForIssues} from 'sentry/utils/replayCount/useReplayCountForIssues';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {Tab, TabPaths} from 'sentry/views/issueDetails/types';
 import {useGroupDetailsRoute} from 'sentry/views/issueDetails/useGroupDetailsRoute';
 
@@ -103,26 +103,21 @@ export function ReplayClipSection({event, group, replayId}: Props) {
 
   return (
     <ReplayAccess>
-      <ReplaySectionMinHeight
+      <FoldSection
         title={t('Session Replay')}
         actions={allReplaysButton}
-        type={SectionKey.REPLAY}
+        sectionKey={SectionKey.REPLAY}
       >
         <ErrorBoundary mini>
           <ReplayGroupContextProvider groupId={group?.id} eventId={event.id}>
             {lazyReplay}
           </ReplayGroupContextProvider>
         </ErrorBoundary>
-      </ReplaySectionMinHeight>
+      </FoldSection>
     </ReplayAccess>
   );
 }
 
-// The min-height here is due to max-height that is set in replayPreview.tsx
-const ReplaySectionMinHeight = styled(InterimSection)`
-  min-height: 557px;
-`;
-
 const StyledNegativeSpaceContainer = styled(NegativeSpaceContainer)`
   height: ${REPLAY_LOADING_HEIGHT}px;
   margin-bottom: ${p => p.theme.space.xl};
diff --git a/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx b/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx
index d0b04c9fc69800..389f05c6dfb04a 100644
--- a/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx
+++ b/static/app/components/events/eventReplay/replayInlineOnboardingPanel.tsx
@@ -17,7 +17,7 @@ import {useReplayOnboardingSidebarPanel} from 'sentry/utils/replays/hooks/useRep
 import {useMedia} from 'sentry/utils/useMedia';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type OnboardingCTAProps = {
   platform: PlatformKey;
@@ -48,7 +48,7 @@ export default function ReplayInlineOnboardingPanel({
   }
 
   return (
-    <InterimSection type={SectionKey.REPLAY} title={t('Session Replay')}>
+    <FoldSection sectionKey={SectionKey.REPLAY} title={t('Session Replay')}>
       <BannerWrapper>
         <div>
           <BannerTitle>
@@ -106,7 +106,7 @@ export default function ReplayInlineOnboardingPanel({
           ]}
         />
       </BannerWrapper>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/eventSdk.tsx b/static/app/components/events/eventSdk.tsx
index 7e30b81baf4bfa..6c01f6fdca0ae7 100644
--- a/static/app/components/events/eventSdk.tsx
+++ b/static/app/components/events/eventSdk.tsx
@@ -2,7 +2,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {KeyValueList} from './interfaces/keyValueList';
 import {AnnotatedText} from './meta/annotatedText';
@@ -18,7 +18,7 @@ export function EventSdk({sdk, meta}: Props) {
   }
 
   return (
-    <InterimSection title={t('SDK')} type={SectionKey.SDK} initialCollapse>
+    <FoldSection title={t('SDK')} sectionKey={SectionKey.SDK} initialCollapse>
       <KeyValueList
         data={[
           {
@@ -49,6 +49,6 @@ export function EventSdk({sdk, meta}: Props) {
           },
         ]}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/eventStatisticalDetector/aggregateSpanDiff.tsx b/static/app/components/events/eventStatisticalDetector/aggregateSpanDiff.tsx
index 67ebf508806ca5..fa1fc9f20ac3a6 100644
--- a/static/app/components/events/eventStatisticalDetector/aggregateSpanDiff.tsx
+++ b/static/app/components/events/eventStatisticalDetector/aggregateSpanDiff.tsx
@@ -15,7 +15,7 @@ import {useOrganization} from 'sentry/utils/useOrganization';
 import {useSpans} from 'sentry/views/insights/common/queries/useDiscover';
 import {SpanFields} from 'sentry/views/insights/types';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {makeTracesPathname} from 'sentry/views/traces/pathnames';
 
 import {EventRegressionTable, type EventRegressionTableRow} from './eventRegressionTable';
@@ -217,8 +217,8 @@ export function AggregateSpanDiff({event, project}: AggregateSpanDiffProps) {
     });
 
   return (
-    <InterimSection
-      type={SectionKey.REGRESSION_POTENTIAL_CAUSES}
+    <FoldSection
+      sectionKey={SectionKey.REGRESSION_POTENTIAL_CAUSES}
       title={t('Potential Causes')}
       actions={
         <SegmentedControl
@@ -243,7 +243,7 @@ export function AggregateSpanDiff({event, project}: AggregateSpanDiffProps) {
         error={shouldUseSpansData ? spansError : rcaError}
         onDescriptionLink={getDescriptionLink}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/eventStatisticalDetector/breakpointChart.tsx b/static/app/components/events/eventStatisticalDetector/breakpointChart.tsx
index 63ca0502c0ae6b..983072fdedee8f 100644
--- a/static/app/components/events/eventStatisticalDetector/breakpointChart.tsx
+++ b/static/app/components/events/eventStatisticalDetector/breakpointChart.tsx
@@ -18,7 +18,7 @@ import {useOrganization} from 'sentry/utils/useOrganization';
 import {Mode} from 'sentry/views/explore/queryParams/mode';
 import {getExploreUrl} from 'sentry/views/explore/utils';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import type {BreakpointEvidenceData} from './breakpointChartOptions';
 import {RELATIVE_DAYS_WINDOW} from './consts';
@@ -96,8 +96,8 @@ export function EventBreakpointChart({event}: EventBreakpointChartProps) {
   });
 
   return (
-    <InterimSection
-      type={SectionKey.REGRESSION_BREAKPOINT_CHART}
+    <FoldSection
+      sectionKey={SectionKey.REGRESSION_BREAKPOINT_CHART}
       title={t('Regression Breakpoint Chart')}
       actions={
         exploreTarget ? (
@@ -117,6 +117,6 @@ export function EventBreakpointChart({event}: EventBreakpointChartProps) {
           chartType={ChartType.SLACK_PERFORMANCE_ENDPOINT_REGRESSION}
         />
       </TransitionChart>
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/eventStatisticalDetector/eventComparison/index.tsx b/static/app/components/events/eventStatisticalDetector/eventComparison/index.tsx
index b086c84a419ee5..e68cf4e6db02df 100644
--- a/static/app/components/events/eventStatisticalDetector/eventComparison/index.tsx
+++ b/static/app/components/events/eventStatisticalDetector/eventComparison/index.tsx
@@ -7,7 +7,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 const COMPARISON_DESCRIPTION = t(
   'To better understand what happened before and after this regression, compare a baseline event with a regressed event. Look for any significant shape changes, operation percentage changes, and tag differences.'
@@ -25,8 +25,8 @@ export function EventComparison({event, project}: EventComparisonProps) {
     event?.occurrence?.evidenceData ?? {};
 
   return (
-    <InterimSection
-      type={SectionKey.REGRESSION_EVENT_COMPARISON}
+    <FoldSection
+      sectionKey={SectionKey.REGRESSION_EVENT_COMPARISON}
       title={t('Compare Events')}
     >
       <p>{COMPARISON_DESCRIPTION}</p>
@@ -52,7 +52,7 @@ export function EventComparison({event, project}: EventComparisonProps) {
           />
         </StyledGridItem>
       </StyledGrid>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/eventStatisticalDetector/eventRegressionSummary.tsx b/static/app/components/events/eventStatisticalDetector/eventRegressionSummary.tsx
index 8b9fdfa14511dd..b04dff7fdbe286 100644
--- a/static/app/components/events/eventStatisticalDetector/eventRegressionSummary.tsx
+++ b/static/app/components/events/eventStatisticalDetector/eventRegressionSummary.tsx
@@ -15,7 +15,7 @@ import {getDuration} from 'sentry/utils/duration/getDuration';
 import {formatPercentage} from 'sentry/utils/number/formatPercentage';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {
   DisplayModes,
   transactionSummaryRouteWithQuery,
@@ -39,9 +39,12 @@ export function EventRegressionSummary({event, group}: EventRegressionSummaryPro
   }
 
   return (
-    <InterimSection type={SectionKey.REGRESSION_SUMMARY} title={t('Regression Summary')}>
+    <FoldSection
+      sectionKey={SectionKey.REGRESSION_SUMMARY}
+      title={t('Regression Summary')}
+    >
       <StyledKeyValueList data={data} shouldSort={false} />
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/eventStatisticalDetector/functionBreakpointChart.tsx b/static/app/components/events/eventStatisticalDetector/functionBreakpointChart.tsx
index 69e7c89636d5eb..8bfb74bab1f4af 100644
--- a/static/app/components/events/eventStatisticalDetector/functionBreakpointChart.tsx
+++ b/static/app/components/events/eventStatisticalDetector/functionBreakpointChart.tsx
@@ -10,7 +10,7 @@ import {defined} from 'sentry/utils';
 import {useProfileEventsStats} from 'sentry/utils/profiling/hooks/useProfileEventsStats';
 import {useRelativeDateTime} from 'sentry/utils/profiling/hooks/useRelativeDateTime';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {RELATIVE_DAYS_WINDOW} from './consts';
 
@@ -84,8 +84,8 @@ function EventFunctionBreakpointChartInner({
   };
 
   return (
-    <InterimSection
-      type={SectionKey.REGRESSION_BREAKPOINT_CHART}
+    <FoldSection
+      sectionKey={SectionKey.REGRESSION_BREAKPOINT_CHART}
       title={t('Regression Breakpoint Chart')}
     >
       <Chart
@@ -94,6 +94,6 @@ function EventFunctionBreakpointChartInner({
         datetime={datetime}
         chartType={ChartType.SLACK_PERFORMANCE_FUNCTION_REGRESSION}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/eventTagsAndScreenshot/screenshot/screenshotDataSection.tsx b/static/app/components/events/eventTagsAndScreenshot/screenshot/screenshotDataSection.tsx
index 3da64f98c8cf22..be637a0780dcd0 100644
--- a/static/app/components/events/eventTagsAndScreenshot/screenshot/screenshotDataSection.tsx
+++ b/static/app/components/events/eventTagsAndScreenshot/screenshot/screenshotDataSection.tsx
@@ -21,7 +21,7 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {EventAttachmentFilter} from 'sentry/views/issueDetails/groupEventAttachments/groupEventAttachmentsFilter';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {Tab, TabPaths} from 'sentry/views/issueDetails/types';
 
 interface ScreenshotDataSectionProps {
@@ -109,12 +109,9 @@ export function ScreenshotDataSection({
   const title = tn('Screenshot', 'Screenshots', screenshots.length);
 
   return showScreenshot ? (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.SCREENSHOT}
       title={title}
-      showPermalink={false}
-      help={t('This image was captured around the time that the event occurred.')}
-      data-test-id="screenshot-data-section"
-      type={SectionKey.SCREENSHOT}
       actions={
         <LinkButton to={linkPath} size="xs">
           {t('View All')}
@@ -134,6 +131,6 @@ export function ScreenshotDataSection({
         totalScreenshots={screenshots.length}
         openVisualizationModal={handleOpenVisualizationModal}
       />
-    </InterimSection>
+    </FoldSection>
   ) : null;
 }
diff --git a/static/app/components/events/eventTagsAndScreenshot/tags.tsx b/static/app/components/events/eventTagsAndScreenshot/tags.tsx
index 7d20e55c8d25e9..db78ed223d2ecc 100644
--- a/static/app/components/events/eventTagsAndScreenshot/tags.tsx
+++ b/static/app/components/events/eventTagsAndScreenshot/tags.tsx
@@ -1,8 +1,6 @@
 import {useMemo, useState} from 'react';
-import styled from '@emotion/styled';
 
 import {Grid} from '@sentry/scraps/layout';
-import {ExternalLink} from '@sentry/scraps/link';
 import {SegmentedControl} from '@sentry/scraps/segmentedControl';
 
 import {GuideAnchor} from 'sentry/components/assistant/guideAnchor';
@@ -12,13 +10,12 @@ import {
   getSentryDefaultTags,
   TagFilter,
   TagFilterData,
-  TAGS_DOCS_LINK,
 } from 'sentry/components/events/eventTags/util';
-import {t, tct} from 'sentry/locale';
+import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type Props = {
   event: Event;
@@ -84,20 +81,15 @@ export function EventTagsDataSection({
   );
 
   return (
-    <StyledEventDataSection
+    <FoldSection
       disableCollapsePersistence={disableCollapsePersistence}
       title={
         <GuideAnchor target="tags" position="top">
           {t('Tags')}
         </GuideAnchor>
       }
-      help={tct('The searchable tags associated with this event. [link:Learn more]', {
-        link: <ExternalLink openInNewTab href={TAGS_DOCS_LINK} />,
-      })}
-      isHelpHoverable
       actions={actions}
-      data-test-id="event-tags"
-      type={SectionKey.TAGS}
+      sectionKey={SectionKey.TAGS}
       ref={ref}
     >
       <EventTags
@@ -106,15 +98,6 @@ export function EventTagsDataSection({
         tagFilter={tagFilter}
         filteredTags={filteredTags ?? []}
       />
-    </StyledEventDataSection>
+    </FoldSection>
   );
 }
-
-const StyledEventDataSection = styled(InterimSection)`
-  padding: ${p => p.theme.space.xs} ${p => p.theme.space.xl} ${p => p.theme.space.md};
-
-  @media (min-width: ${p => p.theme.breakpoints.md}) {
-    padding: ${p => p.theme.space.md} ${p => p.theme.space['3xl']}
-      ${p => p.theme.space.lg};
-  }
-`;
diff --git a/static/app/components/events/eventViewHierarchy.tsx b/static/app/components/events/eventViewHierarchy.tsx
index f3ea25b585b5c3..928a02b13437a5 100644
--- a/static/app/components/events/eventViewHierarchy.tsx
+++ b/static/app/components/events/eventViewHierarchy.tsx
@@ -16,7 +16,7 @@ import type {getApiUrl} from 'sentry/utils/api/getApiUrl';
 import {useApiQuery} from 'sentry/utils/queryClient';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import type {ViewHierarchyData} from './viewHierarchy';
 import {ViewHierarchy} from './viewHierarchy';
@@ -96,9 +96,9 @@ function EventViewHierarchyContent({event, project, disableCollapsePersistence}:
   const platformViewConfig = getPlatformViewConfig(platform);
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.VIEW_HIERARCHY}
       title={platformViewConfig.title}
-      type={SectionKey.VIEW_HIERARCHY}
       disableCollapsePersistence={disableCollapsePersistence}
     >
       <ErrorBoundary mini>
@@ -110,7 +110,7 @@ function EventViewHierarchyContent({event, project, disableCollapsePersistence}:
           nodeField={platformViewConfig.nodeField}
         />
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/eventXrayDiff.tsx b/static/app/components/events/eventXrayDiff.tsx
index d9b9d29ff01951..6832694a17d87e 100644
--- a/static/app/components/events/eventXrayDiff.tsx
+++ b/static/app/components/events/eventXrayDiff.tsx
@@ -11,7 +11,7 @@ import {
   useSizeAnalysisComparison,
 } from 'sentry/utils/preprod/useSizeAnalysisComparison';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {TreemapDiffSection} from 'sentry/views/preprod/buildComparison/main/treemapDiffSection';
 
 type SectionProps = MetricIds & {project: Project};
@@ -43,7 +43,7 @@ function EventXrayDiffContent({baseMetricId, headMetricId, project}: SectionProp
 
 function EventXrayDiffSection({baseMetricId, headMetricId, project}: SectionProps) {
   return (
-    <InterimSection title={t('X-Ray diff')} type={SectionKey.XRAY_DIFF}>
+    <FoldSection title={t('X-Ray diff')} sectionKey={SectionKey.XRAY_DIFF}>
       <ErrorBoundary mini>
         <EventXrayDiffContent
           project={project}
@@ -51,7 +51,7 @@ function EventXrayDiffSection({baseMetricId, headMetricId, project}: SectionProp
           baseMetricId={baseMetricId}
         />
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/featureFlags/eventFeatureFlagSection.tsx b/static/app/components/events/featureFlags/eventFeatureFlagSection.tsx
index f6f0c3bf384e19..346dc0c249ad73 100644
--- a/static/app/components/events/featureFlags/eventFeatureFlagSection.tsx
+++ b/static/app/components/events/featureFlags/eventFeatureFlagSection.tsx
@@ -37,8 +37,8 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useMedia} from 'sentry/utils/useMedia';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {useIssueDetailsEventView} from 'sentry/views/issueDetails/streamline/hooks/useIssueDetailsDiscoverQuery';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
 
 export function EventFeatureFlagSection(props: EventFeatureFlagSectionProps) {
   return (
@@ -271,13 +271,9 @@ function BaseEventFeatureFlagList({event, group, project}: EventFeatureFlagSecti
   const label = tn('View 1 More Flag', 'View %s More Flags', extraFlags);
 
   return (
-    <InterimSection
-      help={t(
-        "The last 100 flags evaluated in the user's session leading up to this event."
-      )}
-      isHelpHoverable
+    <FoldSection
+      sectionKey={SectionKey.FEATURE_FLAGS}
       title={t('Feature Flags')}
-      type={SectionKey.FEATURE_FLAGS}
       actions={actions}
     >
       {hasFlags ? (
@@ -302,7 +298,7 @@ function BaseEventFeatureFlagList({event, group, project}: EventFeatureFlagSecti
           {label}
         </Button>
       )}
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/groupingInfo/groupingInfoSection.tsx b/static/app/components/events/groupingInfo/groupingInfoSection.tsx
index 9ee6686c828ef5..05df74bfbd10af 100644
--- a/static/app/components/events/groupingInfo/groupingInfoSection.tsx
+++ b/static/app/components/events/groupingInfo/groupingInfoSection.tsx
@@ -5,7 +5,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Group} from 'sentry/types/group';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface EventGroupingInfoSectionProps {
   event: Event;
@@ -23,9 +23,9 @@ export function EventGroupingInfoSection({
   group,
 }: EventGroupingInfoSectionProps) {
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.GROUPING_INFO}
       title={t('Event Grouping Information')}
-      type={SectionKey.GROUPING_INFO}
       initialCollapse
     >
       <LazyLoad
@@ -35,6 +35,6 @@ export function EventGroupingInfoSection({
         showGroupingConfig={showGroupingConfig}
         group={group}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/highlights/highlightsDataSection.tsx b/static/app/components/events/highlights/highlightsDataSection.tsx
index f45c0fe4bd66bf..c1afff5d5db6d0 100644
--- a/static/app/components/events/highlights/highlightsDataSection.tsx
+++ b/static/app/components/events/highlights/highlightsDataSection.tsx
@@ -3,7 +3,6 @@ import {css, type Theme, useTheme} from '@emotion/react';
 import styled from '@emotion/styled';
 
 import {Button} from '@sentry/scraps/button';
-import {ExternalLink} from '@sentry/scraps/link';
 import {useModal} from '@sentry/scraps/modal';
 
 import {hasEveryAccess} from 'sentry/components/acl/access';
@@ -21,11 +20,10 @@ import {
   EMPTY_HIGHLIGHT_DEFAULT,
   getHighlightContextData,
   getHighlightTagData,
-  HIGHLIGHT_DOCS_LINK,
 } from 'sentry/components/events/highlights/util';
 import {LoadingIndicator} from 'sentry/components/loadingIndicator';
 import {IconEdit} from 'sentry/icons';
-import {t, tct} from 'sentry/locale';
+import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
 import {trackAnalytics} from 'sentry/utils/analytics';
@@ -34,7 +32,7 @@ import {useReplayData} from 'sentry/utils/replays/hooks/useReplayData';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface HighlightsDataSectionProps {
   event: Event;
@@ -251,18 +249,9 @@ function HighlightsData({
 
 export function HighlightsDataSection({event, project}: HighlightsDataSectionProps) {
   return (
-    <InterimSection
-      key="event-highlights"
-      type={SectionKey.HIGHLIGHTS}
+    <FoldSection
+      sectionKey={SectionKey.HIGHLIGHTS}
       title={t('Highlights')}
-      help={tct(
-        'Promoted tags and context items saved for this project. [link:Learn more]',
-        {
-          link: <ExternalLink openInNewTab href={HIGHLIGHT_DOCS_LINK} />,
-        }
-      )}
-      isHelpHoverable
-      data-test-id="event-highlights"
       actions={
         <ErrorBoundary mini>
           <EditHighlightsButton project={project} event={event} />
@@ -272,7 +261,7 @@ export function HighlightsDataSection({event, project}: HighlightsDataSectionPro
       <ErrorBoundary mini message={t('There was an error loading event highlights')}>
         <HighlightsData event={event} project={project} />
       </ErrorBoundary>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/highlights/util.tsx b/static/app/components/events/highlights/util.tsx
index 327186719a8349..0b757e250237c4 100644
--- a/static/app/components/events/highlights/util.tsx
+++ b/static/app/components/events/highlights/util.tsx
@@ -25,8 +25,6 @@ interface ContextData extends ContextItem {
 }
 
 export const EMPTY_HIGHLIGHT_DEFAULT = '--';
-export const HIGHLIGHT_DOCS_LINK =
-  'https://docs.sentry.io/product/issues/issue-details/#event-highlights';
 
 /**
  * Helper function to use try HighlightContext saved values on multiple fields improve match rate.
diff --git a/static/app/components/events/interfaces/csp/index.tsx b/static/app/components/events/interfaces/csp/index.tsx
index 3a793f238b3c42..2c7d93aa47a9ad 100644
--- a/static/app/components/events/interfaces/csp/index.tsx
+++ b/static/app/components/events/interfaces/csp/index.tsx
@@ -7,7 +7,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {EntryType} from 'sentry/types/event';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import type {HelpProps} from './help';
 import {CSPHelp as Help} from './help';
@@ -68,8 +68,8 @@ export function Csp({data, event}: Props) {
   );
 
   return (
-    <InterimSection title={t('CSP Report')} actions={actions} type={SectionKey.CSP}>
+    <FoldSection title={t('CSP Report')} actions={actions} sectionKey={SectionKey.CSP}>
       {getView(view, cleanData, meta)}
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/interfaces/debugMeta/index.tsx b/static/app/components/events/interfaces/debugMeta/index.tsx
index b9583167fa3153..ab6a3e1b5909c3 100644
--- a/static/app/components/events/interfaces/debugMeta/index.tsx
+++ b/static/app/components/events/interfaces/debugMeta/index.tsx
@@ -33,7 +33,7 @@ import type {Project} from 'sentry/types/project';
 import {defined} from 'sentry/utils';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {Status} from './debugImage/status';
 import {DebugImage} from './debugImage';
@@ -228,12 +228,9 @@ export function DebugMeta({data, projectSlug, groupId, event}: DebugMetaProps) {
   const showFilters = filterOptions.some(s => 'options' in s && s.options.length > 1);
 
   return (
-    <InterimSection
-      type={SectionKey.DEBUGMETA}
+    <FoldSection
+      sectionKey={SectionKey.DEBUGMETA}
       title={t('Images Loaded')}
-      help={t(
-        'A list of dynamic libraries or shared objects loaded into process memory at the time of the crash.'
-      )}
       initialCollapse
     >
       <Fragment>
@@ -328,7 +325,7 @@ export function DebugMeta({data, projectSlug, groupId, event}: DebugMetaProps) {
           )}
         </Container>
       </Fragment>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/interfaces/generic.tsx b/static/app/components/events/interfaces/generic.tsx
index a95be95ee798bc..bccb0f2853ef86 100644
--- a/static/app/components/events/interfaces/generic.tsx
+++ b/static/app/components/events/interfaces/generic.tsx
@@ -5,7 +5,7 @@ import {SegmentedControl} from '@sentry/scraps/segmentedControl';
 import {KeyValueList} from 'sentry/components/events/interfaces/keyValueList';
 import {AnnotatedText} from 'sentry/components/events/meta/annotatedText';
 import {t} from 'sentry/locale';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 function getView({
   data,
@@ -49,8 +49,8 @@ type View = 'report' | 'raw';
 export function Generic({type, data, meta}: Props) {
   const [view, setView] = useState<View>('report');
   return (
-    <InterimSection
-      type={type}
+    <FoldSection
+      sectionKey={type}
       title={t('Report')}
       actions={
         <SegmentedControl
@@ -65,6 +65,6 @@ export function Generic({type, data, meta}: Props) {
       }
     >
       {getView({view, data, meta})}
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/interfaces/message.tsx b/static/app/components/events/interfaces/message.tsx
index 505df62a624525..fce148da8abd38 100644
--- a/static/app/components/events/interfaces/message.tsx
+++ b/static/app/components/events/interfaces/message.tsx
@@ -8,7 +8,7 @@ import type {Event} from 'sentry/types/event';
 import {EntryType} from 'sentry/types/event';
 import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type Props = {
   data: {
@@ -60,12 +60,12 @@ export function Message({data, event}: Props) {
     : null;
 
   return (
-    <InterimSection title={t('Message')} type={SectionKey.MESSAGE}>
+    <FoldSection title={t('Message')} sectionKey={SectionKey.MESSAGE}>
       <PlainPre>
         <AnnotatedText value={messageData} meta={meta?.data?.formatted?.['']} />
       </PlainPre>
       {renderParams(data.params, meta)}
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/interfaces/performance/anrRootCause.tsx b/static/app/components/events/interfaces/performance/anrRootCause.tsx
index 94c11b0810d237..577708c1632e17 100644
--- a/static/app/components/events/interfaces/performance/anrRootCause.tsx
+++ b/static/app/components/events/interfaces/performance/anrRootCause.tsx
@@ -24,7 +24,7 @@ import {trackAnalytics} from 'sentry/utils/analytics';
 import {useLocation} from 'sentry/utils/useLocation';
 import {useProjects} from 'sentry/utils/useProjects';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {useIssuesTraceTree} from 'sentry/views/performance/newTraceDetails/traceApi/useIssuesTraceTree';
 import {useTrace} from 'sentry/views/performance/newTraceDetails/traceApi/useTrace';
 import {useTraceStateAnalytics} from 'sentry/views/performance/newTraceDetails/useTraceStateAnalytics';
@@ -90,15 +90,6 @@ export function AnrRootCause({event, organization}: Props) {
     return Object.values(AnrRootCauseAllowlist).includes(issueType);
   });
 
-  const helpText =
-    !potentialAnrRootCause || potentialAnrRootCause.length === 0
-      ? t(
-          'Suspect Root Cause identifies common patterns that may be contributing to this ANR'
-        )
-      : t(
-          'Suspect Root Cause identifies potential Performance Issues that may be contributing to this ANR.'
-        );
-
   function renderAnrCulprit() {
     if (!defined(anrCulprit)) {
       return;
@@ -139,10 +130,9 @@ export function AnrRootCause({event, organization}: Props) {
   }
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.SUSPECT_ROOT_CAUSE}
       title={t('Suspect Root Cause')}
-      type={SectionKey.SUSPECT_ROOT_CAUSE}
-      help={helpText}
     >
       {potentialAnrRootCause?.map(occurence => {
         const project = projects.find(p => p.id === occurence.project_id.toString());
@@ -179,7 +169,7 @@ export function AnrRootCause({event, organization}: Props) {
         );
       })}
       {renderAnrCulprit()}
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/interfaces/performance/eventTraceView.tsx b/static/app/components/events/interfaces/performance/eventTraceView.tsx
index e2ab731ce52c7b..2dc5d2d6e05bbe 100644
--- a/static/app/components/events/interfaces/performance/eventTraceView.tsx
+++ b/static/app/components/events/interfaces/performance/eventTraceView.tsx
@@ -20,7 +20,7 @@ import {getConfigForIssueType} from 'sentry/utils/issueTypeConfig';
 import {useRouteAnalyticsParams} from 'sentry/utils/routeAnalytics/useRouteAnalyticsParams';
 import {useLocation} from 'sentry/utils/useLocation';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {TraceIssueEvent} from 'sentry/views/issueDetails/traceTimeline/traceIssue';
 import {useTraceTimelineEvents} from 'sentry/views/issueDetails/traceTimeline/useTraceTimelineEvents';
 import {IssuesTraceWaterfall} from 'sentry/views/performance/newTraceDetails/issuesTraceWaterfall';
@@ -180,8 +180,8 @@ export function EventTraceView({group, event, organization}: EventTraceViewProps
   const hasTracePreviewFeature = organization.features.includes('profiling');
 
   return (
-    <InterimSection
-      type={SectionKey.TRACE}
+    <FoldSection
+      sectionKey={SectionKey.TRACE}
       title={t('Trace Preview')}
       actions={
         <Grid flow="column" align="center" gap="md">
@@ -211,6 +211,6 @@ export function EventTraceView({group, event, organization}: EventTraceViewProps
           </TraceStateProvider>
         )}
       </LazyRender>
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/interfaces/performance/spanEvidence.tsx b/static/app/components/events/interfaces/performance/spanEvidence.tsx
index 06d4a41526b1fa..840c932f78af96 100644
--- a/static/app/components/events/interfaces/performance/spanEvidence.tsx
+++ b/static/app/components/events/interfaces/performance/spanEvidence.tsx
@@ -13,7 +13,7 @@ import {
 import type {Organization} from 'sentry/types/organization';
 import {sanitizeQuerySelector} from 'sentry/utils/sanitizeQuerySelector';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {SpanEvidenceKeyValueList} from './spanEvidenceKeyValueList';
 
@@ -23,7 +23,7 @@ interface Props {
   projectSlug: string;
 }
 
-function SpanEvidenceInterimSection({
+function SpanEvidenceFoldSection({
   children,
   event,
   organization,
@@ -39,12 +39,9 @@ function SpanEvidenceInterimSection({
   const sanitizedHash = hashTitle && sanitizeQuerySelector(hashTitle);
 
   return (
-    <InterimSection
-      type={SectionKey.SPAN_EVIDENCE}
+    <FoldSection
+      sectionKey={SectionKey.SPAN_EVIDENCE}
       title={t('Span Evidence')}
-      help={t(
-        'Span Evidence identifies the root cause of this issue, found in other similar events within the same issue.'
-      )}
       actions={
         issueType &&
         hasSetting && (
@@ -70,7 +67,7 @@ function SpanEvidenceInterimSection({
       }
     >
       {children}
-    </InterimSection>
+    </FoldSection>
   );
 }
 
@@ -81,7 +78,7 @@ export function SpanEvidenceSection({event, organization, projectSlug}: Props) {
 
   const traceId = event.contexts.trace?.trace_id;
   return (
-    <SpanEvidenceInterimSection
+    <SpanEvidenceFoldSection
       event={event}
       organization={organization}
       projectSlug={projectSlug}
@@ -94,6 +91,6 @@ export function SpanEvidenceSection({event, organization, projectSlug}: Props) {
           traceId={traceId}
         />
       )}
-    </SpanEvidenceInterimSection>
+    </SpanEvidenceFoldSection>
   );
 }
diff --git a/static/app/components/events/interfaces/template.tsx b/static/app/components/events/interfaces/template.tsx
index beb508aff6404a..82b1427caeb35e 100644
--- a/static/app/components/events/interfaces/template.tsx
+++ b/static/app/components/events/interfaces/template.tsx
@@ -2,7 +2,7 @@ import {t} from 'sentry/locale';
 import type {Event, Frame} from 'sentry/types/event';
 import {EntryType} from 'sentry/types/event';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import DeprecatedLine from './frame/deprecatedLine';
 
@@ -15,7 +15,7 @@ export function Template({data, event}: Props) {
   const entryIndex = event.entries.findIndex(entry => entry.type === EntryType.TEMPLATE);
   const meta = event._meta?.entries?.[entryIndex]?.data?.values;
   return (
-    <InterimSection title={t('Template')} type={SectionKey.TEMPLATE}>
+    <FoldSection title={t('Template')} sectionKey={SectionKey.TEMPLATE}>
       <div className="traceback no-exception">
         <ul>
           <DeprecatedLine
@@ -39,6 +39,6 @@ export function Template({data, event}: Props) {
           />
         </ul>
       </div>
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/interfaces/threads.tsx b/static/app/components/events/interfaces/threads.tsx
index 3fef288206a94d..8a50b30e458d01 100644
--- a/static/app/components/events/interfaces/threads.tsx
+++ b/static/app/components/events/interfaces/threads.tsx
@@ -37,8 +37,8 @@ import type {PlatformKey, Project} from 'sentry/types/project';
 import {StackType, StackView} from 'sentry/types/stacktrace';
 import {defined} from 'sentry/utils';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {setActiveThreadId} from 'sentry/views/issueDetails/streamline/hooks/useCopyIssueDetails';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
 
 import {ExceptionContent} from './crashContent/exception';
 import {StackTraceContent} from './crashContent/stackTrace';
@@ -402,15 +402,15 @@ export function Threads({data, event, projectSlug, groupingCurrentLevel, group}:
 
   // If there is only one thread, we expect the stacktrace to wrap itself in a section
   return hasMoreThanOneThread ? (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.STACKTRACE}
       title={tn('Stack Trace', 'Stack Traces', threads.length)}
-      type={SectionKey.STACKTRACE}
       disableCollapsePersistence
     >
       <Flex direction="column" gap="xl">
         {threadComponent}
       </Flex>
-    </InterimSection>
+    </FoldSection>
   ) : (
     threadComponent
   );
diff --git a/static/app/components/events/interfaces/uptime/uptimeAssertionsSection.tsx b/static/app/components/events/interfaces/uptime/uptimeAssertionsSection.tsx
index 72d79149d1e0c8..ad0cd019cb45cd 100644
--- a/static/app/components/events/interfaces/uptime/uptimeAssertionsSection.tsx
+++ b/static/app/components/events/interfaces/uptime/uptimeAssertionsSection.tsx
@@ -3,7 +3,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {AssertionFailureTree} from 'sentry/views/alerts/rules/uptime/assertions/assertionFailure/assertionFailureTree';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 export function UptimeAssertionsSection({event}: {event: Event}) {
   const evidenceData = event.occurrence?.evidenceData;
@@ -13,8 +13,8 @@ export function UptimeAssertionsSection({event}: {event: Event}) {
   }
 
   return (
-    <InterimSection
-      type={SectionKey.ASSERTIONS}
+    <FoldSection
+      sectionKey={SectionKey.ASSERTIONS}
       title={t('Assertions')}
       disableCollapsePersistence
     >
@@ -31,6 +31,6 @@ export function UptimeAssertionsSection({event}: {event: Event}) {
           },
         ]}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/metrics/metricsSection.tsx b/static/app/components/events/metrics/metricsSection.tsx
index 75a7fb884a514d..47408d35ba56b6 100644
--- a/static/app/components/events/metrics/metricsSection.tsx
+++ b/static/app/components/events/metrics/metricsSection.tsx
@@ -21,7 +21,7 @@ import {METRICS_DRAWER_QUERY_PARAM} from 'sentry/views/explore/metrics/constants
 import {MetricsSamplesTable} from 'sentry/views/explore/metrics/metricInfoTabs/metricsSamplesTable';
 import {canUseMetricsUI} from 'sentry/views/explore/metrics/metricsFlags';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {TraceViewMetricsProviderWrapper} from 'sentry/views/performance/newTraceDetails/traceMetrics';
 
 import {NUMBER_ABBREVIATED_METRICS} from './useMetricsIssueSection';
@@ -145,12 +145,7 @@ function MetricsSectionContent({
   }
 
   return (
-    <InterimSection
-      key="metrics"
-      type={SectionKey.METRICS}
-      title={t('Application Metrics')}
-      data-test-id="metrics-data-section"
-    >
+    <FoldSection sectionKey={SectionKey.METRICS} title={t('Application Metrics')}>
       <Flex direction="column" gap="xl">
         <MetricsSamplesTable embedded overrideTableData={abbreviatedTableData} />
         {result.data && result.data.length > NUMBER_ABBREVIATED_METRICS ? (
@@ -167,6 +162,6 @@ function MetricsSectionContent({
           </div>
         ) : null}
       </Flex>
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/ourlogs/ourlogsSection.tsx b/static/app/components/events/ourlogs/ourlogsSection.tsx
index ee2ed42bb6c12b..10b5fa33cf0af3 100644
--- a/static/app/components/events/ourlogs/ourlogsSection.tsx
+++ b/static/app/components/events/ourlogs/ourlogsSection.tsx
@@ -29,7 +29,7 @@ import {LogsQueryParamsProvider} from 'sentry/views/explore/logs/logsQueryParams
 import {LogRowContent} from 'sentry/views/explore/logs/tables/logsTableRow';
 import {useQueryParamsSearch} from 'sentry/views/explore/queryParams/context';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 export function OurlogsSection({
   event,
@@ -185,12 +185,7 @@ function OurlogsSectionContent({
     return null;
   }
   return (
-    <InterimSection
-      key="logs"
-      type={SectionKey.LOGS}
-      title={t('Logs')}
-      data-test-id="logs-data-section"
-    >
+    <FoldSection sectionKey={SectionKey.LOGS} title={t('Logs')}>
       <Stack>
         <SmallTable>
           <TableBody>
@@ -222,7 +217,7 @@ function OurlogsSectionContent({
           </div>
         ) : null}
       </Stack>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/packageData.tsx b/static/app/components/events/packageData.tsx
index 50f45aabe6e7db..3453744fd5b577 100644
--- a/static/app/components/events/packageData.tsx
+++ b/static/app/components/events/packageData.tsx
@@ -7,7 +7,7 @@ import {t} from 'sentry/locale';
 import type {Event} from 'sentry/types/event';
 import {isEmptyObject} from 'sentry/utils/object/isEmptyObject';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type Props = {
   event: Event;
@@ -59,14 +59,14 @@ export function EventPackageData({event}: Props) {
   }
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey={SectionKey.PACKAGES}
       title={title}
-      type={SectionKey.PACKAGES}
       ref={containerRef}
       initialCollapse
     >
       <ColumnsContainer columnCount={columnCount}>{columns}</ColumnsContainer>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/events/profileEventEvidence.tsx b/static/app/components/events/profileEventEvidence.tsx
index 6acbfbb5bc1d3d..be0ede36f78813 100644
--- a/static/app/components/events/profileEventEvidence.tsx
+++ b/static/app/components/events/profileEventEvidence.tsx
@@ -9,7 +9,7 @@ import {generateProfileFlamechartRouteWithHighlightFrame} from 'sentry/utils/pro
 import {useLocation} from 'sentry/utils/useLocation';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type ProfileEvidenceProps = {event: Event; projectSlug: string};
 
@@ -79,8 +79,8 @@ export function ProfileEventEvidence({event, projectSlug}: ProfileEvidenceProps)
   ];
 
   return (
-    <InterimSection title={t('Function Evidence')} type={SectionKey.EVIDENCE}>
+    <FoldSection title={t('Function Evidence')} sectionKey={SectionKey.EVIDENCE}>
       <KeyValueList data={keyValueListData} shouldSort={false} />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/components/events/rrwebIntegration.tsx b/static/app/components/events/rrwebIntegration.tsx
index a0549fd5756d53..33144c637ae319 100644
--- a/static/app/components/events/rrwebIntegration.tsx
+++ b/static/app/components/events/rrwebIntegration.tsx
@@ -1,5 +1,4 @@
 import {lazy} from 'react';
-import styled from '@emotion/styled';
 
 import {LazyLoad} from 'sentry/components/lazyLoad';
 import {LoadingError} from 'sentry/components/loadingError';
@@ -12,7 +11,7 @@ import {getApiUrl} from 'sentry/utils/api/getApiUrl';
 import {useApiQuery} from 'sentry/utils/queryClient';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type Props = {
   event: Event;
@@ -78,8 +77,8 @@ function EventRRWebIntegrationContent({
     `/api/0/projects/${orgId}/${projectSlug}/events/${event.id}/attachments/${attachment.id}/?download`;
 
   return (
-    <StyledReplayEventDataSection
-      type={SectionKey.RRWEB}
+    <FoldSection
+      sectionKey={SectionKey.RRWEB}
       title={t('Replay')}
       disableCollapsePersistence={disableCollapsePersistence}
     >
@@ -87,7 +86,7 @@ function EventRRWebIntegrationContent({
         LazyComponent={LazyReplayer}
         urls={attachmentList.map(createAttachmentUrl)}
       />
-    </StyledReplayEventDataSection>
+    </FoldSection>
   );
 }
 
@@ -104,8 +103,3 @@ export function EventRRWebIntegration(props: Props) {
 
   return <EventRRWebIntegrationContent {...props} />;
 }
-
-const StyledReplayEventDataSection = styled(InterimSection)`
-  overflow: hidden;
-  margin-bottom: ${p => p.theme.space['2xl']};
-`;
diff --git a/static/app/components/events/traceEventDataSection.tsx b/static/app/components/events/traceEventDataSection.tsx
index d0545d75cdd2e8..76af22d8d9b406 100644
--- a/static/app/components/events/traceEventDataSection.tsx
+++ b/static/app/components/events/traceEventDataSection.tsx
@@ -19,7 +19,7 @@ import {trackAnalytics} from 'sentry/utils/analytics';
 import {isMobilePlatform, isNativePlatform} from 'sentry/utils/platform';
 import {useApi} from 'sentry/utils/useApi';
 import {useOrganization} from 'sentry/utils/useOrganization';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 const sortByOptions = {
   'recent-first': t('Newest'),
@@ -425,106 +425,111 @@ export function TraceEventDataSection({
       : undefined
     : t('Not available on stack trace with single frame');
 
-  const SectionComponent = isNestedSection ? InlineThreadSection : InterimSection;
-
   const optionsToShow = getDisplayOptions();
   const displayValues = displayOptions.filter(value =>
     optionsToShow.some(opt => opt.value === value && !opt.disabled)
   );
 
+  const actions = !stackTraceNotFound && (
+    <Grid flow="column" align="center" gap="md">
+      {!displayOptions.includes('raw-stack-trace') && (
+        <SegmentedControl
+          size="xs"
+          aria-label={t('Filter frames')}
+          value={isFullStackTrace ? 'full' : 'relevant'}
+          onChange={handleFilterFramesChange}
+        >
+          <SegmentedControl.Item key="relevant" disabled={forceFullStackTrace}>
+            {t('Most Relevant')}
+          </SegmentedControl.Item>
+          <SegmentedControl.Item key="full">
+            {t('Full Stack Trace')}
+          </SegmentedControl.Item>
+        </SegmentedControl>
+      )}
+      {displayOptions.includes('raw-stack-trace') && nativePlatform && (
+        <LinkButton
+          size="xs"
+          href={rawStackTraceDownloadLink}
+          tooltipProps={{title: t('Download raw stack trace file')}}
+          onClick={() => {
+            trackAnalytics('stack-trace.download_clicked', {
+              organization,
+              project_slug: projectSlug,
+              platform,
+              is_mobile: isMobile,
+            });
+          }}
+        >
+          {t('Download')}
+        </LinkButton>
+      )}
+      <CompactSelect
+        trigger={triggerProps => (
+          <OverlayTrigger.Button
+            {...triggerProps}
+            icon={<IconSort />}
+            size="xs"
+            tooltipProps={{title: sortByTooltip}}
+          />
+        )}
+        disabled={!!sortByTooltip}
+        position="bottom-end"
+        onChange={selectedOption => {
+          handleSortByChange(selectedOption.value);
+        }}
+        value={isNewestFramesFirst ? 'recent-first' : 'recent-last'}
+        options={Object.entries(sortByOptions).map(([value, label]) => ({
+          label,
+          value: value as keyof typeof sortByOptions,
+        }))}
+      />
+      <CompactSelect
+        trigger={triggerProps => (
+          <OverlayTrigger.IconButton
+            {...triggerProps}
+            size="xs"
+            icon={<IconEllipsis />}
+            aria-label={t('Display as')}
+          >
+            {t('Display as')}
+          </OverlayTrigger.IconButton>
+        )}
+        multiple
+        position="bottom-end"
+        value={displayValues}
+        onChange={opts => handleDisplayChange(opts.map(opt => opt.value))}
+        options={[{label: t('Display'), options: optionsToShow}]}
+      />
+
+      <CopyAsDropdown
+        size="xs"
+        items={CopyAsDropdown.makeDefaultCopyAsOptions({
+          text: handleCopyRawStacktrace,
+          json: undefined,
+          markdown: undefined,
+        })}
+      />
+    </Grid>
+  );
+
+  if (isNestedSection) {
+    return (
+      <InlineThreadSection title={title} actions={actions}>
+        {children}
+      </InlineThreadSection>
+    );
+  }
+
   return (
-    <SectionComponent
-      type={type}
-      showPermalink={false}
+    <FoldSection
+      sectionKey={type}
       title={title}
       disableCollapsePersistence
-      actions={
-        !stackTraceNotFound && (
-          <Grid flow="column" align="center" gap="md">
-            {!displayOptions.includes('raw-stack-trace') && (
-              <SegmentedControl
-                size="xs"
-                aria-label={t('Filter frames')}
-                value={isFullStackTrace ? 'full' : 'relevant'}
-                onChange={handleFilterFramesChange}
-              >
-                <SegmentedControl.Item key="relevant" disabled={forceFullStackTrace}>
-                  {t('Most Relevant')}
-                </SegmentedControl.Item>
-                <SegmentedControl.Item key="full">
-                  {t('Full Stack Trace')}
-                </SegmentedControl.Item>
-              </SegmentedControl>
-            )}
-            {displayOptions.includes('raw-stack-trace') && nativePlatform && (
-              <LinkButton
-                size="xs"
-                href={rawStackTraceDownloadLink}
-                tooltipProps={{title: t('Download raw stack trace file')}}
-                onClick={() => {
-                  trackAnalytics('stack-trace.download_clicked', {
-                    organization,
-                    project_slug: projectSlug,
-                    platform,
-                    is_mobile: isMobile,
-                  });
-                }}
-              >
-                {t('Download')}
-              </LinkButton>
-            )}
-            <CompactSelect
-              trigger={triggerProps => (
-                <OverlayTrigger.Button
-                  {...triggerProps}
-                  icon={<IconSort />}
-                  size="xs"
-                  tooltipProps={{title: sortByTooltip}}
-                />
-              )}
-              disabled={!!sortByTooltip}
-              position="bottom-end"
-              onChange={selectedOption => {
-                handleSortByChange(selectedOption.value);
-              }}
-              value={isNewestFramesFirst ? 'recent-first' : 'recent-last'}
-              options={Object.entries(sortByOptions).map(([value, label]) => ({
-                label,
-                value: value as keyof typeof sortByOptions,
-              }))}
-            />
-            <CompactSelect
-              trigger={triggerProps => (
-                <OverlayTrigger.IconButton
-                  {...triggerProps}
-                  size="xs"
-                  icon={<IconEllipsis />}
-                  aria-label={t('Display as')}
-                >
-                  {t('Display as')}
-                </OverlayTrigger.IconButton>
-              )}
-              multiple
-              position="bottom-end"
-              value={displayValues}
-              onChange={opts => handleDisplayChange(opts.map(opt => opt.value))}
-              options={[{label: t('Display'), options: optionsToShow}]}
-            />
-
-            <CopyAsDropdown
-              size="xs"
-              items={CopyAsDropdown.makeDefaultCopyAsOptions({
-                text: handleCopyRawStacktrace,
-                json: undefined,
-                markdown: undefined,
-              })}
-            />
-          </Grid>
-        )
-      }
+      actions={actions}
     >
       {children}
-    </SectionComponent>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/stackTrace/issueStackTrace/index.tsx b/static/app/components/stackTrace/issueStackTrace/index.tsx
index b526a37650bc5f..ae28dece7063fa 100644
--- a/static/app/components/stackTrace/issueStackTrace/index.tsx
+++ b/static/app/components/stackTrace/issueStackTrace/index.tsx
@@ -39,7 +39,7 @@ import {useDetailedProject} from 'sentry/utils/project/useDetailedProject';
 import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {IssueFrameActions} from './issueFrameActions';
 import {IssueStackTraceFrameContext} from './issueStackTraceFrameContext';
@@ -217,7 +217,7 @@ function IssueStackTraceContent({
 
   if (view === 'raw') {
     return (
-      <InterimSection type={sectionKey} title="Stack Trace" actions={sectionActions}>
+      <FoldSection sectionKey={sectionKey} title="Stack Trace" actions={sectionActions}>
         <Flex direction="column" gap="lg">
           <Panel>
             <RawStackTraceText>
@@ -235,7 +235,7 @@ function IssueStackTraceContent({
             projectSlug={projectSlug}
           />
         </Flex>
-      </InterimSection>
+      </FoldSection>
     );
   }
 
@@ -247,7 +247,7 @@ function IssueStackTraceContent({
     const excMeta = exceptionValuesMeta?.[exc.exceptionIndex];
 
     return (
-      <InterimSection type={sectionKey} title="Stack Trace" actions={sectionActions}>
+      <FoldSection sectionKey={sectionKey} title="Stack Trace" actions={sectionActions}>
         <Flex direction="column" gap="lg">
           <Flex direction="column" gap="sm">
             {hasExceptionInfo && (
@@ -285,12 +285,12 @@ function IssueStackTraceContent({
             projectSlug={projectSlug}
           />
         </Flex>
-      </InterimSection>
+      </FoldSection>
     );
   }
 
   return (
-    <InterimSection type={sectionKey} title="Stack Trace" actions={sectionActions}>
+    <FoldSection sectionKey={sectionKey} title="Stack Trace" actions={sectionActions}>
       <Flex direction="column" gap="lg">
         <Text variant="muted">
           {tn(
@@ -376,7 +376,7 @@ function IssueStackTraceContent({
           projectSlug={projectSlug}
         />
       </Flex>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/components/stackTrace/issueStackTrace/sharedIssueStackTrace.tsx b/static/app/components/stackTrace/issueStackTrace/sharedIssueStackTrace.tsx
index bf4aaf6c6fad10..3be882d07e88c2 100644
--- a/static/app/components/stackTrace/issueStackTrace/sharedIssueStackTrace.tsx
+++ b/static/app/components/stackTrace/issueStackTrace/sharedIssueStackTrace.tsx
@@ -31,7 +31,7 @@ import {EntryType} from 'sentry/types/event';
 import type {StacktraceType} from 'sentry/types/stacktrace';
 import {defined} from 'sentry/utils';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {
   formatExceptionsAsText,
@@ -172,7 +172,7 @@ function SharedIssueStackTraceContent({
 
   if (view === 'raw') {
     return (
-      <InterimSection type={sectionKey} title="Stack Trace" actions={sectionActions}>
+      <FoldSection sectionKey={sectionKey} title="Stack Trace" actions={sectionActions}>
         <Panel>
           <RawStackTraceText>
             {formatExceptionsAsText({
@@ -183,7 +183,7 @@ function SharedIssueStackTraceContent({
             })}
           </RawStackTraceText>
         </Panel>
-      </InterimSection>
+      </FoldSection>
     );
   }
 
@@ -194,7 +194,7 @@ function SharedIssueStackTraceContent({
     const excMeta = exceptionValuesMeta?.[exc.exceptionIndex];
 
     return (
-      <InterimSection type={sectionKey} title="Stack Trace" actions={sectionActions}>
+      <FoldSection sectionKey={sectionKey} title="Stack Trace" actions={sectionActions}>
         <Flex direction="column" gap="lg">
           {hasExceptionInfo && (
             <Fragment>
@@ -218,12 +218,12 @@ function SharedIssueStackTraceContent({
             <StackTraceFrames frameContextComponent={FrameContent} />
           </StackTraceProvider>
         </Flex>
-      </InterimSection>
+      </FoldSection>
     );
   }
 
   return (
-    <InterimSection type={sectionKey} title="Stack Trace" actions={sectionActions}>
+    <FoldSection sectionKey={sectionKey} title="Stack Trace" actions={sectionActions}>
       <Flex direction="column" gap="lg">
         <Text variant="muted">
           {tn(
@@ -295,6 +295,6 @@ function SharedIssueStackTraceContent({
           );
         })}
       </Flex>
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/views/issueDetails/groupEventDetails/groupEventDetailsContent.tsx b/static/app/views/issueDetails/groupEventDetails/groupEventDetailsContent.tsx
index 482c8741af5c76..4a768bd959a691 100644
--- a/static/app/views/issueDetails/groupEventDetails/groupEventDetailsContent.tsx
+++ b/static/app/views/issueDetails/groupEventDetails/groupEventDetailsContent.tsx
@@ -78,9 +78,9 @@ import {
 import {ProfilePreviewSection} from 'sentry/views/issueDetails/profilePreviewSection';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
 import {EventDetails} from 'sentry/views/issueDetails/streamline/eventDetails';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {useCopyIssueDetails} from 'sentry/views/issueDetails/streamline/hooks/useCopyIssueDetails';
 import {InstrumentationFixSection} from 'sentry/views/issueDetails/streamline/instrumentationFixSection';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
 import {MetricDetectorTriggeredSection} from 'sentry/views/issueDetails/streamline/sidebar/metricDetectorTriggeredSection';
 import {SizeAnalysisTriggeredSection} from 'sentry/views/issueDetails/streamline/sidebar/sizeAnalysisTriggeredSection';
 import {useIsSampleEvent} from 'sentry/views/issueDetails/utils';
@@ -145,14 +145,14 @@ export function EventDetailsContent({
         <ProfilePreviewSection event={event} project={project} />
       )}
       {event.userReport && (
-        <InterimSection title={t('User Feedback')} type={SectionKey.USER_FEEDBACK}>
+        <FoldSection title={t('User Feedback')} sectionKey={SectionKey.USER_FEEDBACK}>
           <EventUserFeedback
             report={event.userReport}
             orgSlug={organization.slug}
             issueId={group.id}
             showEventLink={false}
           />
-        </InterimSection>
+        </FoldSection>
       )}
       {(event.contexts?.metric_alert?.alert_rule_id ||
         event?.occurrence?.evidenceData?.alertId) && (
@@ -293,8 +293,8 @@ export function EventDetailsContent({
             <EventFunctionBreakpointChart event={event} />
           </ErrorBoundary>
           <ErrorBoundary mini>
-            <InterimSection
-              type={SectionKey.REGRESSION_FLAMEGRAPH}
+            <FoldSection
+              sectionKey={SectionKey.REGRESSION_FLAMEGRAPH}
               title={t('Regression Flamegraph')}
             >
               <b>{t('Largest Changes in Call Stack Frequency')}</b>
@@ -304,7 +304,7 @@ export function EventDetailsContent({
             contributed to the cause for the duration regression.`)}
               </p>
               <EventDifferentialFlamegraph event={event} />
-            </InterimSection>
+            </FoldSection>
           </ErrorBoundary>
         </Fragment>
       )}
diff --git a/static/app/views/issueDetails/metricIssues/metricIssuesSection.tsx b/static/app/views/issueDetails/metricIssues/metricIssuesSection.tsx
index e6cc0714d224a8..a73b25dd8d3487 100644
--- a/static/app/views/issueDetails/metricIssues/metricIssuesSection.tsx
+++ b/static/app/views/issueDetails/metricIssues/metricIssuesSection.tsx
@@ -17,7 +17,7 @@ import {
   useMetricTimePeriod,
 } from 'sentry/views/issueDetails/metricIssues/utils';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 interface MetricIssuesSectionProps {
   group: Group;
@@ -78,10 +78,9 @@ export function MetricIssuesSection({
     );
 
     return (
-      <InterimSection
+      <FoldSection
+        sectionKey={SectionKey.CORRELATED_ISSUES}
         title={t('Correlated Issues')}
-        type={SectionKey.CORRELATED_ISSUES}
-        help={t('A list of issues that are correlated with this event')}
         actions={actions}
       >
         <RelatedIssues
@@ -99,16 +98,15 @@ export function MetricIssuesSection({
           }
           skipHeader
         />
-      </InterimSection>
+      </FoldSection>
     );
   }
 
   if ([Dataset.TRANSACTIONS, Dataset.GENERIC_METRICS].includes(dataset)) {
     return (
-      <InterimSection
+      <FoldSection
+        sectionKey={SectionKey.CORRELATED_TRANSACTIONS}
         title={t('Correlated Transactions')}
-        type={SectionKey.CORRELATED_TRANSACTIONS}
-        help={t('A list of transactions that are correlated with this event')}
       >
         <RelatedTransactions
           organization={organization}
@@ -118,7 +116,7 @@ export function MetricIssuesSection({
           timePeriod={timePeriod}
           filter={extractEventTypeFilterFromRule(rule)}
         />
-      </InterimSection>
+      </FoldSection>
     );
   }
 
diff --git a/static/app/views/issueDetails/metricKitHangProfileSection.tsx b/static/app/views/issueDetails/metricKitHangProfileSection.tsx
index af2941e95aa6e0..adba83f913fddb 100644
--- a/static/app/views/issueDetails/metricKitHangProfileSection.tsx
+++ b/static/app/views/issueDetails/metricKitHangProfileSection.tsx
@@ -10,7 +10,7 @@ import {t} from 'sentry/locale';
 import type {Event, Frame} from 'sentry/types/event';
 import {EntryType} from 'sentry/types/event';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 export interface HangProfileData {
   exceptionValue: string;
@@ -61,8 +61,8 @@ export function getHangProfileData(event: Event): HangProfileData | null {
 export function MetricKitHangProfileSection({data}: {data: HangProfileData}) {
   return (
     <ErrorBoundary mini>
-      <InterimSection
-        type={SectionKey.STACKTRACE_FLAMEGRAPH}
+      <FoldSection
+        sectionKey={SectionKey.STACKTRACE_FLAMEGRAPH}
         title={
           <span>
             {t('Hang Profile')}
@@ -77,7 +77,7 @@ export function MetricKitHangProfileSection({data}: {data: HangProfileData}) {
       >
         {data.exceptionValue && <StyledPre>{data.exceptionValue}</StyledPre>}
         <StacktraceFlamegraph frames={data.frames} />
-      </InterimSection>
+      </FoldSection>
     </ErrorBoundary>
   );
 }
diff --git a/static/app/views/issueDetails/profilePreviewSection.tsx b/static/app/views/issueDetails/profilePreviewSection.tsx
index 37f4ea2fcabf17..419f2259daf149 100644
--- a/static/app/views/issueDetails/profilePreviewSection.tsx
+++ b/static/app/views/issueDetails/profilePreviewSection.tsx
@@ -29,7 +29,7 @@ import {
   useProfiles,
 } from 'sentry/views/explore/profiling/profilesProvider';
 import {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 export function ProfilePreviewSection({
   event,
@@ -82,8 +82,8 @@ export function ProfilePreviewSection({
       >
         <ProfileContext.Consumer>
           {profiles => (
-            <InterimSection
-              type={SectionKey.PROFILE_PREVIEW}
+            <FoldSection
+              sectionKey={SectionKey.PROFILE_PREVIEW}
               title={
                 <span>
                   {sectionTitle}
@@ -117,7 +117,7 @@ export function ProfilePreviewSection({
                   />
                 </FlamegraphThemeProvider>
               </ProfileGroupProvider>
-            </InterimSection>
+            </FoldSection>
           )}
         </ProfileContext.Consumer>
       </ProfilesProvider>
diff --git a/static/app/views/issueDetails/streamline/context.tsx b/static/app/views/issueDetails/streamline/context.tsx
index 371a2f08335195..143b074529385b 100644
--- a/static/app/views/issueDetails/streamline/context.tsx
+++ b/static/app/views/issueDetails/streamline/context.tsx
@@ -105,13 +105,15 @@ export const enum SectionKey {
   STACKTRACE_FLAMEGRAPH = 'stacktrace-flamegraph',
 }
 
+export type FoldSectionKey = SectionKey | string;
+
 /**
  * This can be extended to create shared state for each section.
  * For example, if we needed to know the number of context cards we're rendering,
  * the <ContextDataSection /> can update the config for other components to read from.
  */
 export interface SectionConfig {
-  key: SectionKey;
+  key: FoldSectionKey;
   initialCollapse?: boolean;
 }
 
@@ -156,11 +158,11 @@ interface IssueDetailsState {
   /**
    * Controls the state of each section.
    */
-  sectionData: Partial<Record<SectionKey, SectionConfig>>;
+  sectionData: Partial<Record<FoldSectionKey, SectionConfig>>;
 }
 
 type UpdateEventSectionAction = {
-  key: SectionKey;
+  key: FoldSectionKey;
   type: 'UPDATE_EVENT_SECTION';
   config?: Partial<SectionConfig>;
 };
@@ -177,7 +179,7 @@ type UpdateDetectorDetailsAction = {
 };
 
 type RemoveEventSectionAction = {
-  key: SectionKey;
+  key: FoldSectionKey;
   type: 'REMOVE_EVENT_SECTION';
 };
 
@@ -191,7 +193,7 @@ type IssueDetailsActions =
 
 function updateEventSection(
   state: IssueDetailsState,
-  sectionKey: SectionKey,
+  sectionKey: FoldSectionKey,
   updatedConfig: Partial<SectionConfig>
 ): IssueDetailsState {
   const existingConfig = state.sectionData[sectionKey] ?? {key: sectionKey};
diff --git a/static/app/views/issueDetails/streamline/foldSection.tsx b/static/app/views/issueDetails/streamline/foldSection.tsx
index d81f1416bb8a0b..c94340676a2a60 100644
--- a/static/app/views/issueDetails/streamline/foldSection.tsx
+++ b/static/app/views/issueDetails/streamline/foldSection.tsx
@@ -18,10 +18,10 @@ import {t} from 'sentry/locale';
 import {trackAnalytics} from 'sentry/utils/analytics';
 import {useOrganization} from 'sentry/utils/useOrganization';
 import {useSyncedLocalStorageState} from 'sentry/utils/useSyncedLocalStorageState';
-import type {SectionKey} from 'sentry/views/issueDetails/streamline/context';
+import type {FoldSectionKey} from 'sentry/views/issueDetails/streamline/context';
 import {useIssueDetails} from 'sentry/views/issueDetails/streamline/context';
 
-export function getFoldSectionKey(key: SectionKey) {
+export function getFoldSectionKey(key: FoldSectionKey) {
   // Original key had a typo, this will migrate existing keys to the correct key
   const localStorageValue = localStorage.getItem(
     `'issue-details-fold-section-collapse:${key}`
@@ -33,9 +33,9 @@ export function getFoldSectionKey(key: SectionKey) {
   return `issue-details-fold-section-collapse:${key}`;
 }
 
-export interface FoldSectionProps {
+interface FoldSectionProps {
   children: React.ReactNode;
-  sectionKey: SectionKey;
+  sectionKey: FoldSectionKey;
   /**
    * Title of the section, always visible
    */
@@ -64,7 +64,7 @@ export interface FoldSectionProps {
 }
 
 function useOptionalLocalStorageState(
-  key: SectionKey,
+  key: FoldSectionKey,
   initialState: boolean,
   disablePersistence: boolean
 ): [boolean, (value: boolean) => void] {
@@ -80,7 +80,7 @@ function useOptionalLocalStorageState(
 }
 
 function useScrollToSection(
-  sectionKey: SectionKey,
+  sectionKey: FoldSectionKey,
   expanded: boolean,
   setIsCollapsed: (value: boolean) => void
 ): React.RefCallback<HTMLDivElement | null> {
diff --git a/static/app/views/issueDetails/streamline/interimSection.tsx b/static/app/views/issueDetails/streamline/interimSection.tsx
deleted file mode 100644
index b2d111cd7a3245..00000000000000
--- a/static/app/views/issueDetails/streamline/interimSection.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import {type EventDataSectionProps} from 'sentry/components/events/eventDataSection';
-import type {SectionKey} from 'sentry/views/issueDetails/streamline/context';
-import {
-  FoldSection,
-  type FoldSectionProps,
-} from 'sentry/views/issueDetails/streamline/foldSection';
-
-/**
- * This section is meant to provide a shared component while the streamline UI
- * for issue details is being developed. Once GA'd, all occurances should be replaced
- * with just <FoldSection />
- */
-export function InterimSection({
-  ref,
-  children,
-  title,
-  type,
-  actions = null,
-  initialCollapse,
-  preventCollapse,
-  disableCollapsePersistence,
-}: EventDataSectionProps &
-  Pick<
-    FoldSectionProps,
-    'initialCollapse' | 'preventCollapse' | 'disableCollapsePersistence'
-  >) {
-  return (
-    <FoldSection
-      sectionKey={type as SectionKey}
-      title={title}
-      actions={actions}
-      ref={ref}
-      initialCollapse={initialCollapse}
-      preventCollapse={preventCollapse}
-      disableCollapsePersistence={disableCollapsePersistence}
-    >
-      {children}
-    </FoldSection>
-  );
-}
diff --git a/static/app/views/issueDetails/streamline/issueDetailsJumpTo.tsx b/static/app/views/issueDetails/streamline/issueDetailsJumpTo.tsx
index 64835a97469957..a1df2b128e4940 100644
--- a/static/app/views/issueDetails/streamline/issueDetailsJumpTo.tsx
+++ b/static/app/views/issueDetails/streamline/issueDetailsJumpTo.tsx
@@ -31,6 +31,21 @@ const sectionLabels: Partial<Record<SectionKey, string>> = {
   [SectionKey.FEATURE_FLAGS]: t('Flags'),
 };
 
+type JumpToSectionConfig = SectionConfig & {key: SectionKey};
+
+// FoldSection is also used outside issue details with arbitrary string keys.
+// Jump To only supports issue-detail sections that have known SectionKey labels.
+function isJumpToSectionConfig(
+  config: SectionConfig | undefined,
+  excludedSectionKeys: SectionKey[]
+): config is JumpToSectionConfig {
+  return Boolean(
+    config &&
+    Object.hasOwn(sectionLabels, config.key) &&
+    !excludedSectionKeys.includes(config.key as SectionKey)
+  );
+}
+
 export function IssueDetailsJumpTo() {
   const {sectionData} = useIssueDetails();
   const organization = useOrganization();
@@ -51,8 +66,8 @@ export function IssueDetailsJumpTo() {
   }, [organization.features]);
 
   const eventSectionConfigs = useMemo(() => {
-    const configs = Object.values(sectionData ?? {}).filter(
-      config => sectionLabels[config.key] && !excludedSectionKeys.includes(config.key)
+    const configs = Object.values(sectionData ?? {}).filter(config =>
+      isJumpToSectionConfig(config, excludedSectionKeys)
     );
 
     // Build a position map by querying the DOM once
@@ -95,7 +110,7 @@ export function IssueDetailsJumpTo() {
   );
 }
 
-function JumpToLink({config}: {config: SectionConfig}) {
+function JumpToLink({config}: {config: JumpToSectionConfig}) {
   const theme = useTheme();
   const [_isCollapsed, setIsCollapsed] = useSyncedLocalStorageState(
     getFoldSectionKey(config.key),
diff --git a/static/app/views/issueDetails/streamline/sidebar/attributeComparisonSection.tsx b/static/app/views/issueDetails/streamline/sidebar/attributeComparisonSection.tsx
index 86d77a42d845c8..a06ff80097d93c 100644
--- a/static/app/views/issueDetails/streamline/sidebar/attributeComparisonSection.tsx
+++ b/static/app/views/issueDetails/streamline/sidebar/attributeComparisonSection.tsx
@@ -19,7 +19,7 @@ import {useFilteredRankedAttributes} from 'sentry/views/explore/hooks/useFiltere
 import {Mode} from 'sentry/views/explore/queryParams/mode';
 import {getExploreUrl} from 'sentry/views/explore/utils';
 import {ChartType} from 'sentry/views/insights/common/components/chart';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 const BASELINE_DAYS = 7;
 const CHARTS_PER_PAGE = 9; // 3 rows × 3 columns max
@@ -122,9 +122,9 @@ export function AttributeComparisonSection({
   ]);
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey="attribute_comparison"
       title={t('Attribute Comparison')}
-      type="attribute_comparison"
       actions={
         <LinkButton size="xs" to={exploreUrl}>
           {t('View All')}
@@ -183,7 +183,7 @@ export function AttributeComparisonSection({
           <AttributeBreakdownsComponent.EmptySearchState />
         )}
       </Flex>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/views/issueDetails/streamline/sidebar/metricDetectorTriggeredSection.tsx b/static/app/views/issueDetails/streamline/sidebar/metricDetectorTriggeredSection.tsx
index 76881cd9d22a4d..21276bf7fc6a33 100644
--- a/static/app/views/issueDetails/streamline/sidebar/metricDetectorTriggeredSection.tsx
+++ b/static/app/views/issueDetails/streamline/sidebar/metricDetectorTriggeredSection.tsx
@@ -48,7 +48,7 @@ import {DetectorDataset} from 'sentry/views/detectors/datasetConfig/types';
 import {useEventOpenPeriod} from 'sentry/views/detectors/hooks/useOpenPeriods';
 import {getMetricDetectorSuffix} from 'sentry/views/detectors/utils/metricDetectorSuffix';
 import {makeDiscoverPathname} from 'sentry/views/discover/pathnames';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 import {AttributeComparisonSection} from './attributeComparisonSection';
 import {OpenPeriodTimelineSection} from './openPeriodTimelineSection';
@@ -282,9 +282,9 @@ function ContributingIssues({
   };
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey="contributing_issues"
       title={t('Contributing Issues')}
-      type="contributing_issues"
       actions={
         queryContainsBooleanLogic ? null : (
           <LinkButton
@@ -313,7 +313,7 @@ function ContributingIssues({
           />
         )}
       </GroupListWrapper>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
@@ -404,9 +404,9 @@ function TriggeredConditionDetails({
           openPeriodEnd={endDate}
         />
       )}
-      <InterimSection
+      <FoldSection
         title="Triggered Condition"
-        type="triggered_condition"
+        sectionKey="triggered_condition"
         actions={
           <Flex gap="xs">
             <FeedbackButton
@@ -488,7 +488,7 @@ function TriggeredConditionDetails({
             },
           ]}
         />
-      </InterimSection>
+      </FoldSection>
       <OpenPeriodTimelineSection eventId={eventId} groupId={groupId} />
       {detectorDataset === DetectorDataset.SPANS && openPeriod && (
         <AttributeComparisonSection
@@ -501,9 +501,9 @@ function TriggeredConditionDetails({
       )}
       {isErrorsDataset &&
         (isOpenPeriodLoading ? (
-          <InterimSection title={t('Contributing Issues')} type="contributing_issues">
+          <FoldSection title={t('Contributing Issues')} sectionKey="contributing_issues">
             <Placeholder height="200px" />
-          </InterimSection>
+          </FoldSection>
         ) : (
           <ContributingIssues
             projectId={projectId}
@@ -536,9 +536,9 @@ export function MetricDetectorTriggeredSection({
   return (
     <Fragment>
       {message && (
-        <InterimSection title="Message" type="message">
+        <FoldSection title="Message" sectionKey="message">
           <AnnotatedText value={message} />
-        </InterimSection>
+        </FoldSection>
       )}
       <ErrorBoundary mini>
         <TriggeredConditionDetails
diff --git a/static/app/views/issueDetails/streamline/sidebar/openPeriodTimelineSection.tsx b/static/app/views/issueDetails/streamline/sidebar/openPeriodTimelineSection.tsx
index 81b6dfd49b2923..d4d9ea0d27908e 100644
--- a/static/app/views/issueDetails/streamline/sidebar/openPeriodTimelineSection.tsx
+++ b/static/app/views/issueDetails/streamline/sidebar/openPeriodTimelineSection.tsx
@@ -14,7 +14,7 @@ import {t} from 'sentry/locale';
 import type {GroupOpenPeriod} from 'sentry/types/group';
 import {unreachable} from 'sentry/utils/unreachable';
 import {useEventOpenPeriod} from 'sentry/views/detectors/hooks/useOpenPeriods';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type OpenPeriodTimelineSectionProps = {
   eventId: string;
@@ -68,9 +68,9 @@ function getOpenPeriodActivityIcon(activity: GroupOpenPeriod['activities'][numbe
 
 function TimelineSection({children}: {children: ReactNode}) {
   return (
-    <InterimSection title={t('Timeline')} type="timeline">
+    <FoldSection title={t('Timeline')} sectionKey="timeline">
       {children}
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/views/issueDetails/streamline/sidebar/sizeAnalysisTriggeredSection.tsx b/static/app/views/issueDetails/streamline/sidebar/sizeAnalysisTriggeredSection.tsx
index cf68dcef8719a5..808ead7f0aebdb 100644
--- a/static/app/views/issueDetails/streamline/sidebar/sizeAnalysisTriggeredSection.tsx
+++ b/static/app/views/issueDetails/streamline/sidebar/sizeAnalysisTriggeredSection.tsx
@@ -8,7 +8,7 @@ import type {Group} from 'sentry/types/group';
 import type {MetricCondition} from 'sentry/types/workflowEngine/detectors';
 import {defined} from 'sentry/utils';
 import {useOrganization} from 'sentry/utils/useOrganization';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {getCompareBuildPath} from 'sentry/views/preprod/utils/buildLinkUtils';
 import {
   bytesToMB,
@@ -120,9 +120,9 @@ export function SizeAnalysisTriggeredSection({event}: SizeAnalysisTriggeredSecti
       : null;
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey="triggered_condition"
       title={t('Triggered Condition')}
-      type="triggered_condition"
       actions={
         <Flex gap="xs">
           <LinkButton size="xs" to={headBuildPath}>
@@ -182,6 +182,6 @@ export function SizeAnalysisTriggeredSection({event}: SizeAnalysisTriggeredSecti
           },
         ]}
       />
-    </InterimSection>
+    </FoldSection>
   );
 }
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/profiling/profilePreview.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/profiling/profilePreview.tsx
index 1c9ccd31f2fb18..cb7ebf27c7b091 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/profiling/profilePreview.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/profiling/profilePreview.tsx
@@ -30,7 +30,7 @@ import {useOrganization} from 'sentry/utils/useOrganization';
 import {useProfileGroup} from 'sentry/views/explore/profiling/profileGroupProvider';
 import {useProfiles} from 'sentry/views/explore/profiling/profilesProvider';
 import {SectionDivider} from 'sentry/views/issueDetails/streamline/foldSection';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import type {NoInstrumentationNode} from 'sentry/views/performance/newTraceDetails/traceModels/traceTreeNode/noInstrumentationNode';
 
 interface SpanProfileProps {
@@ -169,9 +169,9 @@ export function ProfilePreview({
       <FlamegraphThemeProvider>
         {message}
         <SectionDivider orientation="horizontal" />
-        <InterimSection
+        <FoldSection
           title={t('Profile')}
-          type="no_instrumentation_profile"
+          sectionKey="no_instrumentation_profile"
           initialCollapse={false}
           actions={
             <LinkButton size="xs" onClick={handleGoToProfile} to={target}>
@@ -195,7 +195,7 @@ export function ProfilePreview({
               )}
             </FlamegraphContainer>
           </div>
-        </InterimSection>
+        </FoldSection>
       </FlamegraphThemeProvider>
     );
   }
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/span/components/profileDetails.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/span/components/profileDetails.tsx
index 8d02a4f950a3de..954be20b9b4818 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/span/components/profileDetails.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/span/components/profileDetails.tsx
@@ -10,7 +10,7 @@ import type {EventTransaction} from 'sentry/types/event';
 import type {Organization} from 'sentry/types/organization';
 import type {Project} from 'sentry/types/project';
 import {defined} from 'sentry/utils';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 export function ProfileDetails({
   organization,
@@ -30,15 +30,15 @@ export function ProfileDetails({
   }
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey="span_profile_details"
       title={t('Profile')}
-      type="span_profile_details"
       disableCollapsePersistence
     >
       <EmbededContentWrapper>
         <SpanProfileDetails span={span} event={event} />
       </EmbededContentWrapper>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/span/index.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/span/index.tsx
index e5fe989f66b29e..d49092a39e0c2d 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/span/index.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/span/index.tsx
@@ -37,7 +37,7 @@ import {useSpansDataset} from 'sentry/views/explore/spans/spansQueryParams';
 import {TraceItemDataset} from 'sentry/views/explore/types';
 import {useSpansQueryWithoutPageFilters} from 'sentry/views/insights/common/queries/useSpansQuery';
 import {getIsAiGenerationNode} from 'sentry/views/insights/pages/agents/utils/aiTraceNodes';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {traceAnalytics} from 'sentry/views/performance/newTraceDetails/traceAnalytics';
 import {useTransaction} from 'sentry/views/performance/newTraceDetails/traceApi/useTransaction';
 import {IssueList} from 'sentry/views/performance/newTraceDetails/traceDrawer/details/issues/issues';
@@ -98,9 +98,9 @@ function SpanSections({
         onParentClick={onParentClick}
       />
       {hasSpanSpecificData ? (
-        <InterimSection
+        <FoldSection
+          sectionKey="span_specifc"
           title={t('Span Specific')}
-          type="span_specifc"
           disableCollapsePersistence
         >
           <TraceDrawerComponents.SectionCardGroup>
@@ -111,7 +111,7 @@ function SpanSections({
               <Measurements node={node} location={location} organization={organization} />
             ) : null}
           </TraceDrawerComponents.SectionCardGroup>
-        </InterimSection>
+        </FoldSection>
       ) : null}
     </Fragment>
   );
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/span/sections/generalInfo.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/span/sections/generalInfo.tsx
index e56137c1dda3f5..0b9be9fea43289 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/span/sections/generalInfo.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/span/sections/generalInfo.tsx
@@ -15,7 +15,7 @@ import {FullSpanDescription} from 'sentry/views/insights/common/components/fullS
 import {WiderHovercard} from 'sentry/views/insights/common/components/tableCells/spanDescriptionCell';
 import {resolveSpanModule} from 'sentry/views/insights/common/utils/resolveSpanModule';
 import {ModuleName, SpanFields} from 'sentry/views/insights/types';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {
   TraceDrawerComponents,
   type SectionCardKeyValueList,
@@ -226,17 +226,17 @@ export function GeneralInfo(props: GeneralnfoProps) {
   items = [...items, ...ancestryAndGroupingItems];
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey="trace_transaction_general"
       title={t('General')}
       disableCollapsePersistence
-      type="trace_transaction_general"
     >
       <ContentWrapper>
         {items.map(item => (
           <Content key={item.key} item={item} />
         ))}
       </ContentWrapper>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/index.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/index.tsx
index 839f40ff23b5e5..26d07c16b8a653 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/index.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/index.tsx
@@ -19,7 +19,7 @@ import {useLocation} from 'sentry/utils/useLocation';
 import {useProjects} from 'sentry/utils/useProjects';
 import {useSpans} from 'sentry/views/insights/common/queries/useDiscover';
 import type {SpanQueryFilters, SpanResponse} from 'sentry/views/insights/types';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {Referrer} from 'sentry/views/performance/newTraceDetails/referrers';
 import {traceAnalytics} from 'sentry/views/performance/newTraceDetails/traceAnalytics';
 import {useTransaction} from 'sentry/views/performance/newTraceDetails/traceApi/useTransaction';
@@ -251,9 +251,9 @@ function TransactionSpecificSections(props: TransactionSpecificSectionsProps) {
         location={location}
         cacheMetrics={cacheMetrics}
       />
-      <InterimSection
+      <FoldSection
+        sectionKey="transaction_specifc"
         title={t('Transaction Specific')}
-        type="transaction_specifc"
         disableCollapsePersistence
       >
         <TraceDrawerComponents.SectionCardGroup>
@@ -269,7 +269,7 @@ function TransactionSpecificSections(props: TransactionSpecificSectionsProps) {
           ) : null}
         </TraceDrawerComponents.SectionCardGroup>
         <Request event={event} />
-      </InterimSection>
+      </FoldSection>
     </Fragment>
   );
 }
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/breadCrumbs.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/breadCrumbs.tsx
index 4507f2aefc5bad..1a081c6c961fd6 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/breadCrumbs.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/breadCrumbs.tsx
@@ -23,7 +23,7 @@ import {IconFilter, IconSearch, IconSort} from 'sentry/icons';
 import {t} from 'sentry/locale';
 import type {EventTransaction} from 'sentry/types/event';
 import {useLocalStorageState} from 'sentry/utils/useLocalStorageState';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 const MAX_BREADCRUMBS_HEIGHT = 400;
 
@@ -128,9 +128,9 @@ export function BreadCrumbs({event}: {event: EventTransaction}) {
 
   return (
     <BreadcrumbsContainer>
-      <InterimSection
+      <FoldSection
         title={t('Breadcrumbs')}
-        type="breadcrumbs"
+        sectionKey="breadcrumbs"
         actions={actions}
         disableCollapsePersistence
       >
@@ -147,7 +147,7 @@ export function BreadCrumbs({event}: {event: EventTransaction}) {
             />
           )}
         </ScrollContainer>
-      </InterimSection>
+      </FoldSection>
     </BreadcrumbsContainer>
   );
 }
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/entries.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/entries.tsx
index 93d0b5c5c62e5a..85ab60d064c8e0 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/entries.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/entries.tsx
@@ -16,7 +16,7 @@ import {
   type EventTransaction,
 } from 'sentry/types/event';
 import type {Project} from 'sentry/types/project';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 type EventEntryContentProps = {
   entry: Entry;
@@ -112,9 +112,9 @@ export function Entries({
           <ErrorBoundary
             key={entryIdx}
             customComponent={() => (
-              <InterimSection type={entry.type} title={entry.type}>
+              <FoldSection sectionKey={entry.type} title={entry.type}>
                 <p>{t('There was an error rendering this data.')}</p>
-              </InterimSection>
+              </FoldSection>
             )}
           >
             <EventEntryContent
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/generalInfo.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/generalInfo.tsx
index 56ef94f9c6cbe9..ae983b5138b40a 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/generalInfo.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/generalInfo.tsx
@@ -10,7 +10,7 @@ import type {EventTransaction} from 'sentry/types/event';
 import type {Organization} from 'sentry/types/organization';
 import {getDynamicText} from 'sentry/utils/getDynamicText';
 import type {SpanResponse} from 'sentry/views/insights/types';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 import {
   TraceDrawerComponents,
   type SectionCardKeyValueList,
@@ -97,17 +97,17 @@ export function GeneralInfo(props: GeneralInfoProps) {
   }
 
   return (
-    <InterimSection
+    <FoldSection
+      sectionKey="trace_transaction_general"
       title={t('General')}
       disableCollapsePersistence
-      type="trace_transaction_general"
     >
       <ContentWrapper>
         {items.map(item => (
           <Content key={item.key} item={item} />
         ))}
       </ContentWrapper>
-    </InterimSection>
+    </FoldSection>
   );
 }
 
diff --git a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/replayPreview.tsx b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/replayPreview.tsx
index 1b414a820fa1f4..ffab36066fbc86 100644
--- a/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/replayPreview.tsx
+++ b/static/app/views/performance/newTraceDetails/traceDrawer/details/transaction/sections/replayPreview.tsx
@@ -9,7 +9,7 @@ import type {EventTransaction} from 'sentry/types/event';
 import type {Organization} from 'sentry/types/organization';
 import {getAnalyticsDataForEvent} from 'sentry/utils/events';
 import {getReplayIdFromEvent} from 'sentry/utils/replays/getReplayIdFromEvent';
-import {InterimSection} from 'sentry/views/issueDetails/streamline/interimSection';
+import {FoldSection} from 'sentry/views/issueDetails/streamline/foldSection';
 
 const REPLAY_CLIP_OFFSETS = {
   durationAfterMs: 5_000,
@@ -68,13 +68,13 @@ export function ReplayPreview({
 
   return (
     <ReplayAccess>
-      <InterimSection
+      <FoldSection
         title={t('Session Replay')}
-        type="trace_session_replay"
+        sectionKey="trace_session_replay"
         disableCollapsePersistence
       >
         <ReplaySection event={event} organization={organization} />
-      </InterimSection>
+      </FoldSection>
     </ReplayAccess>
   );
 }