@uipath/apollo-react 4.14.1 → 4.15.0-pr605.6ea14a7

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

@@ -33,8 +33,87 @@ const external_constants_cjs_namespaceObject = require("../../constants.cjs");
 const index_cjs_namespaceObject = require("../../core/index.cjs");
 const usePreviewNode_cjs_namespaceObject = require("../../hooks/usePreviewNode.cjs");
 const external_utils_index_cjs_namespaceObject = require("../../utils/index.cjs");
+const collapse_cjs_namespaceObject = require("../../utils/collapse.cjs");
+const container_sizing_cjs_namespaceObject = require("../../utils/container-sizing.cjs");
+const manifest_resolver_cjs_namespaceObject = require("../../utils/manifest-resolver.cjs");
 const external_FloatingCanvasPanel_index_cjs_namespaceObject = require("../FloatingCanvasPanel/index.cjs");
+const LoopNode_helpers_cjs_namespaceObject = require("../LoopNode/LoopNode.helpers.cjs");
+const LoopNode_sequence_cjs_namespaceObject = require("../LoopNode/LoopNode.sequence.cjs");
 const external_AddNodePanel_cjs_namespaceObject = require("./AddNodePanel.cjs");
+function getManifestForNode(registry, node) {
+    return node.type ? registry?.getManifest(node.type, (0, manifest_resolver_cjs_namespaceObject.getNodeTypeVersion)(node.data)) : void 0;
+}
+function getManifestAwareNodeDimensions(registry, node) {
+    const manifest = getManifestForNode(registry, node);
+    const expandedShape = (0, collapse_cjs_namespaceObject.getExpandedShape)(manifest?.display.shape);
+    const fallbackDimensions = (0, collapse_cjs_namespaceObject.getExpandedSize)(expandedShape, manifest);
+    return (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(node, fallbackDimensions);
+}
+function getContainerFitGeometry(registry, node) {
+    const manifest = getManifestForNode(registry, node);
+    return (0, LoopNode_helpers_cjs_namespaceObject.isLoopContainerManifest)(manifest) ? (0, LoopNode_helpers_cjs_namespaceObject.getLoopContainerFitGeometry)() : null;
+}
+function centerNodeOnPreview(previewNode, nodeDimensions) {
+    const previewDimensions = (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(previewNode);
+    return {
+        x: previewNode.position.x + (previewDimensions.width - nodeDimensions.width) / 2,
+        y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
+    };
+}
+function centerNodeVerticallyOnPreview(previewNode, nodeDimensions) {
+    const previewDimensions = (0, container_sizing_cjs_namespaceObject.getNodeDimensions)(previewNode);
+    return {
+        x: previewNode.position.x,
+        y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
+    };
+}
+function resolveSiblingCollisions(nodes, insertedNode, options) {
+    const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
+    const resolvedSiblings = (0, external_utils_index_cjs_namespaceObject.resolveCollisions)(siblingNodes, options);
+    const resolvedSiblingsById = new Map(resolvedSiblings.map((node)=>[
+            node.id,
+            node
+        ]));
+    return nodes.map((node)=>resolvedSiblingsById.get(node.id) ?? node);
+}
+function resolveNodePlacement(nodes, insertedNode, registry, ignoredNodeTypes, edges, loopSequencePlacement) {
+    const getNodeSize = (node)=>getManifestAwareNodeDimensions(registry, node);
+    if (!insertedNode.parentId) {
+        const resolvedNodes = (0, external_utils_index_cjs_namespaceObject.resolveCollisions)(nodes, {
+            ignoredNodeTypes,
+            getNodeSize
+        });
+        return {
+            nodes: resolvedNodes,
+            insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
+        };
+    }
+    const loopSequenceNodes = loopSequencePlacement ? (0, LoopNode_sequence_cjs_namespaceObject.resolveLoopSequenceMaterializedNodes)({
+        nodes,
+        edges,
+        insertedNode,
+        placement: loopSequencePlacement,
+        getNodeSize
+    }) : null;
+    let resolvedNodes = loopSequenceNodes;
+    if (!resolvedNodes) resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
+        ignoredNodeTypes,
+        getNodeSize
+    });
+    const fittedNodes = (0, container_sizing_cjs_namespaceObject.ensureContainersFitChildren)(resolvedNodes, {
+        containerIds: [
+            insertedNode.parentId
+        ],
+        getContainerFitGeometry: (node)=>getContainerFitGeometry(registry, node),
+        getNodeDimensions: getNodeSize,
+        ignoredNodeTypes,
+        includeAncestors: true
+    });
+    return {
+        nodes: fittedNodes,
+        insertedNode: fittedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
+    };
+}
 const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
     const registry = (0, index_cjs_namespaceObject.useOptionalNodeTypeRegistry)();
