feat(supergroups): Add bulk actions to supergroup drawer

[scttcper]

Stacked on #112764

Removes the checkbox from the supergroup row in the main issue list and simplifies the count to a static "X issues". Moves selection and bulk actions into the drawer instead.

The drawer issue list now has per-row checkboxes and a header bar with the full ActionSet (resolve, archive, merge, set priority, etc). The header swaps between column labels and action buttons when issues are selected - same pattern as the main issue list. Filter match indicator sits above the checkbox, unread dot is hidden since it's not useful in this context.

Also deletes supergroupCheckbox.tsx

[cvxluo]

👍

i wonder if we should replace the 'matched' icon with the checkbox on hover, rather than having both

[cursor]

Cursor Bugbot has reviewed your changes and found 1 potential issue.

Bugbot Autofix prepared a fix for the issue found in the latest run.

• ✅ Fixed: Column header widths misaligned with data columns
  • Added LastSeenColumnLabel (86px) and FirstSeenColumnLabel (50px) so drawer headers match StreamGroup column widths.

Or push these changes by commenting:

@cursor push d0f0ab6a1a

Preview (d0f0ab6a1a)

diff --git a/static/app/views/issueList/supergroups/supergroupDrawer.tsx b/static/app/views/issueList/supergroups/supergroupDrawer.tsx
--- a/static/app/views/issueList/supergroups/supergroupDrawer.tsx
+++ b/static/app/views/issueList/supergroups/supergroupDrawer.tsx
@@ -459,14 +459,14 @@
   return (
     <Fragment>
       {DRAWER_COLUMNS.includes('lastSeen') && (
-        <ColumnLabel breakpoint={COLUMN_BREAKPOINTS.LAST_SEEN} align="right">
+        <LastSeenColumnLabel breakpoint={COLUMN_BREAKPOINTS.LAST_SEEN} align="right">
           {t('Last Seen')}
-        </ColumnLabel>
+        </LastSeenColumnLabel>
       )}
       {DRAWER_COLUMNS.includes('firstSeen') && (
-        <ColumnLabel breakpoint={COLUMN_BREAKPOINTS.FIRST_SEEN} align="right">
+        <FirstSeenColumnLabel breakpoint={COLUMN_BREAKPOINTS.FIRST_SEEN} align="right">
           {t('Age')}
-        </ColumnLabel>
+        </FirstSeenColumnLabel>
       )}
       {DRAWER_COLUMNS.includes('graph') && (
         <GraphColumnLabel breakpoint={COLUMN_BREAKPOINTS.TREND}>
@@ -519,6 +519,14 @@
   width: 60px;
 `;
 
+const LastSeenColumnLabel = styled(IssueStreamHeaderLabel)`
+  width: 86px;
+`;
+
+const FirstSeenColumnLabel = styled(IssueStreamHeaderLabel)`
+  width: 50px;
+`;
+
 const GraphColumnLabel = styled(IssueStreamHeaderLabel)`
   width: 175px;
 `;

_{This Bugbot Autofix run was free. To enable autofix for future PRs, go to the Cursor dashboard.}

^{Reviewed by Cursor Bugbot for commit ebd9a7c. Configure here.}

[cursor]

Column header widths misaligned with data columns

Medium Severity

The ColumnLabel used for LastSeen and Age headers has a fixed width: 60px, but the StreamGroup data columns use LastSeenWrapper at 86px and FirstSeenWrapper at 50px. The previous GroupListHeader correctly used 80px and 50px respectively. This causes visible misalignment between column headers and data rows in the drawer.

Additional Locations (1)

• static/app/views/issueList/supergroups/supergroupDrawer.tsx#L460-L469

 

^{Reviewed by Cursor Bugbot for commit ebd9a7c. Configure here.}