feat(dashboards): add basic cell actions to dashboard table widgets (#97601)

### Changes

Adds cell actions to dashboard table widgets only. Cell actions are
disabled for any preview widgets (add to dashboard modal and widget
builder).

Also disabled in widget viewer modal for now, as a z-indexing bug needs
to be resolved. The change is only visible if `discover-cell-actions-v2`
is enabled.

### Video


https://github.com/user-attachments/assets/9b759e93-80f5-44a7-9d34-6f1413b3a8b9

Author: lzhao-sentry

static/app/components/modals/widgetBuilder/addToDashboardModal.tsx

@@ -381,6 +381,7 @@ function AddToDashboardModal({
                       disableFullscreen
                       onWidgetTableResizeColumn={handleWidgetTableColumnResize}
                       onWidgetTableSort={handleWidgetTableSort}
+                      disableTableActions
                     />
                   </WidgetCardWrapper>
                   <IndexedEventsSelectionAlert widget={widget} />

static/app/views/dashboards/widgetBuilder/components/widgetPreview.tsx

@@ -137,6 +137,7 @@ function WidgetPreview({
       showLoadingText
       onWidgetTableSort={handleWidgetTableSort}
       onWidgetTableResizeColumn={handleWidgetTableResizeColumn}
+      disableTableActions
     />
   );
 }

static/app/views/dashboards/widgetCard/chart.tsx

@@ -96,6 +96,7 @@ type WidgetCardChartProps = Pick<
   widgetLegendState: WidgetLegendSelectionState;
   chartGroup?: string;
   confidence?: Confidence;
+  disableTableActions?: boolean;
   disableZoom?: boolean;
   expandNumbers?: boolean;
   isMobile?: boolean;
@@ -160,6 +161,7 @@ class WidgetCardChart extends Component<WidgetCardChartProps> {
       theme,
       onWidgetTableSort,
       onWidgetTableResizeColumn,
+      disableTableActions,
     } = this.props;
     if (loading || !tableResults?.[0]) {
       // Align height to other charts.
@@ -205,6 +207,7 @@ class WidgetCardChart extends Component<WidgetCardChartProps> {
         }
       }
 
+      const useCellActionsV2 = organization.features.includes('discover-cell-actions-v2');
       return (
         <TableWrapper key={`table:${result.title}`}>
           {organization.features.includes('dashboards-use-widget-table-visualization') ? (
@@ -239,7 +242,9 @@ class WidgetCardChart extends Component<WidgetCardChartProps> {
                 } satisfies RenderFunctionBaggage;
               }}
               onResizeColumn={onWidgetTableResizeColumn}
-              allowedCellActions={[]}
+              allowedCellActions={
+                disableTableActions || !useCellActionsV2 ? [] : undefined
+              }
             />
           ) : (
             <StyledSimpleTableChart

static/app/views/dashboards/widgetCard/index.tsx

@@ -72,6 +72,7 @@ type Props = WithRouterProps & {
   borderless?: boolean;
   dashboardFilters?: DashboardFilters;
   disableFullscreen?: boolean;
+  disableTableActions?: boolean;
   disableZoom?: boolean;
   forceDescriptionTooltip?: boolean;
   hasEditAccess?: boolean;
@@ -161,6 +162,7 @@ function WidgetCard(props: Props) {
     router,
     onWidgetTableSort,
     onWidgetTableResizeColumn,
+    disableTableActions,
   } = props;
 
   if (widget.displayType === DisplayType.TOP_N) {
@@ -337,6 +339,7 @@ function WidgetCard(props: Props) {
             showLoadingText={showLoadingText && isLoadingTextVisible}
             onWidgetTableSort={onWidgetTableSort}
             onWidgetTableResizeColumn={onWidgetTableResizeColumn}
+            disableTableActions={disableTableActions}
           />
         </WidgetFrame>
       </VisuallyCompleteWithData>

static/app/views/dashboards/widgetCard/issueWidgetCard.tsx

@@ -31,6 +31,7 @@ type Props = {
   selection: PageFilters;
   theme: Theme;
   widget: Widget;
+  disableTableActions?: boolean;
   errorMessage?: string;
   onWidgetTableResizeColumn?: (columns: TabularColumn[]) => void;
   tableResults?: TableData[];
@@ -46,6 +47,7 @@ export function IssueWidgetCard({
   location,
   theme,
   onWidgetTableResizeColumn,
+  disableTableActions,
 }: Props) {
   const datasetConfig = getDatasetConfig(WidgetType.ISSUE);
 
@@ -83,6 +85,7 @@ export function IssueWidgetCard({
     return datasetConfig.getCustomFieldRenderer?.(field, meta, widget, org) || null;
   };
 
+  const useCellActionsV2 = organization.features.includes('discover-cell-actions-v2');
   return organization.features.includes('dashboards-use-widget-table-visualization') ? (
     <TableContainer>
       <TableWidgetVisualization
@@ -113,7 +116,7 @@ export function IssueWidgetCard({
           } satisfies RenderFunctionBaggage;
         }}
         onResizeColumn={onWidgetTableResizeColumn}
-        allowedCellActions={[]}
+        allowedCellActions={disableTableActions || !useCellActionsV2 ? [] : undefined}
       />
     </TableContainer>
   ) : (

static/app/views/dashboards/widgetCard/widgetCardChartContainer.tsx

@@ -38,6 +38,7 @@ type Props = {
   widgetLegendState: WidgetLegendSelectionState;
   chartGroup?: string;
   dashboardFilters?: DashboardFilters;
+  disableTableActions?: boolean;
   disableZoom?: boolean;
   expandNumbers?: boolean;
   isMobile?: boolean;
@@ -95,6 +96,7 @@ export function WidgetCardChartContainer({
   showLoadingText,
   onWidgetTableSort,
   onWidgetTableResizeColumn,
+  disableTableActions,
 }: Props) {
   const location = useLocation();
   const theme = useTheme();
@@ -177,6 +179,7 @@ export function WidgetCardChartContainer({
                 theme={theme}
                 organization={organization}
                 onWidgetTableResizeColumn={onWidgetTableResizeColumn}
+                disableTableActions={disableTableActions}
               />
             </Fragment>
           );
@@ -223,6 +226,7 @@ export function WidgetCardChartContainer({
               theme={theme}
               onWidgetTableSort={onWidgetTableSort}
               onWidgetTableResizeColumn={onWidgetTableResizeColumn}
+              disableTableActions={disableTableActions}
             />
           </Fragment>
         );