From b1dfd17663643b3e882dc6ccb4dacf597cbeb99c Mon Sep 17 00:00:00 2001
From: Joseph Lasher <joe.lasher@uipath.com>
Date: Wed, 8 Jul 2026 15:27:31 -0400
Subject: [PATCH] feat(apollo-react): add asterisk for required tasks

---
 .../components/StageNode/StageNode.stories.tsx      | 10 +++++++++-
 .../canvas/components/StageNode/StageNode.types.ts  |  1 +
 .../src/canvas/components/StageNode/TaskContent.tsx | 13 ++++++++++++-
 3 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx b/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx
index 06eb6cc8b..0245762ee 100644
--- a/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx
+++ b/packages/apollo-react/src/canvas/components/StageNode/StageNode.stories.tsx
@@ -158,10 +158,18 @@ const sampleTasks: StageTaskItem[][] = [
       id: 'address_verification',
       label: 'Address Verification and a really long label that might wrap',
       icon: <VerificationIcon />,
+      isRequired: true,
     },
     { id: 'property_verification', label: 'Property Verification', icon: <VerificationIcon /> },
   ],
-  [{ id: 'processing_review', label: 'Processing Review', icon: <ProcessIcon /> }],
+  [
+    {
+      id: 'processing_review',
+      label: 'Processing Review',
+      icon: <ProcessIcon />,
+      isRequired: true,
+    },
+  ],
 ];
 
 export const Default: Story = {
diff --git a/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts b/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts
index 8d71b0143..0bcd4697d 100644
--- a/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts
+++ b/packages/apollo-react/src/canvas/components/StageNode/StageNode.types.ts
@@ -24,6 +24,7 @@ export interface StageTaskItem {
   id: string;
   label: string;
   icon?: React.ReactElement;
+  isRequired?: boolean;
   isAdhoc?: boolean;
   isPlaceholder?: boolean;
   taskGroupType?: 'sequential' | 'event-driven' | 'adhoc';
diff --git a/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx b/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx
index 0f406af57..ce4f39ffb 100644
--- a/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx
+++ b/packages/apollo-react/src/canvas/components/StageNode/TaskContent.tsx
@@ -158,7 +158,18 @@ export const TaskContent = memo(
               smartTooltip
               {...(isDragging && { isOpen: false })}
             >
-              <span className="text-sm truncate">{task.label}</span>
+              <Row
+                gap={Spacing.SpacingXs}
+                align="center"
+                style={{ overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}
+              >
+                <span className="text-sm truncate">{task.label}</span>
+                {task.isRequired && (
+                  <span className="text-sm" style={{ flexShrink: 0 }}>
+                    {'*'}
+                  </span>
+                )}
+              </Row>
             </CanvasTooltip>
           </Row>
           <Row align="center" gap={Spacing.SpacingXs} style={{ flexShrink: 0 }}>