fix(tables): single run/stop control, right-aligned row numbers, View-execution guard

- table: de-duplicate the run/stop control in the embedded mothership view —
  drop TableGrid's own embedded run-status bar; it now lives only in the
  options bar (left-aligned next to Filter + Sort). Removes the orphaned
  RunStatusControl import + onStopAll/cancelRunsPending props.
- data-row: right-align the row number within its box (hugs the right edge,
  no hover position jump) with a scaled right inset — 2px for ≤3-digit
  indices, 4px for 4+ so narrow columns don't look over-padded.
- table-grid: require a real executionId in the action bar's canViewExecution
  flag so an error that never produced an execution (enqueue failure →
  status 'error', executionId null) doesn't offer "View execution".

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

Author: TheodoreSpeaks

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/data-row.tsx

@@ -201,7 +201,12 @@ export const DataRow = React.memo(function DataRow({
             tabIndex={0}
             aria-checked={isRowSelected}
             aria-label={`Select row ${rowIndex + 1}`}
-            className='group/checkbox flex h-[20px] shrink-0 items-center justify-center'
+            className={cn(
+              'group/checkbox flex h-[20px] shrink-0 items-center justify-end',
+              // Lighter right inset for narrow indices (≤3 digits → numDivWidth ≤ 28);
+              // full 4px once the column widens (4+ digits, numDivWidth ≥ 36).
+              numDivWidth >= 36 ? 'pr-1' : 'pr-0.5'
+            )}
             style={{ width: numDivWidth }}
             onMouseDown={(e) => {
               if (e.button !== 0) return
@@ -213,7 +218,7 @@ export const DataRow = React.memo(function DataRow({
           >
             <span
               className={cn(
-                'text-center text-[var(--text-tertiary)] text-xs tabular-nums',
+                'text-right text-[var(--text-tertiary)] text-xs tabular-nums',
                 isRowSelected ? 'hidden' : 'block group-hover/checkbox:hidden'
               )}
             >

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/components/table-grid/table-grid.tsx

@@ -40,7 +40,6 @@ import {
 import type { ColumnConfig } from '../column-config-sidebar'
 import { ContextMenu } from '../context-menu'
 import { NewColumnDropdown } from '../new-column-dropdown'
-import { RunStatusControl } from '../run-status-control'
 import type { WorkflowConfig } from '../workflow-sidebar'
 import { ExpandedCellPopover } from './cells'
 import { ADD_COL_WIDTH, CELL_HEADER_CHECKBOX, COL_WIDTH, SELECTION_TINT_BG } from './constants'
@@ -160,10 +159,6 @@ interface TableGridProps {
   onStopRows: (rowIds: string[]) => void
   /** Single-row stop for the per-row gutter button. */
   onStopRow: (rowId: string) => void
-  /** Wholesale cancel — page-header "Stop all". */
-  onStopAll: () => void
-  /** Whether `useCancelTableRuns` is currently in flight. */
-  cancelRunsPending: boolean
   /**
    * Fired whenever the action-bar selection or running-count derivations
    * change. Wrapper uses this to render <TableActionBar>.
@@ -258,8 +253,6 @@ export function TableGrid({
   onRunRows,
   onStopRows,
   onStopRow,
-  onStopAll,
-  cancelRunsPending,
   onSelectionChange,
   queryOptions,
   columnRenameSinkRef,
@@ -2949,8 +2942,12 @@ export function TableGrid({
       rowId: row.id,
       groupId,
       executionId: exec?.executionId ?? null,
+      // Requires a real executionId: an error that never produced an execution
+      // (e.g. enqueue failure → status 'error' with executionId null) has no
+      // trace to open, so "View execution" must not offer it.
       canViewExecution:
         !isEnrichmentGroup &&
+        Boolean(exec?.executionId) &&
         (status === 'completed' || status === 'error' || status === 'running' || isPaused),
     }
   }, [normalizedSelection, rows, displayColumns, workflowGroupById])
@@ -3097,16 +3094,6 @@ export function TableGrid({
 
   return (
     <div ref={containerRef} className='flex h-full flex-col overflow-hidden'>
-      {embedded && totalRunning > 0 && (
-        <div className='flex shrink-0 items-center justify-end border-[var(--border)] border-b px-3 py-1.5'>
-          <RunStatusControl
-            running={totalRunning}
-            onStopAll={onStopAll}
-            isStopping={cancelRunsPending}
-          />
-        </div>
-      )}
-
       <div className='relative flex min-h-0 flex-1'>
         <div
           ref={scrollRef}

apps/sim/app/workspace/[workspaceId]/tables/[tableId]/table.tsx

@@ -521,8 +521,6 @@ export function Table({
         onRunRows={onRunRows}
         onStopRows={onStopRows}
         onStopRow={onStopRow}
-        onStopAll={onStopAll}
-        cancelRunsPending={cancelRunsMutation.isPending}
         onSelectionChange={onSelectionChange}
         queryOptions={queryOptions}
         columnRenameSinkRef={columnRenameSinkRef}