@uipath/apollo-react 3.63.0 → 3.64.0

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

@@ -42,10 +42,34 @@ const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../Float
 const external_NodeContextMenu_index_cjs_namespaceObject = require("../NodeContextMenu/index.cjs");
 const hooks_index_cjs_namespaceObject = require("../NodePropertiesPanel/hooks/index.cjs");
 const external_Toolbox_index_cjs_namespaceObject = require("../Toolbox/index.cjs");
+const external_icons_index_cjs_namespaceObject = require("../../icons/index.cjs");
 const external_DraggableTask_cjs_namespaceObject = require("./DraggableTask.cjs");
 const external_StageNode_styles_cjs_namespaceObject = require("./StageNode.styles.cjs");
+const external_StageNode_types_cjs_namespaceObject = require("./StageNode.types.cjs");
 const external_StageNode_utils_cjs_namespaceObject = require("./StageNode.utils.cjs");
 const external_StageNodeTaskUtilities_cjs_namespaceObject = require("./StageNodeTaskUtilities.cjs");
+const CHIP_ICONS = {
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Entry]: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.EntryConditionIcon, {
+        w: apollo_core_namespaceObject.Icon.IconXs,
+        h: apollo_core_namespaceObject.Icon.IconXs
+    }),
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Exit]: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.ExitConditionIcon, {
+        w: apollo_core_namespaceObject.Icon.IconXs,
+        h: apollo_core_namespaceObject.Icon.IconXs
+    }),
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.ReturnToOrigin]: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_icons_index_cjs_namespaceObject.ReturnToOriginIcon, {
+        w: apollo_core_namespaceObject.Icon.IconXs,
+        h: apollo_core_namespaceObject.Icon.IconXs
+    }),
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.CaseExit]: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIcon, {
+        name: "close",
+        size: apollo_core_namespaceObject.Icon.IconXs
+    }),
+    [external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.CaseCompletion]: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApIcon, {
+        name: "check-mark",
+        size: apollo_core_namespaceObject.Icon.IconXs
+    })
+};
 const StageNodeComponent = (props)=>{
     const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay } = props;
     const taskWidth = width ? width - external_StageNode_styles_cjs_namespaceObject.STAGE_CONTENT_INSET : void 0;
@@ -459,6 +483,31 @@ const StageNodeComponent = (props)=>{
                                                 variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
                                                 color: "var(--uix-canvas-foreground-de-emp)",
                                                 children: stageDuration
+                                            }),
+                                            stageDetails.headerChips && stageDetails.headerChips.length > 0 && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_StageNode_styles_cjs_namespaceObject.StageHeaderChipsRow, {
+                                                children: stageDetails.headerChips.map((chip)=>{
+                                                    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,
+                                                        onClick: (e)=>{
+                                                            e.stopPropagation();
+                                                            chip.onClick?.();
+                                                        },
+                                                        children: [
+                                                            CHIP_ICONS[chip.type],
+                                                            void 0 !== chip.count && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTypography, {
+                                                                variant: apollo_core_namespaceObject.FontVariantToken.fontSizeS,
+                                                                children: chip.count
+                                                            })
+                                                        ]
+                                                    }, chip.type);
+                                                    if (chip.tooltip) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_material_index_cjs_namespaceObject.ApTooltip, {
+                                                        placement: "bottom",
+                                                        content: chip.tooltip,
+                                                        children: button
+                                                    }, chip.type);
+                                                    return button;
+                                                })
                                             })
                                         ]
                                     })

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAqDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AA2pBxD,eAAO,MAAM,SAAS,8CAjpBa,cAAc,6CAipBA,CAAC"}
+{"version":3,"file":"StageNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.tsx"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAmsBxD,eAAO,MAAM,SAAS,8CAjrBa,cAAc,6CAirBA,CAAC"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { DndContext, DragOverlay, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors } from "@dnd-kit/core";
 import { SortableContext, sortableKeyboardCoordinates, verticalListSortingStrategy } from "@dnd-kit/sortable";
-import { FontVariantToken, Padding, Spacing } from "@uipath/apollo-core";
+import { FontVariantToken, Icon, Padding, Spacing } from "@uipath/apollo-core";
 import { Column, Row } from "../../layouts/index.js";
 import { Position, useStore, useViewport } from "../../xyflow/react.js";
 import { ApIcon, ApIconButton, ApLink, ApTooltip, ApTypography } from "../../../material/index.js";
@@ -14,10 +14,34 @@ import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
 import { NodeContextMenu } from "../NodeContextMenu/index.js";
 import { useNodeSelection } from "../NodePropertiesPanel/hooks/index.js";
 import { Toolbox } from "../Toolbox/index.js";
+import { EntryConditionIcon, ExitConditionIcon, ReturnToOriginIcon } from "../../icons/index.js";
 import { DraggableTask, TaskContent } from "./DraggableTask.js";
-import { INDENTATION_WIDTH, STAGE_CONTENT_INSET, StageContainer, StageContent, StageHeader, StageParallelBracket, StageParallelLabel, StageTask, StageTaskGroup, StageTaskList, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
+import { INDENTATION_WIDTH, STAGE_CONTENT_INSET, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskGroup, StageTaskList, StageTitleContainer, StageTitleInput } from "./StageNode.styles.js";
+import { StageHeaderChipType } from "./StageNode.types.js";
 import { flattenTasks, getProjection, reorderTasks } from "./StageNode.utils.js";
 import { getContextMenuItems, getDivider, getMenuItem } from "./StageNodeTaskUtilities.js";
+const CHIP_ICONS = {
+    [StageHeaderChipType.Entry]: /*#__PURE__*/ jsx(EntryConditionIcon, {
+        w: Icon.IconXs,
+        h: Icon.IconXs
+    }),
+    [StageHeaderChipType.Exit]: /*#__PURE__*/ jsx(ExitConditionIcon, {
+        w: Icon.IconXs,
+        h: Icon.IconXs
+    }),
+    [StageHeaderChipType.ReturnToOrigin]: /*#__PURE__*/ jsx(ReturnToOriginIcon, {
+        w: Icon.IconXs,
+        h: Icon.IconXs
+    }),
+    [StageHeaderChipType.CaseExit]: /*#__PURE__*/ jsx(ApIcon, {
+        name: "close",
+        size: Icon.IconXs
+    }),
+    [StageHeaderChipType.CaseCompletion]: /*#__PURE__*/ jsx(ApIcon, {
+        name: "check-mark",
+        size: Icon.IconXs
+    })
+};
 const StageNodeComponent = (props)=>{
     const { dragging, selected, id, width, execution, stageDetails, addTaskLabel = 'Add task', addTaskLoading = false, replaceTaskLabel = 'Replace task', taskOptions = [], menuItems, pendingReplaceTask, onStageClick, onTaskAdd, onAddTaskFromToolbox, onTaskToolboxSearch, onTaskClick, onTaskGroupModification, onStageTitleChange, onTaskReorder, onReplaceTaskFromToolbox, onTaskPlay } = props;
     const taskWidth = width ? width - STAGE_CONTENT_INSET : void 0;
@@ -431,6 +455,31 @@ const StageNodeComponent = (props)=>{
                                                 variant: FontVariantToken.fontSizeS,
                                                 color: "var(--uix-canvas-foreground-de-emp)",
                                                 children: stageDuration
+                                            }),
+                                            stageDetails.headerChips && stageDetails.headerChips.length > 0 && /*#__PURE__*/ jsx(StageHeaderChipsRow, {
+                                                children: stageDetails.headerChips.map((chip)=>{
+                                                    const button = /*#__PURE__*/ jsxs(StageChip, {
+                                                        type: "button",
+                                                        "aria-label": 'string' == typeof chip.tooltip ? chip.tooltip : chip.type,
+                                                        onClick: (e)=>{
+                                                            e.stopPropagation();
+                                                            chip.onClick?.();
+                                                        },
+                                                        children: [
+                                                            CHIP_ICONS[chip.type],
+                                                            void 0 !== chip.count && /*#__PURE__*/ jsx(ApTypography, {
+                                                                variant: FontVariantToken.fontSizeS,
+                                                                children: chip.count
+                                                            })
+                                                        ]
+                                                    }, chip.type);
+                                                    if (chip.tooltip) return /*#__PURE__*/ jsx(ApTooltip, {
+                                                        placement: "bottom",
+                                                        content: chip.tooltip,
+                                                        children: button
+                                                    }, chip.type);
+                                                    return button;
+                                                })
                                             })
                                         ]
                                     })

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

