@uipath/apollo-react 4.15.0 → 4.15.1-pr556.f7e5934

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.cjs

@@ -32,6 +32,7 @@ const react_namespaceObject = require("motion/react");
 const external_react_namespaceObject = require("react");
 const icon_registry_cjs_namespaceObject = require("../../../utils/icon-registry.cjs");
 const external_CanvasTooltip_cjs_namespaceObject = require("../../CanvasTooltip.cjs");
+const external_NodeViewportOverlay_cjs_namespaceObject = require("../../NodeViewportOverlay.cjs");
 const index_cjs_namespaceObject = require("../shared/index.cjs");
 const external_NodeToolbar_utils_cjs_namespaceObject = require("./NodeToolbar.utils.cjs");
 const external_useToolbarState_cjs_namespaceObject = require("./useToolbarState.cjs");
@@ -58,11 +59,11 @@ const CONTAINER_DIRECTION_CLASS = {
 const SEPARATOR_BASE_CLASS = 'flex-[0_0_auto] bg-(--canvas-background-overlay) self-center';
 const SEPARATOR_VERTICAL_CLASS = 'w-px h-5';
 const SEPARATOR_HORIZONTAL_CLASS = 'w-full h-px';
-const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 z-[1000] pointer-events-auto";
+const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 pointer-events-auto";
 const DROPDOWN_ITEM_BASE_CLASS = "flex items-center gap-3 w-full py-2 px-3 bg-transparent border-none rounded-[4px] text-sm text-(--canvas-foreground) text-left [transition:background_0.15s_ease] enabled:hover:bg-(--canvas-background-hover) future:enabled:hover:bg-(--canvas-background-overlay) [&>svg]:shrink-0 [&>svg]:text-(--canvas-foreground)";
 const DROPDOWN_ITEM_DISABLED_CLASS = 'cursor-not-allowed opacity-40 pointer-events-none';
 const DROPDOWN_ITEM_ENABLED_CLASS = 'cursor-pointer opacity-100';
-const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar })=>{
+const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar, portalToNodeOverlay })=>{
     const { isDropdownOpen, setIsDropdownOpen, dropdownRef, buttonRef, actionsToDisplay, displayState, shouldShowOverflow, overflowActionsToDisplay, separatorOrientation, toggleDropdown } = (0, external_useToolbarState_cjs_namespaceObject.useToolbarState)({
         config,
         expanded,
@@ -117,7 +118,7 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar
         displayState
     ]);
     if (0 === config.actions.length && (!config.overflowActions || 0 === config.overflowActions.length)) return null;
-    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
+    const toolbarContent = /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(react_namespaceObject.AnimatePresence, {
         children: 'hidden' !== displayState && /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
             className: positionerClassName,
             style: offsetStyle,
@@ -233,6 +234,12 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar
             })
         })
     });
+    if (portalToNodeOverlay) return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_NodeViewportOverlay_cjs_namespaceObject.NodeViewportOverlay, {
+        nodeId: nodeId,
+        layer: "nodeToolbar",
+        children: toolbarContent
+    });
+    return toolbarContent;
 };
 const NodeToolbar = /*#__PURE__*/ (0, external_react_namespaceObject.memo)(NodeToolbarComponent);
 exports.NodeToolbar = __webpack_exports__.NodeToolbar;

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts

@@ -1,3 +1,3 @@
 import type { NodeToolbarProps } from './NodeToolbar.types';
-export declare const NodeToolbar: import("react").MemoExoticComponent<({ nodeId, config, expanded, hidden, offsetToolbar, }: NodeToolbarProps) => import("react/jsx-runtime").JSX.Element | null>;
+export declare const NodeToolbar: import("react").MemoExoticComponent<({ nodeId, config, expanded, hidden, offsetToolbar, portalToNodeOverlay, }: NodeToolbarProps) => import("react/jsx-runtime").JSX.Element | null>;
 //# sourceMappingURL=NodeToolbar.d.ts.map

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AA8O5D,eAAO,MAAM,WAAW,6FAhLrB,gBAAgB,oDAgLkC,CAAC"}
+{"version":3,"file":"NodeToolbar.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAyP5D,eAAO,MAAM,WAAW,kHA1LrB,gBAAgB,oDA0LkC,CAAC"}

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.js

@@ -4,6 +4,7 @@ import { AnimatePresence, motion } from "motion/react";
 import { memo, useMemo } from "react";
 import { CanvasIcon } from "../../../utils/icon-registry.js";
 import { CanvasTooltip } from "../../CanvasTooltip.js";
+import { NodeViewportOverlay } from "../../NodeViewportOverlay.js";
 import { ToolbarButton, ToolbarIconButton } from "../shared/index.js";
 import { isSeparator } from "./NodeToolbar.utils.js";
 import { useToolbarState } from "./useToolbarState.js";
