@uipath/apollo-react 4.7.0 → 4.8.1

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

@@ -14,11 +14,11 @@ export declare const agentFlowManifest: {
         id: string;
         name: string;
         sortOrder: number;
-        color: string;
-        colorDark: string;
         icon: string;
         tags: string[];
         parentId?: string | undefined;
+        color?: string | undefined;
+        colorDark?: string | undefined;
     }[];
     nodes: {
         nodeType: string;

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.cjs

@@ -136,7 +136,6 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
             handleType: 'artifact',
             label: translations.memory,
             showButton: 'design' === mode && !hasMemory,
-            color: 'var(--canvas-foreground-de-emp)',
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayMemory,
             onAction: (_e)=>{
@@ -149,7 +148,6 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
             handleType: 'artifact',
             label: translations.escalations,
             showButton: 'design' === mode,
-            color: 'var(--canvas-foreground-de-emp)',
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayEscalation,
             onAction: (_e)=>{
@@ -168,7 +166,6 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
                 handleType: 'artifact',
                 label: translations.context,
                 showButton: 'design' === mode,
-                color: 'var(--canvas-foreground-de-emp)',
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayContext,
                 onAction: (_e)=>{
@@ -180,7 +177,6 @@ const AgentNodeComponent = /*#__PURE__*/ (0, external_react_namespaceObject.memo
                 handleType: 'artifact',
                 label: translations.tools,
                 showButton: 'design' === mode,
-                color: 'var(--canvas-foreground-de-emp)',
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayTool || displayMcp || displayA2a,
                 onAction: (_e)=>{

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAIhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC;IAClG,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AA2jBD,eAAO,MAAM,gBAAgB,8CAxDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAwD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"AgentNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/AgentNode.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AAIhF,OAAO,EACL,KAAK,qBAAqB,EAE1B,KAAK,sBAAsB,EAC3B,KAAK,cAAc,EACpB,MAAM,gBAAgB,CAAC;AAGxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AA8BlE,UAAU,aAAc,SAAQ,YAAY;IAC1C,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACpC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE;QACb,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IAEF,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,cAAc,CAAC;CACjC;AAED,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,SAAS,GAAG,YAAY,GAAG,KAAK,GAAG,MAAM,GAAG,aAAa,GAAG,KAAK,KAAK,IAAI,CAAC;IAClG,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,YAAY,EAAE,qBAAqB,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAujBD,eAAO,MAAM,gBAAgB,8CAxDI,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,GAAG,cAAc,6CAwD1B,CAAC;AAEvD,YAAY,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC"}

package/dist/canvas/components/AgentCanvas/nodes/AgentNode.js

@@ -108,7 +108,6 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
             handleType: 'artifact',
             label: translations.memory,
             showButton: 'design' === mode && !hasMemory,
-            color: 'var(--canvas-foreground-de-emp)',
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayMemory,
             onAction: (_e)=>{
@@ -121,7 +120,6 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
             handleType: 'artifact',
             label: translations.escalations,
             showButton: 'design' === mode,
-            color: 'var(--canvas-foreground-de-emp)',
             labelBackgroundColor: 'var(--canvas-background-secondary)',
             visible: displayEscalation,
             onAction: (_e)=>{
@@ -140,7 +138,6 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
                 handleType: 'artifact',
                 label: translations.context,
                 showButton: 'design' === mode,
-                color: 'var(--canvas-foreground-de-emp)',
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayContext,
                 onAction: (_e)=>{
@@ -152,7 +149,6 @@ const AgentNodeComponent = /*#__PURE__*/ memo((props)=>{
                 handleType: 'artifact',
                 label: translations.tools,
                 showButton: 'design' === mode,
-                color: 'var(--canvas-foreground-de-emp)',
                 labelBackgroundColor: 'var(--canvas-background-secondary)',
                 visible: displayTool || displayMcp || displayA2a,
                 onAction: (_e)=>{

package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.cjs

@@ -323,8 +323,7 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
                 id: react_cjs_namespaceObject.Position.Top,
                 type: 'target',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const toolBottomHandles = (0, external_react_namespaceObject.useMemo)(()=>[
@@ -332,8 +331,7 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
                 id: react_cjs_namespaceObject.Position.Bottom,
                 type: 'source',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const contextHandles = (0, external_react_namespaceObject.useMemo)(()=>[
@@ -341,8 +339,7 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
                 id: react_cjs_namespaceObject.Position.Top,
                 type: 'source',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const escalationHandles = (0, external_react_namespaceObject.useMemo)(()=>[
@@ -350,8 +347,7 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
                 id: react_cjs_namespaceObject.Position.Bottom,
                 type: 'target',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const memoryHandles = (0, external_react_namespaceObject.useMemo)(()=>[
@@ -359,8 +355,7 @@ const ResourceNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ d
                 id: react_cjs_namespaceObject.Position.Bottom,
                 type: 'target',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const breakpointAdornment = (0, external_react_namespaceObject.useMemo)(()=>{

package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AAcxB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAClF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,0RAoBpB,iBAAiB,6CAgcrB,CAAC"}
+{"version":3,"file":"ResourceNode.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/AgentCanvas/nodes/ResourceNode.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,SAAS,EAAY,MAAM,0CAA0C,CAAC;AAGpF,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,yBAAyB,EAE9B,KAAK,wBAAwB,EAC7B,KAAK,sBAAsB,EAC5B,MAAM,gBAAgB,CAAC;AAcxB,UAAU,iBAAkB,SAAQ,SAAS,CAAC,qBAAqB,CAAC;IAClE,IAAI,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC7E,SAAS,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAC9E,eAAe,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACpF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACnF,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACjF,aAAa,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IAClF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACrF,kBAAkB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACvF,gBAAgB,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAEhD,sBAAsB,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,eAAO,MAAM,YAAY,0RAoBpB,iBAAiB,6CA2brB,CAAC"}

package/dist/canvas/components/AgentCanvas/nodes/ResourceNode.js

@@ -295,8 +295,7 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
                 id: Position.Top,
                 type: 'target',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const toolBottomHandles = useMemo(()=>[
@@ -304,8 +303,7 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
                 id: Position.Bottom,
                 type: 'source',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const contextHandles = useMemo(()=>[
@@ -313,8 +311,7 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
                 id: Position.Top,
                 type: 'source',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const escalationHandles = useMemo(()=>[
@@ -322,8 +319,7 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
                 id: Position.Bottom,
                 type: 'target',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const memoryHandles = useMemo(()=>[
@@ -331,8 +327,7 @@ const ResourceNode = /*#__PURE__*/ memo(({ data, selected, id, mode, hasError =
                 id: Position.Bottom,
                 type: 'target',
                 handleType: 'artifact',
-                showButton: false,
-                color: 'var(--canvas-foreground-de-emp)'
+                showButton: false
             }
         ], []);
     const breakpointAdornment = useMemo(()=>{

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

@@ -49,7 +49,7 @@ const external_BaseNodeContainer_cjs_namespaceObject = require("./BaseNodeContai
 const external_BaseNodeInnerShape_cjs_namespaceObject = require("./BaseNodeInnerShape.cjs");
 const external_BaseNodeMissingManifest_cjs_namespaceObject = require("./BaseNodeMissingManifest.cjs");
 const external_NodeLabel_cjs_namespaceObject = require("./NodeLabel.cjs");
-const selectIsConnecting = (state)=>!!state.connectionClickStartHandle;
+const selectIsConnecting = (state)=>!!state.connection.inProgress;
 const getContainerWidth = (shape, width)=>{
     const defaultWidth = 'rectangle' === shape ? external_constants_cjs_namespaceObject.DEFAULT_RECTANGLE_NODE_WIDTH : external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
     if (width && width !== external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE && width !== external_constants_cjs_namespaceObject.DEFAULT_RECTANGLE_NODE_WIDTH) return width;
@@ -76,7 +76,9 @@ const BaseNodeComponent = (props)=>{
     const containerRef = (0, external_react_namespaceObject.useRef)(null);
     const [isHovered, setIsHovered] = (0, external_react_namespaceObject.useState)(false);
     const [isFocused, setIsFocused] = (0, external_react_namespaceObject.useState)(false);
-    const originalHeightRef = (0, external_react_namespaceObject.useRef)(void 0);
+    const syncedHeightRef = (0, external_react_namespaceObject.useRef)(void 0);
+    const baseHeightRef = (0, external_react_namespaceObject.useRef)(external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE);
+    if (height && height !== syncedHeightRef.current) baseHeightRef.current = height;
     const executionState = (0, external_hooks_index_cjs_namespaceObject.useNodeExecutionState)(id);
     const validationState = (0, external_hooks_index_cjs_namespaceObject.useElementValidationStatus)(id);
     const nodeTypeRegistry = (0, index_cjs_namespaceObject.useNodeTypeRegistry)();
@@ -175,13 +177,14 @@ const BaseNodeComponent = (props)=>{
         statusContext
     ]);
     const computedHeight = (0, external_react_namespaceObject.useMemo)(()=>{
-        const handleSpacing = 2 * external_constants_cjs_namespaceObject.GRID_SPACING;
-        const leftHandles = handleConfigurations.filter((config)=>config.position === react_cjs_namespaceObject.Position.Left && false !== config.visible).reduce((count, config)=>count + config.handles.length, 0);
-        const rightHandles = handleConfigurations.filter((config)=>config.position === react_cjs_namespaceObject.Position.Right && false !== config.visible).reduce((count, config)=>count + config.handles.length, 0);
+        const handleSpacing = 2.5 * external_constants_cjs_namespaceObject.GRID_SPACING;
+        const leftHandles = handleConfigurations.filter((config)=>config.position === react_cjs_namespaceObject.Position.Left && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
+        const rightHandles = handleConfigurations.filter((config)=>config.position === react_cjs_namespaceObject.Position.Right && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
         const leftRightHandles = Math.max(leftHandles, rightHandles);
-        return Math.max(originalHeightRef.current ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE, leftRightHandles * handleSpacing);
+        return Math.max(baseHeightRef.current, leftRightHandles * handleSpacing);
     }, [
-        handleConfigurations
+        handleConfigurations,
+        height
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
         updateNodeInternals(id);
@@ -191,11 +194,8 @@ const BaseNodeComponent = (props)=>{
         updateNodeInternals
     ]);
     (0, external_react_namespaceObject.useEffect)(()=>{
-        if (!originalHeightRef.current && height) {
-            originalHeightRef.current = height;
-            return;
-        }
         if (void 0 !== computedHeight && computedHeight !== height) {
+            syncedHeightRef.current = computedHeight;
             const frameId = requestAnimationFrame(()=>{
                 updateNode(id, {
                     height: computedHeight
@@ -233,20 +233,27 @@ const BaseNodeComponent = (props)=>{
     const containerWidth = getContainerWidth(displayShape, width);
     const containerHeight = getContainerHeight(height, hasFooter, displayFooterVariant);
     const nodeVars = (0, external_react_namespaceObject.useMemo)(()=>{
-        const numH = 'number' == typeof containerHeight ? containerHeight : void 0;
-        const radiusBasis = 'rectangle' === displayShape ? numH ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE : Math.min(containerWidth, numH ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE);
-        const nodeRadius = 'circle' === displayShape ? '50%' : hasFooter ? '16px' : `${radiusBasis * external_constants_cjs_namespaceObject.NODE_CONTAINER_RADIUS_RATIO}px`;
-        const effectiveH = hasFooter ? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE : numH ?? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
+        const numH = 'number' == typeof containerHeight ? containerHeight : external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE;
+        const getRadius = (basis, ratio)=>'circle' === displayShape ? '50%' : hasFooter ? `${external_constants_cjs_namespaceObject.GRID_SPACING}px` : `${basis * ratio}px`;
+        const radiusBasis = Math.min(containerWidth, numH);
+        const nodeRadius = getRadius(radiusBasis, external_constants_cjs_namespaceObject.NODE_CONTAINER_RADIUS_RATIO);
+        const effectiveH = hasFooter ? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE : numH;
         const effectiveW = hasFooter ? external_constants_cjs_namespaceObject.DEFAULT_NODE_SIZE : containerWidth;
-        const basis = 'rectangle' === displayShape ? effectiveH : Math.min(effectiveW, effectiveH);
-        const innerRadius = 'circle' === displayShape ? '50%' : hasFooter ? '16px' : `${basis * external_constants_cjs_namespaceObject.NODE_INNER_RADIUS_RATIO}px`;
+        const innerBasis = Math.min(effectiveH, effectiveW);
+        const innerRadius = getRadius(innerBasis, external_constants_cjs_namespaceObject.NODE_INNER_RADIUS_RATIO);
+        const gap = innerBasis * (1 - external_constants_cjs_namespaceObject.NODE_INNER_SHAPE_RATIO);
+        const keepSquare = 'circle' === displayShape || 'rectangle' === displayShape;
+        const innerW = keepSquare ? innerBasis - gap : effectiveW - gap;
+        const innerH = keepSquare ? innerBasis - gap : effectiveH - gap;
         return {
             '--node-w': `${containerWidth}px`,
-            '--node-h': numH ? `${numH}px` : 'auto',
+            '--node-h': 'number' == typeof containerHeight ? `${containerHeight}px` : 'auto',
             '--node-radius': nodeRadius,
-            '--inner-size': `${basis * external_constants_cjs_namespaceObject.NODE_INNER_SHAPE_RATIO}px`,
+            '--node-gap': `${(gap - 2 * external_constants_cjs_namespaceObject.NODE_BORDER_SIZE) / 2}px`,
+            '--inner-w': `${innerW}px`,
+            '--inner-h': `${innerH}px`,
             '--inner-radius': innerRadius,
-            '--icon-size': `${basis * external_constants_cjs_namespaceObject.NODE_INNER_ICON_RATIO}px`
+            '--icon-size': `${innerBasis * external_constants_cjs_namespaceObject.NODE_INNER_ICON_RATIO}px`
         };
     }, [
         containerWidth,
@@ -318,7 +325,8 @@ const BaseNodeComponent = (props)=>{
         handleAction,
         nodeId: id,
         selected: selected ?? false,
-        showAddButton: 'design' === mode && !multipleNodesSelected,
+        hovered: isHovered,
+        showAddButton: 'design' === mode && !multipleNodesSelected && !isConnecting,
         showNotches,
         nodeWidth: width,
         nodeHeight: height,

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,EAAkB,MAAM,0CAA0C,CAAC;AAqChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAqlB1B,eAAO,MAAM,QAAQ,8CA7iBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CA6iBhB,CAAC"}
+{"version":3,"file":"BaseNode.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAkB,MAAM,0CAA0C,CAAC;AAsChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA6mB1B,eAAO,MAAM,QAAQ,8CAhkBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAgkBhB,CAAC"}

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

@@ -1,7 +1,7 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Position, useReactFlow, useStore, useUpdateNodeInternals } from "../../xyflow/react.js";
 import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, GRID_SPACING, NODE_CONTAINER_RADIUS_RATIO, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO } from "../../constants.js";
+import { DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, GRID_SPACING, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_HEIGHT_DEFAULT, NODE_HEIGHT_FOOTER_BUTTON, NODE_HEIGHT_FOOTER_DOUBLE, NODE_HEIGHT_FOOTER_SINGLE, NODE_INNER_ICON_RATIO, NODE_INNER_RADIUS_RATIO, NODE_INNER_SHAPE_RATIO } from "../../constants.js";
 import { useNodeTypeRegistry } from "../../core/index.js";
 import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
@@ -21,7 +21,7 @@ import { BaseContainer } from "./BaseNodeContainer.js";
 import { BaseInnerShape } from "./BaseNodeInnerShape.js";
 import { MissingManifestNode } from "./BaseNodeMissingManifest.js";
 import { NodeLabel } from "./NodeLabel.js";
-const selectIsConnecting = (state)=>!!state.connectionClickStartHandle;
+const selectIsConnecting = (state)=>!!state.connection.inProgress;
 const getContainerWidth = (shape, width)=>{
     const defaultWidth = 'rectangle' === shape ? DEFAULT_RECTANGLE_NODE_WIDTH : DEFAULT_NODE_SIZE;
     if (width && width !== DEFAULT_NODE_SIZE && width !== DEFAULT_RECTANGLE_NODE_WIDTH) return width;
@@ -48,7 +48,9 @@ const BaseNodeComponent = (props)=>{
     const containerRef = useRef(null);
     const [isHovered, setIsHovered] = useState(false);
     const [isFocused, setIsFocused] = useState(false);
-    const originalHeightRef = useRef(void 0);
+    const syncedHeightRef = useRef(void 0);
+    const baseHeightRef = useRef(DEFAULT_NODE_SIZE);
+    if (height && height !== syncedHeightRef.current) baseHeightRef.current = height;
     const executionState = useNodeExecutionState(id);
     const validationState = useElementValidationStatus(id);
     const nodeTypeRegistry = useNodeTypeRegistry();
@@ -147,13 +149,14 @@ const BaseNodeComponent = (props)=>{
         statusContext
     ]);
     const computedHeight = useMemo(()=>{
-        const handleSpacing = 2 * GRID_SPACING;
-        const leftHandles = handleConfigurations.filter((config)=>config.position === Position.Left && false !== config.visible).reduce((count, config)=>count + config.handles.length, 0);
-        const rightHandles = handleConfigurations.filter((config)=>config.position === Position.Right && false !== config.visible).reduce((count, config)=>count + config.handles.length, 0);
+        const handleSpacing = 2.5 * GRID_SPACING;
+        const leftHandles = handleConfigurations.filter((config)=>config.position === Position.Left && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
+        const rightHandles = handleConfigurations.filter((config)=>config.position === Position.Right && false !== config.visible).reduce((count, config)=>count + config.handles.filter((h)=>false !== h.visible).length, 0);
         const leftRightHandles = Math.max(leftHandles, rightHandles);
-        return Math.max(originalHeightRef.current ?? DEFAULT_NODE_SIZE, leftRightHandles * handleSpacing);
+        return Math.max(baseHeightRef.current, leftRightHandles * handleSpacing);
     }, [
-        handleConfigurations
+        handleConfigurations,
+        height
     ]);
     useEffect(()=>{
         updateNodeInternals(id);
@@ -163,11 +166,8 @@ const BaseNodeComponent = (props)=>{
         updateNodeInternals
     ]);
     useEffect(()=>{
-        if (!originalHeightRef.current && height) {
-            originalHeightRef.current = height;
-            return;
-        }
         if (void 0 !== computedHeight && computedHeight !== height) {
+            syncedHeightRef.current = computedHeight;
             const frameId = requestAnimationFrame(()=>{
                 updateNode(id, {
                     height: computedHeight
@@ -205,20 +205,27 @@ const BaseNodeComponent = (props)=>{
     const containerWidth = getContainerWidth(displayShape, width);
     const containerHeight = getContainerHeight(height, hasFooter, displayFooterVariant);
     const nodeVars = useMemo(()=>{
-        const numH = 'number' == typeof containerHeight ? containerHeight : void 0;
-        const radiusBasis = 'rectangle' === displayShape ? numH ?? DEFAULT_NODE_SIZE : Math.min(containerWidth, numH ?? DEFAULT_NODE_SIZE);
-        const nodeRadius = 'circle' === displayShape ? '50%' : hasFooter ? '16px' : `${radiusBasis * NODE_CONTAINER_RADIUS_RATIO}px`;
-        const effectiveH = hasFooter ? DEFAULT_NODE_SIZE : numH ?? DEFAULT_NODE_SIZE;
+        const numH = 'number' == typeof containerHeight ? containerHeight : DEFAULT_NODE_SIZE;
+        const getRadius = (basis, ratio)=>'circle' === displayShape ? '50%' : hasFooter ? `${GRID_SPACING}px` : `${basis * ratio}px`;
+        const radiusBasis = Math.min(containerWidth, numH);
+        const nodeRadius = getRadius(radiusBasis, NODE_CONTAINER_RADIUS_RATIO);
+        const effectiveH = hasFooter ? DEFAULT_NODE_SIZE : numH;
         const effectiveW = hasFooter ? DEFAULT_NODE_SIZE : containerWidth;
-        const basis = 'rectangle' === displayShape ? effectiveH : Math.min(effectiveW, effectiveH);
-        const innerRadius = 'circle' === displayShape ? '50%' : hasFooter ? '16px' : `${basis * NODE_INNER_RADIUS_RATIO}px`;
+        const innerBasis = Math.min(effectiveH, effectiveW);
+        const innerRadius = getRadius(innerBasis, NODE_INNER_RADIUS_RATIO);
+        const gap = innerBasis * (1 - NODE_INNER_SHAPE_RATIO);
+        const keepSquare = 'circle' === displayShape || 'rectangle' === displayShape;
+        const innerW = keepSquare ? innerBasis - gap : effectiveW - gap;
+        const innerH = keepSquare ? innerBasis - gap : effectiveH - gap;
         return {
             '--node-w': `${containerWidth}px`,
-            '--node-h': numH ? `${numH}px` : 'auto',
+            '--node-h': 'number' == typeof containerHeight ? `${containerHeight}px` : 'auto',
             '--node-radius': nodeRadius,
-            '--inner-size': `${basis * NODE_INNER_SHAPE_RATIO}px`,
+            '--node-gap': `${(gap - 2 * NODE_BORDER_SIZE) / 2}px`,
+            '--inner-w': `${innerW}px`,
+            '--inner-h': `${innerH}px`,
             '--inner-radius': innerRadius,
-            '--icon-size': `${basis * NODE_INNER_ICON_RATIO}px`
+            '--icon-size': `${innerBasis * NODE_INNER_ICON_RATIO}px`
         };
     }, [
         containerWidth,
@@ -290,7 +297,8 @@ const BaseNodeComponent = (props)=>{
         handleAction,
         nodeId: id,
         selected: selected ?? false,
-        showAddButton: 'design' === mode && !multipleNodesSelected,
+        hovered: isHovered,
+        showAddButton: 'design' === mode && !multipleNodesSelected && !isConnecting,
         showNotches,
         nodeWidth: width,
         nodeHeight: height,

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

@@ -55,7 +55,7 @@ const getStatusBorder = (status)=>{
 };
 const BaseContainer = ({ isSelected, isHovered, shape, interactionState, executionStatus, validationStatus, suggestionType, hasFooter, background, loading, children })=>{
     const activeStatus = suggestionType ?? validationStatus ?? executionStatus;
-    const className = (0, external_react_namespaceObject.useMemo)(()=>(0, apollo_wind_namespaceObject.cn)('relative flex items-center cursor-pointer bg-surface-overlay border-2 border-border', 'w-(--node-w) h-(--node-h) rounded-(--node-radius)', 'rectangle' === shape ? 'flex-row justify-start gap-3 p-2' : 'flex-col justify-center', hasFooter && 'flex-wrap', getStatusBorder(activeStatus), !isSelected && isHovered && 'border-foreground-muted', isSelected && 'border-brand', isSelected && isHovered && 'border-foreground-accent-muted', 'disabled' === interactionState && 'opacity-50 cursor-not-allowed', 'drag' === interactionState && 'cursor-grabbing opacity-80'), [
+    const className = (0, external_react_namespaceObject.useMemo)(()=>(0, apollo_wind_namespaceObject.cn)('relative flex items-center cursor-pointer bg-surface-overlay border-2 border-border', 'w-(--node-w) h-(--node-h) rounded-(--node-radius)', 'rectangle' === shape ? 'flex-row justify-start gap-3 p-(--node-gap)' : 'flex-col justify-center', hasFooter && 'flex-wrap', getStatusBorder(activeStatus), !isSelected && isHovered && 'border-foreground-muted', isSelected && 'border-brand', isSelected && isHovered && 'border-foreground-accent-muted', 'disabled' === interactionState && 'opacity-50 cursor-not-allowed', 'drag' === interactionState && 'cursor-grabbing opacity-80'), [
         shape,
         hasFooter,
         activeStatus,

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNodeContainer.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,MAsBF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,kJAY3B,kBAAkB,4CAoCpB,CAAC"}
+{"version":3,"file":"BaseNodeContainer.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNodeContainer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,eAAO,MAAM,eAAe,GAC1B,SAAS,mBAAmB,GAAG,uBAAuB,GAAG,cAAc,KACtE,MAsBF,CAAC;AAEF,UAAU,kBAAkB;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,mBAAmB,CAAC;IACtC,gBAAgB,CAAC,EAAE,uBAAuB,CAAC;IAC3C,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,GAAI,kJAY3B,kBAAkB,4CAsCpB,CAAC"}

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

@@ -26,7 +26,7 @@ const getStatusBorder = (status)=>{
 };
 const BaseContainer = ({ isSelected, isHovered, shape, interactionState, executionStatus, validationStatus, suggestionType, hasFooter, background, loading, children })=>{
     const activeStatus = suggestionType ?? validationStatus ?? executionStatus;
-    const className = useMemo(()=>cn('relative flex items-center cursor-pointer bg-surface-overlay border-2 border-border', 'w-(--node-w) h-(--node-h) rounded-(--node-radius)', 'rectangle' === shape ? 'flex-row justify-start gap-3 p-2' : 'flex-col justify-center', hasFooter && 'flex-wrap', getStatusBorder(activeStatus), !isSelected && isHovered && 'border-foreground-muted', isSelected && 'border-brand', isSelected && isHovered && 'border-foreground-accent-muted', 'disabled' === interactionState && 'opacity-50 cursor-not-allowed', 'drag' === interactionState && 'cursor-grabbing opacity-80'), [
+    const className = useMemo(()=>cn('relative flex items-center cursor-pointer bg-surface-overlay border-2 border-border', 'w-(--node-w) h-(--node-h) rounded-(--node-radius)', 'rectangle' === shape ? 'flex-row justify-start gap-3 p-(--node-gap)' : 'flex-col justify-center', hasFooter && 'flex-wrap', getStatusBorder(activeStatus), !isSelected && isHovered && 'border-foreground-muted', isSelected && 'border-brand', isSelected && isHovered && 'border-foreground-accent-muted', 'disabled' === interactionState && 'opacity-50 cursor-not-allowed', 'drag' === interactionState && 'cursor-grabbing opacity-80'), [
         shape,
         hasFooter,
         activeStatus,

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

@@ -30,7 +30,7 @@ const jsx_runtime_namespaceObject = require("react/jsx-runtime");
 const apollo_wind_namespaceObject = require("@uipath/apollo-wind");
 const external_react_namespaceObject = require("react");
 const BaseInnerShape = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(({ loading, color, background, children })=>/*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: " flex items-center justify-center overflow-hidden bg-surface text-foreground  w-(--inner-size) h-(--inner-size) rounded-(--inner-radius)  [&>svg]:w-(--icon-size) [&>svg]:h-(--icon-size)  [&>img]:w-(--icon-size) [&>img]:h-(--icon-size) [&>img]:object-contain ",
+        className: " flex items-center justify-center overflow-hidden bg-surface text-foreground  w-(--inner-w) h-(--inner-h) rounded-(--inner-radius)  [&>svg]:w-(--icon-size) [&>svg]:h-(--icon-size)  [&>img]:w-(--icon-size) [&>img]:h-(--icon-size) [&>img]:object-contain ",
         style: color || background ? {
             color,
             background

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

@@ -2,7 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { Skeleton } from "@uipath/apollo-wind";
 import { memo } from "react";
 const BaseInnerShape = /*#__PURE__*/ memo(({ loading, color, background, children })=>/*#__PURE__*/ jsx("div", {
-        className: " flex items-center justify-center overflow-hidden bg-surface text-foreground  w-(--inner-size) h-(--inner-size) rounded-(--inner-radius)  [&>svg]:w-(--icon-size) [&>svg]:h-(--icon-size)  [&>img]:w-(--icon-size) [&>img]:h-(--icon-size) [&>img]:object-contain ",
+        className: " flex items-center justify-center overflow-hidden bg-surface text-foreground  w-(--inner-w) h-(--inner-h) rounded-(--inner-radius)  [&>svg]:w-(--icon-size) [&>svg]:h-(--icon-size)  [&>img]:w-(--icon-size) [&>img]:h-(--icon-size) [&>img]:object-contain ",
         style: color || background ? {
             color,
             background