@uipath/apollo-react 4.22.3 → 4.23.0-pr654.b595ac5

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.cjs

@@ -196,7 +196,7 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignor
         getNodeDimensions,
         ignoredNodeTypes,
         gap: container_cjs_namespaceObject.CONTAINER_SEQUENCE_GAP_PX
-    });
+    }).nodes;
     return {
         nodes: fittedNodes,
         insertedNode: fittedNodes.find((node)=>node.id === placementResult.insertedNode.id) ?? placementResult.insertedNode

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.js

@@ -166,7 +166,7 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignor
         getNodeDimensions,
         ignoredNodeTypes,
         gap: CONTAINER_SEQUENCE_GAP_PX
-    });
+    }).nodes;
     return {
         nodes: fittedNodes,
         insertedNode: fittedNodes.find((node)=>node.id === placementResult.insertedNode.id) ?? placementResult.insertedNode

package/dist/canvas/components/AgentCanvas/agent-flow.manifest.d.ts

@@ -14,11 +14,11 @@ export declare const agentFlowManifest: {
         id: string;
         name: string;
         sortOrder: number;
-        icon: string;
         tags: string[];
         parentId?: string | undefined;
         color?: string | undefined;
         colorDark?: string | undefined;
+        icon?: string | undefined;
     }[];
     nodes: {
         nodeType: string;
@@ -27,9 +27,9 @@ export declare const agentFlowManifest: {
         sortOrder: number;
         display: {
             label: string;
-            icon: string;
             canvasLabel?: string | undefined;
             description?: string | undefined;
+            icon?: string | undefined;
             shape?: "square" | "circle" | "container" | "rectangle" | undefined;
             color?: string | undefined;
             background?: string | undefined;

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

@@ -43,6 +43,7 @@ const ConnectedHandlesContext_cjs_namespaceObject = require("../BaseCanvas/Conne
 const SelectionStateContext_cjs_namespaceObject = require("../BaseCanvas/SelectionStateContext.cjs");
 const SmartHandle_cjs_namespaceObject = require("../ButtonHandle/SmartHandle.cjs");
 const useButtonHandles_cjs_namespaceObject = require("../ButtonHandle/useButtonHandles.cjs");
+const InitialsBadge_cjs_namespaceObject = require("../shared/InitialsBadge.cjs");
 const external_Toolbar_index_cjs_namespaceObject = require("../Toolbar/index.cjs");
 const external_BaseNodeBadgeSlot_cjs_namespaceObject = require("./BaseNodeBadgeSlot.cjs");
 const external_BaseNodeConfigContext_cjs_namespaceObject = require("./BaseNodeConfigContext.cjs");
@@ -124,11 +125,18 @@ const BaseNodeComponent = (props)=>{
     const isStacked = Boolean(manifest?.drillable || data?.isCollapsed);
     const Icon = (0, external_react_namespaceObject.useMemo)(()=>{
         if (void 0 !== iconComponent) return iconComponent;
-        const IconComponent = (0, icon_registry_cjs_namespaceObject.getIcon)(display.icon);
-        return IconComponent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IconComponent, {}) : null;
+        if (display.icon) {
+            const IconComponent = (0, icon_registry_cjs_namespaceObject.getIcon)(display.icon);
+            return IconComponent ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(IconComponent, {}) : null;
+        }
+        return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadge_cjs_namespaceObject.InitialsBadge, {
+            name: display.label,
+            size: "var(--icon-size)"
+        });
     }, [
         iconComponent,
-        display.icon
+        display.icon,
+        display.label
     ]);
     const handleConfigurations = (0, external_react_namespaceObject.useMemo)(()=>{
         if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;

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;AAuChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAynB1B,eAAO,MAAM,QAAQ,8CAnlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAmlBhB,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;AAwChF,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAynB1B,eAAO,MAAM,QAAQ,8CAnlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAmlBhB,CAAC"}

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

@@ -15,6 +15,7 @@ import { useConnectedHandles } from "../BaseCanvas/ConnectedHandlesContext.js";
 import { useSelectionState } from "../BaseCanvas/SelectionStateContext.js";
 import { SmartHandle, SmartHandleProvider } from "../ButtonHandle/SmartHandle.js";
 import { useButtonHandles } from "../ButtonHandle/useButtonHandles.js";
+import { InitialsBadge } from "../shared/InitialsBadge.js";
 import { NodeToolbar } from "../Toolbar/index.js";
 import { BaseBadgeSlot } from "./BaseNodeBadgeSlot.js";
 import { useBaseNodeOverrideConfig } from "./BaseNodeConfigContext.js";
@@ -96,11 +97,18 @@ const BaseNodeComponent = (props)=>{
     const isStacked = Boolean(manifest?.drillable || data?.isCollapsed);
     const Icon = useMemo(()=>{
         if (void 0 !== iconComponent) return iconComponent;
-        const IconComponent = getIcon(display.icon);
-        return IconComponent ? /*#__PURE__*/ jsx(IconComponent, {}) : null;
+        if (display.icon) {
+            const IconComponent = getIcon(display.icon);
+            return IconComponent ? /*#__PURE__*/ jsx(IconComponent, {}) : null;
+        }
+        return /*#__PURE__*/ jsx(InitialsBadge, {
+            name: display.label,
+            size: "var(--icon-size)"
+        });
     }, [
         iconComponent,
-        display.icon
+        display.icon,
+        display.label
     ]);
     const handleConfigurations = useMemo(()=>{
         if (handleConfigurationsProp && Array.isArray(handleConfigurationsProp)) return handleConfigurationsProp;

package/dist/canvas/components/LoopNode/LoopNode.cjs

@@ -101,6 +101,23 @@ function useHasChildNodes(id, enabled) {
         enabled
     ]));
 }
+function areContainerResizeMinimumsEqual(left, right) {
+    return left.leftWidth === right.leftWidth && left.rightWidth === right.rightWidth && left.topHeight === right.topHeight && left.bottomHeight === right.bottomHeight;
+}
+function useContainerResizeMinimums(id) {
+    return (0, react_cjs_namespaceObject.useStore)((0, external_react_namespaceObject.useCallback)((state)=>(0, container_cjs_namespaceObject.getContainerResizeMinimums)({
+            nodes: state.nodes,
+            containerId: id
+        }), [
+        id
+    ]), areContainerResizeMinimumsEqual);
+}
+function getResizeControlMinimumSize(minimums, position) {
+    return {
+        width: position.includes('left') ? minimums.leftWidth : minimums.rightWidth,
+        height: position.includes('top') ? minimums.topHeight : minimums.bottomHeight
+    };
+}
 function useContainerNodeInternalsRefresh(id, handleGroups, width, height) {
     const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
     (0, external_react_namespaceObject.useEffect)(()=>{
@@ -170,6 +187,7 @@ function LoopNodeComponent(props) {
     const isDropTarget = true === resolvedData.isDropTarget;
     const containerWidth = width || container_cjs_namespaceObject.DEFAULT_CONTAINER_WIDTH;
     const containerHeight = height || container_cjs_namespaceObject.DEFAULT_CONTAINER_HEIGHT;
+    const resizeMinimums = useContainerResizeMinimums(id);
     const nodeSizeStyle = {
         width: containerWidth,
         height: containerHeight,
@@ -262,6 +280,7 @@ function LoopNodeComponent(props) {
                 visible: showResizeControls
             }),
             showResizeControls ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(ResizeControls, {
+                minimums: resizeMinimums,
                 onResize: handleResize
             }) : null,
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Header, {
@@ -371,13 +390,15 @@ function BodyFrame({ isEmpty, isLoading }) {
         }) : null
     });
 }
-function ResizeControls({ onResize }) {
+function ResizeControls({ minimums, onResize }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(jsx_runtime_namespaceObject.Fragment, {
-        children: RESIZE_CONTROLS.map(({ position, cursor })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
+        children: RESIZE_CONTROLS.map(({ position, cursor })=>{
+            const minimumSize = getResizeControlMinimumSize(minimums, position);
+            return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_cjs_namespaceObject.NodeResizeControl, {
                 style: RESIZE_CONTROL_STYLE,
                 position: position,
-                minWidth: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_WIDTH,
-                minHeight: container_cjs_namespaceObject.DEFAULT_CONTAINER_MIN_HEIGHT,
+                minWidth: minimumSize.width,
+                minHeight: minimumSize.height,
                 onResize: onResize,
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                     className: "absolute bottom-0 right-0 h-5 w-5 pointer-events-auto",
@@ -385,7 +406,8 @@ function ResizeControls({ onResize }) {
                         cursor
                     }
                 })
-            }, position))
+            }, position);
+        })
     });
 }
 function ResizeCornerIndicators({ visible }) {

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

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAkCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAyEtD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAgO9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}
+{"version":3,"file":"LoopNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.tsx"],"names":[],"mappings":"AAoCA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA6GtD,iBAAS,iBAAiB,CAAC,KAAK,EAAE,aAAa,2CAmO9C;AAED,eAAO,MAAM,QAAQ,+DAA0B,CAAC"}

package/dist/canvas/components/LoopNode/LoopNode.helpers.cjs

@@ -132,12 +132,14 @@ function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowIns
     if (clickedHandle?.handleType !== 'output') return null;
     const sourceNode = reactFlowInstance.getNode(source.nodeId);
     const sourceIsContainer = void 0 !== sourceNode && (0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(sourceNode));
-    if (sourceIsContainer && 'inner' !== clickedHandle.boundary) return null;
+    const allowedContainerId = sourceIsContainer && 'inner' !== clickedHandle.boundary ? sourceNode?.parentId : void 0;
+    if (sourceIsContainer && 'inner' !== clickedHandle.boundary && !allowedContainerId) return null;
     return (0, container_cjs_namespaceObject.resolveContainerPreview)({
         source,
         sourceHandleType,
         reactFlowInstance,
         replacedEdge,
+        allowedContainerId,
         isContainerNode: (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(node)),
         getContainerSafeArea: container_cjs_namespaceObject.getContainerSafeArea,
         getContainerContinuationTarget: ({ containerNode })=>{

package/dist/canvas/components/LoopNode/LoopNode.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LoopNode.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOtF,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAI5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gCAAgC,GAAG,CAC7C,IAAI,EAAE,IAAI,KACP,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,qBAAqB,CAAC,GAAG,SAAS,CAAC;AAOvE,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,mBAAmB,EAAE,GAC5B,oBAAoB,EAAE,CAaxB;AAMD,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;;;EAQrE;AAwBD,wBAAgB,wCAAwC,CACtD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,iBAAiB,GACzB,iCAAiC,GAAG,IAAI,CAgB1C;AA4DD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACtC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;IACrD,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB,GAAG,qBAAqB,GAAG,IAAI,CA+C/B;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;CACtD,GAAG,MAAM,GAAG,SAAS,CAarB"}
+{"version":3,"file":"LoopNode.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/LoopNode/LoopNode.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,IAAI,EACT,KAAK,IAAI,EACT,QAAQ,EACR,KAAK,iBAAiB,EACvB,MAAM,0CAA0C,CAAC;AAClD,OAAO,KAAK,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAOtF,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,gCAAgC,CAAC;AAE7F,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AAI5F,MAAM,MAAM,uBAAuB,GAAG,OAAO,GAAG,OAAO,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,GAAG;IACvD,QAAQ,EAAE,uBAAuB,CAAC;IAClC,kBAAkB,EAAE,QAAQ,CAAC;CAC9B,CAAC;AAEF,MAAM,WAAW,iCAAiC;IAChD,cAAc,EAAE,MAAM,CAAC;IACvB,oBAAoB,EAAE,QAAQ,CAAC;IAC/B,cAAc,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,MAAM,gCAAgC,GAAG,CAC7C,IAAI,EAAE,IAAI,KACP,IAAI,CAAC,YAAY,EAAE,SAAS,GAAG,qBAAqB,CAAC,GAAG,SAAS,CAAC;AAOvE,wBAAgB,4BAA4B,CAC1C,MAAM,EAAE,mBAAmB,EAAE,GAC5B,oBAAoB,EAAE,CAaxB;AAMD,wBAAgB,8BAA8B,CAC5C,aAAa,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;;;EAQrE;AAwBD,wBAAgB,wCAAwC,CACtD,QAAQ,EAAE,IAAI,CAAC,YAAY,EAAE,qBAAqB,CAAC,GAAG,SAAS,EAC/D,OAAO,EAAE,iBAAiB,GACzB,iCAAiC,GAAG,IAAI,CAgB1C;AA4DD,wBAAgB,8BAA8B,CAAC,EAC7C,MAAM,EACN,gBAAgB,EAChB,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,GACb,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,gBAAgB,EAAE,QAAQ,GAAG,QAAQ,CAAC;IACtC,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;IACrD,YAAY,CAAC,EAAE,IAAI,CAAC;CACrB,GAAG,qBAAqB,GAAG,IAAI,CAmD/B;AAMD,wBAAgB,yBAAyB,CAAC,EACxC,MAAM,EACN,iBAAiB,EACjB,kBAAkB,GACnB,EAAE;IACD,MAAM,EAAE,eAAe,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,kBAAkB,EAAE,gCAAgC,CAAC;CACtD,GAAG,MAAM,GAAG,SAAS,CAarB"}

package/dist/canvas/components/LoopNode/LoopNode.helpers.js

@@ -100,12 +100,14 @@ function resolveContainerAddNodePreview({ source, sourceHandleType, reactFlowIns
     if (clickedHandle?.handleType !== 'output') return null;
     const sourceNode = reactFlowInstance.getNode(source.nodeId);
     const sourceIsContainer = void 0 !== sourceNode && isContainerNodeManifest(getManifestForNode(sourceNode));
-    if (sourceIsContainer && 'inner' !== clickedHandle.boundary) return null;
+    const allowedContainerId = sourceIsContainer && 'inner' !== clickedHandle.boundary ? sourceNode?.parentId : void 0;
+    if (sourceIsContainer && 'inner' !== clickedHandle.boundary && !allowedContainerId) return null;
     return resolveContainerPreview({
         source,
         sourceHandleType,
         reactFlowInstance,
         replacedEdge,
+        allowedContainerId,
         isContainerNode: (node)=>isContainerNodeManifest(getManifestForNode(node)),
         getContainerSafeArea: getContainerSafeArea,
         getContainerContinuationTarget: ({ containerNode })=>{

package/dist/canvas/components/LoopNode/LoopNode.js

@@ -5,7 +5,7 @@ import { memo, useCallback, useEffect, useMemo, useState } from "react";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
 import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
-import { DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH } from "../../utils/container.js";
+import { DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_MIN_HEIGHT, DEFAULT_CONTAINER_MIN_WIDTH, DEFAULT_CONTAINER_WIDTH, getContainerResizeMinimums } from "../../utils/container.js";
 import { CanvasIcon } from "../../utils/icon-registry.js";
 import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
 import { selectIsConnecting, snapToGrid } from "../../utils/NodeUtils.js";
@@ -73,6 +73,23 @@ function useHasChildNodes(id, enabled) {
         enabled
     ]));
 }
+function areContainerResizeMinimumsEqual(left, right) {
+    return left.leftWidth === right.leftWidth && left.rightWidth === right.rightWidth && left.topHeight === right.topHeight && left.bottomHeight === right.bottomHeight;
+}
+function useContainerResizeMinimums(id) {
+    return useStore(useCallback((state)=>getContainerResizeMinimums({
+            nodes: state.nodes,
+            containerId: id
+        }), [
+        id
+    ]), areContainerResizeMinimumsEqual);
+}
+function getResizeControlMinimumSize(minimums, position) {
+    return {
+        width: position.includes('left') ? minimums.leftWidth : minimums.rightWidth,
+        height: position.includes('top') ? minimums.topHeight : minimums.bottomHeight
+    };
+}
 function useContainerNodeInternalsRefresh(id, handleGroups, width, height) {
     const updateNodeInternals = useUpdateNodeInternals();
     useEffect(()=>{
@@ -142,6 +159,7 @@ function LoopNodeComponent(props) {
     const isDropTarget = true === resolvedData.isDropTarget;
     const containerWidth = width || DEFAULT_CONTAINER_WIDTH;
     const containerHeight = height || DEFAULT_CONTAINER_HEIGHT;
+    const resizeMinimums = useContainerResizeMinimums(id);
     const nodeSizeStyle = {
         width: containerWidth,
         height: containerHeight,
@@ -234,6 +252,7 @@ function LoopNodeComponent(props) {
                 visible: showResizeControls
             }),
             showResizeControls ? /*#__PURE__*/ jsx(ResizeControls, {
+                minimums: resizeMinimums,
                 onResize: handleResize
             }) : null,
             /*#__PURE__*/ jsx(Header, {
@@ -343,13 +362,15 @@ function BodyFrame({ isEmpty, isLoading }) {
         }) : null
     });
 }
-function ResizeControls({ onResize }) {
+function ResizeControls({ minimums, onResize }) {
     return /*#__PURE__*/ jsx(Fragment, {
-        children: RESIZE_CONTROLS.map(({ position, cursor })=>/*#__PURE__*/ jsx(NodeResizeControl, {
+        children: RESIZE_CONTROLS.map(({ position, cursor })=>{
+            const minimumSize = getResizeControlMinimumSize(minimums, position);
+            return /*#__PURE__*/ jsx(NodeResizeControl, {
                 style: RESIZE_CONTROL_STYLE,
                 position: position,
-                minWidth: DEFAULT_CONTAINER_MIN_WIDTH,
-                minHeight: DEFAULT_CONTAINER_MIN_HEIGHT,
+                minWidth: minimumSize.width,
+                minHeight: minimumSize.height,
                 onResize: onResize,
                 children: /*#__PURE__*/ jsx("div", {
                     className: "absolute bottom-0 right-0 h-5 w-5 pointer-events-auto",
@@ -357,7 +378,8 @@ function ResizeControls({ onResize }) {
                         cursor
                     }
                 })
-            }, position))
+            }, position);
+        })
     });
 }
 function ResizeCornerIndicators({ visible }) {

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

@@ -34,6 +34,7 @@ const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
 const CanvasThemeContext_cjs_namespaceObject = require("../BaseCanvas/CanvasThemeContext.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../CanvasTooltip.cjs");
+const InitialsBadge_cjs_namespaceObject = require("../shared/InitialsBadge.cjs");
 const external_ListView_styles_cjs_namespaceObject = require("./ListView.styles.cjs");
 const DEFAULT_SKELETON_COUNT = 3;
 function buildRenderedItems(items, enableSections, loadingSkeleton) {
@@ -162,7 +163,11 @@ const ListViewRow = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ in
                         icon: item.icon.name,
                         size: 24
                     }),
-                    item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(item.icon.Component, {})
+                    item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(item.icon.Component, {}),
+                    !item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadge_cjs_namespaceObject.InitialsBadge, {
+                        name: item.name,
+                        "data-testid": "list-item-initials-badge"
+                    })
                 ]
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(index_cjs_namespaceObject.Column, {

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

@@ -1 +1 @@
-{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ListView.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/Toolbox/ListView.tsx"],"names":[],"mappings":"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"}

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

@@ -5,6 +5,7 @@ import { Skeleton } from "@uipath/apollo-wind";
 import { forwardRef, memo, useCallback, useImperativeHandle, useMemo } from "react";
 import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
 import { CanvasTooltip } from "../CanvasTooltip.js";
+import { InitialsBadge } from "../shared/InitialsBadge.js";
 import { IconContainer, ListItemButton, SectionHeader, StyledList } from "./ListView.styles.js";
 const DEFAULT_SKELETON_COUNT = 3;
 function buildRenderedItems(items, enableSections, loadingSkeleton) {
@@ -133,7 +134,11 @@ const ListViewRow = /*#__PURE__*/ memo(({ index, style, ariaAttributes, rendered
                         icon: item.icon.name,
                         size: 24
                     }),
-                    item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {})
+                    item.icon?.Component && /*#__PURE__*/ jsx(item.icon.Component, {}),
+                    !item.icon?.url && !item.icon?.name && !item.icon?.Component && /*#__PURE__*/ jsx(InitialsBadge, {
+                        name: item.name,
+                        "data-testid": "list-item-initials-badge"
+                    })
                 ]
             }),
             /*#__PURE__*/ jsxs(Column, {

package/dist/canvas/components/index.cjs

@@ -68,6 +68,9 @@ var __webpack_modules__ = {
     },
     "./TriggerNode" (module) {
         module.exports = require("./TriggerNode/index.cjs");
+    },
+    "./shared" (module) {
+        module.exports = require("./shared/index.cjs");
     }
 };
 var __webpack_module_cache__ = {};
@@ -181,29 +184,33 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StageNode__rspack_import_17 = __webpack_require__("./StageNode");
+    var _shared__rspack_import_17 = __webpack_require__("./shared");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _shared__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_shared__rspack_import_17[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _StageNode__rspack_import_18 = __webpack_require__("./StageNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StageNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_17[__rspack_import_key];
+    for(const __rspack_import_key in _StageNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StickyNoteNode__rspack_import_18 = __webpack_require__("./StickyNoteNode?d2a3");
+    var _StickyNoteNode__rspack_import_19 = __webpack_require__("./StickyNoteNode?d2a3");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StickyNoteNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_18[__rspack_import_key];
+    for(const __rspack_import_key in _StickyNoteNode__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TaskIcon__rspack_import_19 = __webpack_require__("./TaskIcon");
+    var _TaskIcon__rspack_import_20 = __webpack_require__("./TaskIcon");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TaskIcon__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_19[__rspack_import_key];
+    for(const __rspack_import_key in _TaskIcon__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbar__rspack_import_20 = __webpack_require__("./Toolbar");
+    var _Toolbar__rspack_import_21 = __webpack_require__("./Toolbar");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbar__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_20[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbar__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbox__rspack_import_21 = __webpack_require__("./Toolbox?2740");
+    var _Toolbox__rspack_import_22 = __webpack_require__("./Toolbox?2740");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbox__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_21[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbox__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TriggerNode__rspack_import_22 = __webpack_require__("./TriggerNode");
+    var _TriggerNode__rspack_import_23 = __webpack_require__("./TriggerNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TriggerNode__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_22[__rspack_import_key];
+    for(const __rspack_import_key in _TriggerNode__rspack_import_23)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_23[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];

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

@@ -15,6 +15,7 @@ export * from './MiniCanvasNavigator';
 export * from './NodeContextMenu';
 export * from './NodeInspector';
 export * from './NodePropertiesPanel';
+export * from './shared';
 export * from './StageNode';
 export * from './StickyNoteNode';
 export * from './TaskIcon';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/canvas/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,YAAY,CAAC;AAC3B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/canvas/components/index.js

@@ -15,6 +15,7 @@ export * from "./MiniCanvasNavigator/index.js";
 export * from "./NodeContextMenu/index.js";
 export * from "./NodeInspector.js";
 export * from "./NodePropertiesPanel/index.js";
+export * from "./shared/index.js";
 export * from "./StageNode/index.js";
 export * from "./StickyNoteNode/index.js";
 export * from "./TaskIcon/index.js";

package/dist/canvas/components/shared/InitialsBadge.cjs

@@ -0,0 +1,91 @@
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.n = (module)=>{
+        var getter = module && module.__esModule ? ()=>module['default'] : ()=>module;
+        __webpack_require__.d(getter, {
+            a: getter
+        });
+        return getter;
+    };
+})();
+(()=>{
+    __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__, {
+    getInitial: ()=>getInitial,
+    InitialsBadge: ()=>InitialsBadge
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const styled_namespaceObject = require("@emotion/styled");
+var styled_default = /*#__PURE__*/ __webpack_require__.n(styled_namespaceObject);
+const InitialsBadgeRoot = styled_default().span`
+  display: inline-flex;
+  width: var(--initials-badge-size, 24px);
+  height: var(--initials-badge-size, 24px);
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--canvas-primary);
+  color: var(--canvas-on-primary, #ffffff);
+  font-size: calc(var(--initials-badge-size, 24px) * 0.5);
+  font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
+  user-select: none;
+`;
+function getInitial(name) {
+    const trimmed = name.trim();
+    if (!trimmed) return '?';
+    return [
+        ...trimmed
+    ][0] ?? '?';
+}
+function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId }) {
+    const mergedStyle = (()=>{
+        const sizeStyle = size ? {
+            ['--initials-badge-size']: size
+        } : void 0;
+        if (!sizeStyle && !style) return;
+        return {
+            ...sizeStyle,
+            ...style
+        };
+    })();
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(InitialsBadgeRoot, {
+        "aria-hidden": "true",
+        className: className,
+        "data-testid": dataTestId,
+        style: mergedStyle,
+        children: getInitial(name)
+    });
+}
+exports.InitialsBadge = __webpack_exports__.InitialsBadge;
+exports.getInitial = __webpack_exports__.getInitial;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InitialsBadge",
+    "getInitial"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/canvas/components/shared/InitialsBadge.d.ts

@@ -0,0 +1,10 @@
+export interface InitialsBadgeProps {
+    name: string;
+    size?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    'data-testid'?: string;
+}
+export declare function getInitial(name: string): string;
+export declare function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId, }: InitialsBadgeProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InitialsBadge.d.ts.map

package/dist/canvas/components/shared/InitialsBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InitialsBadge.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/shared/InitialsBadge.tsx"],"names":[],"mappings":"AAuBA,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAOD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAI/C;AAED,wBAAgB,aAAa,CAAC,EAC5B,IAAI,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,aAAa,EAAE,UAAU,GAC1B,EAAE,kBAAkB,2CAmBpB"}

package/dist/canvas/components/shared/InitialsBadge.js

@@ -0,0 +1,44 @@
+import { jsx } from "react/jsx-runtime";
+import styled from "@emotion/styled";
+const InitialsBadgeRoot = styled.span`
+  display: inline-flex;
+  width: var(--initials-badge-size, 24px);
+  height: var(--initials-badge-size, 24px);
+  align-items: center;
+  justify-content: center;
+  border-radius: 50%;
+  background: var(--canvas-primary);
+  color: var(--canvas-on-primary, #ffffff);
+  font-size: calc(var(--initials-badge-size, 24px) * 0.5);
+  font-weight: 800;
+  line-height: 1;
+  text-transform: uppercase;
+  user-select: none;
+`;
+function getInitial(name) {
+    const trimmed = name.trim();
+    if (!trimmed) return '?';
+    return [
+        ...trimmed
+    ][0] ?? '?';
+}
+function InitialsBadge({ name, size, className, style, 'data-testid': dataTestId }) {
+    const mergedStyle = (()=>{
+        const sizeStyle = size ? {
+            ['--initials-badge-size']: size
+        } : void 0;
+        if (!sizeStyle && !style) return;
+        return {
+            ...sizeStyle,
+            ...style
+        };
+    })();
+    return /*#__PURE__*/ jsx(InitialsBadgeRoot, {
+        "aria-hidden": "true",
+        className: className,
+        "data-testid": dataTestId,
+        style: mergedStyle,
+        children: getInitial(name)
+    });
+}
+export { InitialsBadge, getInitial };