@@ -30,11 +31,11 @@ const CONTAINER_DIRECTION_CLASS = {
 const SEPARATOR_BASE_CLASS = 'flex-[0_0_auto] bg-(--canvas-background-overlay) self-center';
 const SEPARATOR_VERTICAL_CLASS = 'w-px h-5';
 const SEPARATOR_HORIZONTAL_CLASS = 'w-full h-px';
-const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 z-[1000] pointer-events-auto";
+const DROPDOWN_MENU_CLASS = "absolute top-[-2px] left-[calc(100%+4px)] min-w-[180px] bg-(--canvas-background-raised) border border-(--canvas-background-overlay) rounded-md shadow-[0_4px_12px_rgba(0,0,0,0.08),0_2px_4px_rgba(0,0,0,0.04)] p-1 pointer-events-auto";
 const DROPDOWN_ITEM_BASE_CLASS = "flex items-center gap-3 w-full py-2 px-3 bg-transparent border-none rounded-[4px] text-sm text-(--canvas-foreground) text-left [transition:background_0.15s_ease] enabled:hover:bg-(--canvas-background-hover) future:enabled:hover:bg-(--canvas-background-overlay) [&>svg]:shrink-0 [&>svg]:text-(--canvas-foreground)";
 const DROPDOWN_ITEM_DISABLED_CLASS = 'cursor-not-allowed opacity-40 pointer-events-none';
 const DROPDOWN_ITEM_ENABLED_CLASS = 'cursor-pointer opacity-100';
-const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar })=>{
+const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar, portalToNodeOverlay })=>{
     const { isDropdownOpen, setIsDropdownOpen, dropdownRef, buttonRef, actionsToDisplay, displayState, shouldShowOverflow, overflowActionsToDisplay, separatorOrientation, toggleDropdown } = useToolbarState({
         config,
         expanded,
@@ -89,7 +90,7 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar
         displayState
     ]);
     if (0 === config.actions.length && (!config.overflowActions || 0 === config.overflowActions.length)) return null;
-    return /*#__PURE__*/ jsx(AnimatePresence, {
+    const toolbarContent = /*#__PURE__*/ jsx(AnimatePresence, {
         children: 'hidden' !== displayState && /*#__PURE__*/ jsx("div", {
             className: positionerClassName,
             style: offsetStyle,
@@ -205,6 +206,12 @@ const NodeToolbarComponent = ({ nodeId, config, expanded, hidden, offsetToolbar
             })
         })
     });
+    if (portalToNodeOverlay) return /*#__PURE__*/ jsx(NodeViewportOverlay, {
+        nodeId: nodeId,
+        layer: "nodeToolbar",
+        children: toolbarContent
+    });
+    return toolbarContent;
 };
 const NodeToolbar = /*#__PURE__*/ memo(NodeToolbarComponent);
 export { NodeToolbar };

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts

@@ -12,5 +12,6 @@ export interface NodeToolbarProps {
     expanded: boolean;
     hidden?: boolean;
     offsetToolbar?: boolean;
+    portalToNodeOverlay?: boolean;
 }
 //# sourceMappingURL=NodeToolbar.types.d.ts.map

package/dist/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NodeToolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
+{"version":3,"file":"NodeToolbar.types.d.ts","sourceRoot":"","sources":["../../../../../src/canvas/components/Toolbar/NodeToolbar/NodeToolbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,OAAO,EAAE,aAAa,EAAE,CAAC;IACzB,eAAe,CAAC,EAAE,aAAa,EAAE,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IAC/C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;CACpC;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,iBAAiB,CAAC;IAC1B,QAAQ,EAAE,OAAO,CAAC;IAElB,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B"}

package/dist/canvas/components/index.cjs

@@ -36,6 +36,9 @@ var __webpack_modules__ = {
     "./HierarchicalCanvas" (module) {
         module.exports = require("./HierarchicalCanvas/index.cjs");
     },
+    "./LoopNode?4ffc" (module) {
+        module.exports = require("./LoopNode/index.cjs");
+    },
     "./MiniCanvasNavigator?564d" (module) {
         module.exports = require("./MiniCanvasNavigator/index.cjs");
     },
@@ -158,45 +161,49 @@ var __webpack_exports__ = {};
     var __rspack_reexport = {};
     for(const __rspack_import_key in _HierarchicalCanvas__rspack_import_11)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_HierarchicalCanvas__rspack_import_11[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _MiniCanvasNavigator__rspack_import_12 = __webpack_require__("./MiniCanvasNavigator?564d");
+    var _LoopNode__rspack_import_12 = __webpack_require__("./LoopNode?4ffc");
+    var __rspack_reexport = {};
+    for(const __rspack_import_key in _LoopNode__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_LoopNode__rspack_import_12[__rspack_import_key];
+    __webpack_require__.d(__webpack_exports__, __rspack_reexport);
+    var _MiniCanvasNavigator__rspack_import_13 = __webpack_require__("./MiniCanvasNavigator?564d");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_12)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_12[__rspack_import_key];
+    for(const __rspack_import_key in _MiniCanvasNavigator__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_MiniCanvasNavigator__rspack_import_13[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodeContextMenu__rspack_import_13 = __webpack_require__("./NodeContextMenu");
+    var _NodeContextMenu__rspack_import_14 = __webpack_require__("./NodeContextMenu");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodeContextMenu__rspack_import_13)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_13[__rspack_import_key];
+    for(const __rspack_import_key in _NodeContextMenu__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeContextMenu__rspack_import_14[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodeInspector__rspack_import_14 = __webpack_require__("./NodeInspector");
+    var _NodeInspector__rspack_import_15 = __webpack_require__("./NodeInspector");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodeInspector__rspack_import_14)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_14[__rspack_import_key];
+    for(const __rspack_import_key in _NodeInspector__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodeInspector__rspack_import_15[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _NodePropertiesPanel__rspack_import_15 = __webpack_require__("./NodePropertiesPanel?a3e8");
+    var _NodePropertiesPanel__rspack_import_16 = __webpack_require__("./NodePropertiesPanel?a3e8");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_15)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_15[__rspack_import_key];
+    for(const __rspack_import_key in _NodePropertiesPanel__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_NodePropertiesPanel__rspack_import_16[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StageNode__rspack_import_16 = __webpack_require__("./StageNode");
+    var _StageNode__rspack_import_17 = __webpack_require__("./StageNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StageNode__rspack_import_16)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_16[__rspack_import_key];
+    for(const __rspack_import_key in _StageNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StageNode__rspack_import_17[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _StickyNoteNode__rspack_import_17 = __webpack_require__("./StickyNoteNode?d2a3");
+    var _StickyNoteNode__rspack_import_18 = __webpack_require__("./StickyNoteNode?d2a3");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _StickyNoteNode__rspack_import_17)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_17[__rspack_import_key];
+    for(const __rspack_import_key in _StickyNoteNode__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_StickyNoteNode__rspack_import_18[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TaskIcon__rspack_import_18 = __webpack_require__("./TaskIcon");
+    var _TaskIcon__rspack_import_19 = __webpack_require__("./TaskIcon");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TaskIcon__rspack_import_18)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_18[__rspack_import_key];
+    for(const __rspack_import_key in _TaskIcon__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TaskIcon__rspack_import_19[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbar__rspack_import_19 = __webpack_require__("./Toolbar");
+    var _Toolbar__rspack_import_20 = __webpack_require__("./Toolbar");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbar__rspack_import_19)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_19[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbar__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbar__rspack_import_20[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _Toolbox__rspack_import_20 = __webpack_require__("./Toolbox?2740");
+    var _Toolbox__rspack_import_21 = __webpack_require__("./Toolbox?2740");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _Toolbox__rspack_import_20)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_20[__rspack_import_key];
+    for(const __rspack_import_key in _Toolbox__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_Toolbox__rspack_import_21[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
-    var _TriggerNode__rspack_import_21 = __webpack_require__("./TriggerNode");
+    var _TriggerNode__rspack_import_22 = __webpack_require__("./TriggerNode");
     var __rspack_reexport = {};
-    for(const __rspack_import_key in _TriggerNode__rspack_import_21)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_21[__rspack_import_key];
+    for(const __rspack_import_key in _TriggerNode__rspack_import_22)if ("default" !== __rspack_import_key) __rspack_reexport[__rspack_import_key] = ()=>_TriggerNode__rspack_import_22[__rspack_import_key];
     __webpack_require__.d(__webpack_exports__, __rspack_reexport);
 })();
 for(var __rspack_i in __webpack_exports__)exports[__rspack_i] = __webpack_exports__[__rspack_i];

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

@@ -10,6 +10,7 @@ export * from './ExecutionStatusIcon';
 export * from './FloatingCanvasPanel';
 export * from './GroupNode';
 export * from './HierarchicalCanvas';
+export * from './LoopNode';
 export * from './MiniCanvasNavigator';
 export * from './NodeContextMenu';
 export * from './NodeInspector';

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

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

package/dist/canvas/components/index.js

@@ -10,6 +10,7 @@ export * from "./ExecutionStatusIcon/index.js";
 export * from "./FloatingCanvasPanel/index.js";
 export * from "./GroupNode/index.js";
 export * from "./HierarchicalCanvas/index.js";
+export * from "./LoopNode/index.js";
 export * from "./MiniCanvasNavigator/index.js";
 export * from "./NodeContextMenu/index.js";
 export * from "./NodeInspector.js";

package/dist/canvas/constants.cjs

@@ -25,8 +25,11 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     CANVAS_COMPACT_BREAKPOINT: ()=>CANVAS_COMPACT_BREAKPOINT,
+    DEFAULT_CONTAINER_HEIGHT: ()=>DEFAULT_CONTAINER_HEIGHT,
+    DEFAULT_CONTAINER_WIDTH: ()=>DEFAULT_CONTAINER_WIDTH,
     DEFAULT_NODE_SIZE: ()=>DEFAULT_NODE_SIZE,
     DEFAULT_RECTANGLE_NODE_WIDTH: ()=>DEFAULT_RECTANGLE_NODE_WIDTH,
+    DEFAULT_SOURCE_HANDLE_ID: ()=>DEFAULT_SOURCE_HANDLE_ID,
     FLOATING_CANVAS_PANEL_OFFSET: ()=>FLOATING_CANVAS_PANEL_OFFSET,
     GRID_SPACING: ()=>GRID_SPACING,
     NODE_BADGE_INSET_CIRCLE: ()=>NODE_BADGE_INSET_CIRCLE,
@@ -54,8 +57,11 @@ __webpack_require__.d(__webpack_exports__, {
 });
 const PREVIEW_NODE_ID = 'preview-node-id';
 const PREVIEW_EDGE_ID = 'preview-edge-id';
+const DEFAULT_SOURCE_HANDLE_ID = 'output';
 const DEFAULT_NODE_SIZE = 96;
 const GRID_SPACING = 16;
+const DEFAULT_CONTAINER_WIDTH = 45 * GRID_SPACING;
+const DEFAULT_CONTAINER_HEIGHT = 27 * GRID_SPACING;
 const CANVAS_COMPACT_BREAKPOINT = 600;
 const TOOLBOX_WIDTH = 320;
 const TOOLBOX_HEIGHT = 440;
@@ -80,8 +86,11 @@ const NODE_BADGE_SIZE = 20;
 const NODE_BADGE_INSET_SQUARE = 6;
 const NODE_BADGE_INSET_CIRCLE = 12;
 exports.CANVAS_COMPACT_BREAKPOINT = __webpack_exports__.CANVAS_COMPACT_BREAKPOINT;
+exports.DEFAULT_CONTAINER_HEIGHT = __webpack_exports__.DEFAULT_CONTAINER_HEIGHT;
+exports.DEFAULT_CONTAINER_WIDTH = __webpack_exports__.DEFAULT_CONTAINER_WIDTH;
 exports.DEFAULT_NODE_SIZE = __webpack_exports__.DEFAULT_NODE_SIZE;
 exports.DEFAULT_RECTANGLE_NODE_WIDTH = __webpack_exports__.DEFAULT_RECTANGLE_NODE_WIDTH;
+exports.DEFAULT_SOURCE_HANDLE_ID = __webpack_exports__.DEFAULT_SOURCE_HANDLE_ID;
 exports.FLOATING_CANVAS_PANEL_OFFSET = __webpack_exports__.FLOATING_CANVAS_PANEL_OFFSET;
 exports.GRID_SPACING = __webpack_exports__.GRID_SPACING;
 exports.NODE_BADGE_INSET_CIRCLE = __webpack_exports__.NODE_BADGE_INSET_CIRCLE;
@@ -108,8 +117,11 @@ exports.TOOLBOX_PADDING_Y = __webpack_exports__.TOOLBOX_PADDING_Y;
 exports.TOOLBOX_WIDTH = __webpack_exports__.TOOLBOX_WIDTH;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "CANVAS_COMPACT_BREAKPOINT",
+    "DEFAULT_CONTAINER_HEIGHT",
+    "DEFAULT_CONTAINER_WIDTH",
     "DEFAULT_NODE_SIZE",
     "DEFAULT_RECTANGLE_NODE_WIDTH",
+    "DEFAULT_SOURCE_HANDLE_ID",
     "FLOATING_CANVAS_PANEL_OFFSET",
     "GRID_SPACING",
     "NODE_BADGE_INSET_CIRCLE",

package/dist/canvas/constants.d.ts

@@ -1,7 +1,10 @@
 export declare const PREVIEW_NODE_ID = "preview-node-id";
 export declare const PREVIEW_EDGE_ID = "preview-edge-id";
+export declare const DEFAULT_SOURCE_HANDLE_ID = "output";
 export declare const DEFAULT_NODE_SIZE = 96;
 export declare const GRID_SPACING = 16;
+export declare const DEFAULT_CONTAINER_WIDTH: number;
+export declare const DEFAULT_CONTAINER_HEIGHT: number;
 export declare const CANVAS_COMPACT_BREAKPOINT = 600;
 export declare const TOOLBOX_WIDTH = 320;
 export declare const TOOLBOX_HEIGHT = 440;

package/dist/canvas/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAC9D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAGlC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../src/canvas/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,eAAe,oBAAoB,CAAC;AACjD,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,YAAY,KAAK,CAAC;AAG/B,eAAO,MAAM,uBAAuB,QAAoB,CAAC;AACzD,eAAO,MAAM,wBAAwB,QAAoB,CAAC;AAG1D,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAG7C,eAAO,MAAM,aAAa,MAAM,CAAC;AAEjC,eAAO,MAAM,cAAc,MAAM,CAAC;AAElC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAEpC,eAAO,MAAM,WAAW,KAAK,CAAC;AAU9B,eAAO,MAAM,4BAA4B,KAAK,CAAC;AAG/C,eAAO,MAAM,4BAA4B,MAAM,CAAC;AAGhD,eAAO,MAAM,mBAAmB,QAAmB,CAAC;AACpD,eAAO,MAAM,yBAAyB,QAAmB,CAAC;AAC1D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAC3D,eAAO,MAAM,yBAAyB,QAAoB,CAAC;AAO3D,eAAO,MAAM,2BAA2B,QAAyB,CAAC;AAClE,eAAO,MAAM,sBAAsB,QAAyB,CAAC;AAC7D,eAAO,MAAM,qBAAqB,QAAyB,CAAC;AAC5D,eAAO,MAAM,uBAAuB,QAAyB,CAAC;AAC9D,eAAO,MAAM,gBAAgB,IAAI,CAAC;AAGlC,eAAO,MAAM,oBAAoB,KAAK,CAAC;AAGvC,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAC1C,eAAO,MAAM,oCAAoC,MAAM,CAAC;AAGxD,eAAO,MAAM,eAAe,KAAK,CAAC;AAClC,eAAO,MAAM,uBAAuB,IAAI,CAAC;AACzC,eAAO,MAAM,uBAAuB,KAAK,CAAC"}

package/dist/canvas/constants.js

@@ -1,7 +1,10 @@
 const PREVIEW_NODE_ID = 'preview-node-id';
 const PREVIEW_EDGE_ID = 'preview-edge-id';
+const DEFAULT_SOURCE_HANDLE_ID = 'output';
 const DEFAULT_NODE_SIZE = 96;
 const GRID_SPACING = 16;
+const DEFAULT_CONTAINER_WIDTH = 45 * GRID_SPACING;
+const DEFAULT_CONTAINER_HEIGHT = 27 * GRID_SPACING;
 const CANVAS_COMPACT_BREAKPOINT = 600;
 const TOOLBOX_WIDTH = 320;
 const TOOLBOX_HEIGHT = 440;
@@ -25,4 +28,4 @@ const NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES = -40;
 const NODE_BADGE_SIZE = 20;
 const NODE_BADGE_INSET_SQUARE = 6;
 const NODE_BADGE_INSET_CIRCLE = 12;
-export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, 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, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };
+export { CANVAS_COMPACT_BREAKPOINT, DEFAULT_CONTAINER_HEIGHT, DEFAULT_CONTAINER_WIDTH, DEFAULT_NODE_SIZE, DEFAULT_RECTANGLE_NODE_WIDTH, DEFAULT_SOURCE_HANDLE_ID, FLOATING_CANVAS_PANEL_OFFSET, GRID_SPACING, NODE_BADGE_INSET_CIRCLE, NODE_BADGE_INSET_SQUARE, NODE_BADGE_SIZE, NODE_BORDER_SIZE, NODE_CONTAINER_RADIUS_RATIO, NODE_ERROR_ICON_SIZE, 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, NODE_TEXT_BOTTOM_OFFSET, NODE_TEXT_BOTTOM_OFFSET_WITH_HANDLES, PREVIEW_EDGE_ID, PREVIEW_NODE_ID, TOOLBOX_GAP, TOOLBOX_HEIGHT, TOOLBOX_PADDING_X, TOOLBOX_PADDING_Y, TOOLBOX_WIDTH };

package/dist/canvas/hooks/useAddNodeOnConnectEnd.cjs

@@ -30,34 +30,33 @@ const react_cjs_namespaceObject = require("../xyflow/react.cjs");
 const external_react_namespaceObject = require("react");
 const index_cjs_namespaceObject = require("../utils/index.cjs");
 const EMPTY_IGNORED_NODE_TYPES = [];
+function getClientPosition(event) {
+    if ('clientX' in event) return {
+        x: event.clientX,
+        y: event.clientY
+    };
+    const touch = event.changedTouches?.[0] ?? event.touches?.[0];
+    return touch ? {
+        x: touch.clientX,
+        y: touch.clientY
+    } : null;
+}
 function useAddNodeOnConnectEnd(ignoredNodeTypes = EMPTY_IGNORED_NODE_TYPES) {
     const reactFlowInstance = (0, react_cjs_namespaceObject.useReactFlow)();
     return (0, external_react_namespaceObject.useCallback)((event, connectionState)=>{
         if (!(reactFlowInstance && connectionState.fromNode && connectionState.fromHandle) || connectionState.toHandle) return;
-        let clientX;
-        let clientY;
-        if ('clientX' in event) {
-            clientX = event.clientX;
-            clientY = event.clientY;
-        } else {
-            const touchEvent = event;
-            if (touchEvent.changedTouches?.[0]) {
-                const touch = touchEvent.changedTouches[0];
-                clientX = touch.clientX;
-                clientY = touch.clientY;
-            } else {
-                if (!touchEvent.touches?.[0]) return;
-                const touch = touchEvent.touches[0];
-                clientX = touch.clientX;
-                clientY = touch.clientY;
-            }
-        }
-        const flowDropPosition = reactFlowInstance.screenToFlowPosition({
-            x: clientX,
-            y: clientY
+        const clientPosition = getClientPosition(event);
+        if (!clientPosition) return;
+        const flowDropPosition = reactFlowInstance.screenToFlowPosition(clientPosition);
+        (0, index_cjs_namespaceObject.showPreviewGraph)({
+            sourceNodeId: connectionState.fromNode.id,
+            sourceHandleId: connectionState.fromHandle.id ?? 'output',
+            reactFlowInstance,
+            position: flowDropPosition,
+            sourceHandleType: connectionState.fromHandle.type,
+            handlePosition: connectionState.fromHandle.position,
+            ignoredNodeTypes
         });
-        const preview = (0, index_cjs_namespaceObject.createPreviewNode)(connectionState.fromNode.id, connectionState.fromHandle.id ?? 'output', reactFlowInstance, flowDropPosition, void 0, connectionState.fromHandle.type, void 0, connectionState.fromHandle.position, ignoredNodeTypes);
-        if (preview) (0, index_cjs_namespaceObject.applyPreviewToReactFlow)(preview, reactFlowInstance);
     }, [
         reactFlowInstance,
         ignoredNodeTypes

package/dist/canvas/hooks/useAddNodeOnConnectEnd.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAddNodeOnConnectEnd.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useAddNodeOnConnectEnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,0CAA0C,CAAC;AAW3F,wBAAgB,sBAAsB,CAAC,gBAAgB,GAAE,MAAM,EAA6B,gBAyD3F"}
+{"version":3,"file":"useAddNodeOnConnectEnd.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/useAddNodeOnConnectEnd.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,0CAA0C,CAAC;AAoB3F,wBAAgB,sBAAsB,CAAC,gBAAgB,GAAE,MAAM,EAA6B,gBA+B3F"}

package/dist/canvas/hooks/useAddNodeOnConnectEnd.js

@@ -1,35 +1,34 @@
 import { useReactFlow } from "../xyflow/react.js";
 import { useCallback } from "react";
-import { applyPreviewToReactFlow, createPreviewNode } from "../utils/index.js";
+import { showPreviewGraph } from "../utils/index.js";
 const EMPTY_IGNORED_NODE_TYPES = [];
+function getClientPosition(event) {
+    if ('clientX' in event) return {
+        x: event.clientX,
+        y: event.clientY
+    };
+    const touch = event.changedTouches?.[0] ?? event.touches?.[0];
+    return touch ? {
+        x: touch.clientX,
+        y: touch.clientY
+    } : null;
+}
 function useAddNodeOnConnectEnd(ignoredNodeTypes = EMPTY_IGNORED_NODE_TYPES) {
     const reactFlowInstance = useReactFlow();
     return useCallback((event, connectionState)=>{
         if (!(reactFlowInstance && connectionState.fromNode && connectionState.fromHandle) || connectionState.toHandle) return;
-        let clientX;
-        let clientY;
-        if ('clientX' in event) {
-            clientX = event.clientX;
-            clientY = event.clientY;
-        } else {
-            const touchEvent = event;
-            if (touchEvent.changedTouches?.[0]) {
-                const touch = touchEvent.changedTouches[0];
-                clientX = touch.clientX;
-                clientY = touch.clientY;
-            } else {
-                if (!touchEvent.touches?.[0]) return;
-                const touch = touchEvent.touches[0];
-                clientX = touch.clientX;
-                clientY = touch.clientY;
-            }
-        }
-        const flowDropPosition = reactFlowInstance.screenToFlowPosition({
-            x: clientX,
-            y: clientY
+        const clientPosition = getClientPosition(event);
+        if (!clientPosition) return;
+        const flowDropPosition = reactFlowInstance.screenToFlowPosition(clientPosition);
+        showPreviewGraph({
+            sourceNodeId: connectionState.fromNode.id,
+            sourceHandleId: connectionState.fromHandle.id ?? 'output',
+            reactFlowInstance,
+            position: flowDropPosition,
+            sourceHandleType: connectionState.fromHandle.type,
+            handlePosition: connectionState.fromHandle.position,
+            ignoredNodeTypes
         });
-        const preview = createPreviewNode(connectionState.fromNode.id, connectionState.fromHandle.id ?? 'output', reactFlowInstance, flowDropPosition, void 0, connectionState.fromHandle.type, void 0, connectionState.fromHandle.position, ignoredNodeTypes);
-        if (preview) applyPreviewToReactFlow(preview, reactFlowInstance);
     }, [
         reactFlowInstance,
         ignoredNodeTypes

package/dist/canvas/hooks/usePreviewNode.cjs

@@ -31,11 +31,12 @@ const external_react_namespaceObject = require("react");
 const shallow_namespaceObject = require("zustand/shallow");
 const external_constants_cjs_namespaceObject = require("../constants.cjs");
 const index_cjs_namespaceObject = require("../core/index.cjs");
+const createPreviewNode_cjs_namespaceObject = require("../utils/createPreviewNode.cjs");
 const previewNodeSelectedSelector = (state)=>{
     const node = state.nodes.find((n)=>n.id === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID);
     return node?.selected ?? false;
 };
-const edgesConnectedToPreviewSelector = (state)=>state.edges.filter((edge)=>edge.source === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID || edge.target === external_constants_cjs_namespaceObject.PREVIEW_NODE_ID).map((edge)=>({
+const edgesConnectedToPreviewSelector = (state)=>state.edges.filter(createPreviewNode_cjs_namespaceObject.isPreviewEdge).map((edge)=>({
             id: edge.id,
             source: edge.source,
             target: edge.target,

package/dist/canvas/hooks/usePreviewNode.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/usePreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EAIV,MAAM,0CAA0C,CAAC;AAKlD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAQ9E,MAAM,WAAW,yBAAyB;IAExC,cAAc,EAAE,MAAM,CAAC;IAEvB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAE/C,sBAAsB,EAAE,cAAc,GAAG,SAAS,CAAC;IAEnD,kBAAkB,EAAE,OAAO,CAAC;IAE5B,aAAa,EAAE,MAAM,CAAC;CACvB;AAsBD,UAAU,oBAAoB;IAE5B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IAKzB,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CACpE;AAcD,eAAO,MAAM,cAAc,QAAO,oBA8DjC,CAAC"}
+{"version":3,"file":"usePreviewNode.d.ts","sourceRoot":"","sources":["../../../src/canvas/hooks/usePreviewNode.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,IAAI,EAIV,MAAM,0CAA0C,CAAC;AAKlD,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAS9E,MAAM,WAAW,yBAAyB;IAExC,cAAc,EAAE,MAAM,CAAC;IAEvB,gBAAgB,EAAE,MAAM,CAAC;IAEzB,oBAAoB,EAAE,YAAY,GAAG,SAAS,CAAC;IAE/C,sBAAsB,EAAE,cAAc,GAAG,SAAS,CAAC;IAEnD,kBAAkB,EAAE,OAAO,CAAC;IAE5B,aAAa,EAAE,MAAM,CAAC;CACvB;AAoBD,UAAU,oBAAoB;IAE5B,WAAW,EAAE,IAAI,GAAG,IAAI,CAAC;IAKzB,yBAAyB,EAAE,KAAK,CAAC,yBAAyB,CAAC,GAAG,IAAI,CAAC;CACpE;AAcD,eAAO,MAAM,cAAc,QAAO,oBA8DjC,CAAC"}

package/dist/canvas/hooks/usePreviewNode.js

@@ -3,11 +3,12 @@ import { useMemo } from "react";
 import { shallow } from "zustand/shallow";
 import { PREVIEW_NODE_ID } from "../constants.js";
 import { useOptionalNodeTypeRegistry } from "../core/index.js";
+import { isPreviewEdge } from "../utils/createPreviewNode.js";
 const previewNodeSelectedSelector = (state)=>{
     const node = state.nodes.find((n)=>n.id === PREVIEW_NODE_ID);
     return node?.selected ?? false;
 };
-const edgesConnectedToPreviewSelector = (state)=>state.edges.filter((edge)=>edge.source === PREVIEW_NODE_ID || edge.target === PREVIEW_NODE_ID).map((edge)=>({
+const edgesConnectedToPreviewSelector = (state)=>state.edges.filter(isPreviewEdge).map((edge)=>({
             id: edge.id,
             source: edge.source,
             target: edge.target,

package/dist/canvas/schema/node-definition/handle.cjs

@@ -25,10 +25,11 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     handleConfigurationSpecificPositionSchema: ()=>handleConfigurationSpecificPositionSchema,
-    handleTypeDisplaySchema: ()=>handleTypeDisplaySchema,
-    handleTypeSchema: ()=>handleTypeSchema,
     handleGroupOverrideSchema: ()=>handleGroupOverrideSchema,
     handlePositionSchema: ()=>handlePositionSchema,
+    handleTypeSchema: ()=>handleTypeSchema,
+    handleTypeDisplaySchema: ()=>handleTypeDisplaySchema,
+    handleBoundarySchema: ()=>handleBoundarySchema,
     handleGroupManifestSchema: ()=>handleGroupManifestSchema,
     handleManifestSchema: ()=>handleManifestSchema
 });
@@ -40,6 +41,10 @@ const handlePositionSchema = external_zod_namespaceObject.z["enum"]([
     'right',
     'bottom'
 ]);
+const handleBoundarySchema = external_zod_namespaceObject.z["enum"]([
+    'outer',
+    'inner'
+]);
 const handleTypeSchema = external_zod_namespaceObject.z["enum"]([
     'source',
     'target'
@@ -75,6 +80,7 @@ const handleManifestSchema = external_zod_namespaceObject.z.object({
 });
 const handleGroupManifestSchema = external_zod_namespaceObject.z.object({
     position: handlePositionSchema,
+    boundary: handleBoundarySchema.optional(),
     customPositionAndOffsets: handleConfigurationSpecificPositionSchema.optional(),
     handles: external_zod_namespaceObject.z.array(handleManifestSchema),
     visible: external_zod_namespaceObject.z.boolean().optional()
@@ -84,6 +90,7 @@ const handleGroupOverrideSchema = external_zod_namespaceObject.z.object({
     handles: external_zod_namespaceObject.z.array(handleManifestSchema),
     visible: external_zod_namespaceObject.z.boolean().optional()
 });
+exports.handleBoundarySchema = __webpack_exports__.handleBoundarySchema;
 exports.handleConfigurationSpecificPositionSchema = __webpack_exports__.handleConfigurationSpecificPositionSchema;
 exports.handleGroupManifestSchema = __webpack_exports__.handleGroupManifestSchema;
 exports.handleGroupOverrideSchema = __webpack_exports__.handleGroupOverrideSchema;
@@ -92,6 +99,7 @@ exports.handlePositionSchema = __webpack_exports__.handlePositionSchema;
 exports.handleTypeDisplaySchema = __webpack_exports__.handleTypeDisplaySchema;
 exports.handleTypeSchema = __webpack_exports__.handleTypeSchema;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "handleBoundarySchema",
     "handleConfigurationSpecificPositionSchema",
     "handleGroupManifestSchema",
     "handleGroupOverrideSchema",

package/dist/canvas/schema/node-definition/handle.d.ts

@@ -5,6 +5,10 @@ export declare const handlePositionSchema: z.ZodEnum<{
     bottom: "bottom";
     left: "left";
 }>;
+export declare const handleBoundarySchema: z.ZodEnum<{
+    outer: "outer";
+    inner: "inner";
+}>;
 export declare const handleTypeSchema: z.ZodEnum<{
     target: "target";
     source: "source";
@@ -80,6 +84,10 @@ export declare const handleGroupManifestSchema: z.ZodObject<{
         bottom: "bottom";
         left: "left";
     }>;
+    boundary: z.ZodOptional<z.ZodEnum<{
+        outer: "outer";
+        inner: "inner";
+    }>>;
     customPositionAndOffsets: z.ZodOptional<z.ZodObject<{
         height: z.ZodOptional<z.ZodNumber>;
         width: z.ZodOptional<z.ZodNumber>;
@@ -202,6 +210,7 @@ export declare const handleGroupOverrideSchema: z.ZodObject<{
     visible: z.ZodOptional<z.ZodBoolean>;
 }, z.core.$strip>;
 export type HandlePosition = z.infer<typeof handlePositionSchema>;
+export type HandleBoundary = z.infer<typeof handleBoundarySchema>;
 export type HandleType = z.infer<typeof handleTypeSchema>;
 export type HandleCategory = z.infer<typeof handleTypeDisplaySchema>;
 export type HandleManifest = z.infer<typeof handleManifestSchema>;

package/dist/canvas/schema/node-definition/handle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/schema/node-definition/handle.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAOxB,eAAO,MAAM,oBAAoB;;;;;EAA6C,CAAC;AAK/E,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAK7D,eAAO,MAAM,uBAAuB;;;;EAA0C,CAAC;AAE/E,eAAO,MAAM,yCAAyC;;;;;;;iBAkBpD,CAAC;AAKH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8D/B,CAAC;AAKH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAWpC,CAAC;AAMH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBASpC,CAAC;AAGH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AACrE,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC5E,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC5E,MAAM,MAAM,mCAAmC,GAAG,CAAC,CAAC,KAAK,CACvD,OAAO,yCAAyC,CACjD,CAAC"}
+{"version":3,"file":"handle.d.ts","sourceRoot":"","sources":["../../../../src/canvas/schema/node-definition/handle.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAOxB,eAAO,MAAM,oBAAoB;;;;;EAA6C,CAAC;AAC/E,eAAO,MAAM,oBAAoB;;;EAA6B,CAAC;AAK/D,eAAO,MAAM,gBAAgB;;;EAA+B,CAAC;AAK7D,eAAO,MAAM,uBAAuB;;;;EAA0C,CAAC;AAE/E,eAAO,MAAM,yCAAyC;;;;;;;iBAkBpD,CAAC;AAKH,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA8D/B,CAAC;AAKH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAkBpC,CAAC;AAMH,eAAO,MAAM,yBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBASpC,CAAC;AAGH,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAClE,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAClE,MAAM,MAAM,UAAU,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,uBAAuB,CAAC,CAAC;AACrE,MAAM,MAAM,cAAc,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,oBAAoB,CAAC,CAAC;AAClE,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC5E,MAAM,MAAM,mBAAmB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,yBAAyB,CAAC,CAAC;AAC5E,MAAM,MAAM,mCAAmC,GAAG,CAAC,CAAC,KAAK,CACvD,OAAO,yCAAyC,CACjD,CAAC"}

package/dist/canvas/schema/node-definition/handle.js

@@ -6,6 +6,10 @@ const handlePositionSchema = z["enum"]([
     'right',
     'bottom'
 ]);
+const handleBoundarySchema = z["enum"]([
+    'outer',
+    'inner'
+]);
 const handleTypeSchema = z["enum"]([
     'source',
     'target'
@@ -41,6 +45,7 @@ const handleManifestSchema = z.object({
 });
 const handleGroupManifestSchema = z.object({
     position: handlePositionSchema,
+    boundary: handleBoundarySchema.optional(),
     customPositionAndOffsets: handleConfigurationSpecificPositionSchema.optional(),
     handles: z.array(handleManifestSchema),
     visible: z.boolean().optional()
@@ -50,4 +55,4 @@ const handleGroupOverrideSchema = z.object({
     handles: z.array(handleManifestSchema),
     visible: z.boolean().optional()
 });
-export { handleConfigurationSpecificPositionSchema, handleGroupManifestSchema, handleGroupOverrideSchema, handleManifestSchema, handlePositionSchema, handleTypeDisplaySchema, handleTypeSchema };
+export { handleBoundarySchema, handleConfigurationSpecificPositionSchema, handleGroupManifestSchema, handleGroupOverrideSchema, handleManifestSchema, handlePositionSchema, handleTypeDisplaySchema, handleTypeSchema };

package/dist/canvas/schema/node-definition/index.cjs

@@ -25,6 +25,7 @@ var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     categoryManifestSchema: ()=>external_category_manifest_cjs_namespaceObject.categoryManifestSchema,
+    nodeDisplayManifestSchema: ()=>external_node_manifest_cjs_namespaceObject.nodeDisplayManifestSchema,
     handleGroupOverrideSchema: ()=>external_handle_cjs_namespaceObject.handleGroupOverrideSchema,
     handlePositionSchema: ()=>external_handle_cjs_namespaceObject.handlePositionSchema,
     nodeShapeSchema: ()=>external_node_manifest_cjs_namespaceObject.nodeShapeSchema,
@@ -32,7 +33,7 @@ __webpack_require__.d(__webpack_exports__, {
     nodeRuntimeConstraintsManifestSchema: ()=>external_node_manifest_cjs_namespaceObject.nodeRuntimeConstraintsManifestSchema,
     handleTypeSchema: ()=>external_handle_cjs_namespaceObject.handleTypeSchema,
     handleTypeDisplaySchema: ()=>external_handle_cjs_namespaceObject.handleTypeDisplaySchema,
-    nodeDisplayManifestSchema: ()=>external_node_manifest_cjs_namespaceObject.nodeDisplayManifestSchema,
+    handleBoundarySchema: ()=>external_handle_cjs_namespaceObject.handleBoundarySchema,
     handleGroupManifestSchema: ()=>external_handle_cjs_namespaceObject.handleGroupManifestSchema,
     handleManifestSchema: ()=>external_handle_cjs_namespaceObject.handleManifestSchema
 });
@@ -40,6 +41,7 @@ const external_category_manifest_cjs_namespaceObject = require("./category-manif
 const external_handle_cjs_namespaceObject = require("./handle.cjs");
 const external_node_manifest_cjs_namespaceObject = require("./node-manifest.cjs");
 exports.categoryManifestSchema = __webpack_exports__.categoryManifestSchema;
+exports.handleBoundarySchema = __webpack_exports__.handleBoundarySchema;
 exports.handleGroupManifestSchema = __webpack_exports__.handleGroupManifestSchema;
 exports.handleGroupOverrideSchema = __webpack_exports__.handleGroupOverrideSchema;
 exports.handleManifestSchema = __webpack_exports__.handleManifestSchema;
@@ -52,6 +54,7 @@ exports.nodeRuntimeConstraintsManifestSchema = __webpack_exports__.nodeRuntimeCo
 exports.nodeShapeSchema = __webpack_exports__.nodeShapeSchema;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
     "categoryManifestSchema",
+    "handleBoundarySchema",
     "handleGroupManifestSchema",
     "handleGroupOverrideSchema",
     "handleManifestSchema",