@@ -70,28 +149,39 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
     const handleNodeSelect = (0, external_react_namespaceObject.useCallback)((nodeItem)=>{
         const currentPreviewNode = reactFlowInstance.getNode(external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
         if (!currentPreviewNode || !previewNodeConnectionInfo || 0 === previewNodeConnectionInfo.length) return;
+        const loopSequencePlacement = (0, LoopNode_sequence_cjs_namespaceObject.getLoopSequencePlacementFromPreviewGraph)(currentPreviewNode, previewNodeConnectionInfo);
         const newNodeId = `${nodeItem.data.type}-${Date.now()}`;
         const baseNodeData = createNodeData ? createNodeData(nodeItem) : {
             label: nodeItem.name,
             subLabel: nodeItem.description
         };
-        const nodeData = currentPreviewNode.data?.useSmartHandles ? {
+        const nodeData = {
             ...baseNodeData,
-            useSmartHandles: true
-        } : baseNodeData;
+            ...nodeItem.data.version ? {
+                typeVersion: nodeItem.data.version
+            } : {},
+            ...currentPreviewNode.data?.useSmartHandles ? {
+                useSmartHandles: true
+            } : {}
+        };
         const newNode = {
             id: newNodeId,
             type: nodeItem.data.type,
             position: currentPreviewNode.position,
+            parentId: currentPreviewNode.parentId,
+            extent: currentPreviewNode.extent,
             selected: true,
             data: nodeData
         };
-        const newNodeManifest = registry?.getManifest(nodeItem.data.type);
+        const newNodeManifest = registry?.getManifest(nodeItem.data.type, nodeItem.data.version);
+        const newNodeDimensions = getManifestAwareNodeDimensions(registry, newNode);
+        if (currentPreviewNode.parentId) newNode.position = centerNodeOnPreview(currentPreviewNode, newNodeDimensions);
+        else if ((0, LoopNode_helpers_cjs_namespaceObject.isLoopContainerManifest)(newNodeManifest)) newNode.position = centerNodeVerticallyOnPreview(currentPreviewNode, newNodeDimensions);
         const newEdges = [];
         const previewEdgeIds = [];
         for (const connectionInfoItem of previewNodeConnectionInfo){
             const newNodeHandleType = connectionInfoItem.addNewNodeAsSource ? 'source' : 'target';
-            const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType) : void 0;
+            const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType, nodeItem.data.version) : void 0;
             const newNodeHandleId = newNodeDefaultHandle?.id;
             const edgeSourceTargetData = connectionInfoItem.addNewNodeAsSource ? {
                 source: newNode.id,
@@ -116,6 +206,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
             newNode,
             newEdges
         };
+        let resolvedFinalNode = finalNode;
         reactFlowInstance.setNodes((nodes)=>{
             const newNodes = [
                 ...nodes.filter((n)=>n.id !== external_constants_cjs_namespaceObject.PREVIEW_NODE_ID).map((n)=>({
@@ -124,9 +215,9 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                     })),
                 finalNode
             ];
-            return (0, external_utils_index_cjs_namespaceObject.resolveCollisions)(newNodes, {
-                ignoredNodeTypes
-            });
+            const placement = resolveNodePlacement(newNodes, finalNode, registry, ignoredNodeTypes, reactFlowInstance.getEdges(), loopSequencePlacement);
+            resolvedFinalNode = placement.insertedNode;
+            return placement.nodes;
         });
         reactFlowInstance.setEdges((edges)=>[
                 ...edges.filter((e)=>!previewEdgeIds.includes(e.id)),
@@ -134,7 +225,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
             ]);
         const [firstConnection] = previewNodeConnectionInfo;
         if (firstConnection) {
-            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source')?.id : firstConnection.existingHandleId;
+            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source', nodeItem.data.version)?.id : firstConnection.existingHandleId;
             const firstEdgeData = firstConnection.addNewNodeAsSource ? {
                 source: finalNode.id,
                 sourceHandle: firstEdgeSourceHandle ?? 'output'
@@ -142,7 +233,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                 source: firstConnection.existingNodeId,
                 sourceHandle: firstConnection.existingHandleId
             };
-            onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle, finalNode);
+            onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle, resolvedFinalNode);
         }
         restoreEdgesRef.current = null;
         handleClose();

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;AAC3C,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,CAqMxD,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;AAS/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAQhD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,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;AAuHD,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiOxD,CAAC"}

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

