From a7e5a0b23a4cf75b20174b3689eb3843aba3dffe Mon Sep 17 00:00:00 2001
From: Hector <hector.dearman@sentry.io>
Date: Thu, 21 May 2026 14:54:55 +0100
Subject: [PATCH 1/3] feat(ui): Add debug FeatureBadge variant

Adds a `debug` type to FeatureBadge for marking UI that is only intended
for debugging/internal experimentation. Uses IconBug with the `info` tag
variant. Switches the Night Shift project settings UI to use it, which
matches the existing "this is debug UI" disclaimer on that page.

Agent transcript: https://claudescope.sentry.dev/share/2QWAgq2qvUF59F1_WpbIKjln6dnDYeywWKAkDBwKJgY
---
 static/app/components/core/badge/featureBadge.figma.tsx     | 1 +
 static/app/components/core/badge/featureBadge.tsx           | 6 +++++-
 .../seerAutomation/components/projectDetails/nightShift.tsx | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/static/app/components/core/badge/featureBadge.figma.tsx b/static/app/components/core/badge/featureBadge.figma.tsx
index d65120e931e18b..de1a4a5b14c3ab 100644
--- a/static/app/components/core/badge/featureBadge.figma.tsx
+++ b/static/app/components/core/badge/featureBadge.figma.tsx
@@ -20,6 +20,7 @@ figma.connect(
         beta: 'beta',
         new: 'new',
         experimental: 'experimental',
+        // No figma for 'debug'.
       }),
     },
     example: props => <FeatureBadge type={props.type} />,
diff --git a/static/app/components/core/badge/featureBadge.tsx b/static/app/components/core/badge/featureBadge.tsx
index dc087f168a4f29..7340cdf8132e3b 100644
--- a/static/app/components/core/badge/featureBadge.tsx
+++ b/static/app/components/core/badge/featureBadge.tsx
@@ -3,6 +3,7 @@ import styled from '@emotion/styled';
 import {Tooltip, type TooltipProps} from '@sentry/scraps/tooltip';
 
 import {IconBroadcast} from 'sentry/icons/iconBroadcast';
+import {IconBug} from 'sentry/icons/iconBug';
 import {IconLab} from 'sentry/icons/iconLab';
 import {t} from 'sentry/locale';
 import type {TagVariant} from 'sentry/utils/theme';
@@ -16,6 +17,7 @@ const defaultTitles: Record<FeatureBadgeProps['type'], string> = {
   experimental: t(
     'This feature is experimental! Try it out and let us know what you think. No promises!'
   ),
+  debug: t('This UI is for debugging purposes only'),
 };
 
 const variantMap: Record<FeatureBadgeProps['type'], TagVariant> = {
@@ -23,6 +25,7 @@ const variantMap: Record<FeatureBadgeProps['type'], TagVariant> = {
   beta: 'warning',
   new: 'success',
   experimental: 'muted',
+  debug: 'info',
 };
 
 const iconMap: Record<FeatureBadgeProps['type'], React.ReactNode> = {
@@ -30,10 +33,11 @@ const iconMap: Record<FeatureBadgeProps['type'], React.ReactNode> = {
   beta: <IconLab isSolid size="xs" aria-hidden />,
   new: <IconBroadcast size="xs" aria-hidden />,
   experimental: <IconLab isSolid size="xs" aria-hidden />,
+  debug: <IconBug size="xs" aria-hidden />,
 };
 
 export interface FeatureBadgeProps extends Omit<TagProps, 'children' | 'variant'> {
-  type: 'alpha' | 'beta' | 'new' | 'experimental';
+  type: 'alpha' | 'beta' | 'new' | 'experimental' | 'debug';
   tooltipProps?: Partial<TooltipProps>;
 }
 
diff --git a/static/gsApp/views/seerAutomation/components/projectDetails/nightShift.tsx b/static/gsApp/views/seerAutomation/components/projectDetails/nightShift.tsx
index 152e062b6b73f4..9d39af94e54257 100644
--- a/static/gsApp/views/seerAutomation/components/projectDetails/nightShift.tsx
+++ b/static/gsApp/views/seerAutomation/components/projectDetails/nightShift.tsx
@@ -104,7 +104,7 @@ export function NightShift({canWrite, project}: Props) {
       title={
         <Flex gap="xs" align="center">
           {t('Manually trigger night shift')}
-          <FeatureBadge type="alpha" />
+          <FeatureBadge type="debug" />
         </Flex>
       }
     >

From cb574503194bb37ef8b4a7c3cec8f70b7232e1e8 Mon Sep 17 00:00:00 2001
From: Hector Dearman <hector.dearman@sentry.io>
Date: Fri, 22 May 2026 10:54:44 +0100
Subject: [PATCH 2/3] Update static/app/components/core/badge/featureBadge.tsx

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
---
 static/app/components/core/badge/featureBadge.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/components/core/badge/featureBadge.tsx b/static/app/components/core/badge/featureBadge.tsx
index 7340cdf8132e3b..d8530c5756cb79 100644
--- a/static/app/components/core/badge/featureBadge.tsx
+++ b/static/app/components/core/badge/featureBadge.tsx
@@ -25,7 +25,7 @@ const variantMap: Record<FeatureBadgeProps['type'], TagVariant> = {
   beta: 'warning',
   new: 'success',
   experimental: 'muted',
-  debug: 'info',
+  debug: 'danger',
 };
 
 const iconMap: Record<FeatureBadgeProps['type'], React.ReactNode> = {

From 8e5a0e5fe4f2a9894cc0dc3a3c8ab7f7c6e65d45 Mon Sep 17 00:00:00 2001
From: Hector Dearman <hector.dearman@sentry.io>
Date: Fri, 22 May 2026 10:54:52 +0100
Subject: [PATCH 3/3] Update
 static/app/components/core/badge/featureBadge.figma.tsx

Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
---
 static/app/components/core/badge/featureBadge.figma.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/app/components/core/badge/featureBadge.figma.tsx b/static/app/components/core/badge/featureBadge.figma.tsx
index de1a4a5b14c3ab..d386f13f365e30 100644
--- a/static/app/components/core/badge/featureBadge.figma.tsx
+++ b/static/app/components/core/badge/featureBadge.figma.tsx
@@ -20,7 +20,7 @@ figma.connect(
         beta: 'beta',
         new: 'new',
         experimental: 'experimental',
-        // No figma for 'debug'.
+        debug: 'debug',
       }),
     },
     example: props => <FeatureBadge type={props.type} />,