@uipath/apollo-react 4.40.0 → 4.41.1

package/dist/canvas/components/BaseNode/BaseNode.cjs

@@ -292,14 +292,6 @@ const BaseNodeComponent = (props)=>{
         isHovered,
         dragging
     ]);
-    const toolbarPosition = toolbarConfig?.position ?? (toolbarConfig ? react_cjs_namespaceObject.Position.Top : void 0);
-    const hasHandleButtonsAtToolbar = (0, external_react_namespaceObject.useMemo)(()=>{
-        if (!toolbarPosition || !handleConfigurations?.length) return false;
-        return handleConfigurations.some((config)=>config.position === toolbarPosition && false !== config.visible && config.handles.some((h)=>'source' === h.type && false !== h.showButton));
-    }, [
-        toolbarPosition,
-        handleConfigurations
-    ]);
     const hasVisibleBottomHandles = (0, external_react_namespaceObject.useMemo)(()=>{
         if (!handleConfigurations || !Array.isArray(handleConfigurations) || !selected || 'circle' === displayShape) return false;
         return handleConfigurations.some((config)=>config.position === react_cjs_namespaceObject.Position.Bottom && config.handles.length > 0 && false !== config.visible && (config.handles.some((h)=>'source' === h.type) || config.handles.some((h)=>h.showButton)));
@@ -339,6 +331,54 @@ const BaseNodeComponent = (props)=>{
         onHandleActionCallback
     ]);
     const useSmartHandles = data?.useSmartHandles ?? false;
+    const toolbarPosition = toolbarConfig?.position ?? (toolbarConfig ? react_cjs_namespaceObject.Position.Top : void 0);
+    const toolbarSideHandleAffordances = (0, external_react_namespaceObject.useMemo)(()=>{
+        let hasButton = false;
+        let hasLabel = false;
+        if (!toolbarPosition || !handleConfigurations?.length) return {
+            hasButton,
+            hasLabel
+        };
+        for (const config of handleConfigurations)if (config.position === toolbarPosition && false !== config.visible) for (const handle of config.handles){
+            if (false === handle.visible) continue;
+            const showButton = useSmartHandles ? handle.showButton : false !== handle.showButton;
+            if ('source' === handle.type && showButton) hasButton = true;
+            if (handle.label) hasLabel = true;
+        }
+        return {
+            hasButton,
+            hasLabel
+        };
+    }, [
+        toolbarPosition,
+        handleConfigurations
+    ]);
+    const offsetToolbar = (0, external_react_namespaceObject.useMemo)(()=>{
+        if (multipleNodesSelected) return false;
+        const { hasButton, hasLabel } = toolbarSideHandleAffordances;
+        const isAddButtonShown = ()=>{
+            if (useSmartHandles) return 'design' === mode && !!selected;
+            const showAddButton = 'design' === mode && !isConnecting && !dragging;
+            if (shouldShowAddButtonFn) return shouldShowAddButtonFn({
+                showAddButton,
+                selected: !!selected
+            });
+            return showAddButton && (!!selected || isHovered);
+        };
+        if (hasButton && isAddButtonShown()) return 'button';
+        if (hasLabel) return 'label';
+        return false;
+    }, [
+        toolbarSideHandleAffordances,
+        mode,
+        multipleNodesSelected,
+        useSmartHandles,
+        selected,
+        isHovered,
+        isConnecting,
+        dragging,
+        shouldShowAddButtonFn
+    ]);
     const buttonHandleElements = (0, useButtonHandles_cjs_namespaceObject.useButtonHandles)({
         handleConfigurations,
         shouldShowHandles,
@@ -485,7 +525,7 @@ const BaseNodeComponent = (props)=>{
                 config: toolbarConfig,
                 expanded: selected || isHovered,
                 hidden: dragging || multipleNodesSelected,
-                offsetToolbar: hasHandleButtonsAtToolbar
+                offsetToolbar: offsetToolbar
             }),
             handleElements,
             'ActionNeeded' === executionStatus && (()=>{

package/dist/canvas/components/BaseNode/BaseNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA4ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAupB1B,eAAO,MAAM,QAAQ,8CAjnBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAinBmB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AA4ChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAysB1B,eAAO,MAAM,QAAQ,8CAnqBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAmqBmB,CAAC"}

package/dist/canvas/components/BaseNode/BaseNode.js

@@ -264,14 +264,6 @@ const BaseNodeComponent = (props)=>{
         isHovered,
         dragging
     ]);
-    const toolbarPosition = toolbarConfig?.position ?? (toolbarConfig ? Position.Top : void 0);
-    const hasHandleButtonsAtToolbar = useMemo(()=>{
-        if (!toolbarPosition || !handleConfigurations?.length) return false;
-        return handleConfigurations.some((config)=>config.position === toolbarPosition && false !== config.visible && config.handles.some((h)=>'source' === h.type && false !== h.showButton));
-    }, [
-        toolbarPosition,
-        handleConfigurations
-    ]);
     const hasVisibleBottomHandles = useMemo(()=>{
         if (!handleConfigurations || !Array.isArray(handleConfigurations) || !selected || 'circle' === displayShape) return false;
         return handleConfigurations.some((config)=>config.position === Position.Bottom && config.handles.length > 0 && false !== config.visible && (config.handles.some((h)=>'source' === h.type) || config.handles.some((h)=>h.showButton)));
@@ -311,6 +303,54 @@ const BaseNodeComponent = (props)=>{
         onHandleActionCallback
     ]);
     const useSmartHandles = data?.useSmartHandles ?? false;
+    const toolbarPosition = toolbarConfig?.position ?? (toolbarConfig ? Position.Top : void 0);
+    const toolbarSideHandleAffordances = useMemo(()=>{
+        let hasButton = false;
+        let hasLabel = false;
+        if (!toolbarPosition || !handleConfigurations?.length) return {
+            hasButton,
+            hasLabel
+        };
+        for (const config of handleConfigurations)if (config.position === toolbarPosition && false !== config.visible) for (const handle of config.handles){
+            if (false === handle.visible) continue;
+            const showButton = useSmartHandles ? handle.showButton : false !== handle.showButton;
+            if ('source' === handle.type && showButton) hasButton = true;
+            if (handle.label) hasLabel = true;
+        }
+        return {
+            hasButton,
+            hasLabel
+        };
+    }, [
+        toolbarPosition,
+        handleConfigurations
+    ]);
+    const offsetToolbar = useMemo(()=>{
+        if (multipleNodesSelected) return false;
+        const { hasButton, hasLabel } = toolbarSideHandleAffordances;
+        const isAddButtonShown = ()=>{
+            if (useSmartHandles) return 'design' === mode && !!selected;
+            const showAddButton = 'design' === mode && !isConnecting && !dragging;
+            if (shouldShowAddButtonFn) return shouldShowAddButtonFn({
+                showAddButton,
+                selected: !!selected
+            });
+            return showAddButton && (!!selected || isHovered);
+        };
+        if (hasButton && isAddButtonShown()) return 'button';
+        if (hasLabel) return 'label';
+        return false;
+    }, [
+        toolbarSideHandleAffordances,
+        mode,
+        multipleNodesSelected,
+        useSmartHandles,
+        selected,
+        isHovered,
+        isConnecting,
+        dragging,
+        shouldShowAddButtonFn
+    ]);
     const buttonHandleElements = useButtonHandles({
         handleConfigurations,
         shouldShowHandles,
@@ -457,7 +497,7 @@ const BaseNodeComponent = (props)=>{
                 config: toolbarConfig,
                 expanded: selected || isHovered,
                 hidden: dragging || multipleNodesSelected,
-                offsetToolbar: hasHandleButtonsAtToolbar
+                offsetToolbar: offsetToolbar
             }),
             handleElements,
             'ActionNeeded' === executionStatus && (()=>{

package/dist/canvas/components/StageNode/StageNode.styles.cjs

@@ -114,7 +114,7 @@ const StageHeader = styled_default().div`
   overflow: hidden;
 `;
 const StageContent = styled_default().div`
-  padding: 15px ${STAGE_CONTENT_PADDING_X}px ${apollo_core_namespaceObject.Spacing.SpacingBase} ${STAGE_CONTENT_PADDING_X}px;
+  padding: 15px ${STAGE_CONTENT_PADDING_X}px ${apollo_core_namespaceObject.Spacing.SpacingS} ${STAGE_CONTENT_PADDING_X}px;
   border-radius: 0 0 ${apollo_core_namespaceObject.Spacing.SpacingBase} ${apollo_core_namespaceObject.Spacing.SpacingBase};
   overflow: hidden;
   flex: 1;
@@ -250,7 +250,9 @@ const StageChip = styled_default().button`
   align-items: center;
   justify-content: center;
   gap: ${apollo_core_namespaceObject.Padding.PadS};
-  padding: ${apollo_core_namespaceObject.Padding.PadXs} ${apollo_core_namespaceObject.Spacing.SpacingXs};
+  box-sizing: border-box;
+  height: ${apollo_core_namespaceObject.Spacing.SpacingL};
+  padding: 0 ${apollo_core_namespaceObject.Spacing.SpacingXs};
   border-radius: 10px;
   border: 1px solid var(--canvas-border-de-emp);
   background: transparent;

package/dist/canvas/components/StageNode/StageNode.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAKhE,CAAC;AAEF,eAAO,MAAM,SAAS;;;;aACX,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;oBACP,OAAO;yGA8DxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAYzB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aAAyB,SAAS,GAAG,MAAM,GAAG,OAAO;yGAoBvF,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAoBrB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAIvC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;yGAI7C,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}
+{"version":3,"file":"StageNode.styles.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.styles.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AACpC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,mBAAmB,QAAuD,CAAC;AAExF,eAAO,MAAM,cAAc;;;;eACd,OAAO;aACT,WAAW;YACZ,MAAM;yGAqDf,CAAC;AAEF,eAAO,MAAM,WAAW;;;;kBAA8B,OAAO;yGAS5D,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;;iBAA6B,OAAO;yGAMvE,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;yGAa9B,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;yGAMhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;iBAA6B,OAAO;yGAKhE,CAAC;AAEF,eAAO,MAAM,SAAS;;;;aACX,WAAW;eACT,OAAO;iBACL,OAAO;oBACJ,OAAO;oBACP,OAAO;yGA8DxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAYzB,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;aAAyB,SAAS,GAAG,MAAM,GAAG,OAAO;yGAoBvF,CAAC;AAEF,eAAO,MAAM,+BAA+B;;;yGAG3C,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;yGAK/B,CAAC;AAEF,eAAO,MAAM,SAAS;;;qHAsBrB,CAAC;AAEF,eAAO,MAAM,2BAA2B;;;yGAIvC,CAAC;AAEF,eAAO,MAAM,iCAAiC;;;yGAI7C,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}

package/dist/canvas/components/StageNode/StageNode.styles.js

@@ -56,7 +56,7 @@ const StageHeader = styled.div`
   overflow: hidden;
 `;
 const StageContent = styled.div`
-  padding: 15px ${STAGE_CONTENT_PADDING_X}px ${Spacing.SpacingBase} ${STAGE_CONTENT_PADDING_X}px;
+  padding: 15px ${STAGE_CONTENT_PADDING_X}px ${Spacing.SpacingS} ${STAGE_CONTENT_PADDING_X}px;
   border-radius: 0 0 ${Spacing.SpacingBase} ${Spacing.SpacingBase};
   overflow: hidden;
   flex: 1;
@@ -192,7 +192,9 @@ const StageChip = styled.button`
   align-items: center;
   justify-content: center;
   gap: ${Padding.PadS};
-  padding: ${Padding.PadXs} ${Spacing.SpacingXs};
+  box-sizing: border-box;
+  height: ${Spacing.SpacingL};
+  padding: 0 ${Spacing.SpacingXs};
   border-radius: 10px;
   border: 1px solid var(--canvas-border-de-emp);
   background: transparent;

package/dist/canvas/components/StageNode/StageNode.types.cjs

@@ -31,6 +31,8 @@ let StageHeaderChipType = /*#__PURE__*/ function(StageHeaderChipType) {
     StageHeaderChipType["Exit"] = "exit";
     StageHeaderChipType["Completion"] = "completion";
     StageHeaderChipType["ReturnToOrigin"] = "returnToOrigin";
+    StageHeaderChipType["Optional"] = "optional";
+    StageHeaderChipType["EndsCase"] = "endsCase";
     return StageHeaderChipType;
 }({});
 exports.StageHeaderChipType = __webpack_exports__.StageHeaderChipType;

package/dist/canvas/components/StageNode/StageNode.types.d.ts

@@ -34,11 +34,14 @@ export declare enum StageHeaderChipType {
     Entry = "entry",
     Exit = "exit",
     Completion = "completion",
-    ReturnToOrigin = "returnToOrigin"
+    ReturnToOrigin = "returnToOrigin",
+    Optional = "optional",
+    EndsCase = "endsCase"
 }
 export interface StageHeaderChip {
     type: StageHeaderChipType;
     count?: number;
+    label?: string;
     tooltip?: React.ReactNode;
     onClick?: () => void;
 }

package/dist/canvas/components/StageNode/StageNode.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAChF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EAAE,QAAQ,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEjE,aAAK,mBAAmB;IACtB,SAAS,cAAc;IACvB,SAAS,cAAc;IACvB,aAAa,kBAAkB;IAC/B,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,WAAW,gBAAgB;IAC3B,MAAM,WAAW;IACjB,UAAU,eAAe;IACzB,OAAO,YAAY;CACpB;AAED,MAAM,MAAM,WAAW,GAAG,GAAG,mBAAmB,EAAE,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,GAAG,mBAAmB,EAAE,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/C,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,aAAa,CAAC,EAAE,YAAY,GAAG,cAAc,GAAG,OAAO,CAAC;IACxD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAED,MAAM,WAAW,wBAAwB;IACvC,IAAI,EAAE,aAAa,CAAC;IACpB,aAAa,EAAE,YAAY,GAAG,cAAc,GAAG,OAAO,CAAC;IACvD,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,oBAAY,mBAAmB;IAC7B,KAAK,UAAU;IACf,IAAI,SAAS;IACb,UAAU,eAAe;IACzB,cAAc,mBAAmB;CAClC;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,mBAAmB,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,YAAY,EAAE;QACZ,KAAK,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;QAC1B,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,oBAAoB,CAAC,EAAE,OAAO,CAAC;QAC/B,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,UAAU,CAAC,EAAE,OAAO,CAAC;QACrB,KAAK,EAAE,aAAa,EAAE,EAAE,CAAC;QACzB,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,WAAW,CAAC,EAAE,eAAe,EAAE,CAAC;KACjC,CAAC;IACF,WAAW,CAAC,EAAE,QAAQ,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE;QACV,WAAW,EAAE;YACX,MAAM,CAAC,EAAE,WAAW,CAAC;YACrB,KAAK,CAAC,EAAE,MAAM,CAAC;YACf,QAAQ,CAAC,EAAE,MAAM,CAAC;YAClB,OAAO,CAAC,EAAE,MAAM,CAAC;YACjB,OAAO,CAAC,EAAE,YAAY,CAAC;SACxB,CAAC;QACF,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,kBAAkB,CAAC,CAAC;KAChD,CAAC;IACF,SAAS,CAAC,EAAE,YAAY,EAAE,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IACpD,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,WAAW,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,uBAAuB,CAAC,EAAE,CACxB,qBAAqB,EAAE,qBAAqB,EAC5C,UAAU,EAAE,MAAM,EAClB,SAAS,EAAE,MAAM,KACd,IAAI,CAAC;IACV,kBAAkB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,aAAa,CAAC,EAAE,CAAC,cAAc,EAAE,aAAa,EAAE,EAAE,KAAK,IAAI,CAAC;IAC5D,wBAAwB,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9F,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,uBAAuB,CAAC,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,YAAY,EAAE,GAAG,SAAS,CAAC;IACzF,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,cAAc,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACtC;AAED,MAAM,WAAW,oBAAqB,SAAQ,SAAS,EAAE,kBAAkB;CAAG;AAC9E,MAAM,MAAM,cAAc,GAAG,kBAAkB,GAC7C,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC,CAAC;AAE5D,MAAM,WAAW,kBAAkB;IACjC,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC;IAC3C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,yBAAyB;IACxC,UAAU,EAAE,aAAa,GAAG,SAAS,CAAC;IACtC,oBAAoB,EAAE,OAAO,CAAC;IAC9B,cAAc,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACjD;AAED,MAAM,WAAW,kBAAkB;IACjC,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,aAAa,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;CACnB"}
+{"version":3,"file":"StageNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.types.ts"],"names":[],"mappings":"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"}

package/dist/canvas/components/StageNode/StageNode.types.js

@@ -3,6 +3,8 @@ let StageNode_types_StageHeaderChipType = /*#__PURE__*/ function(StageHeaderChip
     StageHeaderChipType["Exit"] = "exit";
     StageHeaderChipType["Completion"] = "completion";
     StageHeaderChipType["ReturnToOrigin"] = "returnToOrigin";
+    StageHeaderChipType["Optional"] = "optional";
+    StageHeaderChipType["EndsCase"] = "endsCase";
     return StageHeaderChipType;
 }({});
 export { StageNode_types_StageHeaderChipType as StageHeaderChipType };

package/dist/canvas/components/StageNode/StageNodeHeader.cjs

@@ -67,7 +67,46 @@ const CHIP_ICONS = {
     [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.ReturnToOrigin]: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject_1.ReturnToOriginIcon, {
         w: apollo_core_namespaceObject.Icon.IconXs,
         h: apollo_core_namespaceObject.Icon.IconXs
-    })
+    }),
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Optional]: null,
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.EndsCase]: null
+};
+const STATUS_BADGE_CONFIG = {
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Optional]: {
+        className: 'bg-background-secondary text-foreground-muted',
+        hoverClassName: 'hover:bg-background-secondary/80',
+        testId: 'optional',
+        labelKey: 'optionalBadge'
+    },
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.EndsCase]: {
+        className: 'bg-error-icon text-foreground-inverse',
+        hoverClassName: 'hover:bg-error-icon/80',
+        testId: 'ends-case',
+        labelKey: 'endsCaseBadge'
+    }
+};
+const STATUS_BADGE_BASE_CLASS = 'inline-flex h-6 items-center justify-center whitespace-nowrap rounded-[10px] border border-transparent px-2 text-xs font-normal';
+const StageStatusBadge = ({ label, tooltip, className, hoverClassName, testId, onClick })=>{
+    const badge = onClick ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("button", {
+        type: "button",
+        "data-testid": testId,
+        onClick: (e)=>{
+            e.stopPropagation();
+            onClick();
+        },
+        className: `${STATUS_BADGE_BASE_CLASS} ${className} ${hoverClassName} cursor-pointer transition-colors focus-visible:outline-2 focus-visible:outline-offset-2`,
+        children: label
+    }) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
+        "data-testid": testId,
+        className: `${STATUS_BADGE_BASE_CLASS} ${className}`,
+        children: label
+    });
+    if (tooltip) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_CanvasTooltip_cjs_namespaceObject.CanvasTooltip, {
+        placement: "bottom",
+        content: tooltip,
+        children: badge
+    });
+    return badge;
 };
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
     const labels = (0, external_useStageNodeLabels_cjs_namespaceObject.useStageNodeLabels)();
