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

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

@@ -31,6 +31,7 @@ const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const index_cjs_namespaceObject = require("../../core/index.cjs");
+const useCanvasNodeLayout_cjs_namespaceObject = require("../../hooks/useCanvasNodeLayout.cjs");
 const usePreviewNode_cjs_namespaceObject = require("../../hooks/usePreviewNode.cjs");
 const createPreviewNode_cjs_namespaceObject = require("../../utils/createPreviewNode.cjs");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../FloatingCanvasPanel/index.cjs");
@@ -39,6 +40,7 @@ const external_AddNodePanel_cjs_namespaceObject = require("./AddNodePanel.cjs");
 const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
     const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
+    const nodeLayout = (0, useCanvasNodeLayout_cjs_namespaceObject.useCanvasNodeLayout)();
     const { previewNode, previewNodeConnectionInfo } = (0, usePreviewNode_cjs_namespaceObject.usePreviewNode)();
     const lastPreviewNodeRef = (0, external_react_namespaceObject.useRef)(null);
     const restoreEdgesRef = (0, external_react_namespaceObject.useRef)(null);
@@ -142,7 +144,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                 edges: placementEdges,
                 previewNode: currentPreviewNode,
                 insertedNode: finalNode,
-                registry,
+                layout: nodeLayout,
                 ignoredNodeTypes
             });
             placedNode = placement.insertedNode;
@@ -170,6 +172,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         previewNodeConnectionInfo,
         reactFlowInstance,
         registry,
+        nodeLayout,
         createNodeData,
         onBeforeNodeAdded,
         onNodeAdded,

package/dist/canvas/components/AddNodePanel/AddNodeManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodeManager.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAKlC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;IAI7E,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAK7F,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,YAAY,CAAC;IAOtE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;QAAE,OAAO,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IAK7F,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAMpF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAyNxD,CAAC"}
+{"version":3,"file":"AddNodeManager.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAE3E,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEzD,MAAM,WAAW,mBAAmB;IAKlC,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,YAAY,CAAC,CAAC,CAAC;IAI7E,YAAY,CAAC,EAAE,OAAO,CAAC;IAIvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;IAK7F,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC,KAAK,YAAY,CAAC;IAOtE,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK;QAAE,OAAO,EAAE,IAAI,CAAC;QAAC,QAAQ,EAAE,IAAI,EAAE,CAAA;KAAE,CAAC;IAK7F,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC;IAMpF,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B;AASD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2NxD,CAAC"}

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

@@ -38,13 +38,6 @@ const TOP_LEVEL_INSERTION_GAP_PX = 5 * external_constants_cjs_namespaceObject.GR
 function getOriginalEdge(previewNode) {
     return previewNode?.data?.originalEdge ?? null;
 }
