From 6121f8905bf0b0105f1f63dd6a20847d6b36a76a Mon Sep 17 00:00:00 2001
From: Charlie Luo <cvxluo@gmail.com>
Date: Fri, 5 Dec 2025 09:41:29 -0800
Subject: [PATCH 1/3] feat: scaffold for new buttons

---
 .../views/issueList/pages/dynamicGrouping.tsx | 29 +++++++++++++++++++
 1 file changed, 29 insertions(+)

diff --git a/static/app/views/issueList/pages/dynamicGrouping.tsx b/static/app/views/issueList/pages/dynamicGrouping.tsx
index eb662386769b01..b2aa40f2cb404c 100644
--- a/static/app/views/issueList/pages/dynamicGrouping.tsx
+++ b/static/app/views/issueList/pages/dynamicGrouping.tsx
@@ -31,6 +31,7 @@ import {
   IconClock,
   IconClose,
   IconCopy,
+  IconEllipsis,
   IconFire,
   IconFix,
   IconSeer,
@@ -520,6 +521,34 @@ function ClusterCard({
             {t('View All Issues') + ` (${cluster.group_ids.length})`}
           </Button>
         </Link>
+        <DropdownMenu
+          items={[
+            {
+              key: 'resolve',
+              label: t('Resolve'),
+              onAction: () => {},
+            },
+            {
+              key: 'archive',
+              label: t('Archive'),
+              onAction: () => {},
+            },
+            {
+              key: 'dismiss',
+              label: t('Dismiss'),
+              onAction: () => {},
+            },
+          ]}
+          trigger={triggerProps => (
+            <Button
+              {...triggerProps}
+              size="sm"
+              icon={<IconEllipsis size="sm" />}
+              aria-label={t('More actions')}
+            />
+          )}
+          position="bottom-end"
+        />
       </CardFooter>
     </CardContainer>
   );

From b1b395f2628934f1f729e28951604382a154e28f Mon Sep 17 00:00:00 2001
From: Charlie Luo <cvxluo@gmail.com>
Date: Fri, 5 Dec 2025 10:46:36 -0800
Subject: [PATCH 2/3] feat: functional buttons

---
 .../views/issueList/pages/dynamicGrouping.tsx | 78 ++++++++++++++++---
 1 file changed, 68 insertions(+), 10 deletions(-)

diff --git a/static/app/views/issueList/pages/dynamicGrouping.tsx b/static/app/views/issueList/pages/dynamicGrouping.tsx
index b2aa40f2cb404c..6d6fc9202595a5 100644
--- a/static/app/views/issueList/pages/dynamicGrouping.tsx
+++ b/static/app/views/issueList/pages/dynamicGrouping.tsx
@@ -1,10 +1,12 @@
-import {Fragment, useMemo, useState} from 'react';
+import {Fragment, useCallback, useMemo, useState} from 'react';
 import styled from '@emotion/styled';
 
 import {Tag} from '@sentry/scraps/badge';
 import {Container, Flex} from '@sentry/scraps/layout';
 import {Heading, Text} from '@sentry/scraps/text';
 
+import {bulkUpdate} from 'sentry/actionCreators/group';
+import {openConfirmModal} from 'sentry/components/confirm';
 import {Button} from 'sentry/components/core/button';
 import {ButtonBar} from 'sentry/components/core/button/buttonBar';
 import {Checkbox} from 'sentry/components/core/checkbox';
@@ -41,8 +43,10 @@ import {
 import {t, tn} from 'sentry/locale';
 import {space} from 'sentry/styles/space';
 import type {Group} from 'sentry/types/group';
+import {GroupStatus, GroupSubstatus} from 'sentry/types/group';
 import {getMessage, getTitle} from 'sentry/utils/events';
 import {useApiQuery} from 'sentry/utils/queryClient';
+import useApi from 'sentry/utils/useApi';
 import useCopyToClipboard from 'sentry/utils/useCopyToClipboard';
 import useOrganization from 'sentry/utils/useOrganization';
 import usePageFilters from 'sentry/utils/usePageFilters';
@@ -362,7 +366,9 @@ function ClusterCard({
   onTagClick?: (tag: string) => void;
   selectedTags?: Set<string>;
 }) {
+  const api = useApi();
   const organization = useOrganization();
+  const {selection} = usePageFilters();
   const [showDescription, setShowDescription] = useState(false);
   const clusterStats = useClusterStats(cluster.group_ids);
   const {copy} = useCopyToClipboard();
@@ -380,9 +386,64 @@ function ClusterCard({
     copy(formatClusterInfoForClipboard(cluster));
   };
 
+  const handleResolve = useCallback(() => {
+    openConfirmModal({
+      header: t('Resolve All Issues in Cluster'),
+      message: t(
+        'Are you sure you want to resolve all %s issues in this cluster?.',
+        cluster.group_ids.length
+      ),
+      confirmText: t('Resolve All'),
+      onConfirm: () => {
+        bulkUpdate(
+          api,
+          {
+            orgId: organization.slug,
+            itemIds: cluster.group_ids.map(String),
+            data: {status: GroupStatus.RESOLVED},
+            project: selection.projects,
+            environment: selection.environments,
+            ...selection.datetime,
+          },
+          {}
+        );
+      },
+    });
+  }, [api, cluster.group_ids, organization.slug, selection]);
+
+  const handleArchive = useCallback(() => {
+    openConfirmModal({
+      header: t('Archive All Issues in Cluster'),
+      message: t(
+        'Are you sure you want to archive all %s issues in this cluster?.',
+        cluster.group_ids.length
+      ),
+      confirmText: t('Archive All'),
+      onConfirm: () => {
+        bulkUpdate(
+          api,
+          {
+            orgId: organization.slug,
+            itemIds: cluster.group_ids.map(String),
+            data: {
+              status: GroupStatus.IGNORED,
+              statusDetails: {},
+              substatus: GroupSubstatus.ARCHIVED_UNTIL_ESCALATING,
+            },
+            project: selection.projects,
+            environment: selection.environments,
+            ...selection.datetime,
+          },
+          {}
+        );
+      },
+    });
+  }, [api, cluster.group_ids, organization.slug, selection]);
+
+  const handleDismiss = () => {};
+
   return (
     <CardContainer>
-      {/* Zone 1: Title + Description (Primary Focus) */}
       <CardHeader>
         <ClusterTitle>{renderWithInlineCode(cluster.title)}</ClusterTitle>
         <ClusterTags
@@ -403,7 +464,6 @@ function ClusterCard({
         )}
       </CardHeader>
 
-      {/* Zone 2: Stats (Secondary Context) */}
       <ClusterStatsBar>
         {cluster.fixability_score !== null && cluster.fixability_score !== undefined && (
           <StatItem>
@@ -470,7 +530,6 @@ function ClusterCard({
         )}
       </ClusterStatsBar>
 
-      {/* Zone 3: Nested Issues (Detail Content) */}
       <IssuesSection>
         <IssuesSectionHeader>
           <Text size="sm" bold uppercase>
@@ -482,7 +541,6 @@ function ClusterCard({
         </IssuesList>
       </IssuesSection>
 
-      {/* Zone 4: Actions (Tertiary) */}
       <CardFooter>
         <ButtonBar merged gap="0">
           <SeerButton
@@ -525,18 +583,18 @@ function ClusterCard({
           items={[
             {
               key: 'resolve',
-              label: t('Resolve'),
-              onAction: () => {},
+              label: t('Resolve All'),
+              onAction: handleResolve,
             },
             {
               key: 'archive',
-              label: t('Archive'),
-              onAction: () => {},
+              label: t('Archive All'),
+              onAction: handleArchive,
             },
             {
               key: 'dismiss',
               label: t('Dismiss'),
-              onAction: () => {},
+              onAction: handleDismiss,
             },
           ]}
           trigger={triggerProps => (

From 72b7e706e2b8b52aa04eedb9b8df1ce2190a3e2f Mon Sep 17 00:00:00 2001
From: Charlie Luo <cvxluo@gmail.com>
Date: Fri, 5 Dec 2025 12:19:50 -0800
Subject: [PATCH 3/3] feat: add collapse summary

---
 static/app/views/issueList/pages/dynamicGrouping.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/static/app/views/issueList/pages/dynamicGrouping.tsx b/static/app/views/issueList/pages/dynamicGrouping.tsx
index 6d6fc9202595a5..e4bd414121a7b0 100644
--- a/static/app/views/issueList/pages/dynamicGrouping.tsx
+++ b/static/app/views/issueList/pages/dynamicGrouping.tsx
@@ -454,7 +454,12 @@ function ClusterCard({
         {cluster.description && (
           <Fragment>
             {showDescription ? (
-              <DescriptionText>{cluster.description}</DescriptionText>
+              <Fragment>
+                <DescriptionText>{cluster.description}</DescriptionText>
+                <ReadMoreButton onClick={() => setShowDescription(false)}>
+                  {t('Collapse summary')}
+                </ReadMoreButton>
+              </Fragment>
             ) : (
               <ReadMoreButton onClick={() => setShowDescription(true)}>
                 {t('View summary')}