@@ -148,7 +187,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                 ]
             }),
             (slaText || stageDetails.headerChips && stageDetails.headerChips.length > 0) && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: "mt-1 flex flex-wrap items-center justify-between gap-2",
+                className: "flex min-h-8 flex-wrap items-center justify-between gap-x-2 gap-y-2",
                 children: [
                     slaText && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("span", {
                         className: "inline-flex items-center gap-1 text-xs text-foreground-muted",
@@ -164,8 +203,17 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                         ]
                     }),
                     stageDetails.headerChips && stageDetails.headerChips.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                        className: "flex flex-wrap items-center gap-1",
+                        className: "flex flex-wrap items-center gap-x-1 gap-y-2",
                         children: stageDetails.headerChips.map((chip)=>{
+                            const statusBadge = STATUS_BADGE_CONFIG[chip.type];
+                            if (statusBadge) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(StageStatusBadge, {
+                                testId: `stage-${statusBadge.testId}-badge-${id}`,
+                                className: statusBadge.className,
+                                hoverClassName: statusBadge.hoverClassName,
+                                label: chip.label || labels[statusBadge.labelKey],
+                                tooltip: chip.tooltip,
+                                onClick: chip.onClick
+                            }, chip.type);
                             const button = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_StageNode_styles_cjs_namespaceObject.StageChip, {
                                 type: "button",
                                 "aria-label": 'string' == typeof chip.tooltip ? chip.tooltip : chip.type,
@@ -192,7 +240,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                 ]
             }),
             stageDuration && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("span", {
-                className: "mt-1 text-xs text-foreground-muted",
+                className: "flex min-h-8 items-center text-xs text-foreground-muted",
                 children: stageDuration
             })
         ]