@@ -25,8 +25,9 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     DraggableTaskReordering: ()=>DraggableTaskReordering,
-    default: ()=>StageNode_stories,
+    WithRulesTags: ()=>WithRulesTags,
     LoanProcessingWorkflow: ()=>LoanProcessingWorkflow,
+    default: ()=>StageNode_stories,
     AddTaskLoading: ()=>AddTaskLoading,
     AdhocTasks: ()=>AdhocTasks,
     InteractiveTaskManagement: ()=>InteractiveTaskManagement,
@@ -48,6 +49,7 @@ const external_TaskIcon_index_cjs_namespaceObject = require("../TaskIcon/index.c
 const external_StageConnectionEdge_cjs_namespaceObject = require("./StageConnectionEdge.cjs");
 const external_StageEdge_cjs_namespaceObject = require("./StageEdge.cjs");
 const external_StageNode_cjs_namespaceObject = require("./StageNode.cjs");
+const external_StageNode_types_cjs_namespaceObject = require("./StageNode.types.cjs");
 const meta = {
     title: 'Canvas/StageNode',
     component: external_StageNode_cjs_namespaceObject.StageNode,
@@ -2237,6 +2239,206 @@ const AdhocTasks = {
     },
     args: {}
 };
+const WithRulesTags = {
+    name: 'With Rules & Tags',
+    parameters: {
+        nodes: [
+            {
+                id: '1',
+                type: 'stage',
+                position: {
+                    x: 48,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Application',
+                        tasks: [
+                            [
+                                {
+                                    id: 't1',
+                                    label: 'Verify applicant identity',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(VerificationIcon, {})
+                                }
+                            ],
+                            [
+                                {
+                                    id: 't2',
+                                    label: 'Pull credit report',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Entry,
+                                count: 1,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Exit,
+                                count: 3,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            },
+            {
+                id: '2',
+                type: 'stage',
+                position: {
+                    x: 400,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Pending with customer',
+                        tasks: [
+                            [
+                                {
+                                    id: 't3',
+                                    label: 'Request documents',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {})
+                                }
+                            ],
+                            [
+                                {
+                                    id: 't4',
+                                    label: 'Send reminder or request',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Entry,
+                                count: 2,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Exit,
+                                count: 1,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            },
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.ReturnToOrigin,
+                                tooltip: 'Return to origin conditions',
+                                onClick: ()=>window.alert('Open return to origin panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            },
+            {
+                id: '3',
+                type: 'stage',
+                position: {
+                    x: 752,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Withdrawn',
+                        tasks: [
+                            [
+                                {
+                                    id: 't5',
+                                    label: 'Process withdrawal',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Entry,
+                                count: 2,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Exit,
+                                count: 1,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            },
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.CaseExit,
+                                tooltip: 'Case exit',
+                                onClick: ()=>window.alert('Open case exit panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            },
+            {
+                id: '4',
+                type: 'stage',
+                position: {
+                    x: 1104,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Closing',
+                        tasks: [
+                            [
+                                {
+                                    id: 't6',
+                                    label: 'Prepare closing docs',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(DocumentIcon, {})
+                                }
+                            ],
+                            [
+                                {
+                                    id: 't7',
+                                    label: 'eSign envelope',
+                                    icon: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ProcessIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Entry,
+                                count: 1,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.Exit,
+                                count: 3,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            },
+                            {
+                                type: external_StageNode_types_cjs_namespaceObject.StageHeaderChipType.CaseCompletion,
+                                tooltip: 'Case completion',
+                                onClick: ()=>window.alert('Open case completion panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            }
+        ]
+    },
+    args: {}
+};
 exports.AddAndReplaceTasks = __webpack_exports__.AddAndReplaceTasks;
 exports.AddTaskLoading = __webpack_exports__.AddTaskLoading;
 exports.AdhocTasks = __webpack_exports__.AdhocTasks;
@@ -2246,6 +2448,7 @@ exports.EditableStageTitle = __webpack_exports__.EditableStageTitle;
 exports.ExecutionStatus = __webpack_exports__.ExecutionStatus;
 exports.InteractiveTaskManagement = __webpack_exports__.InteractiveTaskManagement;
 exports.LoanProcessingWorkflow = __webpack_exports__.LoanProcessingWorkflow;
+exports.WithRulesTags = __webpack_exports__.WithRulesTags;
 exports.WithTaskIcons = __webpack_exports__.WithTaskIcons;
 exports["default"] = __webpack_exports__["default"];
 for(var __rspack_i in __webpack_exports__)if (-1 === [
@@ -2258,6 +2461,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "ExecutionStatus",
     "InteractiveTaskManagement",
     "LoanProcessingWorkflow",
+    "WithRulesTags",
     "WithTaskIcons",
     "default"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];

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

@@ -13,4 +13,5 @@ export declare const AddAndReplaceTasks: Story;
 export declare const EditableStageTitle: Story;
 export declare const AddTaskLoading: Story;
 export declare const AdhocTasks: Story;
+export declare const WithRulesTags: Story;
 //# sourceMappingURL=StageNode.stories.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA2HF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA0KF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiHxB,CAAC"}
+{"version":3,"file":"StageNode.stories.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/StageNode/StageNode.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAyBvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,SAAS,CA0FD,CAAC;AAEjC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AA4CnC,eAAO,MAAM,OAAO,EAAE,KAoHrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAsE3B,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA8M7B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KA+HvC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,KAoKpC,CAAC;AA8GF,eAAO,MAAM,uBAAuB,EAAE,KAOrC,CAAC;AAkVF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA2HF,eAAO,MAAM,kBAAkB,EAAE,KAOhC,CAAC;AA0KF,eAAO,MAAM,cAAc,EAAE,KAO5B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAiHxB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KA+I3B,CAAC"}

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

@@ -10,6 +10,7 @@ import { TaskIcon, TaskItemTypeValues } from "../TaskIcon/index.js";
 import { StageConnectionEdge } from "./StageConnectionEdge.js";
 import { StageEdge } from "./StageEdge.js";
 import { StageNode } from "./StageNode.js";
+import { StageHeaderChipType } from "./StageNode.types.js";
 const meta = {
     title: 'Canvas/StageNode',
     component: StageNode,
@@ -2199,4 +2200,204 @@ const AdhocTasks = {
     },
     args: {}
 };
-export { AddAndReplaceTasks, AddTaskLoading, AdhocTasks, Default, DraggableTaskReordering, EditableStageTitle, ExecutionStatus, InteractiveTaskManagement, LoanProcessingWorkflow, WithTaskIcons, StageNode_stories as default };
+const WithRulesTags = {
+    name: 'With Rules & Tags',
+    parameters: {
+        nodes: [
+            {
+                id: '1',
+                type: 'stage',
+                position: {
+                    x: 48,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Application',
+                        tasks: [
+                            [
+                                {
+                                    id: 't1',
+                                    label: 'Verify applicant identity',
+                                    icon: /*#__PURE__*/ jsx(VerificationIcon, {})
+                                }
+                            ],
+                            [
+                                {
+                                    id: 't2',
+                                    label: 'Pull credit report',
+                                    icon: /*#__PURE__*/ jsx(DocumentIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: StageHeaderChipType.Entry,
+                                count: 1,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: StageHeaderChipType.Exit,
+                                count: 3,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            },
+            {
+                id: '2',
+                type: 'stage',
+                position: {
+                    x: 400,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Pending with customer',
+                        tasks: [
+                            [
+                                {
+                                    id: 't3',
+                                    label: 'Request documents',
+                                    icon: /*#__PURE__*/ jsx(DocumentIcon, {})
+                                }
+                            ],
+                            [
+                                {
+                                    id: 't4',
+                                    label: 'Send reminder or request',
+                                    icon: /*#__PURE__*/ jsx(ProcessIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: StageHeaderChipType.Entry,
+                                count: 2,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: StageHeaderChipType.Exit,
+                                count: 1,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            },
+                            {
+                                type: StageHeaderChipType.ReturnToOrigin,
+                                tooltip: 'Return to origin conditions',
+                                onClick: ()=>window.alert('Open return to origin panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            },
+            {
+                id: '3',
+                type: 'stage',
+                position: {
+                    x: 752,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Withdrawn',
+                        tasks: [
+                            [
+                                {
+                                    id: 't5',
+                                    label: 'Process withdrawal',
+                                    icon: /*#__PURE__*/ jsx(ProcessIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: StageHeaderChipType.Entry,
+                                count: 2,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: StageHeaderChipType.Exit,
+                                count: 1,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            },
+                            {
+                                type: StageHeaderChipType.CaseExit,
+                                tooltip: 'Case exit',
+                                onClick: ()=>window.alert('Open case exit panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            },
+            {
+                id: '4',
+                type: 'stage',
+                position: {
+                    x: 1104,
+                    y: 96
+                },
+                width: 304,
+                data: {
+                    stageDetails: {
+                        label: 'Closing',
+                        tasks: [
+                            [
+                                {
+                                    id: 't6',
+                                    label: 'Prepare closing docs',
+                                    icon: /*#__PURE__*/ jsx(DocumentIcon, {})
+                                }
+                            ],
+                            [
+                                {
+                                    id: 't7',
+                                    label: 'eSign envelope',
+                                    icon: /*#__PURE__*/ jsx(ProcessIcon, {})
+                                }
+                            ]
+                        ],
+                        headerChips: [
+                            {
+                                type: StageHeaderChipType.Entry,
+                                count: 1,
+                                tooltip: 'Entry rules',
+                                onClick: ()=>window.alert('Open entry rules panel')
+                            },
+                            {
+                                type: StageHeaderChipType.Exit,
+                                count: 3,
+                                tooltip: 'Exit rules',
+                                onClick: ()=>window.alert('Open exit rules panel')
+                            },
+                            {
+                                type: StageHeaderChipType.CaseCompletion,
+                                tooltip: 'Case completion',
+                                onClick: ()=>window.alert('Open case completion panel')
+                            }
+                        ]
+                    },
+                    onTaskClick: (taskId)=>window.alert(`Task clicked: ${taskId}`),
+                    onTaskAdd: ()=>window.alert('Add task')
+                }
+            }
+        ]
+    },
+    args: {}
+};
+export { AddAndReplaceTasks, AddTaskLoading, AdhocTasks, Default, DraggableTaskReordering, EditableStageTitle, ExecutionStatus, InteractiveTaskManagement, LoanProcessingWorkflow, WithRulesTags, WithTaskIcons, StageNode_stories as default };

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

@@ -36,13 +36,15 @@ __webpack_require__.d(__webpack_exports__, {
     StageTask: ()=>StageTask,
     STAGE_CONTENT_PADDING_X: ()=>STAGE_CONTENT_PADDING_X,
     StageContainer: ()=>StageContainer,
+    StageChip: ()=>StageChip,
+    StageHeaderChipsRow: ()=>StageHeaderChipsRow,
+    StageContent: ()=>StageContent,
     StageTaskDragPlaceholderWrapper: ()=>StageTaskDragPlaceholderWrapper,
     StageTaskWrapper: ()=>StageTaskWrapper,
-    StageContent: ()=>StageContent,
-    StageTitleInput: ()=>StageTitleInput,
     StageParallelLabel: ()=>StageParallelLabel,
     StageTaskIcon: ()=>StageTaskIcon,
     StageParallelBracket: ()=>StageParallelBracket,
+    StageTitleInput: ()=>StageTitleInput,
     STAGE_BORDER_WIDTH: ()=>STAGE_BORDER_WIDTH,
     StageTaskDragPlaceholder: ()=>StageTaskDragPlaceholder,
     StageTitleContainer: ()=>StageTitleContainer,
@@ -266,6 +268,33 @@ const StageTaskDragPlaceholderWrapper = styled_default().div`
   width: var(--stage-task-width, 246px);
   height: 36px;
 `;
+const StageHeaderChipsRow = styled_default().div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${apollo_core_namespaceObject.Padding.PadS};
+  margin-top: ${apollo_core_namespaceObject.Spacing.SpacingXs};
+`;
+const StageChip = styled_default().button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${apollo_core_namespaceObject.Padding.PadS};
+  padding: ${apollo_core_namespaceObject.Padding.PadXs} ${apollo_core_namespaceObject.Spacing.SpacingXs};
+  border-radius: 10px;
+  border: 1px solid var(--uix-canvas-border-de-emp);
+  background: transparent;
+  color: var(--uix-canvas-foreground);
+  cursor: pointer;
+
+  &:hover {
+    background: var(--color-background-hover);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--uix-canvas-primary);
+    outline-offset: 2px;
+  }
+`;
 const StageTaskDragPlaceholder = styled_default().div`
   display: flex;
   align-items: center;
@@ -282,9 +311,11 @@ exports.INDENTATION_WIDTH = __webpack_exports__.INDENTATION_WIDTH;
 exports.STAGE_BORDER_WIDTH = __webpack_exports__.STAGE_BORDER_WIDTH;
 exports.STAGE_CONTENT_INSET = __webpack_exports__.STAGE_CONTENT_INSET;
 exports.STAGE_CONTENT_PADDING_X = __webpack_exports__.STAGE_CONTENT_PADDING_X;
+exports.StageChip = __webpack_exports__.StageChip;
 exports.StageContainer = __webpack_exports__.StageContainer;
 exports.StageContent = __webpack_exports__.StageContent;
 exports.StageHeader = __webpack_exports__.StageHeader;
+exports.StageHeaderChipsRow = __webpack_exports__.StageHeaderChipsRow;
 exports.StageParallelBracket = __webpack_exports__.StageParallelBracket;
 exports.StageParallelLabel = __webpack_exports__.StageParallelLabel;
 exports.StageTask = __webpack_exports__.StageTask;
@@ -302,9 +333,11 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "STAGE_BORDER_WIDTH",
     "STAGE_CONTENT_INSET",
     "STAGE_CONTENT_PADDING_X",
+    "StageChip",
     "StageContainer",
     "StageContent",
     "StageHeader",
+    "StageHeaderChipsRow",
     "StageParallelBracket",
     "StageParallelLabel",
     "StageTask",

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

@@ -82,6 +82,14 @@ export declare const StageTaskDragPlaceholderWrapper: import("@emotion/styled").
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StageHeaderChipsRow: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StageChip: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
 export declare const StageTaskDragPlaceholder: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;

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,mBAAmB;;;;gBAA4B,OAAO;yGAOlE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;gBACd,OAAO;2BACI,OAAO;YACtB,MAAM;kHAsBf,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;iBAA6B,OAAO;yGAM9D,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;yGA6DxB,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,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,mBAAmB;;;;gBAA4B,OAAO;yGAOlE,CAAC;AAEF,eAAO,MAAM,eAAe;;;;gBACd,OAAO;2BACI,OAAO;YACtB,MAAM;kHAsBf,CAAC;AAEF,eAAO,MAAM,YAAY;;;yGAQxB,CAAC;AAEF,eAAO,MAAM,aAAa;;;yGAKzB,CAAC;AAEF,eAAO,MAAM,cAAc;;;;iBAA6B,OAAO;yGAM9D,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;yGA6DxB,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,wBAAwB;;;;uBAAmC,OAAO;yGAW9E,CAAC"}

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

@@ -210,6 +210,33 @@ const StageTaskDragPlaceholderWrapper = styled.div`
   width: var(--stage-task-width, 246px);
   height: 36px;
 `;
+const StageHeaderChipsRow = styled.div`
+  display: flex;
+  flex-wrap: wrap;
+  gap: ${Padding.PadS};
+  margin-top: ${Spacing.SpacingXs};
+`;
+const StageChip = styled.button`
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: ${Padding.PadS};
+  padding: ${Padding.PadXs} ${Spacing.SpacingXs};
+  border-radius: 10px;
+  border: 1px solid var(--uix-canvas-border-de-emp);
+  background: transparent;
+  color: var(--uix-canvas-foreground);
+  cursor: pointer;
+
+  &:hover {
+    background: var(--color-background-hover);
+  }
+
+  &:focus-visible {
+    outline: 2px solid var(--uix-canvas-primary);
+    outline-offset: 2px;
+  }
+`;
 const StageTaskDragPlaceholder = styled.div`
   display: flex;
   align-items: center;
@@ -222,4 +249,4 @@ const StageTaskDragPlaceholder = styled.div`
   height: 100%;
   width: ${({ isTargetParallel })=>isTargetParallel ? 'var(--stage-task-width-parallel, 216px)' : 'var(--stage-task-width, 246px)'};
 `;
-export { INDENTATION_WIDTH, STAGE_BORDER_WIDTH, STAGE_CONTENT_INSET, STAGE_CONTENT_PADDING_X, StageContainer, StageContent, StageHeader, StageParallelBracket, StageParallelLabel, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskGroup, StageTaskIcon, StageTaskList, StageTaskRetryDuration, StageTaskWrapper, StageTitleContainer, StageTitleInput };
+export { INDENTATION_WIDTH, STAGE_BORDER_WIDTH, STAGE_CONTENT_INSET, STAGE_CONTENT_PADDING_X, StageChip, StageContainer, StageContent, StageHeader, StageHeaderChipsRow, StageParallelBracket, StageParallelLabel, StageTask, StageTaskDragPlaceholder, StageTaskDragPlaceholderWrapper, StageTaskGroup, StageTaskIcon, StageTaskList, StageTaskRetryDuration, StageTaskWrapper, StageTitleContainer, StageTitleInput };

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

@@ -1,5 +1,16 @@
 "use strict";
 var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
 (()=>{
     __webpack_require__.r = (exports1)=>{
         if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
@@ -12,7 +23,21 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];
+__webpack_require__.d(__webpack_exports__, {
+    StageHeaderChipType: ()=>StageHeaderChipType
+});
+let StageHeaderChipType = /*#__PURE__*/ function(StageHeaderChipType) {
+    StageHeaderChipType["Entry"] = "entry";
+    StageHeaderChipType["Exit"] = "exit";
+    StageHeaderChipType["ReturnToOrigin"] = "returnToOrigin";
+    StageHeaderChipType["CaseExit"] = "caseExit";
+    StageHeaderChipType["CaseCompletion"] = "caseCompletion";
+    return StageHeaderChipType;
+}({});
+exports.StageHeaderChipType = __webpack_exports__.StageHeaderChipType;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "StageHeaderChipType"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true
 });

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

@@ -21,6 +21,19 @@ export interface StageTaskItem {
     icon?: React.ReactElement;
     isAdhoc?: boolean;
 }
+export declare enum StageHeaderChipType {
+    Entry = "entry",
+    Exit = "exit",
+    ReturnToOrigin = "returnToOrigin",
+    CaseExit = "caseExit",
+    CaseCompletion = "caseCompletion"
+}
+export interface StageHeaderChip {
+    type: StageHeaderChipType;
+    count?: number;
+    tooltip?: React.ReactNode;
+    onClick?: () => void;
+}
 export interface StageNodeProps extends NodeProps {
     dragging: boolean;
     selected: boolean;
@@ -38,6 +51,7 @@ export interface StageNodeProps extends NodeProps {
         isReadOnly?: boolean;
         tasks: StageTaskItem[][];
         selectedTaskId?: string;
+        headerChips?: StageHeaderChip[];
     };
     addTaskLabel?: string;
     addTaskLoading?: boolean;

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":"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"}
+{"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

@@ -0,0 +1,9 @@
+let StageNode_types_StageHeaderChipType = /*#__PURE__*/ function(StageHeaderChipType) {
+    StageHeaderChipType["Entry"] = "entry";
+    StageHeaderChipType["Exit"] = "exit";
+    StageHeaderChipType["ReturnToOrigin"] = "returnToOrigin";
+    StageHeaderChipType["CaseExit"] = "caseExit";
+    StageHeaderChipType["CaseCompletion"] = "caseCompletion";
+    return StageHeaderChipType;
+}({});
+export { StageNode_types_StageHeaderChipType as StageHeaderChipType };

package/dist/canvas/components/Toolbox/Toolbox.cjs

@@ -79,7 +79,7 @@ function searchLeafItems(items, query) {
     }
     return results;
 }
-function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading }) {
+function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false }) {
     const [items, setItems] = (0, external_react_namespaceObject.useState)(initialItems);
     const [search, setSearch] = (0, external_react_namespaceObject.useState)('');
     const [searchLoading, setSearchLoading] = (0, external_react_namespaceObject.useState)(false);
@@ -392,8 +392,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
             px: 20,
             py: 12,
             gap: 12,
-            w: 320,
-            h: 440,
+            w: fullWidth ? '100%' : 320,
+            h: fullHeight ? '100%' : 440,
             children: [
                 /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_Header_cjs_namespaceObject.Header, {
                     title: currentParentItem?.name || title,

package/dist/canvas/components/Toolbox/Toolbox.d.ts

@@ -7,11 +7,13 @@ export interface ToolboxProps<T> {
     title: string;
     initialItems: ListItem<T>[];
     loading?: boolean;
+    fullWidth?: boolean;
+    fullHeight?: boolean;
     onClose: () => void;
     onItemSelect: (item: ListItem<T>) => Promise<void> | void;
     onItemHover?: (item: ListItem<T>) => void;
     onBack?: () => void;
     onSearch?: ToolboxSearchHandler<T>;
 }
-export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function Toolbox<T>({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth, fullHeight, }: ToolboxProps<T>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toolbox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,GACR,EAAE,YAAY,CAAC,CAAC,CAAC,2CAocjB"}
+{"version":3,"file":"Toolbox.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/Toolbox.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,QAAQ,EAAkD,MAAM,YAAY,CAAC;AAwC3F,MAAM,MAAM,oBAAoB,CAAC,CAAC,GAAG,GAAG,IAAI,CAC1C,KAAK,EAAE,MAAM,EACb,gBAAgB,EAAE,OAAO,EACzB,EAAE,YAAY,EAAE,QAAQ,EAAE,EAAE;IAAE,YAAY,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KAC5E,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;AAE5B,MAAM,WAAW,YAAY,CAAC,CAAC;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IAC1D,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC1C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC;CACpC;AAgDD,wBAAgB,OAAO,CAAC,CAAC,EAAE,EACzB,OAAO,EACP,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,KAAK,EACL,YAAY,EACZ,OAAO,EACP,SAAiB,EACjB,UAAkB,GACnB,EAAE,YAAY,CAAC,CAAC,CAAC,2CAocjB"}

package/dist/canvas/components/Toolbox/Toolbox.js

@@ -51,7 +51,7 @@ function searchLeafItems(items, query) {
     }
     return results;
 }
-function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading }) {
+function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title, initialItems, loading, fullWidth = false, fullHeight = false }) {
     const [items, setItems] = useState(initialItems);
     const [search, setSearch] = useState('');
     const [searchLoading, setSearchLoading] = useState(false);
@@ -364,8 +364,8 @@ function Toolbox({ onClose, onBack, onItemSelect, onSearch, onItemHover, title,
             px: 20,
             py: 12,
             gap: 12,
-            w: 320,
-            h: 440,
+            w: fullWidth ? '100%' : 320,
+            h: fullHeight ? '100%' : 440,
             children: [
                 /*#__PURE__*/ jsx(Header, {
                     title: currentParentItem?.name || title,

package/dist/canvas/icons/ExitConditionIcon.cjs

@@ -0,0 +1,49 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ExitConditionIcon: ()=>ExitConditionIcon
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const ExitConditionIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        width: w,
+        height: h,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.68853 2.55022C7.86049 2.3497 8.13961 2.34972 8.31158 2.55022L12.671 7.63616C12.8429 7.83679 12.8429 8.16305 12.671 8.3637L8.31158 13.4496C8.1396 13.6502 7.8605 13.6503 7.68853 13.4496L3.32916 8.3637C3.15723 8.16305 3.15719 7.83679 3.32916 7.63616L7.68853 2.55022Z",
+            fill: "currentColor"
+        })
+    });
+exports.ExitConditionIcon = __webpack_exports__.ExitConditionIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ExitConditionIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/icons/ExitConditionIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const ExitConditionIcon: ({ w, h, }: {
+    w?: number | string;
+    h?: number | string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExitConditionIcon.d.ts.map

package/dist/canvas/icons/ExitConditionIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExitConditionIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/ExitConditionIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,GAAI,WAG/B;IACD,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB,4CASA,CAAC"}

package/dist/canvas/icons/ExitConditionIcon.js

@@ -0,0 +1,15 @@
+import { jsx } from "react/jsx-runtime";
+const ExitConditionIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ jsx("svg", {
+        width: w,
+        height: h,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            fillRule: "evenodd",
+            clipRule: "evenodd",
+            d: "M7.68853 2.55022C7.86049 2.3497 8.13961 2.34972 8.31158 2.55022L12.671 7.63616C12.8429 7.83679 12.8429 8.16305 12.671 8.3637L8.31158 13.4496C8.1396 13.6502 7.8605 13.6503 7.68853 13.4496L3.32916 8.3637C3.15723 8.16305 3.15719 7.83679 3.32916 7.63616L7.68853 2.55022Z",
+            fill: "currentColor"
+        })
+    });
+export { ExitConditionIcon };

package/dist/canvas/icons/ReturnToOriginIcon.cjs

@@ -0,0 +1,50 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ReturnToOriginIcon: ()=>ReturnToOriginIcon
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const ReturnToOriginIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("svg", {
+        width: w,
+        height: h,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("path", {
+            d: "M6.00016 6.66665L2.66683 9.99998M2.66683 9.99998L6.00016 13.3333M2.66683 9.99998H9.66683C10.6393 9.99998 11.5719 9.61367 12.2596 8.92604C12.9472 8.2384 13.3335 7.30577 13.3335 6.33331C13.3335 5.8518 13.2387 5.375 13.0544 4.93014C12.8701 4.48528 12.6 4.08107 12.2596 3.74059C11.5719 3.05295 10.6393 2.66665 9.66683 2.66665H7.3335",
+            stroke: "currentColor",
+            strokeWidth: "1.33",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
+exports.ReturnToOriginIcon = __webpack_exports__.ReturnToOriginIcon;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ReturnToOriginIcon"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/icons/ReturnToOriginIcon.d.ts

@@ -0,0 +1,5 @@
+export declare const ReturnToOriginIcon: ({ w, h, }: {
+    w?: number | string;
+    h?: number | string;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReturnToOriginIcon.d.ts.map

package/dist/canvas/icons/ReturnToOriginIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReturnToOriginIcon.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/ReturnToOriginIcon.tsx"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,GAAI,WAGhC;IACD,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACrB,4CAUA,CAAC"}

package/dist/canvas/icons/ReturnToOriginIcon.js

@@ -0,0 +1,16 @@
+import { jsx } from "react/jsx-runtime";
+const ReturnToOriginIcon = ({ w = 16, h = 16 })=>/*#__PURE__*/ jsx("svg", {
+        width: w,
+        height: h,
+        viewBox: "0 0 16 16",
+        fill: "none",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /*#__PURE__*/ jsx("path", {
+            d: "M6.00016 6.66665L2.66683 9.99998M2.66683 9.99998L6.00016 13.3333M2.66683 9.99998H9.66683C10.6393 9.99998 11.5719 9.61367 12.2596 8.92604C12.9472 8.2384 13.3335 7.30577 13.3335 6.33331C13.3335 5.8518 13.2387 5.375 13.0544 4.93014C12.8701 4.48528 12.6 4.08107 12.2596 3.74059C11.5719 3.05295 10.6393 2.66665 9.66683 2.66665H7.3335",
+            stroke: "currentColor",
+            strokeWidth: "1.33",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+        })
+    });
+export { ReturnToOriginIcon };

package/dist/canvas/icons/index.cjs

@@ -34,6 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
     DataTransformIcon: ()=>external_DataTransformIcon_cjs_namespaceObject.DataTransformIcon,
     ScriptTaskIcon: ()=>external_ScriptTaskIcon_cjs_namespaceObject.ScriptTaskIcon,
     McpIcon: ()=>external_McpIcon_cjs_namespaceObject.McpIcon,
+    ReturnToOriginIcon: ()=>external_ReturnToOriginIcon_cjs_namespaceObject.ReturnToOriginIcon,
     DataAndTools: ()=>external_DataAndTools_cjs_namespaceObject.DataAndTools,
     DataTransformExtractIcon: ()=>external_DataTransformExtractIcon_cjs_namespaceObject.DataTransformExtractIcon,
     DataTransformGroupIcon: ()=>external_DataTransformGroupIcon_cjs_namespaceObject.DataTransformGroupIcon,
@@ -61,6 +62,7 @@ __webpack_require__.d(__webpack_exports__, {
     PlayIcon: ()=>external_PlayIcon_cjs_namespaceObject.PlayIcon,
     CaseManagementProject: ()=>external_CaseManagementProject_cjs_namespaceObject.CaseManagementProject,
     UiPathIcon: ()=>external_UiPathIcon_cjs_namespaceObject.UiPathIcon,
+    ExitConditionIcon: ()=>external_ExitConditionIcon_cjs_namespaceObject.ExitConditionIcon,
     AgentIcon: ()=>external_AgentIcon_cjs_namespaceObject.AgentIcon,
     WebAppProject: ()=>external_WebAppProject_cjs_namespaceObject.WebAppProject,
     ZoomOutIcon: ()=>external_ZoomOutIcon_cjs_namespaceObject.ZoomOutIcon,
@@ -91,6 +93,7 @@ const external_DataTransformIcon_cjs_namespaceObject = require("./DataTransformI
 const external_DataTransformMapIcon_cjs_namespaceObject = require("./DataTransformMapIcon.cjs");
 const external_DecisionIcon_cjs_namespaceObject = require("./DecisionIcon.cjs");
 const external_EntryConditionIcon_cjs_namespaceObject = require("./EntryConditionIcon.cjs");
+const external_ExitConditionIcon_cjs_namespaceObject = require("./ExitConditionIcon.cjs");
 const external_FlaskRunIcon_cjs_namespaceObject = require("./FlaskRunIcon.cjs");
 const external_FlowProject_cjs_namespaceObject = require("./FlowProject.cjs");
 const external_GoogleIcon_cjs_namespaceObject = require("./GoogleIcon.cjs");
@@ -102,6 +105,7 @@ const external_MemoryIcon_cjs_namespaceObject = require("./MemoryIcon.cjs");
 const external_OpenAIIcon_cjs_namespaceObject = require("./OpenAIIcon.cjs");
 const external_OrganizeIcon_cjs_namespaceObject = require("./OrganizeIcon.cjs");
 const external_PlayIcon_cjs_namespaceObject = require("./PlayIcon.cjs");
+const external_ReturnToOriginIcon_cjs_namespaceObject = require("./ReturnToOriginIcon.cjs");
 const external_RpaProject_cjs_namespaceObject = require("./RpaProject.cjs");
 const external_ScriptTaskIcon_cjs_namespaceObject = require("./ScriptTaskIcon.cjs");
 const external_SwitchIcon_cjs_namespaceObject = require("./SwitchIcon.cjs");
@@ -135,6 +139,7 @@ exports.DataTransformIcon = __webpack_exports__.DataTransformIcon;
 exports.DataTransformMapIcon = __webpack_exports__.DataTransformMapIcon;
 exports.DecisionIcon = __webpack_exports__.DecisionIcon;
 exports.EntryConditionIcon = __webpack_exports__.EntryConditionIcon;
+exports.ExitConditionIcon = __webpack_exports__.ExitConditionIcon;
 exports.FlaskRunIcon = __webpack_exports__.FlaskRunIcon;
 exports.FlowProject = __webpack_exports__.FlowProject;
 exports.GoogleIcon = __webpack_exports__.GoogleIcon;
@@ -146,6 +151,7 @@ exports.MemoryIcon = __webpack_exports__.MemoryIcon;
 exports.OpenAIIcon = __webpack_exports__.OpenAIIcon;
 exports.OrganizeIcon = __webpack_exports__.OrganizeIcon;
 exports.PlayIcon = __webpack_exports__.PlayIcon;
+exports.ReturnToOriginIcon = __webpack_exports__.ReturnToOriginIcon;
 exports.RpaProject = __webpack_exports__.RpaProject;
 exports.ScriptTaskIcon = __webpack_exports__.ScriptTaskIcon;
 exports.SwitchIcon = __webpack_exports__.SwitchIcon;
@@ -180,6 +186,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "DataTransformMapIcon",
     "DecisionIcon",
     "EntryConditionIcon",
+    "ExitConditionIcon",
     "FlaskRunIcon",
     "FlowProject",
     "GoogleIcon",
@@ -191,6 +198,7 @@ for(var __rspack_i in __webpack_exports__)if (-1 === [
     "OpenAIIcon",
     "OrganizeIcon",
     "PlayIcon",
+    "ReturnToOriginIcon",
     "RpaProject",
     "ScriptTaskIcon",
     "SwitchIcon",

package/dist/canvas/icons/index.d.ts

@@ -20,6 +20,7 @@ export { DataTransformIcon } from './DataTransformIcon';
 export { DataTransformMapIcon } from './DataTransformMapIcon';
 export { DecisionIcon } from './DecisionIcon';
 export { EntryConditionIcon } from './EntryConditionIcon';
+export { ExitConditionIcon } from './ExitConditionIcon';
 export { FlaskRunIcon } from './FlaskRunIcon';
 export { FlowProject } from './FlowProject';
 export { GoogleIcon } from './GoogleIcon';
@@ -31,6 +32,7 @@ export { MemoryIcon } from './MemoryIcon';
 export { OpenAIIcon } from './OpenAIIcon';
 export { OrganizeIcon } from './OrganizeIcon';
 export { PlayIcon } from './PlayIcon';
+export { ReturnToOriginIcon } from './ReturnToOriginIcon';
 export { RpaProject } from './RpaProject';
 export { ScriptTaskIcon } from './ScriptTaskIcon';
 export { SwitchIcon } from './SwitchIcon';

package/dist/canvas/icons/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AACtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/canvas/icons/index.js

@@ -20,6 +20,7 @@ import { DataTransformIcon } from "./DataTransformIcon.js";
 import { DataTransformMapIcon } from "./DataTransformMapIcon.js";
 import { DecisionIcon } from "./DecisionIcon.js";
 import { EntryConditionIcon } from "./EntryConditionIcon.js";
+import { ExitConditionIcon } from "./ExitConditionIcon.js";
 import { FlaskRunIcon } from "./FlaskRunIcon.js";
 import { FlowProject } from "./FlowProject.js";
 import { GoogleIcon } from "./GoogleIcon.js";
@@ -31,6 +32,7 @@ import { MemoryIcon } from "./MemoryIcon.js";
 import { OpenAIIcon } from "./OpenAIIcon.js";
 import { OrganizeIcon } from "./OrganizeIcon.js";
 import { PlayIcon } from "./PlayIcon.js";
+import { ReturnToOriginIcon } from "./ReturnToOriginIcon.js";
 import { RpaProject } from "./RpaProject.js";
 import { ScriptTaskIcon } from "./ScriptTaskIcon.js";
 import { SwitchIcon } from "./SwitchIcon.js";
@@ -42,4 +44,4 @@ import { WebAppProject } from "./WebAppProject.js";
 import { ZoomInIcon } from "./ZoomInIcon.js";
 import { ZoomOutIcon } from "./ZoomOutIcon.js";
 import { ZoomToFitIcon } from "./ZoomToFitIcon.js";
-export { A2aIcon, AgentDiagramIcon, AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, ConversationalAgentIcon, DataAndTools, DataTransformExtractIcon, DataTransformFilterIcon, DataTransformFlattenIcon, DataTransformGroupIcon, DataTransformIcon, DataTransformMapIcon, DecisionIcon, EntryConditionIcon, FlaskRunIcon, FlowProject, GoogleIcon, HealthScoreIcon, HumanIcon, LoopIcon, McpIcon, MemoryIcon, OpenAIIcon, OrganizeIcon, PlayIcon, RpaProject, ScriptTaskIcon, SwitchIcon, TimelinePauseIcon, TimelinePlayIcon, TimelineProgressIcon, UiPathIcon, WebAppProject, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon };
+export { A2aIcon, AgentDiagramIcon, AgentIcon, AgentProject, AnthropicIcon, ApiProject, AutonomousAgentIcon, BusinessProcessProject, CaseManagementProject, CodedAgentIcon, ConnectorBuilderProject, ControlFlowIcon, ConversationalAgentIcon, DataAndTools, DataTransformExtractIcon, DataTransformFilterIcon, DataTransformFlattenIcon, DataTransformGroupIcon, DataTransformIcon, DataTransformMapIcon, DecisionIcon, EntryConditionIcon, ExitConditionIcon, FlaskRunIcon, FlowProject, GoogleIcon, HealthScoreIcon, HumanIcon, LoopIcon, McpIcon, MemoryIcon, OpenAIIcon, OrganizeIcon, PlayIcon, ReturnToOriginIcon, RpaProject, ScriptTaskIcon, SwitchIcon, TimelinePauseIcon, TimelinePlayIcon, TimelineProgressIcon, UiPathIcon, WebAppProject, ZoomInIcon, ZoomOutIcon, ZoomToFitIcon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uipath/apollo-react",
-  "version": "3.63.0",
+  "version": "3.64.0",
   "description": "Apollo Design System - React component library with Material UI theming",
   "repository": {
     "type": "git",
@@ -200,8 +200,8 @@
     "use-sync-external-store": "^1.2.0",
     "zod": "^4.3.5",
     "zustand": "^5.0.9",
-    "@uipath/apollo-wind": "1.5.0",
-    "@uipath/apollo-core": "5.9.0"
+    "@uipath/apollo-core": "5.9.0",
+    "@uipath/apollo-wind": "2.0.0"
   },
   "devDependencies": {
     "@lingui/cli": "^5.6.1",