feat(metric-issues): Add detector details to sidebar

static/app/types/event.tsx

@@ -613,6 +613,10 @@ export interface ThreadPoolInfoContext {
   [ThreadPoolInfoContextKey.AVAILABLE_COMPLETION_PORT_THREADS]: number;
 }
 
+export type MetricAlertContextType = {
+  alert_rule_id?: string;
+};
+
 export enum ProfileContextKey {
   PROFILE_ID = 'profile_id',
   PROFILER_ID = 'profiler_id',
@@ -657,6 +661,7 @@ export type EventContexts = {
   feedback?: Record<string, any>;
   flags?: Flags;
   memory_info?: MemoryInfoContext;
+  metric_alert?: MetricAlertContextType;
   missing_instrumentation?: MissingInstrumentationContext;
   os?: OSContext;
   otel?: OtelContext;

static/app/utils/issueTypeConfig/index.tsx

@@ -41,6 +41,7 @@ const BASE_CONFIG: IssueTypeConfig = {
   },
   attachments: {enabled: false},
   autofix: false,
+  detectorDetails: {enabled: false},
   events: {enabled: true},
   mergedIssues: {enabled: false},
   filterAndSearchHeader: {enabled: true},

static/app/utils/issueTypeConfig/metricIssueConfig.tsx

@@ -17,6 +17,7 @@ const metricIssueConfig: IssueCategoryConfigMapping = {
       resolution: t('Back to baseline'),
     },
     attachments: {enabled: false},
+    detectorDetails: {enabled: true},
     resources: null,
     autofix: false,
     events: {enabled: false},

static/app/utils/issueTypeConfig/types.tsx

@@ -39,6 +39,10 @@ export type IssueTypeConfig = {
   customCopy: {
     resolution: string;
   };
+  /**
+   * Does the issue have detector data to show
+   */
+  detectorDetails: DisabledWithReasonConfig;
   /**
    * Is the "Open in Discover" button available for this issue
    */

static/app/views/issueDetails/streamline/sidebar/metricIssueSidebarSection.tsx

@@ -0,0 +1,26 @@
+import {LinkButton} from 'sentry/components/button';
+import {Flex} from 'sentry/components/container/flex';
+import {t} from 'sentry/locale';
+import type {Event} from 'sentry/types/event';
+import useOrganization from 'sentry/utils/useOrganization';
+
+export function MetricIssueSidebarSection({event}: {event?: Event}) {
+  const organization = useOrganization();
+  const alert_rule_id = event?.contexts?.metric_alert?.alert_rule_id;
+
+  if (!alert_rule_id) {
+    return null;
+  }
+
+  return (
+    <Flex>
+      <LinkButton
+        aria-label={t('View detector details')}
+        href={`/organizations/${organization.slug}/alerts/rules/details/${alert_rule_id}/`}
+        style={{width: '100%'}}
+      >
+        {t('View detector details')}
+      </LinkButton>
+    </Flex>
+  );
+}

static/app/views/issueDetails/streamline/sidebar/sidebar.tsx

@@ -16,6 +16,7 @@ import StreamlinedActivitySection from 'sentry/views/issueDetails/streamline/sid
 import {ExternalIssueList} from 'sentry/views/issueDetails/streamline/sidebar/externalIssueList';
 import FirstLastSeenSection from 'sentry/views/issueDetails/streamline/sidebar/firstLastSeenSection';
 import {MergedIssuesSidebarSection} from 'sentry/views/issueDetails/streamline/sidebar/mergedSidebarSection';
+import {MetricIssueSidebarSection} from 'sentry/views/issueDetails/streamline/sidebar/metricIssueSidebarSection';
 import PeopleSection from 'sentry/views/issueDetails/streamline/sidebar/peopleSection';
 import {SimilarIssuesSidebarSection} from 'sentry/views/issueDetails/streamline/sidebar/similarIssuesSidebarSection';
 import SolutionsSection from 'sentry/views/issueDetails/streamline/sidebar/solutionsSection';
@@ -89,6 +90,12 @@ export default function StreamlinedSidebar({group, event, project}: Props) {
           <MergedIssuesSidebarSection />
         </Fragment>
       )}
+      {issueTypeConfig.detectorDetails.enabled && (
+        <Fragment>
+          <StyledBreak />
+          <MetricIssueSidebarSection event={event} />
+        </Fragment>
+      )}
     </Side>
   );
 }

static/app/views/issueDetails/streamline/sidebar/solutionsSection.spec.tsx

@@ -66,6 +66,7 @@ describe('SolutionsSection', () => {
       },
       attachments: {enabled: false},
       autofix: true,
+      detectorDetails: {enabled: false},
       discover: {enabled: false},
       events: {enabled: false},
       evidence: null,