package/dist/canvas/components/StageNode/StageNodeHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAyJnF,eAAO,MAAM,eAAe,wGA3HzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CAqHwD,CAAC"}
+{"version":3,"file":"StageNodeHeader.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNodeHeader.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,cAAc,EAAgB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AA4PnF,eAAO,MAAM,eAAe,wGA9IzB;IACD,KAAK,EAAE,cAAc,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,kBAAkB,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CACvD,6CAwIwD,CAAC"}

package/dist/canvas/components/StageNode/StageNodeHeader.js

@@ -39,7 +39,46 @@ const CHIP_ICONS = {
     [StageHeaderChipType.ReturnToOrigin]: /*#__PURE__*/ jsx(ReturnToOriginIcon, {
         w: Icon.IconXs,
         h: Icon.IconXs
-    })
+    }),
+    [StageHeaderChipType.Optional]: null,
+    [StageHeaderChipType.EndsCase]: null
+};
+const STATUS_BADGE_CONFIG = {
+    [StageHeaderChipType.Optional]: {
+        className: 'bg-background-secondary text-foreground-muted',
+        hoverClassName: 'hover:bg-background-secondary/80',
+        testId: 'optional',
+        labelKey: 'optionalBadge'
+    },
+    [StageHeaderChipType.EndsCase]: {
+        className: 'bg-error-icon text-foreground-inverse',
+        hoverClassName: 'hover:bg-error-icon/80',
+        testId: 'ends-case',
+        labelKey: 'endsCaseBadge'
+    }
+};
+const STATUS_BADGE_BASE_CLASS = 'inline-flex h-6 items-center justify-center whitespace-nowrap rounded-[10px] border border-transparent px-2 text-xs font-normal';
+const StageStatusBadge = ({ label, tooltip, className, hoverClassName, testId, onClick })=>{
+    const badge = onClick ? /*#__PURE__*/ jsx("button", {
+        type: "button",
+        "data-testid": testId,
+        onClick: (e)=>{
+            e.stopPropagation();
+            onClick();
+        },
+        className: `${STATUS_BADGE_BASE_CLASS} ${className} ${hoverClassName} cursor-pointer transition-colors focus-visible:outline-2 focus-visible:outline-offset-2`,
+        children: label
+    }) : /*#__PURE__*/ jsx("span", {
+        "data-testid": testId,
+        className: `${STATUS_BADGE_BASE_CLASS} ${className}`,
+        children: label
+    });
+    if (tooltip) return /*#__PURE__*/ jsx(CanvasTooltip, {
+        placement: "bottom",
+        content: tooltip,
+        children: badge
+    });
+    return badge;
 };
 const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTaskAddClick })=>{
     const labels = useStageNodeLabels();
@@ -120,7 +159,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                 ]
             }),
             (slaText || stageDetails.headerChips && stageDetails.headerChips.length > 0) && /*#__PURE__*/ jsxs("div", {
-                className: "mt-1 flex flex-wrap items-center justify-between gap-2",
+                className: "flex min-h-8 flex-wrap items-center justify-between gap-x-2 gap-y-2",
                 children: [
                     slaText && /*#__PURE__*/ jsxs("span", {
                         className: "inline-flex items-center gap-1 text-xs text-foreground-muted",
@@ -136,8 +175,17 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                         ]
                     }),
                     stageDetails.headerChips && stageDetails.headerChips.length > 0 && /*#__PURE__*/ jsx("div", {
-                        className: "flex flex-wrap items-center gap-1",
+                        className: "flex flex-wrap items-center gap-x-1 gap-y-2",
                         children: stageDetails.headerChips.map((chip)=>{
+                            const statusBadge = STATUS_BADGE_CONFIG[chip.type];
+                            if (statusBadge) return /*#__PURE__*/ jsx(StageStatusBadge, {
+                                testId: `stage-${statusBadge.testId}-badge-${id}`,
+                                className: statusBadge.className,
+                                hoverClassName: statusBadge.hoverClassName,
+                                label: chip.label || labels[statusBadge.labelKey],
+                                tooltip: chip.tooltip,
+                                onClick: chip.onClick
+                            }, chip.type);
                             const button = /*#__PURE__*/ jsxs(StageChip, {
                                 type: "button",
                                 "aria-label": 'string' == typeof chip.tooltip ? chip.tooltip : chip.type,
@@ -164,7 +212,7 @@ const StageNodeHeaderInner = ({ props, isReadOnly, isException, status, handleTa
                 ]
             }),
             stageDuration && /*#__PURE__*/ jsx("span", {
-                className: "mt-1 text-xs text-foreground-muted",
+                className: "flex min-h-8 items-center text-xs text-foreground-muted",
                 children: stageDuration
             })
         ]

package/dist/canvas/components/StageNode/useStageNodeLabels.cjs

@@ -71,6 +71,14 @@ function useStageNodeLabels() {
                 id: 'stage-node.untitled-stage',
                 message: 'Untitled stage'
             }),
+            optionalBadge: _({
+                id: 'stage-node.optional-badge',
+                message: 'Optional'
+            }),
+            endsCaseBadge: _({
+                id: 'stage-node.ends-case-badge',
+                message: 'Ends case'
+            }),
             contextMenu: {
                 moveUp: _({
                     id: 'stage-node.move-up',

package/dist/canvas/components/StageNode/useStageNodeLabels.d.ts

@@ -10,6 +10,8 @@ export interface StageNodeLabels {
     sequentialTasks: string;
     parallel: string;
     untitledStage: string;
+    optionalBadge: string;
+    endsCaseBadge: string;
     contextMenu: StageContextMenuLabels;
 }
 export declare function useStageNodeLabels(): StageNodeLabels;

package/dist/canvas/components/StageNode/useStageNodeLabels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useStageNodeLabels.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/useStageNodeLabels.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,sBAAsB,CAAC;CACrC;AAED,wBAAgB,kBAAkB,IAAI,eAAe,CAsDpD"}
+{"version":3,"file":"useStageNodeLabels.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/useStageNodeLabels.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAEvE,MAAM,WAAW,eAAe;IAC9B,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,sBAAsB,CAAC;CACrC;AAED,wBAAgB,kBAAkB,IAAI,eAAe,CAwDpD"}

package/dist/canvas/components/StageNode/useStageNodeLabels.js

@@ -43,6 +43,14 @@ function useStageNodeLabels() {
                 id: 'stage-node.untitled-stage',
                 message: 'Untitled stage'
             }),
+            optionalBadge: _({
+                id: 'stage-node.optional-badge',
+                message: 'Optional'
+            }),
+            endsCaseBadge: _({
+                id: 'stage-node.ends-case-badge',
+                message: 'Ends case'
+            }),
             contextMenu: {
                 moveUp: _({
                     id: 'stage-node.move-up',