-function getManifestForNode(registry, node) {
-    return node.type ? registry?.getManifest(node.type) : void 0;
-}
-function getManifestAwareNodeDimensions(registry, node) {
-    const manifest = getManifestForNode(registry, node);
-    return (0, container_cjs_namespaceObject.getNodeDimensions)(node, (0, collapse_cjs_namespaceObject.getExpandedSize)(manifest?.display.shape));
-}
 function getPrimaryPreviewHandlePosition(previewNode, previewConnections) {
     const primaryConnection = previewConnections.find((connection)=>!connection.addNewNodeAsSource) ?? previewConnections[0];
     const handlePosition = primaryConnection?.addNewNodeAsSource ? previewNode.data?.outputHandlePosition : previewNode.data?.inputHandlePosition;
@@ -95,10 +88,7 @@ function alignNodeToPreview(node, previewNode, previewConnections, nodeManifest)
 }
 function resolveScopedCollisions(nodes, insertedNode, options) {
     const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
-    const resolvedSiblings = (0, index_cjs_namespaceObject.resolveCollisions)(siblingNodes, {
-        ignoredNodeTypes: options.ignoredNodeTypes,
-        getNodeSize: options.getNodeSize
-    });
+    const resolvedSiblings = (0, index_cjs_namespaceObject.resolveCollisions)(siblingNodes, options);
     const resolvedSiblingById = new Map(resolvedSiblings.map((node)=>[
             node.id,
             node
@@ -109,16 +99,16 @@ function resolveScopedCollisions(nodes, insertedNode, options) {
         insertedNode: resolvedSiblingById.get(insertedNode.id)
     };
 }
-function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeSize }) {
+function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeDimensions }) {
     const originalEdge = getOriginalEdge(previewNode);
     if (!originalEdge) return null;
     const targetNode = nodes.find((node)=>node.id === originalEdge.target);
     if (!targetNode || targetNode.parentId !== insertedNode.parentId) return null;
-    const insertedSize = getNodeSize(insertedNode);
+    const insertedSize = getNodeDimensions(insertedNode);
     let insertedX = insertedNode.position.x;
     const sourceNode = nodes.find((node)=>node.id === originalEdge.source);
     if (sourceNode && sourceNode.parentId === insertedNode.parentId) {
-        const sourceSize = getNodeSize(sourceNode);
+        const sourceSize = getNodeDimensions(sourceNode);
         const requiredInsertedLeft = sourceNode.position.x + sourceSize.width + TOP_LEVEL_INSERTION_GAP_PX;
         if (insertedX < requiredInsertedLeft) insertedX = (0, NodeUtils_cjs_namespaceObject.snapUpToGrid)(requiredInsertedLeft);
     }
@@ -157,28 +147,27 @@ function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNod
         insertedNode: updatedInsertedNode
     };
 }