@@ -5,8 +5,87 @@ import { FLOATING_CANVAS_PANEL_OFFSET, PREVIEW_NODE_ID } from "../../constants.j
 import { useOptionalNodeTypeRegistry } from "../../core/index.js";
 import { usePreviewNode } from "../../hooks/usePreviewNode.js";
 import { resolveCollisions } from "../../utils/index.js";
+import { getExpandedShape, getExpandedSize } from "../../utils/collapse.js";
+import { ensureContainersFitChildren, getNodeDimensions } from "../../utils/container-sizing.js";
+import { getNodeTypeVersion } from "../../utils/manifest-resolver.js";
 import { FloatingCanvasPanel } from "../FloatingCanvasPanel/index.js";
+import { getLoopContainerFitGeometry, isLoopContainerManifest } from "../LoopNode/LoopNode.helpers.js";
+import { getLoopSequencePlacementFromPreviewGraph, resolveLoopSequenceMaterializedNodes } from "../LoopNode/LoopNode.sequence.js";
 import { AddNodePanel } from "./AddNodePanel.js";
+function getManifestForNode(registry, node) {
+    return node.type ? registry?.getManifest(node.type, getNodeTypeVersion(node.data)) : void 0;
+}
+function getManifestAwareNodeDimensions(registry, node) {
+    const manifest = getManifestForNode(registry, node);
+    const expandedShape = getExpandedShape(manifest?.display.shape);
+    const fallbackDimensions = getExpandedSize(expandedShape, manifest);
+    return getNodeDimensions(node, fallbackDimensions);
+}
+function getContainerFitGeometry(registry, node) {
+    const manifest = getManifestForNode(registry, node);
+    return isLoopContainerManifest(manifest) ? getLoopContainerFitGeometry() : null;
+}
+function centerNodeOnPreview(previewNode, nodeDimensions) {
+    const previewDimensions = getNodeDimensions(previewNode);
+    return {
+        x: previewNode.position.x + (previewDimensions.width - nodeDimensions.width) / 2,
+        y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
+    };
+}
+function centerNodeVerticallyOnPreview(previewNode, nodeDimensions) {
+    const previewDimensions = getNodeDimensions(previewNode);
+    return {
+        x: previewNode.position.x,
+        y: previewNode.position.y + (previewDimensions.height - nodeDimensions.height) / 2
+    };
+}
+function resolveSiblingCollisions(nodes, insertedNode, options) {
+    const siblingNodes = nodes.filter((node)=>node.parentId === insertedNode.parentId);
+    const resolvedSiblings = resolveCollisions(siblingNodes, options);
+    const resolvedSiblingsById = new Map(resolvedSiblings.map((node)=>[
+            node.id,
+            node
+        ]));
+    return nodes.map((node)=>resolvedSiblingsById.get(node.id) ?? node);
+}
+function resolveNodePlacement(nodes, insertedNode, registry, ignoredNodeTypes, edges, loopSequencePlacement) {
+    const getNodeSize = (node)=>getManifestAwareNodeDimensions(registry, node);
+    if (!insertedNode.parentId) {
+        const resolvedNodes = resolveCollisions(nodes, {
+            ignoredNodeTypes,
+            getNodeSize
+        });
+        return {
+            nodes: resolvedNodes,
+            insertedNode: resolvedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
+        };
+    }
+    const loopSequenceNodes = loopSequencePlacement ? resolveLoopSequenceMaterializedNodes({
+        nodes,
+        edges,
+        insertedNode,
+        placement: loopSequencePlacement,
+        getNodeSize
+    }) : null;
+    let resolvedNodes = loopSequenceNodes;
+    if (!resolvedNodes) resolvedNodes = resolveSiblingCollisions(nodes, insertedNode, {
+        ignoredNodeTypes,
+        getNodeSize
+    });
+    const fittedNodes = ensureContainersFitChildren(resolvedNodes, {
+        containerIds: [
+            insertedNode.parentId
+        ],
+        getContainerFitGeometry: (node)=>getContainerFitGeometry(registry, node),
+        getNodeDimensions: getNodeSize,
+        ignoredNodeTypes,
+        includeAncestors: true
+    });
+    return {
+        nodes: fittedNodes,
+        insertedNode: fittedNodes.find((node)=>node.id === insertedNode.id) ?? insertedNode
+    };
+}
 const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData, onBeforeNodeAdded, onNodeAdded, ignoredNodeTypes })=>{
     const reactFlowInstance = useReactFlow();
     const registry = useOptionalNodeTypeRegistry();
@@ -42,28 +121,39 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
     const handleNodeSelect = useCallback((nodeItem)=>{
         const currentPreviewNode = reactFlowInstance.getNode(PREVIEW_NODE_ID);
         if (!currentPreviewNode || !previewNodeConnectionInfo || 0 === previewNodeConnectionInfo.length) return;
+        const loopSequencePlacement = getLoopSequencePlacementFromPreviewGraph(currentPreviewNode, previewNodeConnectionInfo);
         const newNodeId = `${nodeItem.data.type}-${Date.now()}`;
         const baseNodeData = createNodeData ? createNodeData(nodeItem) : {
             label: nodeItem.name,
             subLabel: nodeItem.description
         };
-        const nodeData = currentPreviewNode.data?.useSmartHandles ? {
+        const nodeData = {
             ...baseNodeData,
-            useSmartHandles: true
-        } : baseNodeData;
+            ...nodeItem.data.version ? {
+                typeVersion: nodeItem.data.version
+            } : {},
+            ...currentPreviewNode.data?.useSmartHandles ? {
+                useSmartHandles: true
+            } : {}
+        };
         const newNode = {
             id: newNodeId,
             type: nodeItem.data.type,
             position: currentPreviewNode.position,
+            parentId: currentPreviewNode.parentId,
+            extent: currentPreviewNode.extent,
             selected: true,
             data: nodeData
         };
-        const newNodeManifest = registry?.getManifest(nodeItem.data.type);
+        const newNodeManifest = registry?.getManifest(nodeItem.data.type, nodeItem.data.version);
+        const newNodeDimensions = getManifestAwareNodeDimensions(registry, newNode);
+        if (currentPreviewNode.parentId) newNode.position = centerNodeOnPreview(currentPreviewNode, newNodeDimensions);
+        else if (isLoopContainerManifest(newNodeManifest)) newNode.position = centerNodeVerticallyOnPreview(currentPreviewNode, newNodeDimensions);
         const newEdges = [];
         const previewEdgeIds = [];
         for (const connectionInfoItem of previewNodeConnectionInfo){
             const newNodeHandleType = connectionInfoItem.addNewNodeAsSource ? 'source' : 'target';
-            const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType) : void 0;
+            const newNodeDefaultHandle = newNodeManifest ? registry?.getDefaultHandle(newNodeManifest.nodeType, newNodeHandleType, nodeItem.data.version) : void 0;
             const newNodeHandleId = newNodeDefaultHandle?.id;
             const edgeSourceTargetData = connectionInfoItem.addNewNodeAsSource ? {
                 source: newNode.id,
@@ -88,6 +178,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
             newNode,
             newEdges
         };
+        let resolvedFinalNode = finalNode;
         reactFlowInstance.setNodes((nodes)=>{
             const newNodes = [
                 ...nodes.filter((n)=>n.id !== PREVIEW_NODE_ID).map((n)=>({
@@ -96,9 +187,9 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                     })),
                 finalNode
             ];
-            return resolveCollisions(newNodes, {
-                ignoredNodeTypes
-            });
+            const placement = resolveNodePlacement(newNodes, finalNode, registry, ignoredNodeTypes, reactFlowInstance.getEdges(), loopSequencePlacement);
+            resolvedFinalNode = placement.insertedNode;
+            return placement.nodes;
         });
         reactFlowInstance.setEdges((edges)=>[
                 ...edges.filter((e)=>!previewEdgeIds.includes(e.id)),
@@ -106,7 +197,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
             ]);
         const [firstConnection] = previewNodeConnectionInfo;
         if (firstConnection) {
-            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source')?.id : firstConnection.existingHandleId;
+            const firstEdgeSourceHandle = firstConnection.addNewNodeAsSource ? newNodeManifest && registry?.getDefaultHandle(newNodeManifest.nodeType, 'source', nodeItem.data.version)?.id : firstConnection.existingHandleId;
             const firstEdgeData = firstConnection.addNewNodeAsSource ? {
                 source: finalNode.id,
                 sourceHandle: firstEdgeSourceHandle ?? 'output'
@@ -114,7 +205,7 @@ const AddNodeManager = ({ initializing, customPanel: CustomPanel, createNodeData
                 source: firstConnection.existingNodeId,
                 sourceHandle: firstConnection.existingHandleId
             };
-            onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle, finalNode);
+            onNodeAdded?.(firstEdgeData.source, firstEdgeData.sourceHandle, resolvedFinalNode);
         }
         restoreEdgesRef.current = null;
         handleClose();

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

@@ -27,10 +27,34 @@ __webpack_require__.d(__webpack_exports__, {
     createAddNodePreview: ()=>createAddNodePreview
 });
 const react_cjs_namespaceObject = require("../../xyflow/react.cjs");
-const createPreviewNode_cjs_namespaceObject = require("../../utils/createPreviewNode.cjs");
+const createPreviewGraph_cjs_namespaceObject = require("../../utils/createPreviewGraph.cjs");
+const LoopNode_sequence_cjs_namespaceObject = require("../LoopNode/LoopNode.sequence.cjs");
 function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = react_cjs_namespaceObject.Position.Right, sourceHandleType = 'source', ignoredNodeTypes = []) {
-    const preview = (0, createPreviewNode_cjs_namespaceObject.createPreviewNode)(sourceNodeId, sourceHandleId, reactFlowInstance, void 0, void 0, sourceHandleType, void 0, handlePosition, ignoredNodeTypes);
-    if (preview) (0, createPreviewNode_cjs_namespaceObject.applyPreviewToReactFlow)(preview, reactFlowInstance);
+    if ('source' === sourceHandleType) {
+        const loopPreview = (0, LoopNode_sequence_cjs_namespaceObject.resolveLoopAddNodePreview)({
+            sourceNodeId,
+            sourceHandleId,
+            reactFlowInstance
+        });
+        if ('skip' === loopPreview.action) return;
+        if ('create-preview' === loopPreview.action) return void (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
+            sourceNodeId,
+            sourceHandleId,
+            reactFlowInstance,
+            sourceHandleType,
+            handlePosition,
+            ignoredNodeTypes,
+            ...loopPreview.previewGraphOptions
+        });
+    }
+    (0, createPreviewGraph_cjs_namespaceObject.showPreviewGraph)({
+        sourceNodeId,
+        sourceHandleId,
+        reactFlowInstance,
+        sourceHandleType,
+        handlePosition,
+        ignoredNodeTypes
+    });
 }
 exports.createAddNodePreview = __webpack_exports__.createAddNodePreview;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

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

@@ -1 +1 @@
-{"version":3,"file":"createAddNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/createAddNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAa5F,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,gBAAgB,GAAE,MAAM,EAAO,GAC9B,IAAI,CAiBN"}
+{"version":3,"file":"createAddNodePreview.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AddNodePanel/createAddNodePreview.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,KAAK,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAc5F,wBAAgB,oBAAoB,CAClC,YAAY,EAAE,MAAM,EACpB,cAAc,EAAE,MAAM,EACtB,iBAAiB,EAAE,iBAAiB,EACpC,cAAc,GAAE,QAAyB,EACzC,gBAAgB,GAAE,QAAQ,GAAG,QAAmB,EAChD,gBAAgB,GAAE,MAAM,EAAO,GAC9B,IAAI,CAkCN"}

package/dist/canvas/components/AddNodePanel/createAddNodePreview.js

@@ -1,7 +1,31 @@
 import { Position } from "../../xyflow/react.js";
-import { applyPreviewToReactFlow, createPreviewNode } from "../../utils/createPreviewNode.js";
+import { showPreviewGraph } from "../../utils/createPreviewGraph.js";
+import { resolveLoopAddNodePreview } from "../LoopNode/LoopNode.sequence.js";
 function createAddNodePreview(sourceNodeId, sourceHandleId, reactFlowInstance, handlePosition = Position.Right, sourceHandleType = 'source', ignoredNodeTypes = []) {
-    const preview = createPreviewNode(sourceNodeId, sourceHandleId, reactFlowInstance, void 0, void 0, sourceHandleType, void 0, handlePosition, ignoredNodeTypes);
-    if (preview) applyPreviewToReactFlow(preview, reactFlowInstance);
+    if ('source' === sourceHandleType) {
+        const loopPreview = resolveLoopAddNodePreview({
+            sourceNodeId,
+            sourceHandleId,
+            reactFlowInstance
+        });
+        if ('skip' === loopPreview.action) return;
+        if ('create-preview' === loopPreview.action) return void showPreviewGraph({
+            sourceNodeId,
+            sourceHandleId,
+            reactFlowInstance,
+            sourceHandleType,
+            handlePosition,
+            ignoredNodeTypes,
+            ...loopPreview.previewGraphOptions
+        });
+    }
+    showPreviewGraph({
+        sourceNodeId,
+        sourceHandleId,
+        reactFlowInstance,
+        sourceHandleType,
+        handlePosition,
+        ignoredNodeTypes
+    });
 }
 export { createAddNodePreview };

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

@@ -77,6 +77,7 @@ export declare const agentFlowManifest: {
                 } | undefined;
                 isDefaultForType?: boolean | undefined;
             }[];
+            boundary?: "outer" | "inner" | undefined;
             customPositionAndOffsets?: {
                 height?: number | undefined;
                 width?: number | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"agent-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/agent-flow.manifest.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAmBjD,CAAC;AAMF,eAAO,MAAM,2BAA2B,EAAE,YAsDzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,YAqDrC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,YAwBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAwBlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,YAwBxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,YAwBpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAMF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa7B,CAAC"}
+{"version":3,"file":"agent-flow.manifest.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/AgentCanvas/agent-flow.manifest.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAMnF,eAAO,MAAM,mBAAmB,EAAE,gBAAgB,EAmBjD,CAAC;AAMF,eAAO,MAAM,2BAA2B,EAAE,YAsDzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,YAqDrC,CAAC;AAMF,eAAO,MAAM,uBAAuB,EAAE,YAwBrC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,YAwBlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAEF,eAAO,MAAM,0BAA0B,EAAE,YAwBxC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,YAwBpC,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAwBjC,CAAC;AAMF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAa7B,CAAC"}

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

@@ -24,6 +24,7 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    selectIsConnecting: ()=>selectIsConnecting,
     BaseNode: ()=>BaseNode
 });
 const jsx_runtime_namespaceObject = require("react/jsx-runtime");
