fix(anomaly detection): don't allow enable anomaly detection on free/team plan

static/app/views/detectors/components/details/common/actions.tsx

@@ -24,6 +24,7 @@ import {
 import {useCanEditDetector} from 'sentry/views/detectors/utils/useCanEditDetector';
 
 export function DisableDetectorAction({detector}: {detector: Detector}) {
+  const organization = useOrganization();
   const {mutate: updateDetector, isPending: isUpdating} = useUpdateDetector();
 
   const toggleDisabled = useCallback(() => {
@@ -50,10 +51,29 @@ export function DisableDetectorAction({detector}: {detector: Detector}) {
     return null;
   }
 
+  // Check if this is an anomaly detection detector without the required feature
+  const isAnomalyDetector =
+    detector.type === 'metric_issue' &&
+    'config' in detector &&
+    detector.config?.detectionType === 'dynamic';
+  const hasAnomalyDetectionFeature = organization.features.includes(
+    'anomaly-detection-alerts'
+  );
+  const requiresUpgrade = isAnomalyDetector && !hasAnomalyDetectionFeature;
+
+  // If it's a metric detector without the feature, disable the Enable button
+  const isButtonDisabled = isUpdating || (requiresUpgrade && !detector.enabled);
+  const tooltipText =
+    requiresUpgrade && !detector.enabled
+      ? t('Anomaly detection is only available on Business and Enterprise plans')
+      : undefined;
+
   return (
-    <Button size="sm" onClick={toggleDisabled} disabled={isUpdating}>
-      {detector.enabled ? t('Disable') : t('Enable')}
-    </Button>
+    <Tooltip title={tooltipText} disabled={!tooltipText}>
+      <Button size="sm" onClick={toggleDisabled} disabled={isButtonDisabled}>
+        {detector.enabled ? t('Disable') : t('Enable')}
+      </Button>
+    </Tooltip>
   );
 }
 

static/app/views/detectors/components/details/common/disabledAlert.spec.tsx

@@ -1,4 +1,4 @@
-import {UptimeDetectorFixture} from 'sentry-fixture/detectors';
+import {MetricDetectorFixture, UptimeDetectorFixture} from 'sentry-fixture/detectors';
 import {OrganizationFixture} from 'sentry-fixture/organization';
 import {ProjectFixture} from 'sentry-fixture/project';
 
@@ -74,4 +74,27 @@ describe('DisabledAlert', () => {
       );
     });
   });
+
+  it('shows upgrade message for disabled anomaly detector without feature', () => {
+    const orgWithoutFeature = OrganizationFixture({
+      access: ['org:write', 'alerts:write'],
+      features: [],
+    });
+    const anomalyDetector = MetricDetectorFixture({
+      enabled: false,
+      projectId: project.id,
+      config: {detectionType: 'dynamic'},
+    });
+
+    render(<DisabledAlert detector={anomalyDetector} message="Test message" />, {
+      organization: orgWithoutFeature,
+    });
+
+    expect(
+      screen.getByText(
+        /Anomaly detection is only available on Business and Enterprise plans/
+      )
+    ).toBeInTheDocument();
+    expect(screen.queryByRole('button', {name: 'Enable'})).not.toBeInTheDocument();
+  });
 });

static/app/views/detectors/components/details/common/disabledAlert.tsx

@@ -1,8 +1,10 @@
 import {Alert} from 'sentry/components/core/alert';
 import {Button} from 'sentry/components/core/button';
+import ExternalLink from 'sentry/components/links/externalLink';
 import {IconPlay} from 'sentry/icons';
-import {t} from 'sentry/locale';
+import {t, tct} from 'sentry/locale';
 import type {Detector} from 'sentry/types/workflowEngine/detectors';
+import useOrganization from 'sentry/utils/useOrganization';
 import {useUpdateDetector} from 'sentry/views/detectors/hooks';
 import {useCanEditDetector} from 'sentry/views/detectors/utils/useCanEditDetector';
 
@@ -17,6 +19,7 @@ type DisabledAlertProps = {
  * to enable it. The alert automatically hides when the detector is enabled.
  */
 export function DisabledAlert({detector, message}: DisabledAlertProps) {
+  const organization = useOrganization();
   const {mutate: updateDetector, isPending: isEnabling} = useUpdateDetector();
   const canEdit = useCanEditDetector({
     detectorType: detector.type,
@@ -31,6 +34,33 @@ export function DisabledAlert({detector, message}: DisabledAlertProps) {
     updateDetector({detectorId: detector.id, enabled: true});
   };
 
+  // Check if this is an anomaly detection detector without the required feature
+  const isAnomalyDetector =
+    detector.type === 'metric_issue' &&
+    'config' in detector &&
+    detector.config?.detectionType === 'dynamic';
+  const hasAnomalyDetectionFeature = organization.features.includes(
+    'anomaly-detection-alerts'
+  );
+  const requiresUpgrade = isAnomalyDetector && !hasAnomalyDetectionFeature;
+
+  if (requiresUpgrade) {
+    return (
+      <Alert.Container>
+        <Alert variant="muted">
+          {tct(
+            'Anomaly detection is only available on Business and Enterprise plans. [link:Upgrade your plan] to enable this monitor.',
+            {
+              link: (
+                <ExternalLink href="https://sentry.io/pricing/?referrer=anomaly-detection" />
+              ),
+            }
+          )}
+        </Alert>
+      </Alert.Container>
+    );
+  }
+
   return (
     <Alert.Container>
       <Alert