-function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes }) {
-    const getDimensions = (node)=>getManifestAwareNodeDimensions(registry, node);
+function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignoredNodeTypes }) {
+    const { getNodeDimensions, isContainerNode, getContainerFitGeometry } = layout;
     const placement = (0, container_cjs_namespaceObject.getContainerPlacement)(previewNode);
     if (placement) {
         const containerNode = nodes.find((node)=>node.id === placement.containerId);
         if (!containerNode) return resolveScopedCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
-        const containerManifest = getManifestForNode(registry, containerNode);
-        if (!(0, container_cjs_namespaceObject.isContainerNodeManifest)(containerManifest)) return resolveScopedCollisions(nodes, insertedNode, {
+        if (!isContainerNode(containerNode)) return resolveScopedCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
         const resolvedNodes = (0, container_cjs_namespaceObject.placeContainerNode)({
             nodes,
             insertedNode,
             placement,
             edges,
-            getNodeDimensions: getDimensions,
+            getNodeDimensions,
             safeArea: (0, container_cjs_namespaceObject.getContainerSafeArea)(containerNode),
-            getContainerFitGeometry: (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(registry, node)) ? (0, container_cjs_namespaceObject.getContainerFitGeometry)() : null,
+            getContainerFitGeometry,
             ignoredNodeTypes
         });
         return {
@@ -191,11 +180,11 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         edges,
         previewNode,
         insertedNode,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     const placementResult = resolveScopedCollisions(shifted?.nodes ?? nodes, shifted?.insertedNode ?? insertedNode, {
         ignoredNodeTypes,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     if (!placementResult.insertedNode.parentId) return placementResult;
     const fittedNodes = (0, container_cjs_namespaceObject.fitContainersAndPushSiblings)({
@@ -203,11 +192,11 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         containerIds: [
             placementResult.insertedNode.parentId
         ],
-        getContainerFitGeometry: (node)=>(0, container_cjs_namespaceObject.isContainerNodeManifest)(getManifestForNode(registry, node)) ? (0, container_cjs_namespaceObject.getContainerFitGeometry)() : null,
-        getNodeDimensions: getDimensions,
+        getContainerFitGeometry,
+        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.d.ts

@@ -1,5 +1,5 @@
 import type { Edge, Node } from '../../xyflow/react.ts';
-import type { NodeTypeRegistry } from '../../core';
+import type { NodeLayout } from '../../hooks/useCanvasNodeLayout';
 import type { PreviewNodeConnectionInfo } from '../../hooks/usePreviewNode';
 import type { NodeManifest } from '../../schema';
 interface AddNodePlacementResult {
@@ -8,12 +8,12 @@ interface AddNodePlacementResult {
 }
 export declare function getOriginalEdge(previewNode: Node | null | undefined): Edge | null;
 export declare function alignNodeToPreview(node: Node, previewNode: Node, previewConnections: PreviewNodeConnectionInfo[], nodeManifest: NodeManifest | undefined): Node;
-export declare function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes, }: {
+export declare function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignoredNodeTypes, }: {
     nodes: Node[];
     edges: Edge[];
     previewNode: Node;
     insertedNode: Node;
-    registry: NodeTypeRegistry | null;
+    layout: NodeLayout;
     ignoredNodeTypes?: string[];
 }): AddNodePlacementResult;
 export {};

package/dist/canvas/components/AddNodePanel/AddNodeManager.helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddNodeManager.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAG3E,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAwBjD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAEjF;AAmCD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,IAAI,EACjB,kBAAkB,EAAE,yBAAyB,EAAE,EAC/C,YAAY,EAAE,YAAY,GAAG,SAAS,GACrC,IAAI,CA2DN;AAqID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAC;IAClC,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,sBAAsB,CAkFzB"}
+{"version":3,"file":"AddNodeManager.helpers.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/AddNodeManager.helpers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,0CAA0C,CAAC;AAG3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAC5E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAsBjD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,YAAY,EAAE,IAAI,CAAC;CACpB;AAMD,wBAAgB,eAAe,CAAC,WAAW,EAAE,IAAI,GAAG,IAAI,GAAG,SAAS,GAAG,IAAI,GAAG,IAAI,CAEjF;AAsBD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,IAAI,EACjB,kBAAkB,EAAE,yBAAyB,EAAE,EAC/C,YAAY,EAAE,YAAY,GAAG,SAAS,GACrC,IAAI,CA2DN;AAkID,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,EACN,gBAAgB,GACjB,EAAE;IACD,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,KAAK,EAAE,IAAI,EAAE,CAAC;IACd,WAAW,EAAE,IAAI,CAAC;IAClB,YAAY,EAAE,IAAI,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC7B,GAAG,sBAAsB,CA0EzB"}

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

@@ -2,27 +2,20 @@ import { Position } from "../../xyflow/react.js";
 import { GRID_SPACING } from "../../constants.js";
 import { resolveCollisions } from "../../utils/index.js";
 import { getExpandedSize } from "../../utils/collapse.js";
-import { CONTAINER_SEQUENCE_GAP_PX, collectLinearDownstreamSiblings, fitContainersAndPushSiblings, getContainerFitGeometry, getContainerPlacement, getContainerSafeArea, getNodeDimensions, isContainerNodeManifest, placeContainerNode } from "../../utils/container.js";
+import { CONTAINER_SEQUENCE_GAP_PX, collectLinearDownstreamSiblings, fitContainersAndPushSiblings, getContainerPlacement, getContainerSafeArea, getNodeDimensions as container_js_getNodeDimensions, placeContainerNode } from "../../utils/container.js";
 import { snapUpToGrid } from "../../utils/NodeUtils.js";
 const TOP_LEVEL_INSERTION_GAP_PX = 5 * GRID_SPACING;
 function getOriginalEdge(previewNode) {
     return previewNode?.data?.originalEdge ?? null;
 }
-function getManifestForNode(registry, node) {
-    return node.type ? registry?.getManifest(node.type) : void 0;
-}
-function getManifestAwareNodeDimensions(registry, node) {
-    const manifest = getManifestForNode(registry, node);
-    return getNodeDimensions(node, getExpandedSize(manifest?.display.shape));
-}
 function getPrimaryPreviewHandlePosition(previewNode, previewConnections) {
     const primaryConnection = previewConnections.find((connection)=>!connection.addNewNodeAsSource) ?? previewConnections[0];
     const handlePosition = primaryConnection?.addNewNodeAsSource ? previewNode.data?.outputHandlePosition : previewNode.data?.inputHandlePosition;
     return handlePosition;
 }
 function alignNodeToPreview(node, previewNode, previewConnections, nodeManifest) {
-    const previewSize = getNodeDimensions(previewNode);
-    const nodeSize = getNodeDimensions(node, getExpandedSize(nodeManifest?.display.shape));
+    const previewSize = container_js_getNodeDimensions(previewNode);
+    const nodeSize = container_js_getNodeDimensions(node, getExpandedSize(nodeManifest?.display.shape));
     if (previewSize.width === nodeSize.width && previewSize.height === nodeSize.height) return node;
     const previewHandlePosition = getPrimaryPreviewHandlePosition(previewNode, previewConnections);
     const previewCenterX = previewNode.position.x + previewSize.width / 2;
@@ -65,10 +58,7 @@ function alignNodeToPreview(node, previewNode, previewConnections, nodeManifest)
 }
 function resolveScopedCollisions(nodes, insertedNode, options) {
     const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
-    const resolvedSiblings = resolveCollisions(siblingNodes, {
-        ignoredNodeTypes: options.ignoredNodeTypes,
-        getNodeSize: options.getNodeSize
-    });
+    const resolvedSiblings = resolveCollisions(siblingNodes, options);
     const resolvedSiblingById = new Map(resolvedSiblings.map((node)=>[
             node.id,
             node
@@ -79,16 +69,16 @@ function resolveScopedCollisions(nodes, insertedNode, options) {
         insertedNode: resolvedSiblingById.get(insertedNode.id)
     };
 }
-function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeSize }) {
+function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNodeDimensions }) {
     const originalEdge = getOriginalEdge(previewNode);
     if (!originalEdge) return null;
     const targetNode = nodes.find((node)=>node.id === originalEdge.target);
     if (!targetNode || targetNode.parentId !== insertedNode.parentId) return null;
-    const insertedSize = getNodeSize(insertedNode);
+    const insertedSize = getNodeDimensions(insertedNode);
     let insertedX = insertedNode.position.x;
     const sourceNode = nodes.find((node)=>node.id === originalEdge.source);
     if (sourceNode && sourceNode.parentId === insertedNode.parentId) {
-        const sourceSize = getNodeSize(sourceNode);
+        const sourceSize = getNodeDimensions(sourceNode);
         const requiredInsertedLeft = sourceNode.position.x + sourceSize.width + TOP_LEVEL_INSERTION_GAP_PX;
         if (insertedX < requiredInsertedLeft) insertedX = snapUpToGrid(requiredInsertedLeft);
     }
@@ -127,28 +117,27 @@ function shiftForEdgeInsertion({ nodes, edges, previewNode, insertedNode, getNod
         insertedNode: updatedInsertedNode
     };
 }
-function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ignoredNodeTypes }) {
-    const getDimensions = (node)=>getManifestAwareNodeDimensions(registry, node);
+function placeAddedNode({ nodes, edges, previewNode, insertedNode, layout, ignoredNodeTypes }) {
+    const { getNodeDimensions, isContainerNode, getContainerFitGeometry } = layout;
     const placement = getContainerPlacement(previewNode);
     if (placement) {
         const containerNode = nodes.find((node)=>node.id === placement.containerId);
         if (!containerNode) return resolveScopedCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
-        const containerManifest = getManifestForNode(registry, containerNode);
-        if (!isContainerNodeManifest(containerManifest)) return resolveScopedCollisions(nodes, insertedNode, {
+        if (!isContainerNode(containerNode)) return resolveScopedCollisions(nodes, insertedNode, {
             ignoredNodeTypes,
-            getNodeSize: getDimensions
+            getNodeDimensions
         });
         const resolvedNodes = placeContainerNode({
             nodes,
             insertedNode,
             placement,
             edges,
-            getNodeDimensions: getDimensions,
+            getNodeDimensions,
             safeArea: getContainerSafeArea(containerNode),
-            getContainerFitGeometry: (node)=>isContainerNodeManifest(getManifestForNode(registry, node)) ? getContainerFitGeometry() : null,
+            getContainerFitGeometry,
             ignoredNodeTypes
         });
         return {
@@ -161,11 +150,11 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         edges,
         previewNode,
         insertedNode,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     const placementResult = resolveScopedCollisions(shifted?.nodes ?? nodes, shifted?.insertedNode ?? insertedNode, {
         ignoredNodeTypes,
-        getNodeSize: getDimensions
+        getNodeDimensions
     });
     if (!placementResult.insertedNode.parentId) return placementResult;
     const fittedNodes = fitContainersAndPushSiblings({
@@ -173,11 +162,11 @@ function placeAddedNode({ nodes, edges, previewNode, insertedNode, registry, ign
         containerIds: [
             placementResult.insertedNode.parentId
         ],
-        getContainerFitGeometry: (node)=>isContainerNodeManifest(getManifestForNode(registry, node)) ? getContainerFitGeometry() : null,
-        getNodeDimensions: getDimensions,
+        getContainerFitGeometry,
+        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/AddNodePanel/AddNodeManager.js

@@ -3,6 +3,7 @@ import { useReactFlow } from "../../xyflow/react.js";
 import { useCallback, useEffect, useRef } from "react";
 import { FLOATING_CANVAS_PANEL_OFFSET, PREVIEW_NODE_ID } from "../../constants.js";
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
+import { useCanvasNodeLayout } from "../../hooks/useCanvasNodeLayout.js";
 import { usePreviewNode } from "../../hooks/usePreviewNode.js";
 import { isPreviewEdge } from "../../utils/createPreviewNode.js";
 import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
@@ -11,6 +12,7 @@ import { AddNodePanel } from "./AddNodePanel.js";
 const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
     const reactFlowInstance = useReactFlow();
     const registry = useOptionalNodeTypeRegistry();
+    const nodeLayout = useCanvasNodeLayout();
     const { previewNode, previewNodeConnectionInfo } = usePreviewNode();
     const lastPreviewNodeRef = useRef(null);
     const restoreEdgesRef = useRef(null);
@@ -114,7 +116,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                 edges: placementEdges,
                 previewNode: currentPreviewNode,
                 insertedNode: finalNode,
-                registry,
+                layout: nodeLayout,
                 ignoredNodeTypes
             });
             placedNode = placement.insertedNode;
@@ -142,6 +144,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
         previewNodeConnectionInfo,
         reactFlowInstance,
         registry,
+        nodeLayout,
         createNodeData,
         onBeforeNodeAdded,
         onNodeAdded,

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/HierarchicalCanvas/HierarchicalCanvas.cjs

@@ -35,6 +35,7 @@ const index_cjs_namespaceObject = require("../../controls/index.cjs");
 const external_core_index_cjs_namespaceObject = require("../../core/index.cjs");
 const useAddNodeOnConnectEnd_cjs_namespaceObject = require("../../hooks/useAddNodeOnConnectEnd.cjs");
 const useCanvasEvents_cjs_namespaceObject = require("../../hooks/useCanvasEvents.cjs");
+const useCanvasNodeLayout_cjs_namespaceObject = require("../../hooks/useCanvasNodeLayout.cjs");
 const animatedViewportManager_cjs_namespaceObject = require("../../stores/animatedViewportManager.cjs");
 const canvasStore_cjs_namespaceObject = require("../../stores/canvasStore.cjs");
 const viewportManager_cjs_namespaceObject = require("../../stores/viewportManager.cjs");
@@ -77,12 +78,6 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
     const lastCanvasIdRef = (0, external_react_namespaceObject.useRef)(null);
     const shouldAnimate = 'design' === mode && !(0, transitions_cjs_namespaceObject.prefersReducedMotion)();
     const nodeManifests = (0, external_core_index_cjs_namespaceObject.useNodeManifests)();
-    const nodeManifestByType = (0, external_react_namespaceObject.useMemo)(()=>new Map(nodeManifests.map((manifest)=>[
-                manifest.nodeType,
-                manifest
-            ])), [
-        nodeManifests
-    ]);
     const nodeTypes = (0, external_react_namespaceObject.useMemo)(()=>nodeManifests.reduce((acc, manifest)=>{
             acc[manifest.nodeType] = (0, external_utils_index_cjs_namespaceObject.isContainerNodeManifest)(manifest) ? external_LoopNode_index_cjs_namespaceObject.LoopCanvasNode : external_BaseNode_index_cjs_namespaceObject.BaseNode;
             return acc;
@@ -91,9 +86,7 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
         }), [
         nodeManifests
     ]);
-    const getManifestForNode = (0, external_react_namespaceObject.useCallback)((node)=>node.type ? nodeManifestByType.get(node.type) : void 0, [
-        nodeManifestByType
-    ]);
+    const { getManifestForNode } = (0, useCanvasNodeLayout_cjs_namespaceObject.useCanvasNodeLayout)();
     const currentCanvas = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectCurrentCanvas);
     const previousCanvas = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectPreviousCanvas);
     const breadcrumbs = (0, canvasStore_cjs_namespaceObject.useCanvasStore)(canvasStore_cjs_namespaceObject.selectBreadcrumbs);

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

@@ -1 +1 @@
-{"version":3,"file":"HierarchicalCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvas.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6B/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAe5D,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAKtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAK9C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAMvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAInE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC;AAyBD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA0ZhE,CAAC"}
+{"version":3,"file":"HierarchicalCanvas.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/HierarchicalCanvas/HierarchicalCanvas.tsx"],"names":[],"mappings":"AAqBA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA8B/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAe5D,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;IAKtC,eAAe,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,CAAC;IAK9C,WAAW,CAAC,EAAE,MAAM,EAAE,CAAC;IAMvB,gBAAgB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,KAAK,IAAI,CAAC;IAInE,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACzC;AAyBD,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CAmZhE,CAAC"}

package/dist/canvas/components/HierarchicalCanvas/HierarchicalCanvas.js

@@ -7,6 +7,7 @@ import { Breadcrumb } from "../../controls/index.js";
 import { useNodeManifests } from "../../core/index.js";
 import { useAddNodeOnConnectEnd } from "../../hooks/useAddNodeOnConnectEnd.js";
 import { useCanvasEvent } from "../../hooks/useCanvasEvents.js";
+import { useCanvasNodeLayout } from "../../hooks/useCanvasNodeLayout.js";
 import { animatedViewportManager } from "../../stores/animatedViewportManager.js";
 import { selectBreadcrumbs, selectCanvasStack, selectCurrentCanvas, selectCurrentPath, selectDrillIntoNode, selectInitializeCanvas, selectInitializeWithData, selectNavigateToDepth, selectNavigateToSiblingCanvas, selectPreviousCanvas, selectTransitionState, selectUpdateEdges, selectUpdateNodes, selectUpdateSelection, selectUpdateViewport, useCanvasStore } from "../../stores/canvasStore.js";
 import { viewportManager } from "../../stores/viewportManager.js";
@@ -49,12 +50,6 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
     const lastCanvasIdRef = useRef(null);
     const shouldAnimate = 'design' === mode && !prefersReducedMotion();
     const nodeManifests = useNodeManifests();
-    const nodeManifestByType = useMemo(()=>new Map(nodeManifests.map((manifest)=>[
-                manifest.nodeType,
-                manifest
-            ])), [
-        nodeManifests
-    ]);
     const nodeTypes = useMemo(()=>nodeManifests.reduce((acc, manifest)=>{
             acc[manifest.nodeType] = isContainerNodeManifest(manifest) ? LoopCanvasNode : BaseNode;
             return acc;
@@ -63,9 +58,7 @@ const HierarchicalCanvas = ({ mode = 'design', initialCanvases, initialPath, onC
         }), [
         nodeManifests
     ]);
-    const getManifestForNode = useCallback((node)=>node.type ? nodeManifestByType.get(node.type) : void 0, [
-        nodeManifestByType
-    ]);
+    const { getManifestForNode } = useCanvasNodeLayout();
     const currentCanvas = useCanvasStore(selectCurrentCanvas);
     const previousCanvas = useCanvasStore(selectPreviousCanvas);
     const breadcrumbs = useCanvasStore(selectBreadcrumbs);

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"}