@@ -69,7 +70,8 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
     return height || external_constants_cjs_namespaceObject.NODE_HEIGHT_DEFAULT;
 };
 const BaseNodeComponent = (props)=>{
-    const { type, data, selected, id, dragging, width, height } = props;
+    const { type, data, selected, id, dragging, width, height, parentId } = props;
+    const nodeVersion = (0, manifest_resolver_cjs_namespaceObject.getNodeTypeVersion)(data);
     const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = (0, external_BaseNodeConfigContext_cjs_namespaceObject.useBaseNodeOverrideConfig)();
     const updateNodeInternals = (0, react_cjs_namespaceObject.useUpdateNodeInternals)();
     const { updateNodeData, updateNode } = (0, react_cjs_namespaceObject.useReactFlow)();
@@ -87,9 +89,10 @@ const BaseNodeComponent = (props)=>{
     const isConnecting = (0, react_cjs_namespaceObject.useStore)(selectIsConnecting);
     const { multipleNodesSelected } = (0, SelectionStateContext_cjs_namespaceObject.useSelectionState)();
     const { isDarkMode } = (0, CanvasThemeContext_cjs_namespaceObject.useCanvasTheme)();
-    const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type), [
+    const manifest = (0, external_react_namespaceObject.useMemo)(()=>nodeTypeRegistry.getManifest(type, nodeVersion), [
         type,
-        nodeTypeRegistry
+        nodeTypeRegistry,
+        nodeVersion
     ]);
     const statusContext = (0, external_react_namespaceObject.useMemo)(()=>({
             nodeId: id,
@@ -340,7 +343,8 @@ const BaseNodeComponent = (props)=>{
         showNotches,
         nodeWidth: width,
         nodeHeight: height,
-        shouldShowAddButtonFn
+        shouldShowAddButtonFn,
+        portalActions: !!parentId
     });
     const smartHandleElements = (0, external_react_namespaceObject.useMemo)(()=>{
         if (!useSmartHandles) return null;
@@ -485,8 +489,10 @@ const BaseNodeComponent = (props)=>{
 };
 const BaseNode = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(BaseNodeComponent);
 exports.BaseNode = __webpack_exports__.BaseNode;
+exports.selectIsConnecting = __webpack_exports__.selectIsConnecting;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "BaseNode"
+    "BaseNode",
+    "selectIsConnecting"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

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

@@ -1,4 +1,5 @@
-import type { Node, NodeProps } from '../../xyflow/react.ts';
+import type { Node, NodeProps, ReactFlowState } from '../../xyflow/react.ts';
 import type { BaseNodeData } from './BaseNode.types';
+export declare const selectIsConnecting: (state: ReactFlowState) => boolean;
 export declare const BaseNode: import("react").MemoExoticComponent<(props: NodeProps<Node<BaseNodeData>>) => import("react/jsx-runtime").JSX.Element>;
 //# sourceMappingURL=BaseNode.d.ts.map

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;AAsChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AA+nB1B,eAAO,MAAM,QAAQ,8CAllBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAklBhB,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,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAsChG,OAAO,KAAK,EACV,YAAY,EAIb,MAAM,kBAAkB,CAAC;AAa1B,eAAO,MAAM,kBAAkB,GAAI,OAAO,cAAc,YAAkC,CAAC;AAunB3F,eAAO,MAAM,QAAQ,8CAvlBa,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,6CAulBhB,CAAC"}

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

@@ -6,7 +6,7 @@ import { useNodeTypeRegistry } from "../../core/index.js";
 import { useElementValidationStatus, useNodeExecutionState } from "../../hooks/index.js";
 import { resolveAdornments } from "../../utils/adornment-resolver.js";
 import { getIcon } from "../../utils/icon-registry.js";
-import { resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
+import { getNodeTypeVersion, resolveDisplay, resolveHandles } from "../../utils/manifest-resolver.js";
 import { resolveToolbar } from "../../utils/toolbar-resolver.js";
 import { useBaseCanvasMode } from "../BaseCanvas/BaseCanvasModeProvider.js";
 import { useCanvasTheme } from "../BaseCanvas/CanvasThemeContext.js";
@@ -41,7 +41,8 @@ const getContainerHeight = (height, hasFooter, footerVariant)=>{
     return height || NODE_HEIGHT_DEFAULT;
 };
 const BaseNodeComponent = (props)=>{
-    const { type, data, selected, id, dragging, width, height } = props;
+    const { type, data, selected, id, dragging, width, height, parentId } = props;
+    const nodeVersion = getNodeTypeVersion(data);
     const { onHandleAction: onHandleActionProp, shouldShowAddButtonFn: shouldShowAddButtonFnProp, shouldShowButtonHandleNotchesFn: shouldShowButtonHandleNotchesFnProp, toolbarConfig: toolbarConfigProp, handleConfigurations: handleConfigurationsProp, adornments: adornmentsProp, suggestionType, disabled, executionStatusOverride, labelTooltip, labelBackgroundColor, footerVariant, footerComponent, subLabelComponent, iconComponent } = useBaseNodeOverrideConfig();
     const updateNodeInternals = useUpdateNodeInternals();
     const { updateNodeData, updateNode } = useReactFlow();
@@ -59,9 +60,10 @@ const BaseNodeComponent = (props)=>{
     const isConnecting = useStore(selectIsConnecting);
     const { multipleNodesSelected } = useSelectionState();
     const { isDarkMode } = useCanvasTheme();
-    const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type), [
+    const manifest = useMemo(()=>nodeTypeRegistry.getManifest(type, nodeVersion), [
         type,
-        nodeTypeRegistry
+        nodeTypeRegistry,
+        nodeVersion
     ]);
     const statusContext = useMemo(()=>({
             nodeId: id,
@@ -312,7 +314,8 @@ const BaseNodeComponent = (props)=>{
         showNotches,
         nodeWidth: width,
         nodeHeight: height,
-        shouldShowAddButtonFn
+        shouldShowAddButtonFn,
+        portalActions: !!parentId
     });
     const smartHandleElements = useMemo(()=>{
         if (!useSmartHandles) return null;
@@ -456,4 +459,4 @@ const BaseNodeComponent = (props)=>{
     return nodeContent;
 };
 const BaseNode = /*#__PURE__*/ memo(BaseNodeComponent);
-export { BaseNode };
+export { BaseNode, selectIsConnecting };

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

@@ -3,6 +3,9 @@ import type { ExecutionState } from '../../types/execution';
 import type { ValidationState } from '../../types/validation';
 export type FooterVariant = 'none' | 'button' | 'single' | 'double';
 export interface BaseNodeData extends Record<string, unknown> {
+    nodeType?: string;
+    typeVersion?: string;
+    parameters?: Record<string, unknown>;
     display?: {
         label?: string;
         subLabel?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;IAM1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAOtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
+{"version":3,"file":"BaseNode.types.d.ts","sourceRoot":"","sources":["../../../../src/canvas/components/BaseNode/BaseNode.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAEpE,MAAM,WAAW,YAAa,SAAQ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC;IAC3D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAErC,OAAO,CAAC,EAAE;QACR,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,KAAK,CAAC,EAAE,SAAS,CAAC;QAClB,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,UAAU,CAAC,EAAE,MAAM,CAAC;QACpB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IAOF,eAAe,CAAC,EAAE,OAAO,CAAC;IAM1B,WAAW,CAAC,EAAE,OAAO,CAAC;IAOtB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,cAAc;IAC7B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC/B;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,eAAe,CAAC,EAAE,eAAe,CAAC;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}