feat(preprod): Show 'Auto-approved' label with tooltip for auto-approved snapshots

Author: NicoHinderling

src/sentry/preprod/api/endpoints/preprod_artifact_snapshot.py

@@ -394,9 +394,11 @@ def get(self, request: Request, organization: Organization, snapshot_id: str) ->
                             source="github",
                         )
                     )
+            is_auto_approved = any((a.extras or {}).get("auto_approval") is True for a in approved)
             approval_info = SnapshotApprovalInfo(
                 status="approved",
                 approvers=approver_list,
+                is_auto_approved=is_auto_approved,
             )
         elif all_approvals:
             # If records exist but none are APPROVED, they must be NEEDS_APPROVAL

src/sentry/preprod/api/models/snapshots/project_preprod_snapshot_models.py

@@ -59,6 +59,7 @@ class SnapshotApprover(BaseModel):
 class SnapshotApprovalInfo(BaseModel):
     status: Literal["approved", "requires_approval"]
     approvers: list[SnapshotApprover] = []
+    is_auto_approved: bool = False
 
 
 class SnapshotDetailsApiResponse(BaseModel):

static/app/views/preprod/snapshots/header/snapshotHeaderActions.tsx

@@ -11,10 +11,12 @@ import {Client} from 'sentry/api';
 import {ConfirmDelete} from 'sentry/components/confirmDelete';
 import {DropdownMenu} from 'sentry/components/dropdownMenu';
 import type {MenuItemProps} from 'sentry/components/dropdownMenu';
+import {Tooltip} from 'sentry/components/tooltip';
 import {
   IconCheckmark,
   IconDelete,
   IconEllipsis,
+  IconInfo,
   IconRefresh,
   IconThumb,
   IconTimer,
@@ -47,6 +49,7 @@ export function SnapshotHeaderActions({
   const [isDeleting, setIsDeleting] = useState(false);
 
   const isApproved = data.approval_info?.status === 'approved';
+  const isAutoApproved = data.approval_info?.is_auto_approved ?? false;
   const approvers: AvatarUser[] = (data.approval_info?.approvers ?? []).map((a, i) => ({
     id: a.id ?? `approver-${i}`,
     name: a.name ?? '',
@@ -148,9 +151,20 @@ export function SnapshotHeaderActions({
       {data.approval_info &&
         (isApproved ? (
           <Flex align="center" gap="xl">
-            <Tag variant="success" icon={<IconCheckmark />}>
-              {t('Approved')}
-            </Tag>
+            <Flex align="center" gap="xs">
+              <Tag variant="success" icon={<IconCheckmark />}>
+                {isAutoApproved ? t('Auto-approved') : t('Approved')}
+              </Tag>
+              {isAutoApproved && (
+                <Tooltip
+                  title={t(
+                    'Automatically approved because the changes match a previously approved build on this PR.'
+                  )}
+                >
+                  <IconInfo size="sm" />
+                </Tooltip>
+              )}
+            </Flex>
             {approvers.length > 0 && (
               <AvatarList users={approvers} avatarSize={24} maxVisibleAvatars={2} />
             )}

static/app/views/preprod/types/snapshotTypes.ts

@@ -36,6 +36,7 @@ export interface SnapshotApprover {
 export interface SnapshotApprovalInfo {
   approvers: SnapshotApprover[];
   status: 'approved' | 'requires_approval';
+  is_auto_approved?: boolean;
 }
 
 export interface SnapshotDetailsApiResponse {