fix(apollo-react): hide task kebab menu in readonly mode [MST-8297]

Gate the task context menu (kebab menu) on both regular and adhoc tasks
behind the isReadOnly flag, preventing task deletion in readonly/debug
mode.

https://claude.ai/code/session_01D3AjfzFVHi7iNwFCJvmgYf

Author: claude

packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx

@@ -1061,6 +1061,20 @@ const AddAndReplaceTasksStory = () => {
       data: {
         stageDetails: {
           label: 'Add, Replace, and Group Tasks',
+          isReadOnly: false,
+          tasks: initialTasksForAddReplace,
+        },
+        taskOptions: availableTaskOptions,
+      },
+    },
+    {
+      id: 'readonly-stage',
+      type: 'stage',
+      position: { x: 720, y: 96 },
+      data: {
+        stageDetails: {
+          label: 'ReadOnly Stage',
+          isReadOnly: true,
           tasks: initialTasksForAddReplace,
         },
         taskOptions: availableTaskOptions,

packages/apollo-react/src/canvas/components/StageNode/StageNode.test.tsx

@@ -847,6 +847,42 @@ describe('StageNode - hideParallelOptions', () => {
   });
 });
 
+describe('StageNode - ReadOnly Mode', () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it('should not render task kebab menu when isReadOnly is true', () => {
+    const onTaskGroupModification = vi.fn();
+    const tasks: StageTaskItem[][] = [
+      [createTask('task-1', 'Task 1')],
+      [createTask('task-2', 'Task 2')],
+    ];
+
+    renderStageNode({
+      onTaskGroupModification,
+      stageDetails: { ...defaultProps.stageDetails, tasks, isReadOnly: true },
+    });
+
+    expect(screen.queryByTestId('task-menu-button-task-1')).not.toBeInTheDocument();
+    expect(screen.queryByTestId('task-menu-button-task-2')).not.toBeInTheDocument();
+  });
+
+  it('should not render adhoc task kebab menu when isReadOnly is true', () => {
+    const onTaskGroupModification = vi.fn();
+    const adhocTask = createTask('adhoc-1', 'Adhoc Task 1');
+    adhocTask.isAdhoc = true;
+    const tasks: StageTaskItem[][] = [[adhocTask]];
+
+    renderStageNode({
+      onTaskGroupModification,
+      stageDetails: { ...defaultProps.stageDetails, tasks, isReadOnly: true },
+    });
+
+    expect(screen.queryByTestId('task-menu-button-adhoc-1')).not.toBeInTheDocument();
+  });
+});
+
 describe('StageNode - Header Chips', () => {
   beforeEach(() => {
     vi.clearAllMocks();

packages/apollo-react/src/canvas/components/StageNode/StageNode.tsx

@@ -758,9 +758,10 @@ const StageNodeInner = (props: StageNodeProps) => {
                                         : undefined
                                     }
                                     isDragDisabled={!onTaskReorder}
-                                    {...(hasContextMenu && {
-                                      getContextMenuItems: buildContextMenuItems,
-                                    })}
+                                    {...(hasContextMenu &&
+                                      !isReadOnly && {
+                                        getContextMenuItems: buildContextMenuItems,
+                                      })}
                                   />
                                 );
                               })}
@@ -800,10 +801,11 @@ const StageNodeInner = (props: StageNodeProps) => {
                           isSelected={selectedTaskId === task.id}
                           onTaskClick={handleTaskClick}
                           onTaskPlay={onTaskPlay}
-                          {...((onTaskGroupModification || onReplaceTaskFromToolbox) && {
-                            getContextMenuItems: () =>
-                              getAdhocContextMenuItems(groupIndex, taskIndex, task.id),
-                          })}
+                          {...((onTaskGroupModification || onReplaceTaskFromToolbox) &&
+                            !isReadOnly && {
+                              getContextMenuItems: () =>
+                                getAdhocContextMenuItems(groupIndex, taskIndex, task.id),
+                            })}
                         />
                       );
                     })}