geonodes-web-render 0.1.3 → 0.2.0

package/dist/embed.js

@@ -515,7 +515,8 @@ function nt(e) {
 }
 function rt(e) {
 	return function() {
-		this.textContent = e.apply(this, arguments) ?? "";
+		var t = e.apply(this, arguments);
+		this.textContent = t ?? "";
 	};
 }
 function it(e) {
@@ -533,7 +534,8 @@ function ot(e) {
 }
 function st(e) {
 	return function() {
-		this.innerHTML = e.apply(this, arguments) ?? "";
+		var t = e.apply(this, arguments);
+		this.innerHTML = t ?? "";
 	};
 }
 function ct(e) {
@@ -1963,7 +1965,8 @@ function Ii(e) {
 }
 function Li(e) {
 	return function() {
-		this.textContent = e(this) ?? "";
+		var t = e(this);
+		this.textContent = t ?? "";
 	};
 }
 function Ri(e) {
@@ -2381,10 +2384,10 @@ function fa() {
 //#endregion
 //#region node_modules/@xyflow/system/dist/esm/index.js
 var J = {
-	error001: () => "[React Flow]: Seems like you have not used zustand provider as an ancestor. Help: https://reactflow.dev/error#001",
+	error001: (e = "react") => `Seems like you have not used zustand provider as an ancestor. Help: https://${e}flow.dev/error#001`,
 	error002: () => "It looks like you've created a new nodeTypes or edgeTypes object. If this wasn't on purpose please define the nodeTypes/edgeTypes outside of the component or memoize them.",
 	error003: (e) => `Node type "${e}" not found. Using fallback type "default".`,
-	error004: () => "The React Flow parent container needs a width and a height to render the graph.",
+	error004: () => "The parent container needs a width and a height to render the graph.",
 	error005: () => "Only child nodes can use a parent extent.",
 	error006: () => "Can't create edge. An edge needs a source and a target.",
 	error007: (e) => `The old edge with id=${e} does not exist.`,
@@ -2395,7 +2398,8 @@ var J = {
 	error012: (e) => `Node with id "${e}" does not exist, it may have been removed. This can happen when a node is deleted before the "onNodeClick" handler is called.`,
 	error013: (e = "react") => `It seems that you haven't loaded the styles. Please import '@xyflow/${e}/dist/style.css' or base.css to make sure everything is working properly.`,
 	error014: () => "useNodeConnections: No node ID found. Call useNodeConnections inside a custom Node or provide a node ID.",
-	error015: () => "It seems that you are trying to drag a node that is not initialized. Please use onNodesChange as explained in the docs."
+	error015: () => "It seems that you are trying to drag a node that is not initialized. Please use onNodesChange as explained in the docs.",
+	error016: (e) => `Edge with id "${e}" does not exist, it may have been removed. This can happen when an edge is deleted before the "onEdgeClick" handler is called.`
 }, pa = [[-Infinity, -Infinity], [Infinity, Infinity]], ma = [
 	"Enter",
 	" ",
@@ -2530,13 +2534,13 @@ function Ma(e, t) {
 	}), n;
 }
 async function Na({ nodes: e, width: t, height: n, panZoom: r, minZoom: i, maxZoom: a }, o) {
-	if (e.size === 0) return Promise.resolve(!0);
+	if (e.size === 0) return !0;
 	let s = ro(ka(Ma(e, o)), t, n, o?.minZoom ?? i, o?.maxZoom ?? a, o?.padding ?? .1);
 	return await r.setViewport(s, {
 		duration: o?.duration,
 		ease: o?.ease,
 		interpolate: o?.interpolate
-	}), Promise.resolve(!0);
+	}), !0;
 }
 function Pa({ nodeId: e, nextPosition: t, nodeLookup: n, nodeOrigin: r = [0, 0], nodeExtent: i, onError: a }) {
 	let o = n.get(e), s = o.parentId ? n.get(o.parentId) : void 0, { x: c, y: l } = s ? s.internals.positionAbsolute : {
@@ -2628,8 +2632,8 @@ var za = (e, t, n) => e < t ? Ia(Math.abs(e - t), 1, t) / t : e > n ? -Ia(Math.a
 }, Ka = (e, t) => Ua(Va(Ha(e), Ha(t))), qa = (e, t) => {
 	let n = Math.max(0, Math.min(e.x + e.width, t.x + t.width) - Math.max(e.x, t.x)), r = Math.max(0, Math.min(e.y + e.height, t.y + t.height) - Math.max(e.y, t.y));
 	return Math.ceil(n * r);
-}, Ja = (e) => Ya(e.width) && Ya(e.height) && Ya(e.x) && Ya(e.y), Ya = (e) => !isNaN(e) && isFinite(e), Xa = (e, t) => {
-	process.env.NODE_ENV === "development" && console.warn(`[React Flow]: ${t} Help: https://reactflow.dev/error#${e}`);
+}, Ja = (e) => Ya(e.width) && Ya(e.height) && Ya(e.x) && Ya(e.y), Ya = (e) => !isNaN(e) && isFinite(e), Xa = (e, t) => (n, r) => {
+	process.env.NODE_ENV === "development" && console.warn(`[${e}]: ${r} Help: ${t}error#${n}`);
 }, Za = (e, t = [1, 1]) => ({
 	x: t[0] * Math.round(e.x / t[0]),
 	y: t[1] * Math.round(e.y / t[1])
@@ -2653,7 +2657,7 @@ function eo(e, t) {
 		let n = parseFloat(e);
 		if (!Number.isNaN(n)) return Math.floor(t * n * .01);
 	}
-	return console.error(`[React Flow] The padding value "${e}" is invalid. Please provide a number or a string with a valid unit (px or %).`), 0;
+	return console.error(`The padding value "${e}" is invalid. Please provide a number or a string with a valid unit (px or %).`), 0;
 }
 function to(e, t, n) {
 	if (typeof e == "string" || typeof e == "number") {
@@ -2883,7 +2887,7 @@ function Do({ sourceNode: e, targetNode: t, width: n, height: r, transform: i })
 	}, Ua(a)) > 0;
 }
 var Oo = ({ source: e, sourceHandle: t, target: n, targetHandle: r }) => `xy-edge__${e}${t || ""}-${n}${r || ""}`, ko = (e, t) => t.some((t) => t.source === e.source && t.target === e.target && (t.sourceHandle === e.sourceHandle || !t.sourceHandle && !e.sourceHandle) && (t.targetHandle === e.targetHandle || !t.targetHandle && !e.targetHandle)), Ao = (e, t, n = {}) => {
-	if (!e.source || !e.target) return Xa("006", J.error006()), t;
+	if (!e.source || !e.target) return n.onError?.("006", J.error006()), t;
 	let r = n.getEdgeId || Oo, i;
 	return i = wa(e) ? { ...e } : {
 		...e,
@@ -3002,18 +3006,19 @@ function Fo({ source: e, sourcePosition: t = Y.Bottom, target: n, targetPosition
 		};
 		Math.max(Math.abs(d.x - m[0].x), Math.abs(y.x - m[0].x)) >= Math.max(Math.abs(d.y - m[0].y), Math.abs(y.y - m[0].y)) ? (h = (d.x + y.x) / 2, g = m[0].y) : (h = m[0].x, g = (d.y + y.y) / 2);
 	}
+	let x = {
+		x: l.x + _.x,
+		y: l.y + _.y
+	}, S = {
+		x: u.x + v.x,
+		y: u.y + v.y
+	};
 	return [
 		[
 			e,
-			{
-				x: l.x + _.x,
-				y: l.y + _.y
-			},
+			...x.x !== m[0].x || x.y !== m[0].y ? [x] : [],
 			...m,
-			{
-				x: u.x + v.x,
-				y: u.y + v.y
-			},
+			...S.x !== m[m.length - 1].x || S.y !== m[m.length - 1].y ? [S] : [],
 			n
 		],
 		h,
@@ -3050,12 +3055,10 @@ function Lo({ sourceX: e, sourceY: t, sourcePosition: n = Y.Bottom, targetX: r,
 		},
 		offset: l,
 		stepPosition: u
-	});
-	return [
-		d.reduce((e, t, n) => {
-			let r = "";
-			return r = n > 0 && n < d.length - 1 ? Io(d[n - 1], t, d[n + 1], o) : `${n === 0 ? "M" : "L"}${t.x} ${t.y}`, e += r, e;
-		}, ""),
+	}), g = `M${d[0].x} ${d[0].y}`;
+	for (let e = 1; e < d.length - 1; e++) g += Io(d[e - 1], d[e], d[e + 1], o);
+	return g += `L${d[d.length - 1].x} ${d[d.length - 1].y}`, [
+		g,
 		f,
 		p,
 		m,
@@ -3185,31 +3188,34 @@ function Qo(e) {
 	return e === "manual";
 }
 function $o(e, t, n, r = {}) {
-	let i = Yo(Jo, r), a = { i: 0 }, o = new Map(t), s = i?.elevateNodesOnSelect && !Qo(i.zIndexMode) ? Go : 0, c = e.length > 0;
+	let i = Yo(Jo, r), a = { i: 0 }, o = new Map(t), s = i?.elevateNodesOnSelect && !Qo(i.zIndexMode) ? Go : 0, c = e.length > 0, l = !1;
 	t.clear(), n.clear();
-	for (let l of e) {
-		let e = o.get(l.id);
-		if (i.checkEquality && l === e?.internals.userNode) t.set(l.id, e);
+	for (let u of e) {
+		let e = o.get(u.id);
+		if (i.checkEquality && u === e?.internals.userNode) t.set(u.id, e);
 		else {
-			let n = La(Da(l, i.nodeOrigin), ao(l.extent) ? l.extent : i.nodeExtent, oo(l));
+			let n = La(Da(u, i.nodeOrigin), ao(u.extent) ? u.extent : i.nodeExtent, oo(u));
 			e = {
 				...i.defaults,
-				...l,
+				...u,
 				measured: {
-					width: l.measured?.width,
-					height: l.measured?.height
+					width: u.measured?.width,
+					height: u.measured?.height
 				},
 				internals: {
 					positionAbsolute: n,
-					handleBounds: Zo(l, e),
-					z: ns(l, s, i.zIndexMode),
-					userNode: l
+					handleBounds: Zo(u, e),
+					z: ns(u, s, i.zIndexMode),
+					userNode: u
 				}
-			}, t.set(l.id, e);
+			}, t.set(u.id, e);
 		}
-		(e.measured === void 0 || e.measured.width === void 0 || e.measured.height === void 0) && !e.hidden && (c = !1), l.parentId && ts(e, t, n, r, a);
+		(e.measured === void 0 || e.measured.width === void 0 || e.measured.height === void 0) && !e.hidden && (c = !1), u.parentId && ts(e, t, n, r, a), l ||= u.selected ?? !1;
 	}
-	return c;
+	return {
+		nodesInitialized: c,
+		hasSelectedNodes: l
+	};
 }
 function es(e, t) {
 	if (!e.parentId) return;
@@ -3353,13 +3359,13 @@ function as(e, t, n, r, i, a, o) {
 	};
 }
 async function os({ delta: e, panZoom: t, transform: n, translateExtent: r, width: i, height: a }) {
-	if (!t || !e.x && !e.y) return Promise.resolve(!1);
+	if (!t || !e.x && !e.y) return !1;
 	let o = await t.setViewportConstrained({
 		x: n[0] + e.x,
 		y: n[1] + e.y,
 		zoom: n[2]
-	}, [[0, 0], [i, a]], r), s = !!o && (o.x !== n[0] || o.y !== n[1] || o.k !== n[2]);
-	return Promise.resolve(s);
+	}, [[0, 0], [i, a]], r);
+	return !!o && (o.x !== n[0] || o.y !== n[1] || o.k !== n[2]);
 }
 function ss(e, t, n, r, i, a) {
 	let o = i, s = r.get(o) || /* @__PURE__ */ new Map();
@@ -3568,7 +3574,11 @@ function ms({ onNodeMouseDown: e, getStoreItems: t, onDragStart: n, onDrag: r, o
 				(a.x !== g.xSnapped || a.y !== g.ySnapped) && s && d && (l = yo(e.sourceEvent, u), S(g));
 			}
 		}).on("end", (e) => {
-			if (!(!d || p) && (c = !1, d = !1, cancelAnimationFrame(o), s.size > 0)) {
+			if (!d || p) {
+				p && s.size > 0 && t().updateNodePositions(s, !1);
+				return;
+			}
+			if (c = !1, d = !1, cancelAnimationFrame(o), s.size > 0) {
 				let { nodeLookup: n, updateNodePositions: r, onNodeDragStop: a, onSelectionDragStop: o } = t();
 				if (m &&= (r(s, !1), !1), i || a || !b && o) {
 					let [t, r] = fs({
@@ -3878,11 +3888,7 @@ function zs({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 	let l = {
 		isZoomingOrPanning: !1,
 		usedRightMouseButton: !1,
-		prevViewport: {
-			x: 0,
-			y: 0,
-			zoom: 0
-		},
+		prevViewport: {},
 		mouseButton: 0,
 		timerId: void 0,
 		panScrollTimeout: void 0,
@@ -3895,10 +3901,10 @@ function zs({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 	}, [[0, 0], [u.width, u.height]], r);
 	let p = f.on("wheel.zoom"), m = f.on("dblclick.zoom");
 	d.wheelDelta(Ms);
-	function h(e, t) {
+	async function h(e, t) {
 		return f ? new Promise((n) => {
 			d?.interpolate(t?.interpolate === "linear" ? Qn : fr).transform(js(f, t?.duration, t?.ease, () => n(!0)), e);
-		}) : Promise.resolve(!1);
+		}) : !1;
 	}
 	function g({ noWheelClassName: e, noPanClassName: t, onPaneContextMenu: n, userSelectionActive: r, panOnScroll: i, panOnDrag: u, panOnScrollMode: h, panOnScrollSpeed: g, preventScrolling: v, zoomOnPinch: y, zoomOnScroll: b, zoomOnDoubleClick: x, zoomActivationKeyPressed: S, lib: C, onTransformChange: w, connectionInProgress: T, paneClickDistance: E, selectionOnDrag: D }) {
 		r && !l.isZoomingOrPanning && _();
@@ -3920,32 +3926,31 @@ function zs({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 			preventScrolling: v,
 			d3ZoomHandler: p
 		});
-		if (f.on("wheel.zoom", k, { passive: !1 }), !r) {
-			let e = Fs({
-				zoomPanValues: l,
-				onDraggingChange: c,
-				onPanZoomStart: o
-			});
-			d.on("start", e);
-			let t = Is({
-				zoomPanValues: l,
-				panOnDrag: u,
-				onPaneContextMenu: !!n,
-				onPanZoom: a,
-				onTransformChange: w
-			});
-			d.on("zoom", t);
-			let r = Ls({
-				zoomPanValues: l,
-				panOnDrag: u,
-				panOnScroll: i,
-				onPaneContextMenu: n,
-				onPanZoomEnd: s,
-				onDraggingChange: c
-			});
-			d.on("end", r);
-		}
-		let A = Rs({
+		f.on("wheel.zoom", k, { passive: !1 });
+		let A = Fs({
+			zoomPanValues: l,
+			onDraggingChange: c,
+			onPanZoomStart: o
+		});
+		d.on("start", A);
+		let j = Is({
+			zoomPanValues: l,
+			panOnDrag: u,
+			onPaneContextMenu: !!n,
+			onPanZoom: a,
+			onTransformChange: w
+		});
+		d.on("zoom", j);
+		let M = Ls({
+			zoomPanValues: l,
+			panOnDrag: u,
+			panOnScroll: i,
+			onPaneContextMenu: n,
+			onPanZoomEnd: s,
+			onDraggingChange: c
+		});
+		d.on("end", M);
+		let N = Rs({
 			zoomActivationKeyPressed: S,
 			panOnDrag: u,
 			zoomOnScroll: b,
@@ -3958,18 +3963,18 @@ function zs({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 			lib: C,
 			connectionInProgress: T
 		});
-		d.filter(A), x ? f.on("dblclick.zoom", m) : f.on("dblclick.zoom", null);
+		d.filter(N), x ? f.on("dblclick.zoom", m) : f.on("dblclick.zoom", null);
 	}
 	function _() {
 		d.on("zoom", null);
 	}
 	async function v(e, t, n) {
 		let r = Ds(e), i = d?.constrain()(r, t, n);
-		return i && await h(i), new Promise((e) => e(i));
+		return i && await h(i), i;
 	}
 	async function y(e, t) {
 		let n = Ds(e);
-		return await h(n, t), new Promise((e) => e(n));
+		return await h(n, t), n;
 	}
 	function b(e) {
 		if (f) {
@@ -3989,15 +3994,15 @@ function zs({ domNode: e, minZoom: t, maxZoom: n, translateExtent: r, viewport:
 			zoom: e.k
 		};
 	}
-	function S(e, t) {
+	async function S(e, t) {
 		return f ? new Promise((n) => {
 			d?.interpolate(t?.interpolate === "linear" ? Qn : fr).scaleTo(js(f, t?.duration, t?.ease, () => n(!0)), e);
-		}) : Promise.resolve(!1);
+		}) : !1;
 	}
-	function C(e, t) {
+	async function C(e, t) {
 		return f ? new Promise((n) => {
 			d?.interpolate(t?.interpolate === "linear" ? Qn : fr).scaleBy(js(f, t?.duration, t?.ease, () => n(!0)), e);
-		}) : Promise.resolve(!1);
+		}) : !1;
 	}
 	function w(e) {
 		d?.scaleExtent(e);
@@ -4105,14 +4110,11 @@ var Js = {
 	pointerY: 0,
 	aspectRatio: 1
 };
-function Xs(e) {
-	return [[0, 0], [e.measured.width, e.measured.height]];
-}
-function Zs(e, t, n) {
+function Xs(e, t, n) {
 	let r = t.position.x + e.position.x, i = t.position.y + e.position.y, a = e.measured.width ?? 0, o = e.measured.height ?? 0, s = n[0] * a, c = n[1] * o;
 	return [[r - s, i - c], [r + a - s, i + o - c]];
 }
-function Qs({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: i }) {
+function Zs({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: i }) {
 	let a = K(e), o = {
 		controlDirection: Hs("bottom-right"),
 		boundaries: {
@@ -4152,13 +4154,13 @@ function Qs({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: i })
 				pointerX: l,
 				pointerY: d,
 				aspectRatio: m.width / m.height
-			}, y = void 0, g.parentId && (g.extent === "parent" || g.expandParent) && (y = r.get(g.parentId), b = y && g.extent === "parent" ? Xs(y) : void 0), v = [], x = void 0;
+			}, y = void 0, b = ao(g.extent) ? g.extent : void 0, g.parentId && (g.extent === "parent" || g.expandParent) && (y = r.get(g.parentId)), y && g.extent === "parent" && (b = [[0, 0], [y.measured.width, y.measured.height]]), v = [], x = void 0;
 			for (let [e, n] of r) if (n.parentId === t && (v.push({
 				id: e,
 				position: { ...n.position },
 				extent: n.extent
 			}), n.extent === "parent" || n.expandParent)) {
-				let e = Zs(n, g, n.origin ?? s);
+				let e = Xs(n, g, n.origin ?? s);
 				x = x ? [[Math.min(e[0][0], x[0][0]), Math.min(e[0][1], x[0][1])], [Math.max(e[1][0], x[1][0]), Math.max(e[1][1], x[1][1])]] : e;
 			}
 			u?.(e, { ...m });
@@ -4212,11 +4214,11 @@ function Qs({ domNode: e, nodeId: t, getStoreItems: n, onChange: r, onEnd: i })
 }
 //#endregion
 //#region src/shims/use-sync-external-store-shim-with-selector.ts
-function $s(e, t) {
+function Qs(e, t) {
 	return e === t && (e !== 0 || 1 / e == 1 / t) || e !== e && t !== t;
 }
-var ec = typeof Object.is == "function" ? Object.is : $s;
-function tc(e, t, n, r, i) {
+var $s = typeof Object.is == "function" ? Object.is : Qs;
+function ec(e, t, n, r, i) {
 	let a = d(null);
 	a.current === null && (a.current = {
 		hasValue: !1,
@@ -4234,7 +4236,7 @@ function tc(e, t, n, r, i) {
 				return s = n, n;
 			}
 			let n = s;
-			if (ec(a, t)) return n;
+			if ($s(a, t)) return n;
 			let c = r(t);
 			return i !== void 0 && i(n, c) ? (a = t, n) : (a = t, s = c, c);
 		};
@@ -4249,7 +4251,7 @@ function tc(e, t, n, r, i) {
 		o.hasValue = !0, o.value = m;
 	}, [m]), s(m), m;
 }
-var nc = { useSyncExternalStoreWithSelector: tc }, rc = (e) => {
+var tc = { useSyncExternalStoreWithSelector: ec }, nc = (e) => {
 	let t, n = /* @__PURE__ */ new Set(), r = (e, r) => {
 		let i = typeof e == "function" ? e(t) : e;
 		if (!Object.is(i, t)) {
@@ -4266,15 +4268,15 @@ var nc = { useSyncExternalStoreWithSelector: tc }, rc = (e) => {
 		}
 	}, o = t = e(r, i, a);
 	return a;
-}, ic = (e) => e ? rc(e) : rc, { useDebugValue: ac } = e, { useSyncExternalStoreWithSelector: oc } = nc, sc = (e) => e;
-function cc(e, t = sc, n) {
-	let r = oc(e.subscribe, e.getState, e.getServerState || e.getInitialState, t, n);
-	return ac(r), r;
+}, rc = (e) => e ? nc(e) : nc, { useDebugValue: ic } = e, { useSyncExternalStoreWithSelector: ac } = tc, oc = (e) => e;
+function sc(e, t = oc, n) {
+	let r = ac(e.subscribe, e.getState, e.getServerState || e.getInitialState, t, n);
+	return ic(r), r;
 }
-var lc = (e, t) => {
-	let n = ic(e), r = (e, r = t) => cc(n, e, r);
+var cc = (e, t) => {
+	let n = rc(e), r = (e, r = t) => sc(n, e, r);
 	return Object.assign(r, n), r;
-}, uc = (e, t) => e ? lc(e, t) : lc;
+}, lc = (e, t) => e ? cc(e, t) : cc;
 //#endregion
 //#region node_modules/zustand/esm/shallow.mjs
 function X(e, t) {
@@ -4297,22 +4299,22 @@ function X(e, t) {
 }
 //#endregion
 //#region node_modules/@xyflow/react/dist/esm/index.js
-var dc = t(null), fc = dc.Provider, pc = J.error001();
+var uc = t(null), dc = uc.Provider, fc = J.error001("react");
 function Z(e, t) {
-	let n = o(dc);
-	if (n === null) throw Error(pc);
-	return cc(n, e, t);
+	let n = o(uc);
+	if (n === null) throw Error(fc);
+	return sc(n, e, t);
 }
 function Q() {
-	let e = o(dc);
-	if (e === null) throw Error(pc);
+	let e = o(uc);
+	if (e === null) throw Error(fc);
 	return u(() => ({
 		getState: e.getState,
 		setState: e.setState,
 		subscribe: e.subscribe
 	}), [e]);
 }
-var mc = { display: "none" }, hc = {
+var pc = { display: "none" }, mc = {
 	position: "absolute",
 	width: 1,
 	height: 1,
@@ -4322,34 +4324,34 @@ var mc = { display: "none" }, hc = {
 	overflow: "hidden",
 	clip: "rect(0px, 0px, 0px, 0px)",
 	clipPath: "inset(100%)"
-}, gc = "react-flow__node-desc", _c = "react-flow__edge-desc", vc = "react-flow__aria-live", yc = (e) => e.ariaLiveMessage, bc = (e) => e.ariaLabelConfig;
-function xc({ rfId: e }) {
-	let t = Z(yc);
+}, hc = "react-flow__node-desc", gc = "react-flow__edge-desc", _c = "react-flow__aria-live", vc = (e) => e.ariaLiveMessage, yc = (e) => e.ariaLabelConfig;
+function bc({ rfId: e }) {
+	let t = Z(vc);
 	return g("div", {
-		id: `${vc}-${e}`,
+		id: `${_c}-${e}`,
 		"aria-live": "assertive",
 		"aria-atomic": "true",
-		style: hc,
+		style: mc,
 		children: t
 	});
 }
-function Sc({ rfId: e, disableKeyboardA11y: t }) {
-	let n = Z(bc);
+function xc({ rfId: e, disableKeyboardA11y: t }) {
+	let n = Z(yc);
 	return _(h, { children: [
 		g("div", {
-			id: `${gc}-${e}`,
-			style: mc,
+			id: `${hc}-${e}`,
+			style: pc,
 			children: t ? n["node.a11yDescription.default"] : n["node.a11yDescription.keyboardDisabled"]
 		}),
 		g("div", {
-			id: `${_c}-${e}`,
-			style: mc,
+			id: `${gc}-${e}`,
+			style: pc,
 			children: n["edge.a11yDescription.default"]
 		}),
-		!t && g(xc, { rfId: e })
+		!t && g(bc, { rfId: e })
 	] });
 }
-var Cc = r(({ position: e = "top-left", children: t, className: n, style: r, ...i }, a) => g("div", {
+var Sc = r(({ position: e = "top-left", children: t, className: n, style: r, ...i }, a) => g("div", {
 	className: S([
 		"react-flow__panel",
 		n,
@@ -4360,9 +4362,9 @@ var Cc = r(({ position: e = "top-left", children: t, className: n, style: r, ...
 	...i,
 	children: t
 }));
-Cc.displayName = "Panel";
-function wc({ proOptions: e, position: t = "bottom-right" }) {
-	return e?.hideAttribution ? null : g(Cc, {
+Sc.displayName = "Panel";
+function Cc({ proOptions: e, position: t = "bottom-right" }) {
+	return e?.hideAttribution ? null : g(Sc, {
 		position: t,
 		className: "react-flow__attribution",
 		"data-message": "Please only hide this attribution when you are subscribed to React Flow Pro: https://pro.reactflow.dev",
@@ -4375,7 +4377,7 @@ function wc({ proOptions: e, position: t = "bottom-right" }) {
 		})
 	});
 }
-var Tc = (e) => {
+var wc = (e) => {
 	let t = [], n = [];
 	for (let [, n] of e.nodeLookup) n.selected && t.push(n.internals.userNode);
 	for (let [, t] of e.edgeLookup) t.selected && n.push(t);
@@ -4383,12 +4385,12 @@ var Tc = (e) => {
 		selectedNodes: t,
 		selectedEdges: n
 	};
-}, Ec = (e) => e.id;
-function Dc(e, t) {
-	return X(e.selectedNodes.map(Ec), t.selectedNodes.map(Ec)) && X(e.selectedEdges.map(Ec), t.selectedEdges.map(Ec));
+}, Tc = (e) => e.id;
+function Ec(e, t) {
+	return X(e.selectedNodes.map(Tc), t.selectedNodes.map(Tc)) && X(e.selectedEdges.map(Tc), t.selectedEdges.map(Tc));
 }
-function Oc({ onSelectionChange: e }) {
-	let t = Q(), { selectedNodes: n, selectedEdges: r } = Z(Tc, Dc);
+function Dc({ onSelectionChange: e }) {
+	let t = Q(), { selectedNodes: n, selectedEdges: r } = Z(wc, Ec);
 	return c(() => {
 		let i = {
 			nodes: n,
@@ -4401,16 +4403,16 @@ function Oc({ onSelectionChange: e }) {
 		e
 	]), null;
 }
-var kc = (e) => !!e.onSelectionChangeHandlers;
-function Ac({ onSelectionChange: e }) {
-	let t = Z(kc);
-	return e || t ? g(Oc, { onSelectionChange: e }) : null;
+var Oc = (e) => !!e.onSelectionChangeHandlers;
+function kc({ onSelectionChange: e }) {
+	let t = Z(Oc);
+	return e || t ? g(Dc, { onSelectionChange: e }) : null;
 }
-var jc = [0, 0], Mc = {
+var Ac = [0, 0], jc = {
 	x: 0,
 	y: 0,
 	zoom: 1
-}, Nc = [.../* @__PURE__ */ "nodes.edges.defaultNodes.defaultEdges.onConnect.onConnectStart.onConnectEnd.onClickConnectStart.onClickConnectEnd.nodesDraggable.autoPanOnNodeFocus.nodesConnectable.nodesFocusable.edgesFocusable.edgesReconnectable.elevateNodesOnSelect.elevateEdgesOnSelect.minZoom.maxZoom.nodeExtent.onNodesChange.onEdgesChange.elementsSelectable.connectionMode.snapGrid.snapToGrid.translateExtent.connectOnClick.defaultEdgeOptions.fitView.fitViewOptions.onNodesDelete.onEdgesDelete.onDelete.onNodeDrag.onNodeDragStart.onNodeDragStop.onSelectionDrag.onSelectionDragStart.onSelectionDragStop.onMoveStart.onMove.onMoveEnd.noPanClassName.nodeOrigin.autoPanOnConnect.autoPanOnNodeDrag.onError.connectionRadius.isValidConnection.selectNodesOnDrag.nodeDragThreshold.connectionDragThreshold.onBeforeDelete.debug.autoPanSpeed.ariaLabelConfig.zIndexMode".split("."), "rfId"], Pc = (e) => ({
+}, Mc = [.../* @__PURE__ */ "nodes.edges.defaultNodes.defaultEdges.onConnect.onConnectStart.onConnectEnd.onClickConnectStart.onClickConnectEnd.nodesDraggable.autoPanOnNodeFocus.nodesConnectable.nodesFocusable.edgesFocusable.edgesReconnectable.elevateNodesOnSelect.elevateEdgesOnSelect.minZoom.maxZoom.nodeExtent.onNodesChange.onEdgesChange.elementsSelectable.connectionMode.snapGrid.snapToGrid.translateExtent.connectOnClick.defaultEdgeOptions.fitView.fitViewOptions.onNodesDelete.onEdgesDelete.onDelete.onNodeDrag.onNodeDragStart.onNodeDragStop.onSelectionDrag.onSelectionDragStart.onSelectionDragStop.onMoveStart.onMove.onMoveEnd.noPanClassName.nodeOrigin.autoPanOnConnect.autoPanOnNodeDrag.onError.connectionRadius.isValidConnection.selectNodesOnDrag.nodeDragThreshold.connectionDragThreshold.onBeforeDelete.debug.autoPanSpeed.ariaLabelConfig.zIndexMode".split("."), "rfId"], Nc = (e) => ({
 	setNodes: e.setNodes,
 	setEdges: e.setEdges,
 	setMinZoom: e.setMinZoom,
@@ -4419,48 +4421,48 @@ var jc = [0, 0], Mc = {
 	setNodeExtent: e.setNodeExtent,
 	reset: e.reset,
 	setDefaultNodesAndEdges: e.setDefaultNodesAndEdges
-}), Fc = {
+}), Pc = {
 	translateExtent: pa,
-	nodeOrigin: jc,
+	nodeOrigin: Ac,
 	minZoom: .5,
 	maxZoom: 2,
 	elementsSelectable: !0,
 	noPanClassName: "nopan",
 	rfId: "1"
 };
-function Ic(e) {
-	let { setNodes: t, setEdges: n, setMinZoom: r, setMaxZoom: i, setTranslateExtent: a, setNodeExtent: o, reset: s, setDefaultNodesAndEdges: l } = Z(Pc, X), u = Q();
+function Fc(e) {
+	let { setNodes: t, setEdges: n, setMinZoom: r, setMaxZoom: i, setTranslateExtent: a, setNodeExtent: o, reset: s, setDefaultNodesAndEdges: l } = Z(Nc, X), u = Q();
 	c(() => (l(e.defaultNodes, e.defaultEdges), () => {
-		f.current = Fc, s();
+		f.current = Pc, s();
 	}), []);
-	let f = d(Fc);
+	let f = d(Pc);
 	return c(() => {
-		for (let s of Nc) {
+		for (let s of Mc) {
 			let c = e[s];
 			c !== f.current[s] && e[s] !== void 0 && (s === "nodes" ? t(c) : s === "edges" ? n(c) : s === "minZoom" ? r(c) : s === "maxZoom" ? i(c) : s === "translateExtent" ? a(c) : s === "nodeExtent" ? o(c) : s === "ariaLabelConfig" ? u.setState({ ariaLabelConfig: fo(c) }) : s === "fitView" ? u.setState({ fitViewQueued: c }) : s === "fitViewOptions" ? u.setState({ fitViewOptions: c }) : u.setState({ [s]: c }));
 		}
 		f.current = e;
-	}, Nc.map((t) => e[t])), null;
+	}, Mc.map((t) => e[t])), null;
 }
-function Lc() {
+function Ic() {
 	return typeof window > "u" || !window.matchMedia ? null : window.matchMedia("(prefers-color-scheme: dark)");
 }
-function Rc(e) {
+function Lc(e) {
 	let [t, n] = f(e === "system" ? null : e);
 	return c(() => {
 		if (e !== "system") {
 			n(e);
 			return;
 		}
-		let t = Lc(), r = () => n(t?.matches ? "dark" : "light");
+		let t = Ic(), r = () => n(t?.matches ? "dark" : "light");
 		return r(), t?.addEventListener("change", r), () => {
 			t?.removeEventListener("change", r);
 		};
-	}, [e]), t === null ? Lc()?.matches ? "dark" : "light" : t;
+	}, [e]), t === null ? Ic()?.matches ? "dark" : "light" : t;
 }
-var zc = typeof document < "u" ? document : null;
-function Bc(e = null, t = {
-	target: zc,
+var Rc = typeof document < "u" ? document : null;
+function zc(e = null, t = {
+	target: Rc,
 	actInsideInputWithModifier: !0
 }) {
 	let [n, r] = f(!1), i = d(!1), a = d(/* @__PURE__ */ new Set([])), [o, s] = u(() => {
@@ -4471,18 +4473,18 @@ function Bc(e = null, t = {
 		return [[], []];
 	}, [e]);
 	return c(() => {
-		let n = t?.target ?? zc, c = t?.actInsideInputWithModifier ?? !0;
+		let n = t?.target ?? Rc, c = t?.actInsideInputWithModifier ?? !0;
 		if (e !== null) {
 			let e = (e) => {
 				if (i.current = e.ctrlKey || e.metaKey || e.shiftKey || e.altKey, (!i.current || i.current && !c) && _o(e)) return !1;
-				let n = Hc(e.code, s);
-				if (a.current.add(e[n]), Vc(o, a.current, !1)) {
+				let n = Vc(e.code, s);
+				if (a.current.add(e[n]), Bc(o, a.current, !1)) {
 					let n = e.composedPath?.()?.[0] || e.target, a = n?.nodeName === "BUTTON" || n?.nodeName === "A";
 					t.preventDefault !== !1 && (i.current || !a) && e.preventDefault(), r(!0);
 				}
 			}, l = (e) => {
-				let t = Hc(e.code, s);
-				Vc(o, a.current, !0) ? (r(!1), a.current.clear()) : a.current.delete(e[t]), e.key === "Meta" && a.current.clear(), i.current = !1;
+				let t = Vc(e.code, s);
+				Bc(o, a.current, !0) ? (r(!1), a.current.clear()) : a.current.delete(e[t]), e.key === "Meta" && a.current.clear(), i.current = !1;
 			}, u = () => {
 				a.current.clear(), r(!1);
 			};
@@ -4492,26 +4494,26 @@ function Bc(e = null, t = {
 		}
 	}, [e, r]), n;
 }
-function Vc(e, t, n) {
+function Bc(e, t, n) {
 	return e.filter((e) => n || e.length === t.size).some((e) => e.every((e) => t.has(e)));
 }
-function Hc(e, t) {
+function Vc(e, t) {
 	return t.includes(e) ? "code" : "key";
 }
-var Uc = () => {
+var Hc = () => {
 	let e = Q();
 	return u(() => ({
-		zoomIn: (t) => {
+		zoomIn: async (t) => {
 			let { panZoom: n } = e.getState();
-			return n ? n.scaleBy(1.2, { duration: t?.duration }) : Promise.resolve(!1);
+			return n ? n.scaleBy(1.2, t) : !1;
 		},
-		zoomOut: (t) => {
+		zoomOut: async (t) => {
 			let { panZoom: n } = e.getState();
-			return n ? n.scaleBy(1 / 1.2, { duration: t?.duration }) : Promise.resolve(!1);
+			return n ? n.scaleBy(1 / 1.2, t) : !1;
 		},
-		zoomTo: (t, n) => {
+		zoomTo: async (t, n) => {
 			let { panZoom: r } = e.getState();
-			return r ? r.scaleTo(t, { duration: n?.duration }) : Promise.resolve(!1);
+			return r ? r.scaleTo(t, n) : !1;
 		},
 		getZoom: () => e.getState().transform[2],
 		setViewport: async (t, n) => {
@@ -4520,7 +4522,7 @@ var Uc = () => {
 				x: t.x ?? r,
 				y: t.y ?? i,
 				zoom: t.zoom ?? a
-			}, n), Promise.resolve(!0)) : Promise.resolve(!1);
+			}, n), !0) : !1;
 		},
 		getViewport: () => {
 			let [t, n, r] = e.getState().transform;
@@ -4537,7 +4539,7 @@ var Uc = () => {
 				duration: n?.duration,
 				ease: n?.ease,
 				interpolate: n?.interpolate
-			}), Promise.resolve(!0)) : Promise.resolve(!1);
+			}), !0) : !1;
 		},
 		screenToFlowPosition: (t, n = {}) => {
 			let { transform: r, snapGrid: i, snapToGrid: a, domNode: o } = e.getState();
@@ -4559,7 +4561,7 @@ var Uc = () => {
 		}
 	}), []);
 };
-function Wc(e, t) {
+function Uc(e, t) {
 	let n = [], r = /* @__PURE__ */ new Map(), i = [];
 	for (let t of e) if (t.type === "add") {
 		i.push(t);
@@ -4581,14 +4583,14 @@ function Wc(e, t) {
 			continue;
 		}
 		let i = { ...e };
-		for (let e of t) Gc(e, i);
+		for (let e of t) Wc(e, i);
 		n.push(i);
 	}
 	return i.length && i.forEach((e) => {
 		e.index === void 0 ? n.push({ ...e.item }) : n.splice(e.index, 0, { ...e.item });
 	}), n;
 }
-function Gc(e, t) {
+function Wc(e, t) {
 	switch (e.type) {
 		case "select":
 			t.selected = e.selected;
@@ -4601,28 +4603,28 @@ function Gc(e, t) {
 			break;
 	}
 }
+function Gc(e, t) {
+	return Uc(e, t);
+}
 function Kc(e, t) {
-	return Wc(e, t);
+	return Uc(e, t);
 }
 function qc(e, t) {
-	return Wc(e, t);
-}
-function Jc(e, t) {
 	return {
 		id: e,
 		type: "select",
 		selected: t
 	};
 }
-function Yc(e, t = /* @__PURE__ */ new Set(), n = !1) {
+function Jc(e, t = /* @__PURE__ */ new Set(), n = !1) {
 	let r = [];
 	for (let [i, a] of e) {
 		let e = t.has(i);
-		!(a.selected === void 0 && !e) && a.selected !== e && (n && (a.selected = e), r.push(Jc(a.id, e)));
+		!(a.selected === void 0 && !e) && a.selected !== e && (n && (a.selected = e), r.push(qc(a.id, e)));
 	}
 	return r;
 }
-function Xc({ items: e = [], lookup: t }) {
+function Yc({ items: e = [], lookup: t }) {
 	let n = [], r = new Map(e.map((e) => [e.id, e]));
 	for (let [r, i] of e.entries()) {
 		let e = t.get(i.id), a = e?.internals?.userNode ?? e;
@@ -4642,25 +4644,32 @@ function Xc({ items: e = [], lookup: t }) {
 	});
 	return n;
 }
-function Zc(e) {
+function Xc(e) {
 	return {
 		id: e.id,
 		type: "remove"
 	};
 }
-var Qc = (e) => Ta(e), $c = (e) => wa(e);
-function el(e) {
+var Zc = Xa("React Flow", "https://reactflow.dev/");
+function Qc(e, t, n = {}) {
+	return Ao(e, t, {
+		...n,
+		onError: n.onError ?? Zc
+	});
+}
+var $c = (e) => Ta(e), el = (e) => wa(e);
+function tl(e) {
 	return r(e);
 }
-var tl = typeof window < "u" ? l : c;
-function nl(e) {
-	let [t, n] = f(BigInt(0)), [r] = f(() => rl(() => n((e) => e + BigInt(1))));
-	return tl(() => {
+var nl = typeof window < "u" ? l : c;
+function rl(e) {
+	let [t, n] = f(BigInt(0)), [r] = f(() => il(() => n((e) => e + BigInt(1))));
+	return nl(() => {
 		let t = r.get();
 		t.length && (e(t), r.reset());
 	}, [t]), r;
 }
-function rl(e) {
+function il(e) {
 	let t = [];
 	return {
 		get: () => t,
@@ -4672,12 +4681,12 @@ function rl(e) {
 		}
 	};
 }
-var il = t(null);
-function al({ children: e }) {
-	let t = Q(), n = nl(a((e) => {
+var al = t(null);
+function ol({ children: e }) {
+	let t = Q(), n = rl(a((e) => {
 		let { nodes: n = [], setNodes: r, hasDefaultNodes: i, onNodesChange: a, nodeLookup: o, fitViewQueued: s, onNodesChangeMiddlewareMap: c } = t.getState(), l = n;
 		for (let t of e) l = typeof t == "function" ? t(l) : t;
-		let u = Xc({
+		let u = Yc({
 			items: l,
 			lookup: o
 		});
@@ -4686,10 +4695,10 @@ function al({ children: e }) {
 			let { fitViewQueued: e, nodes: n, setNodes: r } = t.getState();
 			e && r(n);
 		});
-	}, [])), r = nl(a((e) => {
+	}, [])), r = rl(a((e) => {
 		let { edges: n = [], setEdges: r, hasDefaultEdges: i, onEdgesChange: a, edgeLookup: o } = t.getState(), s = n;
 		for (let t of e) s = typeof t == "function" ? t(s) : t;
-		i ? r(s) : a && a(Xc({
+		i ? r(s) : a && a(Yc({
 			items: s,
 			lookup: o
 		}));
@@ -4697,25 +4706,25 @@ function al({ children: e }) {
 		nodeQueue: n,
 		edgeQueue: r
 	}), []);
-	return g(il.Provider, {
+	return g(al.Provider, {
 		value: i,
 		children: e
 	});
 }
-function ol() {
-	let e = o(il);
+function sl() {
+	let e = o(al);
 	if (!e) throw Error("useBatchContext must be used within a BatchProvider");
 	return e;
 }
-var sl = (e) => !!e.panZoom;
-function cl() {
-	let e = Uc(), t = Q(), n = ol(), r = Z(sl), i = u(() => {
+var cl = (e) => !!e.panZoom;
+function ll() {
+	let e = Hc(), t = Q(), n = sl(), r = Z(cl), i = u(() => {
 		let e = (e) => t.getState().nodeLookup.get(e), r = (e) => {
 			n.nodeQueue.push(e);
 		}, i = (e) => {
 			n.edgeQueue.push(e);
 		}, a = (e) => {
-			let { nodeLookup: n, nodeOrigin: r } = t.getState(), i = Qc(e) ? e : n.get(e.id), a = i.parentId ? co(i.position, i.measured, i.parentId, n, r) : i.position;
+			let { nodeLookup: n, nodeOrigin: r } = t.getState(), i = $c(e) ? e : n.get(e.id), a = i.parentId ? co(i.position, i.measured, i.parentId, n, r) : i.position;
 			return Wa({
 				...i,
 				position: a,
@@ -4726,7 +4735,7 @@ function cl() {
 			r((r) => r.map((r) => {
 				if (r.id === e) {
 					let e = typeof t == "function" ? t(r) : t;
-					return n.replace && Qc(e) ? e : {
+					return n.replace && $c(e) ? e : {
 						...r,
 						...e
 					};
@@ -4737,7 +4746,7 @@ function cl() {
 			i((r) => r.map((r) => {
 				if (r.id === e) {
 					let e = typeof t == "function" ? t(r) : t;
-					return n.replace && $c(e) ? e : {
+					return n.replace && el(e) ? e : {
 						...r,
 						...e
 					};
@@ -4785,11 +4794,11 @@ function cl() {
 					onBeforeDelete: u
 				}), p = f.length > 0, m = d.length > 0;
 				if (p) {
-					let e = f.map(Zc);
+					let e = f.map(Xc);
 					o?.(f), c(e);
 				}
 				if (m) {
-					let e = d.map(Zc);
+					let e = d.map(Xc);
 					a?.(d), s(e);
 				}
 				return (m || p) && l?.({
@@ -4872,22 +4881,22 @@ function cl() {
 		viewportInitialized: r
 	}), [r]);
 }
-var ll = (e) => e.selected, ul = typeof window < "u" ? window : void 0;
-function dl({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
-	let n = Q(), { deleteElements: r } = cl(), i = Bc(e, { actInsideInputWithModifier: !1 }), a = Bc(t, { target: ul });
+var ul = (e) => e.selected, dl = typeof window < "u" ? window : void 0;
+function fl({ deleteKeyCode: e, multiSelectionKeyCode: t }) {
+	let n = Q(), { deleteElements: r } = ll(), i = zc(e, { actInsideInputWithModifier: !1 }), a = zc(t, { target: dl });
 	c(() => {
 		if (i) {
 			let { edges: e, nodes: t } = n.getState();
 			r({
-				nodes: t.filter(ll),
-				edges: e.filter(ll)
+				nodes: t.filter(ul),
+				edges: e.filter(ul)
 			}), n.setState({ nodesSelectionActive: !1 });
 		}
 	}, [i]), c(() => {
 		n.setState({ multiSelectionActive: a });
 	}, [a]);
 }
-function fl(e) {
+function pl(e) {
 	let t = Q();
 	c(() => {
 		let n = () => {
@@ -4907,20 +4916,20 @@ function fl(e) {
 		}
 	}, []);
 }
-var pl = {
+var ml = {
 	position: "absolute",
 	width: "100%",
 	height: "100%",
 	top: 0,
 	left: 0
-}, ml = (e) => ({
+}, hl = (e) => ({
 	userSelectionActive: e.userSelectionActive,
 	lib: e.lib,
 	connectionInProgress: e.connection.inProgress
 });
-function hl({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: r = !1, panOnScrollSpeed: i = .5, panOnScrollMode: o = _a.Free, zoomOnDoubleClick: s = !0, panOnDrag: l = !0, defaultViewport: u, translateExtent: f, minZoom: p, maxZoom: m, zoomActivationKeyCode: h, preventScrolling: _ = !0, children: v, noWheelClassName: y, noPanClassName: b, onViewportChange: x, isControlledViewport: S, paneClickDistance: C, selectionOnDrag: w }) {
-	let T = Q(), E = d(null), { userSelectionActive: D, lib: O, connectionInProgress: k } = Z(ml, X), A = Bc(h), j = d();
-	fl(E);
+function gl({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, panOnScroll: r = !1, panOnScrollSpeed: i = .5, panOnScrollMode: o = _a.Free, zoomOnDoubleClick: s = !0, panOnDrag: l = !0, defaultViewport: u, translateExtent: f, minZoom: p, maxZoom: m, zoomActivationKeyCode: h, preventScrolling: _ = !0, children: v, noWheelClassName: y, noPanClassName: b, onViewportChange: x, isControlledViewport: S, paneClickDistance: C, selectionOnDrag: w }) {
+	let T = Q(), E = d(null), { userSelectionActive: D, lib: O, connectionInProgress: k } = Z(hl, X), A = zc(h), j = d();
+	pl(E);
 	let M = a((e) => {
 		x?.({
 			x: e[0],
@@ -5006,16 +5015,16 @@ function hl({ onPaneContextMenu: e, zoomOnScroll: t = !0, zoomOnPinch: n = !0, p
 	]), g("div", {
 		className: "react-flow__renderer",
 		ref: E,
-		style: pl,
+		style: ml,
 		children: v
 	});
 }
-var gl = (e) => ({
+var _l = (e) => ({
 	userSelectionActive: e.userSelectionActive,
 	userSelectionRect: e.userSelectionRect
 });
-function _l() {
-	let { userSelectionActive: e, userSelectionRect: t } = Z(gl, X);
+function vl() {
+	let { userSelectionActive: e, userSelectionRect: t } = Z(_l, X);
 	return e && t ? g("div", {
 		className: "react-flow__selection react-flow__container",
 		style: {
@@ -5025,103 +5034,147 @@ function _l() {
 		}
 	}) : null;
 }
-var vl = (e, t) => (n) => {
+var yl = (e, t) => (n) => {
 	n.target === t.current && e?.(n);
-}, yl = (e) => ({
+}, bl = (e) => ({
 	userSelectionActive: e.userSelectionActive,
 	elementsSelectable: e.elementsSelectable,
 	connectionInProgress: e.connection.inProgress,
-	dragging: e.paneDragging
+	dragging: e.paneDragging,
+	panBy: e.panBy,
+	autoPanSpeed: e.autoPanSpeed
 });
-function bl({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = va.Full, panOnDrag: r, paneClickDistance: i, selectionOnDrag: a, onSelectionStart: o, onSelectionEnd: s, onPaneClick: c, onPaneContextMenu: l, onPaneScroll: u, onPaneMouseEnter: f, onPaneMouseMove: p, onPaneMouseLeave: m, children: h }) {
-	let v = Q(), { userSelectionActive: y, elementsSelectable: b, dragging: x, connectionInProgress: C } = Z(yl, X), w = b && (e || y), T = d(null), E = d(), D = d(/* @__PURE__ */ new Set()), O = d(/* @__PURE__ */ new Set()), k = d(!1), A = (e) => {
-		if (k.current || C) {
-			k.current = !1;
+function xl({ isSelecting: e, selectionKeyPressed: t, selectionMode: n = va.Full, panOnDrag: r, autoPanOnSelection: i, paneClickDistance: a, selectionOnDrag: o, onSelectionStart: s, onSelectionEnd: l, onPaneClick: u, onPaneContextMenu: f, onPaneScroll: p, onPaneMouseEnter: m, onPaneMouseMove: h, onPaneMouseLeave: v, children: y }) {
+	let b = d(0), x = Q(), { userSelectionActive: C, elementsSelectable: w, dragging: T, connectionInProgress: E, panBy: D, autoPanSpeed: O } = Z(bl, X), k = w && (e || C), A = d(null), j = d(), M = d(/* @__PURE__ */ new Set()), N = d(/* @__PURE__ */ new Set()), P = d(!1), F = d({
+		x: 0,
+		y: 0
+	}), I = d(!1), L = (e) => {
+		if (P.current || E) {
+			P.current = !1;
 			return;
 		}
-		c?.(e), v.getState().resetSelectedElements(), v.setState({ nodesSelectionActive: !1 });
-	}, j = (e) => {
+		u?.(e), x.getState().resetSelectedElements(), x.setState({ nodesSelectionActive: !1 });
+	}, R = (e) => {
 		if (Array.isArray(r) && r?.includes(2)) {
 			e.preventDefault();
 			return;
 		}
-		l?.(e);
-	}, M = u ? (e) => u(e) : void 0;
-	return _("div", {
+		f?.(e);
+	}, ee = p ? (e) => p(e) : void 0, z = (e) => {
+		P.current &&= (e.stopPropagation(), !1);
+	}, B = (n) => {
+		let { domNode: r, transform: i } = x.getState();
+		if (j.current = r?.getBoundingClientRect(), !j.current) return;
+		let a = n.target === A.current;
+		if (!a && n.target.closest(".nokey") || !e || !(o && a || t) || n.button !== 0 || !n.isPrimary) return;
+		n.target?.setPointerCapture?.(n.pointerId), P.current = !1;
+		let { x: s, y: c } = yo(n.nativeEvent, j.current), l = Qa({
+			x: s,
+			y: c
+		}, i);
+		x.setState({ userSelectionRect: {
+			width: 0,
+			height: 0,
+			startX: l.x,
+			startY: l.y,
+			x: s,
+			y: c
+		} }), a || (n.stopPropagation(), n.preventDefault());
+	};
+	function V(e, t) {
+		let { userSelectionRect: r } = x.getState();
+		if (!r) return;
+		let { transform: i, nodeLookup: a, edgeLookup: o, connectionLookup: s, triggerNodeChanges: c, triggerEdgeChanges: l, defaultEdgeOptions: u } = x.getState(), d = {
+			x: r.startX,
+			y: r.startY
+		}, { x: f, y: p } = $a(d, i), m = {
+			startX: d.x,
+			startY: d.y,
+			x: e < f ? e : f,
+			y: t < p ? t : p,
+			width: Math.abs(e - f),
+			height: Math.abs(t - p)
+		}, h = M.current, g = N.current;
+		M.current = new Set(Aa(a, m, i, n === va.Partial, !0).map((e) => e.id)), N.current = /* @__PURE__ */ new Set();
+		let _ = u?.selectable ?? !0;
+		for (let e of M.current) {
+			let t = s.get(e);
+			if (t) for (let { edgeId: e } of t.values()) {
+				let t = o.get(e);
+				t && (t.selectable ?? _) && N.current.add(e);
+			}
+		}
+		lo(h, M.current) || c(Jc(a, M.current, !0)), lo(g, N.current) || l(Jc(o, N.current)), x.setState({
+			userSelectionRect: m,
+			userSelectionActive: !0,
+			nodesSelectionActive: !1
+		});
+	}
+	function H() {
+		if (!i || !j.current) return;
+		let [e, t] = Ba(F.current, j.current, O);
+		D({
+			x: e,
+			y: t
+		}).then((e) => {
+			if (!P.current || !e) {
+				b.current = requestAnimationFrame(H);
+				return;
+			}
+			let { x: t, y: n } = F.current;
+			V(t, n), b.current = requestAnimationFrame(H);
+		});
+	}
+	let U = () => {
+		cancelAnimationFrame(b.current), b.current = 0, I.current = !1;
+	};
+	return c(() => () => U(), []), _("div", {
 		className: S(["react-flow__pane", {
 			draggable: r === !0 || Array.isArray(r) && r.includes(0),
-			dragging: x,
+			dragging: T,
 			selection: e
 		}]),
-		onClick: w ? void 0 : vl(A, T),
-		onContextMenu: vl(j, T),
-		onWheel: vl(M, T),
-		onPointerEnter: w ? void 0 : f,
-		onPointerMove: w ? (e) => {
-			let { userSelectionRect: r, transform: a, nodeLookup: s, edgeLookup: c, connectionLookup: l, triggerNodeChanges: u, triggerEdgeChanges: d, defaultEdgeOptions: f, resetSelectedElements: p } = v.getState();
-			if (!E.current || !r) return;
-			let { x: m, y: h } = yo(e.nativeEvent, E.current), { startX: g, startY: _ } = r;
-			if (!k.current) {
-				let n = t ? 0 : i;
-				if (Math.hypot(m - g, h - _) <= n) return;
-				p(), o?.(e);
-			}
-			k.current = !0;
-			let y = {
-				startX: g,
-				startY: _,
-				x: m < g ? m : g,
-				y: h < _ ? h : _,
-				width: Math.abs(m - g),
-				height: Math.abs(h - _)
-			}, b = D.current, x = O.current;
-			D.current = new Set(Aa(s, y, a, n === va.Partial, !0).map((e) => e.id)), O.current = /* @__PURE__ */ new Set();
-			let S = f?.selectable ?? !0;
-			for (let e of D.current) {
-				let t = l.get(e);
-				if (t) for (let { edgeId: e } of t.values()) {
-					let t = c.get(e);
-					t && (t.selectable ?? S) && O.current.add(e);
-				}
+		onClick: k ? void 0 : yl(L, A),
+		onContextMenu: yl(R, A),
+		onWheel: yl(ee, A),
+		onPointerEnter: k ? void 0 : m,
+		onPointerMove: k ? (e) => {
+			let { userSelectionRect: n, transform: r, resetSelectedElements: i } = x.getState();
+			if (!j.current || !n) return;
+			let { x: o, y: c } = yo(e.nativeEvent, j.current);
+			F.current = {
+				x: o,
+				y: c
+			};
+			let l = $a({
+				x: n.startX,
+				y: n.startY
+			}, r);
+			if (!P.current) {
+				let n = t ? 0 : a;
+				if (Math.hypot(o - l.x, c - l.y) <= n) return;
+				i(), s?.(e);
 			}
-			lo(b, D.current) || u(Yc(s, D.current, !0)), lo(x, O.current) || d(Yc(c, O.current)), v.setState({
-				userSelectionRect: y,
-				userSelectionActive: !0,
-				nodesSelectionActive: !1
-			});
-		} : p,
-		onPointerUp: w ? (e) => {
-			e.button === 0 && (e.target?.releasePointerCapture?.(e.pointerId), !y && e.target === T.current && v.getState().userSelectionRect && A?.(e), v.setState({
+			P.current = !0, I.current ||= (H(), !0), V(o, c);
+		} : h,
+		onPointerUp: k ? (e) => {
+			e.button === 0 && (e.target?.releasePointerCapture?.(e.pointerId), !C && e.target === A.current && x.getState().userSelectionRect && L?.(e), x.setState({
 				userSelectionActive: !1,
 				userSelectionRect: null
-			}), k.current && (s?.(e), v.setState({ nodesSelectionActive: D.current.size > 0 })));
-		} : void 0,
-		onPointerDownCapture: w ? (n) => {
-			let { domNode: r } = v.getState();
-			if (E.current = r?.getBoundingClientRect(), !E.current) return;
-			let i = n.target === T.current;
-			if (!i && n.target.closest(".nokey") || !e || !(a && i || t) || n.button !== 0 || !n.isPrimary) return;
-			n.target?.setPointerCapture?.(n.pointerId), k.current = !1;
-			let { x: o, y: s } = yo(n.nativeEvent, E.current);
-			v.setState({ userSelectionRect: {
-				width: 0,
-				height: 0,
-				startX: o,
-				startY: s,
-				x: o,
-				y: s
-			} }), i || (n.stopPropagation(), n.preventDefault());
+			}), P.current && (l?.(e), x.setState({ nodesSelectionActive: M.current.size > 0 })), U());
 		} : void 0,
-		onClickCapture: w ? (e) => {
-			k.current &&= (e.stopPropagation(), !1);
+		onPointerCancel: k ? (e) => {
+			e.target?.releasePointerCapture?.(e.pointerId), U();
 		} : void 0,
-		onPointerLeave: m,
-		ref: T,
-		style: pl,
-		children: [h, g(_l, {})]
+		onPointerDownCapture: k ? B : void 0,
+		onClickCapture: k ? z : void 0,
+		onPointerLeave: v,
+		ref: A,
+		style: ml,
+		children: [y, g(vl, {})]
 	});
 }
-function xl({ id: e, store: t, unselect: n = !1, nodeRef: r }) {
+function Sl({ id: e, store: t, unselect: n = !1, nodeRef: r }) {
 	let { addSelectedNodes: i, unselectNodesAndEdges: a, multiSelectionActive: o, nodeLookup: s, onError: c } = t.getState(), l = s.get(e);
 	if (!l) {
 		c?.("012", J.error012(e));
@@ -5132,13 +5185,13 @@ function xl({ id: e, store: t, unselect: n = !1, nodeRef: r }) {
 		edges: []
 	}), requestAnimationFrame(() => r?.current?.blur())) : i([e]);
 }
-function Sl({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector: r, nodeId: i, isSelectable: a, nodeClickDistance: o }) {
+function Cl({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector: r, nodeId: i, isSelectable: a, nodeClickDistance: o }) {
 	let s = Q(), [l, u] = f(!1), p = d();
 	return c(() => {
 		p.current = ms({
 			getStoreItems: () => s.getState(),
 			onNodeMouseDown: (t) => {
-				xl({
+				Sl({
 					id: t,
 					store: s,
 					nodeRef: e
@@ -5172,11 +5225,11 @@ function Sl({ nodeRef: e, disabled: t = !1, noDragClassName: n, handleSelector:
 		o
 	]), l;
 }
-var Cl = (e) => (t) => t.selected && (t.draggable || e && t.draggable === void 0);
-function wl() {
+var wl = (e) => (t) => t.selected && (t.draggable || e && t.draggable === void 0);
+function Tl() {
 	let e = Q();
 	return a((t) => {
-		let { nodeExtent: n, snapToGrid: r, snapGrid: i, nodesDraggable: a, onError: o, updateNodePositions: s, nodeLookup: c, nodeOrigin: l } = e.getState(), u = /* @__PURE__ */ new Map(), d = Cl(a), f = r ? i[0] : 5, p = r ? i[1] : 5, m = t.direction.x * f * t.factor, h = t.direction.y * p * t.factor;
+		let { nodeExtent: n, snapToGrid: r, snapGrid: i, nodesDraggable: a, onError: o, updateNodePositions: s, nodeLookup: c, nodeOrigin: l } = e.getState(), u = /* @__PURE__ */ new Map(), d = wl(a), f = r ? i[0] : 5, p = r ? i[1] : 5, m = t.direction.x * f * t.factor, h = t.direction.y * p * t.factor;
 		for (let [, e] of c) {
 			if (!d(e)) continue;
 			let t = {
@@ -5197,13 +5250,13 @@ function wl() {
 		s(u);
 	}, []);
 }
-var Tl = t(null), El = Tl.Provider;
-Tl.Consumer;
-var Dl = () => o(Tl), Ol = (e) => ({
+var El = t(null), Dl = El.Provider;
+El.Consumer;
+var Ol = () => o(El), kl = (e) => ({
 	connectOnClick: e.connectOnClick,
 	noPanClassName: e.noPanClassName,
 	rfId: e.rfId
-}), kl = (e, t, n) => (r) => {
+}), Al = (e, t, n) => (r) => {
 	let { connectionClickStartHandle: i, connectionMode: a, connection: o } = r, { fromHandle: s, toHandle: c, isValid: l } = o, u = c?.nodeId === e && c?.id === t && c?.type === n;
 	return {
 		connectingFrom: s?.nodeId === e && s?.id === t && s?.type === n,
@@ -5215,8 +5268,8 @@ var Dl = () => o(Tl), Ol = (e) => ({
 		valid: u && l
 	};
 };
-function Al({ type: e = "source", position: t = Y.Top, isValidConnection: n, isConnectable: r = !0, isConnectableStart: i = !0, isConnectableEnd: a = !0, id: o, onConnect: s, children: c, className: l, onMouseDown: u, onTouchStart: d, ...f }, p) {
-	let m = o || null, h = e === "target", _ = Q(), v = Dl(), { connectOnClick: y, noPanClassName: b, rfId: x } = Z(Ol, X), { connectingFrom: C, connectingTo: w, clickConnecting: T, isPossibleEndHandle: E, connectionInProcess: D, clickConnectionInProcess: O, valid: k } = Z(kl(v, m, e), X);
+function jl({ type: e = "source", position: t = Y.Top, isValidConnection: n, isConnectable: r = !0, isConnectableStart: i = !0, isConnectableEnd: a = !0, id: o, onConnect: s, children: c, className: l, onMouseDown: u, onTouchStart: d, ...f }, p) {
+	let m = o || null, h = e === "target", _ = Q(), v = Ol(), { connectOnClick: y, noPanClassName: b, rfId: x } = Z(kl, X), { connectingFrom: C, connectingTo: w, clickConnecting: T, isPossibleEndHandle: E, connectionInProcess: D, clickConnectionInProcess: O, valid: k } = Z(Al(v, m, e), X);
 	v || _.getState().onError?.("010", J.error010());
 	let A = (e) => {
 		let { defaultEdgeOptions: t, onConnect: n, hasDefaultEdges: r } = _.getState(), i = {
@@ -5224,8 +5277,8 @@ function Al({ type: e = "source", position: t = Y.Top, isValidConnection: n, isC
 			...e
 		};
 		if (r) {
-			let { edges: e, setEdges: t } = _.getState();
-			t(Ao(i, e));
+			let { edges: e, setEdges: t, onError: n } = _.getState();
+			t(Qc(i, e, { onError: n }));
 		}
 		n?.(i), s?.(i);
 	}, j = (e) => {
@@ -5259,40 +5312,6 @@ function Al({ type: e = "source", position: t = Y.Top, isValidConnection: n, isC
 			});
 		}
 		t ? u?.(e) : d?.(e);
-	}, M = (t) => {
-		let { onClickConnectStart: r, onClickConnectEnd: a, connectionClickStartHandle: o, connectionMode: s, isValidConnection: c, lib: l, rfId: u, nodeLookup: d, connection: f } = _.getState();
-		if (!v || !o && !i) return;
-		if (!o) {
-			r?.(t.nativeEvent, {
-				nodeId: v,
-				handleId: m,
-				handleType: e
-			}), _.setState({ connectionClickStartHandle: {
-				nodeId: v,
-				type: e,
-				id: m
-			} });
-			return;
-		}
-		let p = ho(t.target), h = n || c, { connection: g, isValid: y } = ws.isValid(t.nativeEvent, {
-			handle: {
-				nodeId: v,
-				id: m,
-				type: e
-			},
-			connectionMode: s,
-			fromNodeId: o.nodeId,
-			fromHandleId: o.id || null,
-			fromType: o.type,
-			isValidConnection: h,
-			flowId: u,
-			doc: p,
-			lib: l,
-			nodeLookup: d
-		});
-		y && g && A(g);
-		let b = structuredClone(f);
-		delete b.inProgress, b.toPosition = b.toHandle ? b.toHandle.position : null, a?.(t, b), _.setState({ connectionClickStartHandle: null });
 	};
 	return g("div", {
 		"data-handleid": m,
@@ -5320,46 +5339,80 @@ function Al({ type: e = "source", position: t = Y.Top, isValidConnection: n, isC
 		]),
 		onMouseDown: j,
 		onTouchStart: j,
-		onClick: y ? M : void 0,
+		onClick: y ? (t) => {
+			let { onClickConnectStart: r, onClickConnectEnd: a, connectionClickStartHandle: o, connectionMode: s, isValidConnection: c, lib: l, rfId: u, nodeLookup: d, connection: f } = _.getState();
+			if (!v || !o && !i) return;
+			if (!o) {
+				r?.(t.nativeEvent, {
+					nodeId: v,
+					handleId: m,
+					handleType: e
+				}), _.setState({ connectionClickStartHandle: {
+					nodeId: v,
+					type: e,
+					id: m
+				} });
+				return;
+			}
+			let p = ho(t.target), h = n || c, { connection: g, isValid: y } = ws.isValid(t.nativeEvent, {
+				handle: {
+					nodeId: v,
+					id: m,
+					type: e
+				},
+				connectionMode: s,
+				fromNodeId: o.nodeId,
+				fromHandleId: o.id || null,
+				fromType: o.type,
+				isValidConnection: h,
+				flowId: u,
+				doc: p,
+				lib: l,
+				nodeLookup: d
+			});
+			y && g && A(g);
+			let b = structuredClone(f);
+			delete b.inProgress, b.toPosition = b.toHandle ? b.toHandle.position : null, a?.(t, b), _.setState({ connectionClickStartHandle: null });
+		} : void 0,
 		ref: p,
 		...f,
 		children: c
 	});
 }
-var jl = i(el(Al));
-function Ml({ data: e, isConnectable: t, sourcePosition: n = Y.Bottom }) {
-	return _(h, { children: [e?.label, g(jl, {
+var Ml = i(tl(jl));
+function Nl({ data: e, isConnectable: t, sourcePosition: n = Y.Bottom }) {
+	return _(h, { children: [e?.label, g(Ml, {
 		type: "source",
 		position: n,
 		isConnectable: t
 	})] });
 }
-function Nl({ data: e, isConnectable: t, targetPosition: n = Y.Top, sourcePosition: r = Y.Bottom }) {
+function Pl({ data: e, isConnectable: t, targetPosition: n = Y.Top, sourcePosition: r = Y.Bottom }) {
 	return _(h, { children: [
-		g(jl, {
+		g(Ml, {
 			type: "target",
 			position: n,
 			isConnectable: t
 		}),
 		e?.label,
-		g(jl, {
+		g(Ml, {
 			type: "source",
 			position: r,
 			isConnectable: t
 		})
 	] });
 }
-function Pl() {
+function Fl() {
 	return null;
 }
-function Fl({ data: e, isConnectable: t, targetPosition: n = Y.Top }) {
-	return _(h, { children: [g(jl, {
+function Il({ data: e, isConnectable: t, targetPosition: n = Y.Top }) {
+	return _(h, { children: [g(Ml, {
 		type: "target",
 		position: n,
 		isConnectable: t
 	}), e?.label] });
 }
-var Il = {
+var Ll = {
 	ArrowUp: {
 		x: 0,
 		y: -1
@@ -5376,13 +5429,13 @@ var Il = {
 		x: 1,
 		y: 0
 	}
-}, Ll = {
-	input: Ml,
-	default: Nl,
-	output: Fl,
-	group: Pl
+}, Rl = {
+	input: Nl,
+	default: Pl,
+	output: Il,
+	group: Fl
 };
-function Rl(e) {
+function zl(e) {
 	return e.internals.handleBounds === void 0 ? {
 		width: e.width ?? e.initialWidth ?? e.style?.width,
 		height: e.height ?? e.initialHeight ?? e.style?.height
@@ -5391,7 +5444,7 @@ function Rl(e) {
 		height: e.height ?? e.style?.height
 	};
 }
-var zl = (e) => {
+var Bl = (e) => {
 	let { width: t, height: n, x: r, y: i } = ka(e.nodeLookup, { filter: (e) => !!e.selected });
 	return {
 		width: Ya(t) ? t : null,
@@ -5400,13 +5453,13 @@ var zl = (e) => {
 		transformString: `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]}) translate(${r}px,${i}px)`
 	};
 };
-function Bl({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
-	let r = Q(), { width: i, height: a, transformString: o, userSelectionActive: s } = Z(zl, X), l = wl(), u = d(null);
+function Vl({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y: n }) {
+	let r = Q(), { width: i, height: a, transformString: o, userSelectionActive: s } = Z(Bl, X), l = Tl(), u = d(null);
 	c(() => {
 		n || u.current?.focus({ preventScroll: !0 });
 	}, [n]);
 	let f = !s && i !== null && a !== null;
-	if (Sl({
+	if (Cl({
 		nodeRef: u,
 		disabled: !f
 	}), !f) return null;
@@ -5426,8 +5479,8 @@ function Bl({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
 			onContextMenu: p,
 			tabIndex: n ? void 0 : -1,
 			onKeyDown: n ? void 0 : (e) => {
-				Object.prototype.hasOwnProperty.call(Il, e.key) && (e.preventDefault(), l({
-					direction: Il[e.key],
+				Object.prototype.hasOwnProperty.call(Ll, e.key) && (e.preventDefault(), l({
+					direction: Ll[e.key],
 					factor: e.shiftKey ? 4 : 1
 				}));
 			},
@@ -5438,38 +5491,38 @@ function Bl({ onSelectionContextMenu: e, noPanClassName: t, disableKeyboardA11y:
 		})
 	});
 }
-var Vl = typeof window < "u" ? window : void 0, Hl = (e) => ({
+var Hl = typeof window < "u" ? window : void 0, Ul = (e) => ({
 	nodesSelectionActive: e.nodesSelectionActive,
 	userSelectionActive: e.userSelectionActive
 });
-function Ul({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: i, onPaneContextMenu: a, onPaneScroll: o, paneClickDistance: s, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: u, selectionMode: d, onSelectionStart: f, onSelectionEnd: p, multiSelectionKeyCode: m, panActivationKeyCode: h, zoomActivationKeyCode: v, elementsSelectable: y, zoomOnScroll: b, zoomOnPinch: x, panOnScroll: S, panOnScrollSpeed: C, panOnScrollMode: w, zoomOnDoubleClick: T, panOnDrag: E, defaultViewport: D, translateExtent: O, minZoom: k, maxZoom: A, preventScrolling: j, onSelectionContextMenu: M, noWheelClassName: N, noPanClassName: P, disableKeyboardA11y: F, onViewportChange: I, isControlledViewport: L }) {
-	let { nodesSelectionActive: R, userSelectionActive: ee } = Z(Hl, X), z = Bc(l, { target: Vl }), B = Bc(h, { target: Vl }), V = B || E, H = B || S, U = u && V !== !0, W = z || ee || U;
-	return dl({
+function Wl({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove: r, onPaneMouseLeave: i, onPaneContextMenu: a, onPaneScroll: o, paneClickDistance: s, deleteKeyCode: c, selectionKeyCode: l, selectionOnDrag: u, selectionMode: d, onSelectionStart: f, onSelectionEnd: p, multiSelectionKeyCode: m, panActivationKeyCode: h, zoomActivationKeyCode: v, elementsSelectable: y, zoomOnScroll: b, zoomOnPinch: x, panOnScroll: S, panOnScrollSpeed: C, panOnScrollMode: w, zoomOnDoubleClick: T, panOnDrag: E, autoPanOnSelection: D, defaultViewport: O, translateExtent: k, minZoom: A, maxZoom: j, preventScrolling: M, onSelectionContextMenu: N, noWheelClassName: P, noPanClassName: F, disableKeyboardA11y: I, onViewportChange: L, isControlledViewport: R }) {
+	let { nodesSelectionActive: ee, userSelectionActive: z } = Z(Ul, X), B = zc(l, { target: Hl }), V = zc(h, { target: Hl }), H = V || E, U = V || S, W = u && H !== !0, te = B || z || W;
+	return fl({
 		deleteKeyCode: c,
 		multiSelectionKeyCode: m
-	}), g(hl, {
+	}), g(gl, {
 		onPaneContextMenu: a,
 		elementsSelectable: y,
 		zoomOnScroll: b,
 		zoomOnPinch: x,
-		panOnScroll: H,
+		panOnScroll: U,
 		panOnScrollSpeed: C,
 		panOnScrollMode: w,
 		zoomOnDoubleClick: T,
-		panOnDrag: !z && V,
-		defaultViewport: D,
-		translateExtent: O,
-		minZoom: k,
-		maxZoom: A,
+		panOnDrag: !B && H,
+		defaultViewport: O,
+		translateExtent: k,
+		minZoom: A,
+		maxZoom: j,
 		zoomActivationKeyCode: v,
-		preventScrolling: j,
-		noWheelClassName: N,
-		noPanClassName: P,
-		onViewportChange: I,
-		isControlledViewport: L,
+		preventScrolling: M,
+		noWheelClassName: P,
+		noPanClassName: F,
+		onViewportChange: L,
+		isControlledViewport: R,
 		paneClickDistance: s,
-		selectionOnDrag: U,
-		children: _(bl, {
+		selectionOnDrag: W,
+		children: _(xl, {
 			onSelectionStart: f,
 			onSelectionEnd: p,
 			onPaneClick: t,
@@ -5478,33 +5531,34 @@ function Ul({ children: e, onPaneClick: t, onPaneMouseEnter: n, onPaneMouseMove:
 			onPaneMouseLeave: i,
 			onPaneContextMenu: a,
 			onPaneScroll: o,
-			panOnDrag: V,
-			isSelecting: !!W,
+			panOnDrag: H,
+			autoPanOnSelection: D,
+			isSelecting: !!te,
 			selectionMode: d,
-			selectionKeyPressed: z,
+			selectionKeyPressed: B,
 			paneClickDistance: s,
-			selectionOnDrag: U,
-			children: [e, R && g(Bl, {
-				onSelectionContextMenu: M,
-				noPanClassName: P,
-				disableKeyboardA11y: F
+			selectionOnDrag: W,
+			children: [e, ee && g(Vl, {
+				onSelectionContextMenu: N,
+				noPanClassName: F,
+				disableKeyboardA11y: I
 			})]
 		})
 	});
 }
-Ul.displayName = "FlowRenderer";
-var Wl = i(Ul), Gl = (e) => (t) => e ? Aa(t.nodeLookup, {
+Wl.displayName = "FlowRenderer";
+var Gl = i(Wl), Kl = (e) => (t) => e ? Aa(t.nodeLookup, {
 	x: 0,
 	y: 0,
 	width: t.width,
 	height: t.height
 }, t.transform, !0).map((e) => e.id) : Array.from(t.nodeLookup.keys());
-function Kl(e) {
-	return Z(a(Gl(e), [e]), X);
+function ql(e) {
+	return Z(a(Kl(e), [e]), X);
 }
-var ql = (e) => e.updateNodeInternals;
-function Jl() {
-	let e = Z(ql), [t] = f(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((t) => {
+var Jl = (e) => e.updateNodeInternals;
+function Yl() {
+	let e = Z(Jl), [t] = f(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((t) => {
 		let n = /* @__PURE__ */ new Map();
 		t.forEach((e) => {
 			let t = e.target.getAttribute("data-id");
@@ -5519,7 +5573,7 @@ function Jl() {
 		t?.disconnect();
 	}, [t]), t;
 }
-function Yl({ node: e, nodeType: t, hasDimensions: n, resizeObserver: r }) {
+function Xl({ node: e, nodeType: t, hasDimensions: n, resizeObserver: r }) {
 	let i = Q(), a = d(null), o = d(null), s = d(e.sourcePosition), l = d(e.targetPosition), u = d(t), f = n && !!e.internals.handleBounds;
 	return c(() => {
 		a.current && !e.hidden && (!f || o.current !== a.current) && (o.current && r?.unobserve(o.current), r?.observe(a.current), o.current = a.current);
@@ -5541,7 +5595,7 @@ function Yl({ node: e, nodeType: t, hasDimensions: n, resizeObserver: r }) {
 		e.targetPosition
 	]), a;
 }
-function Xl({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave: i, onContextMenu: a, onDoubleClick: o, nodesDraggable: s, elementsSelectable: c, nodesConnectable: l, nodesFocusable: u, resizeObserver: d, noDragClassName: f, noPanClassName: p, disableKeyboardA11y: m, rfId: h, nodeTypes: _, nodeClickDistance: v, onError: y }) {
+function Zl({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave: i, onContextMenu: a, onDoubleClick: o, nodesDraggable: s, elementsSelectable: c, nodesConnectable: l, nodesFocusable: u, resizeObserver: d, noDragClassName: f, noPanClassName: p, disableKeyboardA11y: m, rfId: h, nodeTypes: _, nodeClickDistance: v, onError: y }) {
 	let { node: b, internals: x, isParent: C } = Z((t) => {
 		let n = t.nodeLookup.get(e), r = t.parentLookup.has(e);
 		return {
@@ -5549,14 +5603,14 @@ function Xl({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
 			internals: n.internals,
 			isParent: r
 		};
-	}, X), w = b.type || "default", T = _?.[w] || Ll[w];
-	T === void 0 && (y?.("003", J.error003(w)), w = "default", T = _?.default || Ll.default);
-	let E = !!(b.draggable || s && b.draggable === void 0), D = !!(b.selectable || c && b.selectable === void 0), O = !!(b.connectable || l && b.connectable === void 0), k = !!(b.focusable || u && b.focusable === void 0), A = Q(), j = so(b), M = Yl({
+	}, X), w = b.type || "default", T = _?.[w] || Rl[w];
+	T === void 0 && (y?.("003", J.error003(w)), w = "default", T = _?.default || Rl.default);
+	let E = !!(b.draggable || s && b.draggable === void 0), D = !!(b.selectable || c && b.selectable === void 0), O = !!(b.connectable || l && b.connectable === void 0), k = !!(b.focusable || u && b.focusable === void 0), A = Q(), j = so(b), M = Xl({
 		node: b,
 		nodeType: w,
 		hasDimensions: j,
 		resizeObserver: d
-	}), N = Sl({
+	}), N = Cl({
 		nodeRef: M,
 		disabled: b.hidden || !E,
 		noDragClassName: f,
@@ -5564,24 +5618,24 @@ function Xl({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
 		nodeId: e,
 		isSelectable: D,
 		nodeClickDistance: v
-	}), P = wl();
+	}), P = Tl();
 	if (b.hidden) return null;
-	let F = oo(b), I = Rl(b), L = D || E || t || n || r || i, R = n ? (e) => n(e, { ...x.userNode }) : void 0, ee = r ? (e) => r(e, { ...x.userNode }) : void 0, z = i ? (e) => i(e, { ...x.userNode }) : void 0, B = a ? (e) => a(e, { ...x.userNode }) : void 0, V = o ? (e) => o(e, { ...x.userNode }) : void 0, H = (n) => {
+	let F = oo(b), I = zl(b), L = D || E || t || n || r || i, R = n ? (e) => n(e, { ...x.userNode }) : void 0, ee = r ? (e) => r(e, { ...x.userNode }) : void 0, z = i ? (e) => i(e, { ...x.userNode }) : void 0, B = a ? (e) => a(e, { ...x.userNode }) : void 0, V = o ? (e) => o(e, { ...x.userNode }) : void 0, H = (n) => {
 		let { selectNodesOnDrag: r, nodeDragThreshold: i } = A.getState();
-		D && (!r || !E || i > 0) && xl({
+		D && (!r || !E || i > 0) && Sl({
 			id: e,
 			store: A,
 			nodeRef: M
 		}), t && t(n, { ...x.userNode });
 	}, U = (t) => {
 		if (!(_o(t.nativeEvent) || m)) {
-			if (ma.includes(t.key) && D) xl({
+			if (ma.includes(t.key) && D) Sl({
 				id: e,
 				store: A,
 				unselect: t.key === "Escape",
 				nodeRef: M
 			});
-			else if (E && b.selected && Object.prototype.hasOwnProperty.call(Il, t.key)) {
+			else if (E && b.selected && Object.prototype.hasOwnProperty.call(Ll, t.key)) {
 				t.preventDefault();
 				let { ariaLabelConfig: e } = A.getState();
 				A.setState({ ariaLiveMessage: e["node.a11yDescription.ariaLiveMessage"]({
@@ -5589,7 +5643,7 @@ function Xl({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
 					x: ~~x.positionAbsolute.x,
 					y: ~~x.positionAbsolute.y
 				}) }), P({
-					direction: Il[t.key],
+					direction: Ll[t.key],
 					factor: t.shiftKey ? 4 : 1
 				});
 			}
@@ -5640,10 +5694,10 @@ function Xl({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
 		onFocus: k ? W : void 0,
 		role: b.ariaRole ?? (k ? "group" : void 0),
 		"aria-roledescription": "node",
-		"aria-describedby": m ? void 0 : `${gc}-${h}`,
+		"aria-describedby": m ? void 0 : `${hc}-${h}`,
 		"aria-label": b.ariaLabel,
 		...b.domAttributes,
-		children: g(El, {
+		children: g(Dl, {
 			value: e,
 			children: g(T, {
 				id: e,
@@ -5667,19 +5721,19 @@ function Xl({ id: e, onClick: t, onMouseEnter: n, onMouseMove: r, onMouseLeave:
 		})
 	});
 }
-var Zl = i(Xl), Ql = (e) => ({
+var Ql = i(Zl), $l = (e) => ({
 	nodesDraggable: e.nodesDraggable,
 	nodesConnectable: e.nodesConnectable,
 	nodesFocusable: e.nodesFocusable,
 	elementsSelectable: e.elementsSelectable,
 	onError: e.onError
 });
-function $l(e) {
-	let { nodesDraggable: t, nodesConnectable: n, nodesFocusable: r, elementsSelectable: i, onError: a } = Z(Ql, X), o = Kl(e.onlyRenderVisibleElements), s = Jl();
+function eu(e) {
+	let { nodesDraggable: t, nodesConnectable: n, nodesFocusable: r, elementsSelectable: i, onError: a } = Z($l, X), o = ql(e.onlyRenderVisibleElements), s = Yl();
 	return g("div", {
 		className: "react-flow__nodes",
-		style: pl,
-		children: o.map((o) => g(Zl, {
+		style: ml,
+		children: o.map((o) => g(Ql, {
 			id: o,
 			nodeTypes: e.nodeTypes,
 			nodeExtent: e.nodeExtent,
@@ -5703,9 +5757,9 @@ function $l(e) {
 		}, o))
 	});
 }
-$l.displayName = "NodeRenderer";
-var eu = i($l);
-function tu(e) {
+eu.displayName = "NodeRenderer";
+var tu = i(eu);
+function nu(e) {
 	return Z(a((t) => {
 		if (!e) return t.edges.map((e) => e.id);
 		let n = [];
@@ -5722,7 +5776,7 @@ function tu(e) {
 		return n;
 	}, [e]), X);
 }
-var nu = ({ color: e = "none", strokeWidth: t = 1 }) => g("polyline", {
+var ru = ({ color: e = "none", strokeWidth: t = 1 }) => g("polyline", {
 	className: "arrow",
 	style: {
 		strokeWidth: t,
@@ -5732,7 +5786,7 @@ var nu = ({ color: e = "none", strokeWidth: t = 1 }) => g("polyline", {
 	fill: "none",
 	strokeLinejoin: "round",
 	points: "-5,-4 0,0 -5,4"
-}), ru = ({ color: e = "none", strokeWidth: t = 1 }) => g("polyline", {
+}), iu = ({ color: e = "none", strokeWidth: t = 1 }) => g("polyline", {
 	className: "arrowclosed",
 	style: {
 		strokeWidth: t,
@@ -5744,16 +5798,16 @@ var nu = ({ color: e = "none", strokeWidth: t = 1 }) => g("polyline", {
 	strokeLinecap: "round",
 	strokeLinejoin: "round",
 	points: "-5,-4 0,0 -5,4 -5,-4"
-}), iu = {
-	[xa.Arrow]: nu,
-	[xa.ArrowClosed]: ru
+}), au = {
+	[xa.Arrow]: ru,
+	[xa.ArrowClosed]: iu
 };
-function au(e) {
+function ou(e) {
 	let t = Q();
-	return u(() => Object.prototype.hasOwnProperty.call(iu, e) ? iu[e] : (t.getState().onError?.("009", J.error009(e)), null), [e]);
+	return u(() => Object.prototype.hasOwnProperty.call(au, e) ? au[e] : (t.getState().onError?.("009", J.error009(e)), null), [e]);
 }
-var ou = ({ id: e, type: t, color: n, width: r = 12.5, height: i = 12.5, markerUnits: a = "strokeWidth", strokeWidth: o, orient: s = "auto-start-reverse" }) => {
-	let c = au(t);
+var su = ({ id: e, type: t, color: n, width: r = 12.5, height: i = 12.5, markerUnits: a = "strokeWidth", strokeWidth: o, orient: s = "auto-start-reverse" }) => {
+	let c = ou(t);
 	return c ? g("marker", {
 		className: "react-flow__arrowhead",
 		id: e,
@@ -5769,7 +5823,7 @@ var ou = ({ id: e, type: t, color: n, width: r = 12.5, height: i = 12.5, markerU
 			strokeWidth: o
 		})
 	}) : null;
-}, su = ({ defaultColor: e, rfId: t }) => {
+}, cu = ({ defaultColor: e, rfId: t }) => {
 	let n = Z((e) => e.edges), r = Z((e) => e.defaultEdgeOptions), i = u(() => Wo(n, {
 		id: t,
 		defaultColor: e,
@@ -5784,7 +5838,7 @@ var ou = ({ id: e, type: t, color: n, width: r = 12.5, height: i = 12.5, markerU
 	return i.length ? g("svg", {
 		className: "react-flow__marker",
 		"aria-hidden": "true",
-		children: g("defs", { children: i.map((e) => g(ou, {
+		children: g("defs", { children: i.map((e) => g(su, {
 			id: e.id,
 			type: e.type,
 			color: e.color,
@@ -5796,9 +5850,9 @@ var ou = ({ id: e, type: t, color: n, width: r = 12.5, height: i = 12.5, markerU
 		}, e.id)) })
 	}) : null;
 };
-su.displayName = "MarkerDefinitions";
-var cu = i(su);
-function lu({ x: e, y: t, label: n, labelStyle: r, labelShowBg: i = !0, labelBgStyle: a, labelBgPadding: o = [2, 4], labelBgBorderRadius: s = 2, children: l, className: u, ...p }) {
+cu.displayName = "MarkerDefinitions";
+var lu = i(cu);
+function uu({ x: e, y: t, label: n, labelStyle: r, labelShowBg: i = !0, labelBgStyle: a, labelBgPadding: o = [2, 4], labelBgBorderRadius: s = 2, children: l, className: u, ...p }) {
 	let [m, h] = f({
 		x: 1,
 		y: 0,
@@ -5843,9 +5897,9 @@ function lu({ x: e, y: t, label: n, labelStyle: r, labelShowBg: i = !0, labelBgS
 		]
 	}) : null;
 }
-lu.displayName = "EdgeText";
-var uu = i(lu);
-function du({ path: e, labelX: t, labelY: n, label: r, labelStyle: i, labelShowBg: a, labelBgStyle: o, labelBgPadding: s, labelBgBorderRadius: c, interactionWidth: l = 20, ...u }) {
+uu.displayName = "EdgeText";
+var du = i(uu);
+function fu({ path: e, labelX: t, labelY: n, label: r, labelStyle: i, labelShowBg: a, labelBgStyle: o, labelBgPadding: s, labelBgBorderRadius: c, interactionWidth: l = 20, ...u }) {
 	return _(h, { children: [
 		g("path", {
 			...u,
@@ -5860,7 +5914,7 @@ function du({ path: e, labelX: t, labelY: n, label: r, labelStyle: i, labelShowB
 			strokeWidth: l,
 			className: "react-flow__edge-interaction"
 		}) : null,
-		r && Ya(t) && Ya(n) ? g(uu, {
+		r && Ya(t) && Ya(n) ? g(du, {
 			x: t,
 			y: n,
 			label: r,
@@ -5872,17 +5926,17 @@ function du({ path: e, labelX: t, labelY: n, label: r, labelStyle: i, labelShowB
 		}) : null
 	] });
 }
-function fu({ pos: e, x1: t, y1: n, x2: r, y2: i }) {
+function pu({ pos: e, x1: t, y1: n, x2: r, y2: i }) {
 	return e === Y.Left || e === Y.Right ? [.5 * (t + r), n] : [t, .5 * (n + i)];
 }
-function pu({ sourceX: e, sourceY: t, sourcePosition: n = Y.Bottom, targetX: r, targetY: i, targetPosition: a = Y.Top }) {
-	let [o, s] = fu({
+function mu({ sourceX: e, sourceY: t, sourcePosition: n = Y.Bottom, targetX: r, targetY: i, targetPosition: a = Y.Top }) {
+	let [o, s] = pu({
 		pos: n,
 		x1: e,
 		y1: t,
 		x2: r,
 		y2: i
-	}), [c, l] = fu({
+	}), [c, l] = pu({
 		pos: a,
 		x1: r,
 		y1: i,
@@ -5906,9 +5960,9 @@ function pu({ sourceX: e, sourceY: t, sourcePosition: n = Y.Bottom, targetX: r,
 		p
 	];
 }
-function mu(e) {
+function hu(e) {
 	return i(({ id: t, sourceX: n, sourceY: r, targetX: i, targetY: a, sourcePosition: o, targetPosition: s, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: d, labelBgPadding: f, labelBgBorderRadius: p, style: m, markerEnd: h, markerStart: _, interactionWidth: v }) => {
-		let [y, b, x] = pu({
+		let [y, b, x] = mu({
 			sourceX: n,
 			sourceY: r,
 			sourcePosition: o,
@@ -5916,7 +5970,7 @@ function mu(e) {
 			targetY: a,
 			targetPosition: s
 		});
-		return g(du, {
+		return g(fu, {
 			id: e.isInternal ? void 0 : t,
 			path: y,
 			labelX: b,
@@ -5934,9 +5988,9 @@ function mu(e) {
 		});
 	});
 }
-var hu = mu({ isInternal: !1 }), gu = mu({ isInternal: !0 });
-hu.displayName = "SimpleBezierEdge", gu.displayName = "SimpleBezierEdgeInternal";
-function _u(e) {
+var gu = hu({ isInternal: !1 }), _u = hu({ isInternal: !0 });
+gu.displayName = "SimpleBezierEdge", _u.displayName = "SimpleBezierEdgeInternal";
+function vu(e) {
 	return i(({ id: t, sourceX: n, sourceY: r, targetX: i, targetY: a, label: o, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: d, style: f, sourcePosition: p = Y.Bottom, targetPosition: m = Y.Top, markerEnd: h, markerStart: _, pathOptions: v, interactionWidth: y }) => {
 		let [b, x, S] = Lo({
 			sourceX: n,
@@ -5949,7 +6003,7 @@ function _u(e) {
 			offset: v?.offset,
 			stepPosition: v?.stepPosition
 		});
-		return g(du, {
+		return g(fu, {
 			id: e.isInternal ? void 0 : t,
 			path: b,
 			labelX: x,
@@ -5967,12 +6021,12 @@ function _u(e) {
 		});
 	});
 }
-var vu = _u({ isInternal: !1 }), yu = _u({ isInternal: !0 });
-vu.displayName = "SmoothStepEdge", yu.displayName = "SmoothStepEdgeInternal";
-function bu(e) {
+var yu = vu({ isInternal: !1 }), bu = vu({ isInternal: !0 });
+yu.displayName = "SmoothStepEdge", bu.displayName = "SmoothStepEdgeInternal";
+function xu(e) {
 	return i(({ id: t, ...n }) => {
 		let r = e.isInternal ? void 0 : t;
-		return g(vu, {
+		return g(yu, {
 			...n,
 			id: r,
 			pathOptions: u(() => ({
@@ -5982,9 +6036,9 @@ function bu(e) {
 		});
 	});
 }
-var xu = bu({ isInternal: !1 }), Su = bu({ isInternal: !0 });
-xu.displayName = "StepEdge", Su.displayName = "StepEdgeInternal";
-function Cu(e) {
+var Su = xu({ isInternal: !1 }), Cu = xu({ isInternal: !0 });
+Su.displayName = "StepEdge", Cu.displayName = "StepEdgeInternal";
+function wu(e) {
 	return i(({ id: t, sourceX: n, sourceY: r, targetX: i, targetY: a, label: o, labelStyle: s, labelShowBg: c, labelBgStyle: l, labelBgPadding: u, labelBgBorderRadius: d, style: f, markerEnd: p, markerStart: m, interactionWidth: h }) => {
 		let [_, v, y] = jo({
 			sourceX: n,
@@ -5992,7 +6046,7 @@ function Cu(e) {
 			targetX: i,
 			targetY: a
 		});
-		return g(du, {
+		return g(fu, {
 			id: e.isInternal ? void 0 : t,
 			path: _,
 			labelX: v,
@@ -6010,9 +6064,9 @@ function Cu(e) {
 		});
 	});
 }
-var wu = Cu({ isInternal: !1 }), Tu = Cu({ isInternal: !0 });
-wu.displayName = "StraightEdge", Tu.displayName = "StraightEdgeInternal";
-function Eu(e) {
+var Tu = wu({ isInternal: !1 }), Eu = wu({ isInternal: !0 });
+Tu.displayName = "StraightEdge", Eu.displayName = "StraightEdgeInternal";
+function Du(e) {
 	return i(({ id: t, sourceX: n, sourceY: r, targetX: i, targetY: a, sourcePosition: o = Y.Bottom, targetPosition: s = Y.Top, label: c, labelStyle: l, labelShowBg: u, labelBgStyle: d, labelBgPadding: f, labelBgBorderRadius: p, style: m, markerEnd: h, markerStart: _, pathOptions: v, interactionWidth: y }) => {
 		let [b, x, S] = wo({
 			sourceX: n,
@@ -6023,7 +6077,7 @@ function Eu(e) {
 			targetPosition: s,
 			curvature: v?.curvature
 		});
-		return g(du, {
+		return g(fu, {
 			id: e.isInternal ? void 0 : t,
 			path: b,
 			labelX: x,
@@ -6041,36 +6095,36 @@ function Eu(e) {
 		});
 	});
 }
-var Du = Eu({ isInternal: !1 }), Ou = Eu({ isInternal: !0 });
-Du.displayName = "BezierEdge", Ou.displayName = "BezierEdgeInternal";
-var ku = {
-	default: Ou,
-	straight: Tu,
-	step: Su,
-	smoothstep: yu,
-	simplebezier: gu
-}, Au = {
+var Ou = Du({ isInternal: !1 }), ku = Du({ isInternal: !0 });
+Ou.displayName = "BezierEdge", ku.displayName = "BezierEdgeInternal";
+var Au = {
+	default: ku,
+	straight: Eu,
+	step: Cu,
+	smoothstep: bu,
+	simplebezier: _u
+}, ju = {
 	sourceX: null,
 	sourceY: null,
 	targetX: null,
 	targetY: null,
 	sourcePosition: null,
 	targetPosition: null
-}, ju = (e, t, n) => n === Y.Left ? e - t : n === Y.Right ? e + t : e, Mu = (e, t, n) => n === Y.Top ? e - t : n === Y.Bottom ? e + t : e, Nu = "react-flow__edgeupdater";
-function Pu({ position: e, centerX: t, centerY: n, radius: r = 10, onMouseDown: i, onMouseEnter: a, onMouseOut: o, type: s }) {
+}, Mu = (e, t, n) => n === Y.Left ? e - t : n === Y.Right ? e + t : e, Nu = (e, t, n) => n === Y.Top ? e - t : n === Y.Bottom ? e + t : e, Pu = "react-flow__edgeupdater";
+function Fu({ position: e, centerX: t, centerY: n, radius: r = 10, onMouseDown: i, onMouseEnter: a, onMouseOut: o, type: s }) {
 	return g("circle", {
 		onMouseDown: i,
 		onMouseEnter: a,
 		onMouseOut: o,
-		className: S([Nu, `${Nu}-${s}`]),
-		cx: ju(t, r, e),
-		cy: Mu(n, r, e),
+		className: S([Pu, `${Pu}-${s}`]),
+		cx: Mu(t, r, e),
+		cy: Nu(n, r, e),
 		r,
 		stroke: "transparent",
 		fill: "transparent"
 	});
 }
-function Fu({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourceY: i, targetX: a, targetY: o, sourcePosition: s, targetPosition: c, onReconnect: l, onReconnectStart: u, onReconnectEnd: d, setReconnecting: f, setUpdateHover: p }) {
+function Iu({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourceY: i, targetX: a, targetY: o, sourcePosition: s, targetPosition: c, onReconnect: l, onReconnectStart: u, onReconnectEnd: d, setReconnecting: f, setUpdateHover: p }) {
 	let m = Q(), v = (e, t) => {
 		if (e.button !== 0) return;
 		let { autoPanOnConnect: r, domNode: i, connectionMode: a, connectionRadius: o, lib: s, onConnectStart: c, cancelConnection: p, nodeLookup: h, rfId: g, panBy: _, updateConnection: v } = m.getState(), y = t.type === "target";
@@ -6112,7 +6166,7 @@ function Fu({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourc
 		id: n.sourceHandle ?? null,
 		type: "source"
 	}), x = () => p(!0), S = () => p(!1);
-	return _(h, { children: [(e === !0 || e === "source") && g(Pu, {
+	return _(h, { children: [(e === !0 || e === "source") && g(Fu, {
 		position: s,
 		centerX: r,
 		centerY: i,
@@ -6121,7 +6175,7 @@ function Fu({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourc
 		onMouseEnter: x,
 		onMouseOut: S,
 		type: "source"
-	}), (e === !0 || e === "target") && g(Pu, {
+	}), (e === !0 || e === "target") && g(Fu, {
 		position: c,
 		centerX: a,
 		centerY: o,
@@ -6132,19 +6186,19 @@ function Fu({ isReconnectable: e, reconnectRadius: t, edge: n, sourceX: r, sourc
 		type: "target"
 	})] });
 }
-function Iu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: r, onClick: i, onDoubleClick: o, onContextMenu: s, onMouseEnter: c, onMouseMove: l, onMouseLeave: p, reconnectRadius: m, onReconnect: h, onReconnectStart: v, onReconnectEnd: y, rfId: b, edgeTypes: x, noPanClassName: C, onError: w, disableKeyboardA11y: T }) {
+function Lu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectable: r, onClick: i, onDoubleClick: o, onContextMenu: s, onMouseEnter: c, onMouseMove: l, onMouseLeave: p, reconnectRadius: m, onReconnect: h, onReconnectStart: v, onReconnectEnd: y, rfId: b, edgeTypes: x, noPanClassName: C, onError: w, disableKeyboardA11y: T }) {
 	let E = Z((t) => t.edgeLookup.get(e)), D = Z((e) => e.defaultEdgeOptions);
 	E = D ? {
 		...D,
 		...E
 	} : E;
-	let O = E.type || "default", k = x?.[O] || ku[O];
-	k === void 0 && (w?.("011", J.error011(O)), O = "default", k = x?.default || ku.default);
+	let O = E.type || "default", k = x?.[O] || Au[O];
+	k === void 0 && (w?.("011", J.error011(O)), O = "default", k = x?.default || Au.default);
 	let A = !!(E.focusable || t && E.focusable === void 0), j = h !== void 0 && (E.reconnectable || n && E.reconnectable === void 0), M = !!(E.selectable || r && E.selectable === void 0), N = d(null), [P, F] = f(!1), [I, L] = f(!1), R = Q(), { zIndex: ee, sourceX: z, sourceY: B, targetX: V, targetY: H, sourcePosition: U, targetPosition: W } = Z(a((t) => {
 		let n = t.nodeLookup.get(E.source), r = t.nodeLookup.get(E.target);
 		if (!n || !r) return {
 			zIndex: E.zIndex,
-			...Au
+			...ju
 		};
 		let i = zo({
 			id: e,
@@ -6164,7 +6218,7 @@ function Iu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
 				elevateOnSelect: t.elevateEdgesOnSelect,
 				zIndexMode: t.zIndexMode
 			}),
-			...i || Au
+			...i || ju
 		};
 	}, [
 		E.source,
@@ -6226,7 +6280,7 @@ function Iu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
 			"data-id": e,
 			"data-testid": `rf__edge-${e}`,
 			"aria-label": E.ariaLabel === null ? void 0 : E.ariaLabel || `Edge from ${E.source} to ${E.target}`,
-			"aria-describedby": A ? `${_c}-${b}` : void 0,
+			"aria-describedby": A ? `${gc}-${b}` : void 0,
 			ref: N,
 			...E.domAttributes,
 			children: [!I && g(k, {
@@ -6258,7 +6312,7 @@ function Iu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
 				markerEnd: ne,
 				pathOptions: "pathOptions" in E ? E.pathOptions : void 0,
 				interactionWidth: E.interactionWidth
-			}), j && g(Fu, {
+			}), j && g(Iu, {
 				edge: E,
 				isReconnectable: j,
 				reconnectRadius: m,
@@ -6277,21 +6331,21 @@ function Iu({ id: e, edgesFocusable: t, edgesReconnectable: n, elementsSelectabl
 		})
 	});
 }
-var Lu = i(Iu), Ru = (e) => ({
+var Ru = i(Lu), zu = (e) => ({
 	edgesFocusable: e.edgesFocusable,
 	edgesReconnectable: e.edgesReconnectable,
 	elementsSelectable: e.elementsSelectable,
 	connectionMode: e.connectionMode,
 	onError: e.onError
 });
-function zu({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: r, noPanClassName: i, onReconnect: a, onEdgeContextMenu: o, onEdgeMouseEnter: s, onEdgeMouseMove: c, onEdgeMouseLeave: l, onEdgeClick: u, reconnectRadius: d, onEdgeDoubleClick: f, onReconnectStart: p, onReconnectEnd: m, disableKeyboardA11y: h }) {
-	let { edgesFocusable: v, edgesReconnectable: y, elementsSelectable: b, onError: x } = Z(Ru, X), S = tu(t);
+function Bu({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edgeTypes: r, noPanClassName: i, onReconnect: a, onEdgeContextMenu: o, onEdgeMouseEnter: s, onEdgeMouseMove: c, onEdgeMouseLeave: l, onEdgeClick: u, reconnectRadius: d, onEdgeDoubleClick: f, onReconnectStart: p, onReconnectEnd: m, disableKeyboardA11y: h }) {
+	let { edgesFocusable: v, edgesReconnectable: y, elementsSelectable: b, onError: x } = Z(zu, X), S = nu(t);
 	return _("div", {
 		className: "react-flow__edges",
-		children: [g(cu, {
+		children: [g(lu, {
 			defaultColor: e,
 			rfId: n
-		}), S.map((e) => g(Lu, {
+		}), S.map((e) => g(Ru, {
 			id: e,
 			edgesFocusable: v,
 			edgesReconnectable: y,
@@ -6314,24 +6368,24 @@ function zu({ defaultMarkerColor: e, onlyRenderVisibleElements: t, rfId: n, edge
 		}, e))]
 	});
 }
-zu.displayName = "EdgeRenderer";
-var Bu = i(zu), Vu = (e) => `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;
-function Hu({ children: e }) {
+Bu.displayName = "EdgeRenderer";
+var Vu = i(Bu), Hu = (e) => `translate(${e.transform[0]}px,${e.transform[1]}px) scale(${e.transform[2]})`;
+function Uu({ children: e }) {
 	return g("div", {
 		className: "react-flow__viewport xyflow__viewport react-flow__container",
-		style: { transform: Z(Vu) },
+		style: { transform: Z(Hu) },
 		children: e
 	});
 }
-function Uu(e) {
-	let t = cl(), n = d(!1);
+function Wu(e) {
+	let t = ll(), n = d(!1);
 	c(() => {
 		!n.current && t.viewportInitialized && e && (setTimeout(() => e(t), 1), n.current = !0);
 	}, [e, t.viewportInitialized]);
 }
-var Wu = (e) => e.panZoom?.syncViewport;
-function Gu(e) {
-	let t = Z(Wu), n = Q();
+var Gu = (e) => e.panZoom?.syncViewport;
+function Ku(e) {
+	let t = Z(Gu), n = Q();
 	return c(() => {
 		e && (t?.(e), n.setState({ transform: [
 			e.x,
@@ -6340,27 +6394,27 @@ function Gu(e) {
 		] }));
 	}, [e, t]), null;
 }
-function Ku(e) {
+function qu(e) {
 	return e.connection.inProgress ? {
 		...e.connection,
 		to: Qa(e.connection.to, e.transform)
 	} : { ...e.connection };
 }
-function qu(e) {
-	return e ? (t) => e(Ku(t)) : Ku;
-}
 function Ju(e) {
-	return Z(qu(e), X);
+	return e ? (t) => e(qu(t)) : qu;
 }
-var Yu = (e) => ({
+function Yu(e) {
+	return Z(Ju(e), X);
+}
+var Xu = (e) => ({
 	nodesConnectable: e.nodesConnectable,
 	isValid: e.connection.isValid,
 	inProgress: e.connection.inProgress,
 	width: e.width,
 	height: e.height
 });
-function Xu({ containerStyle: e, style: t, type: n, component: r }) {
-	let { nodesConnectable: i, width: a, height: o, isValid: s, inProgress: c } = Z(Yu, X);
+function Zu({ containerStyle: e, style: t, type: n, component: r }) {
+	let { nodesConnectable: i, width: a, height: o, isValid: s, inProgress: c } = Z(Xu, X);
 	return a && i && c ? g("svg", {
 		style: e,
 		width: a,
@@ -6368,7 +6422,7 @@ function Xu({ containerStyle: e, style: t, type: n, component: r }) {
 		className: "react-flow__connectionline react-flow__container",
 		children: g("g", {
 			className: S(["react-flow__connection", Ca(s)]),
-			children: g(Zu, {
+			children: g(Qu, {
 				style: t,
 				type: n,
 				CustomComponent: r,
@@ -6377,8 +6431,8 @@ function Xu({ containerStyle: e, style: t, type: n, component: r }) {
 		})
 	}) : null;
 }
-var Zu = ({ style: e, type: t = ba.Bezier, CustomComponent: n, isValid: r }) => {
-	let { inProgress: i, from: a, fromNode: o, fromHandle: s, fromPosition: c, to: l, toNode: u, toHandle: d, toPosition: f, pointer: p } = Ju();
+var Qu = ({ style: e, type: t = ba.Bezier, CustomComponent: n, isValid: r }) => {
+	let { inProgress: i, from: a, fromNode: o, fromHandle: s, fromPosition: c, to: l, toNode: u, toHandle: d, toPosition: f, pointer: p } = Yu();
 	if (!i) return;
 	if (n) return g(n, {
 		connectionLineType: t,
@@ -6409,7 +6463,7 @@ var Zu = ({ style: e, type: t = ba.Bezier, CustomComponent: n, isValid: r }) =>
 			[m] = wo(h);
 			break;
 		case ba.SimpleBezier:
-			[m] = pu(h);
+			[m] = mu(h);
 			break;
 		case ba.Step:
 			[m] = Lo({
@@ -6429,9 +6483,9 @@ var Zu = ({ style: e, type: t = ba.Bezier, CustomComponent: n, isValid: r }) =>
 		style: e
 	});
 };
-Zu.displayName = "ConnectionLine";
-var Qu = {};
-function $u(e = Qu) {
+Qu.displayName = "ConnectionLine";
+var $u = {};
+function ed(e = $u) {
 	let t = d(e), n = Q();
 	c(() => {
 		if (process.env.NODE_ENV === "development") {
@@ -6444,7 +6498,7 @@ function $u(e = Qu) {
 		}
 	}, [e]);
 }
-function ed() {
+function td() {
 	let e = Q(), t = d(!1);
 	c(() => {
 		if (process.env.NODE_ENV === "development" && !t.current) {
@@ -6453,15 +6507,15 @@ function ed() {
 		}
 	}, []);
 }
-function td({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: i, onNodeDoubleClick: a, onEdgeDoubleClick: o, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, onSelectionContextMenu: d, onSelectionStart: f, onSelectionEnd: p, connectionLineType: m, connectionLineStyle: h, connectionLineComponent: v, connectionLineContainerStyle: y, selectionKeyCode: b, selectionOnDrag: x, selectionMode: S, multiSelectionKeyCode: C, panActivationKeyCode: w, zoomActivationKeyCode: T, deleteKeyCode: E, onlyRenderVisibleElements: D, elementsSelectable: O, defaultViewport: k, translateExtent: A, minZoom: j, maxZoom: M, preventScrolling: N, defaultMarkerColor: P, zoomOnScroll: F, zoomOnPinch: I, panOnScroll: L, panOnScrollSpeed: R, panOnScrollMode: ee, zoomOnDoubleClick: z, panOnDrag: B, onPaneClick: V, onPaneMouseEnter: H, onPaneMouseMove: U, onPaneMouseLeave: W, onPaneScroll: te, onPaneContextMenu: ne, paneClickDistance: re, nodeClickDistance: ie, onEdgeContextMenu: ae, onEdgeMouseEnter: oe, onEdgeMouseMove: se, onEdgeMouseLeave: ce, reconnectRadius: le, onReconnect: ue, onReconnectStart: de, onReconnectEnd: fe, noDragClassName: pe, noWheelClassName: me, noPanClassName: he, disableKeyboardA11y: ge, nodeExtent: _e, rfId: ve, viewport: ye, onViewportChange: be }) {
-	return $u(e), $u(t), ed(), Uu(n), Gu(ye), g(Wl, {
-		onPaneClick: V,
-		onPaneMouseEnter: H,
-		onPaneMouseMove: U,
-		onPaneMouseLeave: W,
-		onPaneContextMenu: ne,
-		onPaneScroll: te,
-		paneClickDistance: re,
+function nd({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick: i, onNodeDoubleClick: a, onEdgeDoubleClick: o, onNodeMouseEnter: s, onNodeMouseMove: c, onNodeMouseLeave: l, onNodeContextMenu: u, onSelectionContextMenu: d, onSelectionStart: f, onSelectionEnd: p, connectionLineType: m, connectionLineStyle: h, connectionLineComponent: v, connectionLineContainerStyle: y, selectionKeyCode: b, selectionOnDrag: x, selectionMode: S, multiSelectionKeyCode: C, panActivationKeyCode: w, zoomActivationKeyCode: T, deleteKeyCode: E, onlyRenderVisibleElements: D, elementsSelectable: O, defaultViewport: k, translateExtent: A, minZoom: j, maxZoom: M, preventScrolling: N, defaultMarkerColor: P, zoomOnScroll: F, zoomOnPinch: I, panOnScroll: L, panOnScrollSpeed: R, panOnScrollMode: ee, zoomOnDoubleClick: z, panOnDrag: B, autoPanOnSelection: V, onPaneClick: H, onPaneMouseEnter: U, onPaneMouseMove: W, onPaneMouseLeave: te, onPaneScroll: ne, onPaneContextMenu: re, paneClickDistance: ie, nodeClickDistance: ae, onEdgeContextMenu: oe, onEdgeMouseEnter: se, onEdgeMouseMove: ce, onEdgeMouseLeave: le, reconnectRadius: ue, onReconnect: de, onReconnectStart: fe, onReconnectEnd: pe, noDragClassName: me, noWheelClassName: he, noPanClassName: ge, disableKeyboardA11y: _e, nodeExtent: ve, rfId: ye, viewport: be, onViewportChange: xe }) {
+	return ed(e), ed(t), td(), Wu(n), Ku(be), g(Gl, {
+		onPaneClick: H,
+		onPaneMouseEnter: U,
+		onPaneMouseMove: W,
+		onPaneMouseLeave: te,
+		onPaneContextMenu: re,
+		onPaneScroll: ne,
+		paneClickDistance: ie,
 		deleteKeyCode: E,
 		selectionKeyCode: b,
 		selectionOnDrag: x,
@@ -6479,45 +6533,46 @@ function td({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick
 		panOnScrollSpeed: R,
 		panOnScrollMode: ee,
 		panOnDrag: B,
+		autoPanOnSelection: V,
 		defaultViewport: k,
 		translateExtent: A,
 		minZoom: j,
 		maxZoom: M,
 		onSelectionContextMenu: d,
 		preventScrolling: N,
-		noDragClassName: pe,
-		noWheelClassName: me,
-		noPanClassName: he,
-		disableKeyboardA11y: ge,
-		onViewportChange: be,
-		isControlledViewport: !!ye,
-		children: _(Hu, { children: [
-			g(Bu, {
+		noDragClassName: me,
+		noWheelClassName: he,
+		noPanClassName: ge,
+		disableKeyboardA11y: _e,
+		onViewportChange: xe,
+		isControlledViewport: !!be,
+		children: _(Uu, { children: [
+			g(Vu, {
 				edgeTypes: t,
 				onEdgeClick: i,
 				onEdgeDoubleClick: o,
-				onReconnect: ue,
-				onReconnectStart: de,
-				onReconnectEnd: fe,
+				onReconnect: de,
+				onReconnectStart: fe,
+				onReconnectEnd: pe,
 				onlyRenderVisibleElements: D,
-				onEdgeContextMenu: ae,
-				onEdgeMouseEnter: oe,
-				onEdgeMouseMove: se,
-				onEdgeMouseLeave: ce,
-				reconnectRadius: le,
+				onEdgeContextMenu: oe,
+				onEdgeMouseEnter: se,
+				onEdgeMouseMove: ce,
+				onEdgeMouseLeave: le,
+				reconnectRadius: ue,
 				defaultMarkerColor: P,
-				noPanClassName: he,
-				disableKeyboardA11y: ge,
-				rfId: ve
+				noPanClassName: ge,
+				disableKeyboardA11y: _e,
+				rfId: ye
 			}),
-			g(Xu, {
+			g(Zu, {
 				style: h,
 				type: m,
 				component: v,
 				containerStyle: y
 			}),
 			g("div", { className: "react-flow__edgelabel-renderer" }),
-			g(eu, {
+			g(tu, {
 				nodeTypes: e,
 				onNodeClick: r,
 				onNodeDoubleClick: a,
@@ -6525,23 +6580,23 @@ function td({ nodeTypes: e, edgeTypes: t, onInit: n, onNodeClick: r, onEdgeClick
 				onNodeMouseMove: c,
 				onNodeMouseLeave: l,
 				onNodeContextMenu: u,
-				nodeClickDistance: ie,
+				nodeClickDistance: ae,
 				onlyRenderVisibleElements: D,
-				noPanClassName: he,
-				noDragClassName: pe,
-				disableKeyboardA11y: ge,
-				nodeExtent: _e,
-				rfId: ve
+				noPanClassName: ge,
+				noDragClassName: me,
+				disableKeyboardA11y: _e,
+				nodeExtent: ve,
+				rfId: ye
 			}),
 			g("div", { className: "react-flow__viewport-portal" })
 		] })
 	});
 }
-td.displayName = "GraphView";
-var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: i, height: a, fitView: o, fitViewOptions: s, minZoom: c = .5, maxZoom: l = 2, nodeOrigin: u, nodeExtent: d, zIndexMode: f = "basic" } = {}) => {
+nd.displayName = "GraphView";
+var rd = i(nd), id = Xa("React Flow", "https://reactflow.dev/"), ad = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: i, height: a, fitView: o, fitViewOptions: s, minZoom: c = .5, maxZoom: l = 2, nodeOrigin: u, nodeExtent: d, zIndexMode: f = "basic" } = {}) => {
 	let p = /* @__PURE__ */ new Map(), m = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = /* @__PURE__ */ new Map(), _ = r ?? t ?? [], v = n ?? e ?? [], y = u ?? [0, 0], b = d ?? pa;
 	cs(h, g, _);
-	let x = $o(v, p, m, {
+	let { nodesInitialized: x } = $o(v, p, m, {
 		nodeOrigin: y,
 		nodeExtent: b,
 		zIndexMode: f
@@ -6613,7 +6668,7 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 		autoPanOnNodeFocus: !0,
 		autoPanSpeed: 15,
 		connectionRadius: 20,
-		onError: Xa,
+		onError: id,
 		isValidConnection: void 0,
 		onSelectionChangeHandlers: [],
 		lib: "react",
@@ -6623,7 +6678,7 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 		onNodesChangeMiddlewareMap: /* @__PURE__ */ new Map(),
 		onEdgesChangeMiddlewareMap: /* @__PURE__ */ new Map()
 	};
-}, id = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: i, height: a, fitView: o, fitViewOptions: s, minZoom: c, maxZoom: l, nodeOrigin: u, nodeExtent: d, zIndexMode: f }) => uc((p, m) => {
+}, od = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, width: i, height: a, fitView: o, fitViewOptions: s, minZoom: c, maxZoom: l, nodeOrigin: u, nodeExtent: d, zIndexMode: f }) => lc((p, m) => {
 	async function h() {
 		let { nodeLookup: e, panZoom: t, fitViewOptions: n, fitViewResolver: r, width: i, height: a, minZoom: o, maxZoom: s } = m();
 		t && (await Na({
@@ -6636,7 +6691,7 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 		}, n), r?.resolve(!0), p({ fitViewResolver: null }));
 	}
 	return {
-		...rd({
+		...ad({
 			nodes: e,
 			edges: t,
 			width: i,
@@ -6652,21 +6707,23 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 			zIndexMode: f
 		}),
 		setNodes: (e) => {
-			let { nodeLookup: t, parentLookup: n, nodeOrigin: r, elevateNodesOnSelect: i, fitViewQueued: a, zIndexMode: o } = m(), s = $o(e, t, n, {
+			let { nodeLookup: t, parentLookup: n, nodeOrigin: r, elevateNodesOnSelect: i, fitViewQueued: a, zIndexMode: o, nodesSelectionActive: s } = m(), { nodesInitialized: c, hasSelectedNodes: l } = $o(e, t, n, {
 				nodeOrigin: r,
 				nodeExtent: d,
 				elevateNodesOnSelect: i,
 				checkEquality: !0,
 				zIndexMode: o
-			});
-			a && s ? (h(), p({
+			}), u = s && l;
+			a && c ? (h(), p({
 				nodes: e,
-				nodesInitialized: s,
+				nodesInitialized: c,
 				fitViewQueued: !1,
-				fitViewOptions: void 0
+				fitViewOptions: void 0,
+				nodesSelectionActive: u
 			})) : p({
 				nodes: e,
-				nodesInitialized: s
+				nodesInitialized: c,
+				nodesSelectionActive: u
 			});
 		},
 		setEdges: (e) => {
@@ -6732,37 +6789,37 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 		},
 		triggerNodeChanges: (e) => {
 			let { onNodesChange: t, setNodes: n, nodes: r, hasDefaultNodes: i, debug: a } = m();
-			e?.length && (i && n(Kc(e, r)), a && console.log("React Flow: trigger node changes", e), t?.(e));
+			e?.length && (i && n(Gc(e, r)), a && console.log("React Flow: trigger node changes", e), t?.(e));
 		},
 		triggerEdgeChanges: (e) => {
 			let { onEdgesChange: t, setEdges: n, edges: r, hasDefaultEdges: i, debug: a } = m();
-			e?.length && (i && n(qc(e, r)), a && console.log("React Flow: trigger edge changes", e), t?.(e));
+			e?.length && (i && n(Kc(e, r)), a && console.log("React Flow: trigger edge changes", e), t?.(e));
 		},
 		addSelectedNodes: (e) => {
 			let { multiSelectionActive: t, edgeLookup: n, nodeLookup: r, triggerNodeChanges: i, triggerEdgeChanges: a } = m();
 			if (t) {
-				i(e.map((e) => Jc(e, !0)));
+				i(e.map((e) => qc(e, !0)));
 				return;
 			}
-			i(Yc(r, new Set([...e]), !0)), a(Yc(n));
+			i(Jc(r, new Set([...e]), !0)), a(Jc(n));
 		},
 		addSelectedEdges: (e) => {
 			let { multiSelectionActive: t, edgeLookup: n, nodeLookup: r, triggerNodeChanges: i, triggerEdgeChanges: a } = m();
 			if (t) {
-				a(e.map((e) => Jc(e, !0)));
+				a(e.map((e) => qc(e, !0)));
 				return;
 			}
-			a(Yc(n, new Set([...e]))), i(Yc(r, /* @__PURE__ */ new Set(), !0));
+			a(Jc(n, new Set([...e]))), i(Jc(r, /* @__PURE__ */ new Set(), !0));
 		},
 		unselectNodesAndEdges: ({ nodes: e, edges: t } = {}) => {
 			let { edges: n, nodes: r, nodeLookup: i, triggerNodeChanges: a, triggerEdgeChanges: o } = m(), s = e || r, c = t || n, l = [];
 			for (let e of s) {
 				if (!e.selected) continue;
 				let t = i.get(e.id);
-				t && (t.selected = !1), l.push(Jc(e.id, !1));
+				t && (t.selected = !1), l.push(qc(e.id, !1));
 			}
 			let u = [];
-			for (let e of c) e.selected && u.push(Jc(e.id, !1));
+			for (let e of c) e.selected && u.push(qc(e.id, !1));
 			a(l), o(u);
 		},
 		setMinZoom: (e) => {
@@ -6779,7 +6836,7 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 		resetSelectedElements: () => {
 			let { edges: e, nodes: t, triggerNodeChanges: n, triggerEdgeChanges: r, elementsSelectable: i } = m();
 			if (!i) return;
-			let a = t.reduce((e, t) => t.selected ? [...e, Jc(t.id, !1)] : e, []), o = e.reduce((e, t) => t.selected ? [...e, Jc(t.id, !1)] : e, []);
+			let a = t.reduce((e, t) => t.selected ? [...e, qc(t.id, !1)] : e, []), o = e.reduce((e, t) => t.selected ? [...e, qc(t.id, !1)] : e, []);
 			n(a), r(o);
 		},
 		setNodeExtent: (e) => {
@@ -6805,7 +6862,7 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 		},
 		setCenter: async (e, t, n) => {
 			let { width: r, height: i, maxZoom: a, panZoom: o } = m();
-			if (!o) return Promise.resolve(!1);
+			if (!o) return !1;
 			let s = n?.zoom === void 0 ? a : n.zoom;
 			return await o.setViewport({
 				x: r / 2 - e * s,
@@ -6815,7 +6872,7 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 				duration: n?.duration,
 				ease: n?.ease,
 				interpolate: n?.interpolate
-			}), Promise.resolve(!0);
+			}), !0;
 		},
 		cancelConnection: () => {
 			p({ connection: { ...ya } });
@@ -6823,11 +6880,11 @@ var nd = i(td), rd = ({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, wi
 		updateConnection: (e) => {
 			p({ connection: e });
 		},
-		reset: () => p({ ...rd() })
+		reset: () => p({ ...ad() })
 	};
 }, Object.is);
-function ad({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: r, initialWidth: i, initialHeight: a, initialMinZoom: o, initialMaxZoom: s, initialFitViewOptions: c, fitView: l, nodeOrigin: u, nodeExtent: d, zIndexMode: p, children: m }) {
-	let [h] = f(() => id({
+function sd({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: r, initialWidth: i, initialHeight: a, initialMinZoom: o, initialMaxZoom: s, initialFitViewOptions: c, fitView: l, nodeOrigin: u, nodeExtent: d, zIndexMode: p, children: m }) {
+	let [h] = f(() => od({
 		nodes: e,
 		edges: t,
 		defaultNodes: n,
@@ -6842,13 +6899,13 @@ function ad({ initialNodes: e, initialEdges: t, defaultNodes: n, defaultEdges: r
 		nodeExtent: d,
 		zIndexMode: p
 	}));
-	return g(fc, {
+	return g(dc, {
 		value: h,
-		children: g(al, { children: m })
+		children: g(ol, { children: m })
 	});
 }
-function od({ children: e, nodes: t, edges: n, defaultNodes: r, defaultEdges: i, width: a, height: s, fitView: c, fitViewOptions: l, minZoom: u, maxZoom: d, nodeOrigin: f, nodeExtent: p, zIndexMode: m }) {
-	return o(dc) ? g(h, { children: e }) : g(ad, {
+function cd({ children: e, nodes: t, edges: n, defaultNodes: r, defaultEdges: i, width: a, height: s, fitView: c, fitViewOptions: l, minZoom: u, maxZoom: d, nodeOrigin: f, nodeExtent: p, zIndexMode: m }) {
+	return o(uc) ? g(h, { children: e }) : g(sd, {
 		initialNodes: t,
 		initialEdges: n,
 		defaultNodes: r,
@@ -6865,51 +6922,112 @@ function od({ children: e, nodes: t, edges: n, defaultNodes: r, defaultEdges: i,
 		children: e
 	});
 }
-var sd = {
+var ld = {
 	width: "100%",
 	height: "100%",
 	overflow: "hidden",
 	position: "relative",
 	zIndex: 0
 };
-function cd({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: i, nodeTypes: o, edgeTypes: s, onNodeClick: c, onEdgeClick: l, onInit: u, onMove: d, onMoveStart: f, onMoveEnd: p, onConnect: m, onConnectStart: h, onConnectEnd: v, onClickConnectStart: y, onClickConnectEnd: b, onNodeMouseEnter: x, onNodeMouseMove: C, onNodeMouseLeave: w, onNodeContextMenu: T, onNodeDoubleClick: E, onNodeDragStart: D, onNodeDrag: O, onNodeDragStop: k, onNodesDelete: A, onEdgesDelete: j, onDelete: M, onSelectionChange: N, onSelectionDragStart: P, onSelectionDrag: F, onSelectionDragStop: I, onSelectionContextMenu: L, onSelectionStart: R, onSelectionEnd: ee, onBeforeDelete: z, connectionMode: B, connectionLineType: V = ba.Bezier, connectionLineStyle: H, connectionLineComponent: U, connectionLineContainerStyle: W, deleteKeyCode: te = "Backspace", selectionKeyCode: ne = "Shift", selectionOnDrag: re = !1, selectionMode: ie = va.Full, panActivationKeyCode: ae = "Space", multiSelectionKeyCode: oe = io() ? "Meta" : "Control", zoomActivationKeyCode: se = io() ? "Meta" : "Control", snapToGrid: ce, snapGrid: le, onlyRenderVisibleElements: ue = !1, selectNodesOnDrag: de, nodesDraggable: fe, autoPanOnNodeFocus: pe, nodesConnectable: me, nodesFocusable: he, nodeOrigin: ge = jc, edgesFocusable: _e, edgesReconnectable: ve, elementsSelectable: ye = !0, defaultViewport: be = Mc, minZoom: xe = .5, maxZoom: Se = 2, translateExtent: Ce = pa, preventScrolling: we = !0, nodeExtent: Te, defaultMarkerColor: Ee = "#b1b1b7", zoomOnScroll: De = !0, zoomOnPinch: Oe = !0, panOnScroll: ke = !1, panOnScrollSpeed: Ae = .5, panOnScrollMode: je = _a.Free, zoomOnDoubleClick: Me = !0, panOnDrag: Ne = !0, onPaneClick: Pe, onPaneMouseEnter: Fe, onPaneMouseMove: Ie, onPaneMouseLeave: Le, onPaneScroll: Re, onPaneContextMenu: ze, paneClickDistance: Be = 1, nodeClickDistance: Ve = 0, children: He, onReconnect: Ue, onReconnectStart: We, onReconnectEnd: Ge, onEdgeContextMenu: Ke, onEdgeDoubleClick: qe, onEdgeMouseEnter: Je, onEdgeMouseMove: Ye, onEdgeMouseLeave: Xe, reconnectRadius: Ze = 10, onNodesChange: Qe, onEdgesChange: $e, noDragClassName: et = "nodrag", noWheelClassName: tt = "nowheel", noPanClassName: nt = "nopan", fitView: rt, fitViewOptions: it, connectOnClick: at, attributionPosition: ot, proOptions: st, defaultEdgeOptions: ct, elevateNodesOnSelect: lt = !0, elevateEdgesOnSelect: ut = !1, disableKeyboardA11y: dt = !1, autoPanOnConnect: ft, autoPanOnNodeDrag: pt, autoPanSpeed: mt, connectionRadius: ht, isValidConnection: gt, onError: _t, style: vt, id: yt, nodeDragThreshold: bt, connectionDragThreshold: xt, viewport: St, onViewportChange: Ct, width: wt, height: Tt, colorMode: Et = "light", debug: Dt, onScroll: Ot, ariaLabelConfig: kt, zIndexMode: At = "basic", ...jt }, Mt) {
-	let G = yt || "1", Nt = Rc(Et), Pt = a((e) => {
+function ud({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: i, nodeTypes: o, edgeTypes: s, onNodeClick: c, onEdgeClick: l, onInit: u, onMove: d, onMoveStart: f, onMoveEnd: p, onConnect: m, onConnectStart: h, onConnectEnd: v, onClickConnectStart: y, onClickConnectEnd: b, onNodeMouseEnter: x, onNodeMouseMove: C, onNodeMouseLeave: w, onNodeContextMenu: T, onNodeDoubleClick: E, onNodeDragStart: D, onNodeDrag: O, onNodeDragStop: k, onNodesDelete: A, onEdgesDelete: j, onDelete: M, onSelectionChange: N, onSelectionDragStart: P, onSelectionDrag: F, onSelectionDragStop: I, onSelectionContextMenu: L, onSelectionStart: R, onSelectionEnd: ee, onBeforeDelete: z, connectionMode: B, connectionLineType: V = ba.Bezier, connectionLineStyle: H, connectionLineComponent: U, connectionLineContainerStyle: W, deleteKeyCode: te = "Backspace", selectionKeyCode: ne = "Shift", selectionOnDrag: re = !1, selectionMode: ie = va.Full, panActivationKeyCode: ae = "Space", multiSelectionKeyCode: oe = io() ? "Meta" : "Control", zoomActivationKeyCode: se = io() ? "Meta" : "Control", snapToGrid: ce, snapGrid: le, onlyRenderVisibleElements: ue = !1, selectNodesOnDrag: de, nodesDraggable: fe, autoPanOnNodeFocus: pe, nodesConnectable: me, nodesFocusable: he, nodeOrigin: ge = Ac, edgesFocusable: _e, edgesReconnectable: ve, elementsSelectable: ye = !0, defaultViewport: be = jc, minZoom: xe = .5, maxZoom: Se = 2, translateExtent: Ce = pa, preventScrolling: we = !0, nodeExtent: Te, defaultMarkerColor: Ee = "#b1b1b7", zoomOnScroll: De = !0, zoomOnPinch: Oe = !0, panOnScroll: ke = !1, panOnScrollSpeed: Ae = .5, panOnScrollMode: je = _a.Free, zoomOnDoubleClick: Me = !0, panOnDrag: Ne = !0, onPaneClick: Pe, onPaneMouseEnter: Fe, onPaneMouseMove: Ie, onPaneMouseLeave: Le, onPaneScroll: Re, onPaneContextMenu: ze, paneClickDistance: Be = 1, nodeClickDistance: Ve = 0, children: He, onReconnect: Ue, onReconnectStart: We, onReconnectEnd: Ge, onEdgeContextMenu: Ke, onEdgeDoubleClick: qe, onEdgeMouseEnter: Je, onEdgeMouseMove: Ye, onEdgeMouseLeave: Xe, reconnectRadius: Ze = 10, onNodesChange: Qe, onEdgesChange: $e, noDragClassName: et = "nodrag", noWheelClassName: tt = "nowheel", noPanClassName: nt = "nopan", fitView: rt, fitViewOptions: it, connectOnClick: at, attributionPosition: ot, proOptions: st, defaultEdgeOptions: ct, elevateNodesOnSelect: lt = !0, elevateEdgesOnSelect: ut = !1, disableKeyboardA11y: dt = !1, autoPanOnConnect: ft, autoPanOnNodeDrag: pt, autoPanOnSelection: mt = !0, autoPanSpeed: ht, connectionRadius: gt, isValidConnection: _t, onError: vt, style: yt, id: bt, nodeDragThreshold: xt, connectionDragThreshold: St, viewport: Ct, onViewportChange: wt, width: Tt, height: Et, colorMode: Dt = "light", debug: Ot, onScroll: kt, ariaLabelConfig: At, zIndexMode: jt = "basic", ...Mt }, G) {
+	let Nt = bt || "1", Pt = Lc(Dt), K = a((e) => {
 		e.currentTarget.scrollTo({
 			top: 0,
 			left: 0,
 			behavior: "instant"
-		}), Ot?.(e);
-	}, [Ot]);
+		}), kt?.(e);
+	}, [kt]);
 	return g("div", {
 		"data-testid": "rf__wrapper",
-		...jt,
-		onScroll: Pt,
+		...Mt,
+		onScroll: K,
 		style: {
-			...vt,
-			...sd
+			...yt,
+			...ld
 		},
-		ref: Mt,
+		ref: G,
 		className: S([
 			"react-flow",
 			i,
-			Nt
+			Pt
 		]),
-		id: yt,
+		id: bt,
 		role: "application",
-		children: _(od, {
+		children: _(cd, {
 			nodes: e,
 			edges: t,
-			width: wt,
-			height: Tt,
+			width: Tt,
+			height: Et,
 			fitView: rt,
 			fitViewOptions: it,
 			minZoom: xe,
 			maxZoom: Se,
 			nodeOrigin: ge,
 			nodeExtent: Te,
-			zIndexMode: At,
+			zIndexMode: jt,
 			children: [
-				g(nd, {
+				g(Fc, {
+					nodes: e,
+					edges: t,
+					defaultNodes: n,
+					defaultEdges: r,
+					onConnect: m,
+					onConnectStart: h,
+					onConnectEnd: v,
+					onClickConnectStart: y,
+					onClickConnectEnd: b,
+					nodesDraggable: fe,
+					autoPanOnNodeFocus: pe,
+					nodesConnectable: me,
+					nodesFocusable: he,
+					edgesFocusable: _e,
+					edgesReconnectable: ve,
+					elementsSelectable: ye,
+					elevateNodesOnSelect: lt,
+					elevateEdgesOnSelect: ut,
+					minZoom: xe,
+					maxZoom: Se,
+					nodeExtent: Te,
+					onNodesChange: Qe,
+					onEdgesChange: $e,
+					snapToGrid: ce,
+					snapGrid: le,
+					connectionMode: B,
+					translateExtent: Ce,
+					connectOnClick: at,
+					defaultEdgeOptions: ct,
+					fitView: rt,
+					fitViewOptions: it,
+					onNodesDelete: A,
+					onEdgesDelete: j,
+					onDelete: M,
+					onNodeDragStart: D,
+					onNodeDrag: O,
+					onNodeDragStop: k,
+					onSelectionDrag: F,
+					onSelectionDragStart: P,
+					onSelectionDragStop: I,
+					onMove: d,
+					onMoveStart: f,
+					onMoveEnd: p,
+					noPanClassName: nt,
+					nodeOrigin: ge,
+					rfId: Nt,
+					autoPanOnConnect: ft,
+					autoPanOnNodeDrag: pt,
+					autoPanSpeed: ht,
+					onError: vt,
+					connectionRadius: gt,
+					isValidConnection: _t,
+					selectNodesOnDrag: de,
+					nodeDragThreshold: xt,
+					connectionDragThreshold: St,
+					onBeforeDelete: z,
+					debug: Ot,
+					ariaLabelConfig: At,
+					zIndexMode: jt
+				}),
+				g(rd, {
 					onInit: u,
 					onNodeClick: c,
 					onEdgeClick: l,
@@ -6944,6 +7062,7 @@ function cd({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: i
 					panOnScrollSpeed: Ae,
 					panOnScrollMode: je,
 					panOnDrag: Ne,
+					autoPanOnSelection: mt,
 					onPaneClick: Pe,
 					onPaneMouseEnter: Fe,
 					onPaneMouseMove: Ie,
@@ -6968,90 +7087,29 @@ function cd({ nodes: e, edges: t, defaultNodes: n, defaultEdges: r, className: i
 					noDragClassName: et,
 					noWheelClassName: tt,
 					noPanClassName: nt,
-					rfId: G,
+					rfId: Nt,
 					disableKeyboardA11y: dt,
 					nodeExtent: Te,
-					viewport: St,
-					onViewportChange: Ct
-				}),
-				g(Ic, {
-					nodes: e,
-					edges: t,
-					defaultNodes: n,
-					defaultEdges: r,
-					onConnect: m,
-					onConnectStart: h,
-					onConnectEnd: v,
-					onClickConnectStart: y,
-					onClickConnectEnd: b,
-					nodesDraggable: fe,
-					autoPanOnNodeFocus: pe,
-					nodesConnectable: me,
-					nodesFocusable: he,
-					edgesFocusable: _e,
-					edgesReconnectable: ve,
-					elementsSelectable: ye,
-					elevateNodesOnSelect: lt,
-					elevateEdgesOnSelect: ut,
-					minZoom: xe,
-					maxZoom: Se,
-					nodeExtent: Te,
-					onNodesChange: Qe,
-					onEdgesChange: $e,
-					snapToGrid: ce,
-					snapGrid: le,
-					connectionMode: B,
-					translateExtent: Ce,
-					connectOnClick: at,
-					defaultEdgeOptions: ct,
-					fitView: rt,
-					fitViewOptions: it,
-					onNodesDelete: A,
-					onEdgesDelete: j,
-					onDelete: M,
-					onNodeDragStart: D,
-					onNodeDrag: O,
-					onNodeDragStop: k,
-					onSelectionDrag: F,
-					onSelectionDragStart: P,
-					onSelectionDragStop: I,
-					onMove: d,
-					onMoveStart: f,
-					onMoveEnd: p,
-					noPanClassName: nt,
-					nodeOrigin: ge,
-					rfId: G,
-					autoPanOnConnect: ft,
-					autoPanOnNodeDrag: pt,
-					autoPanSpeed: mt,
-					onError: _t,
-					connectionRadius: ht,
-					isValidConnection: gt,
-					selectNodesOnDrag: de,
-					nodeDragThreshold: bt,
-					connectionDragThreshold: xt,
-					onBeforeDelete: z,
-					debug: Dt,
-					ariaLabelConfig: kt,
-					zIndexMode: At
+					viewport: Ct,
+					onViewportChange: wt
 				}),
-				g(Ac, { onSelectionChange: N }),
+				g(kc, { onSelectionChange: N }),
 				He,
-				g(wc, {
+				g(Cc, {
 					proOptions: st,
 					position: ot
 				}),
-				g(Sc, {
-					rfId: G,
+				g(xc, {
+					rfId: Nt,
 					disableKeyboardA11y: dt
 				})
 			]
 		})
 	});
 }
-var ld = el(cd);
+var dd = tl(ud);
 J.error014();
-function ud({ dimensions: e, lineWidth: t, variant: n, className: r }) {
+function fd({ dimensions: e, lineWidth: t, variant: n, className: r }) {
 	return g("path", {
 		strokeWidth: t,
 		d: `M${e[0] / 2} 0 V${e[1]} M0 ${e[1] / 2} H${e[0]}`,
@@ -7062,7 +7120,7 @@ function ud({ dimensions: e, lineWidth: t, variant: n, className: r }) {
 		])
 	});
 }
-function dd({ radius: e, className: t }) {
+function pd({ radius: e, className: t }) {
 	return g("circle", {
 		cx: e,
 		cy: e,
@@ -7074,25 +7132,25 @@ function dd({ radius: e, className: t }) {
 		])
 	});
 }
-var fd;
+var md;
 (function(e) {
 	e.Lines = "lines", e.Dots = "dots", e.Cross = "cross";
-})(fd ||= {});
-var pd = {
-	[fd.Dots]: 1,
-	[fd.Lines]: 1,
-	[fd.Cross]: 6
-}, md = (e) => ({
+})(md ||= {});
+var hd = {
+	[md.Dots]: 1,
+	[md.Lines]: 1,
+	[md.Cross]: 6
+}, gd = (e) => ({
 	transform: e.transform,
 	patternId: `pattern-${e.rfId}`
 });
-function hd({ id: e, variant: t = fd.Dots, gap: n = 20, size: r, lineWidth: i = 1, offset: a = 0, color: o, bgColor: s, style: c, className: l, patternClassName: u }) {
-	let f = d(null), { transform: p, patternId: m } = Z(md, X), h = r || pd[t], v = t === fd.Dots, y = t === fd.Cross, b = Array.isArray(n) ? n : [n, n], x = [b[0] * p[2] || 1, b[1] * p[2] || 1], C = h * p[2], w = Array.isArray(a) ? a : [a, a], T = y ? [C, C] : x, E = [w[0] * p[2] || 1 + T[0] / 2, w[1] * p[2] || 1 + T[1] / 2], D = `${m}${e || ""}`;
+function _d({ id: e, variant: t = md.Dots, gap: n = 20, size: r, lineWidth: i = 1, offset: a = 0, color: o, bgColor: s, style: c, className: l, patternClassName: u }) {
+	let f = d(null), { transform: p, patternId: m } = Z(gd, X), h = r || hd[t], v = t === md.Dots, y = t === md.Cross, b = Array.isArray(n) ? n : [n, n], x = [b[0] * p[2] || 1, b[1] * p[2] || 1], C = h * p[2], w = Array.isArray(a) ? a : [a, a], T = y ? [C, C] : x, E = [w[0] * p[2] || 1 + T[0] / 2, w[1] * p[2] || 1 + T[1] / 2], D = `${m}${e || ""}`;
 	return _("svg", {
 		className: S(["react-flow__background", l]),
 		style: {
 			...c,
-			...pl,
+			...ml,
 			"--xy-background-color-props": s,
 			"--xy-background-pattern-color-props": o
 		},
@@ -7106,10 +7164,10 @@ function hd({ id: e, variant: t = fd.Dots, gap: n = 20, size: r, lineWidth: i =
 			height: x[1],
 			patternUnits: "userSpaceOnUse",
 			patternTransform: `translate(-${E[0]},-${E[1]})`,
-			children: v ? g(dd, {
+			children: v ? g(pd, {
 				radius: C / 2,
 				className: u
-			}) : g(ud, {
+			}) : g(fd, {
 				dimensions: T,
 				lineWidth: i,
 				variant: t,
@@ -7124,44 +7182,44 @@ function hd({ id: e, variant: t = fd.Dots, gap: n = 20, size: r, lineWidth: i =
 		})]
 	});
 }
-hd.displayName = "Background";
-var gd = i(hd);
-function _d() {
+_d.displayName = "Background";
+var vd = i(_d);
+function yd() {
 	return g("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 32 32",
 		children: g("path", { d: "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" })
 	});
 }
-function vd() {
+function bd() {
 	return g("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 32 5",
 		children: g("path", { d: "M0 0h32v4.2H0z" })
 	});
 }
-function yd() {
+function xd() {
 	return g("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 32 30",
 		children: g("path", { d: "M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0027.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94c-.531 0-.939-.4-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z" })
 	});
 }
-function bd() {
+function Sd() {
 	return g("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 25 32",
 		children: g("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z" })
 	});
 }
-function xd() {
+function Cd() {
 	return g("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 25 32",
 		children: g("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 000 13.714v15.238A3.056 3.056 0 003.048 32h18.285a3.056 3.056 0 003.048-3.048V13.714a3.056 3.056 0 00-3.048-3.047zM12.19 24.533a3.056 3.056 0 01-3.047-3.047 3.056 3.056 0 013.047-3.048 3.056 3.056 0 013.048 3.048 3.056 3.056 0 01-3.048 3.047z" })
 	});
 }
-function Sd({ children: e, className: t, ...n }) {
+function wd({ children: e, className: t, ...n }) {
 	return g("button", {
 		type: "button",
 		className: S(["react-flow__controls-button", t]),
@@ -7169,27 +7227,15 @@ function Sd({ children: e, className: t, ...n }) {
 		children: e
 	});
 }
-var Cd = (e) => ({
+var Td = (e) => ({
 	isInteractive: e.nodesDraggable || e.nodesConnectable || e.elementsSelectable,
 	minZoomReached: e.transform[2] <= e.minZoom,
 	maxZoomReached: e.transform[2] >= e.maxZoom,
 	ariaLabelConfig: e.ariaLabelConfig
 });
-function wd({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: r = !0, fitViewOptions: i, onZoomIn: a, onZoomOut: o, onFitView: s, onInteractiveChange: c, className: l, children: u, position: d = "bottom-left", orientation: f = "vertical", "aria-label": p }) {
-	let m = Q(), { isInteractive: v, minZoomReached: y, maxZoomReached: b, ariaLabelConfig: x } = Z(Cd, X), { zoomIn: C, zoomOut: w, fitView: T } = cl(), E = () => {
-		C(), a?.();
-	}, D = () => {
-		w(), o?.();
-	}, O = () => {
-		T(i), s?.();
-	}, k = () => {
-		m.setState({
-			nodesDraggable: !v,
-			nodesConnectable: !v,
-			elementsSelectable: !v
-		}), c?.(!v);
-	};
-	return _(Cc, {
+function Ed({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive: r = !0, fitViewOptions: i, onZoomIn: a, onZoomOut: o, onFitView: s, onInteractiveChange: c, className: l, children: u, position: d = "bottom-left", orientation: f = "vertical", "aria-label": p }) {
+	let m = Q(), { isInteractive: v, minZoomReached: y, maxZoomReached: b, ariaLabelConfig: x } = Z(Td, X), { zoomIn: C, zoomOut: w, fitView: T } = ll();
+	return _(Sc, {
 		className: S([
 			"react-flow__controls",
 			f === "horizontal" ? "horizontal" : "vertical",
@@ -7200,42 +7246,54 @@ function wd({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
 		"data-testid": "rf__controls",
 		"aria-label": p ?? x["controls.ariaLabel"],
 		children: [
-			t && _(h, { children: [g(Sd, {
-				onClick: E,
+			t && _(h, { children: [g(wd, {
+				onClick: () => {
+					C(), a?.();
+				},
 				className: "react-flow__controls-zoomin",
 				title: x["controls.zoomIn.ariaLabel"],
 				"aria-label": x["controls.zoomIn.ariaLabel"],
 				disabled: b,
-				children: g(_d, {})
-			}), g(Sd, {
-				onClick: D,
+				children: g(yd, {})
+			}), g(wd, {
+				onClick: () => {
+					w(), o?.();
+				},
 				className: "react-flow__controls-zoomout",
 				title: x["controls.zoomOut.ariaLabel"],
 				"aria-label": x["controls.zoomOut.ariaLabel"],
 				disabled: y,
-				children: g(vd, {})
+				children: g(bd, {})
 			})] }),
-			n && g(Sd, {
+			n && g(wd, {
 				className: "react-flow__controls-fitview",
-				onClick: O,
+				onClick: () => {
+					T(i), s?.();
+				},
 				title: x["controls.fitView.ariaLabel"],
 				"aria-label": x["controls.fitView.ariaLabel"],
-				children: g(yd, {})
+				children: g(xd, {})
 			}),
-			r && g(Sd, {
+			r && g(wd, {
 				className: "react-flow__controls-interactive",
-				onClick: k,
+				onClick: () => {
+					m.setState({
+						nodesDraggable: !v,
+						nodesConnectable: !v,
+						elementsSelectable: !v
+					}), c?.(!v);
+				},
 				title: x["controls.interactive.ariaLabel"],
 				"aria-label": x["controls.interactive.ariaLabel"],
-				children: g(v ? xd : bd, {})
+				children: g(v ? Cd : Sd, {})
 			}),
 			u
 		]
 	});
 }
-wd.displayName = "Controls";
-var Td = i(wd);
-function Ed({ id: e, x: t, y: n, width: r, height: i, style: a, color: o, strokeColor: s, strokeWidth: c, className: l, borderRadius: u, shapeRendering: d, selected: f, onClick: p }) {
+Ed.displayName = "Controls";
+var Dd = i(Ed);
+function Od({ id: e, x: t, y: n, width: r, height: i, style: a, color: o, strokeColor: s, strokeWidth: c, className: l, borderRadius: u, shapeRendering: d, selected: f, onClick: p }) {
 	let { background: m, backgroundColor: h } = a || {}, _ = o || m || h;
 	return g("rect", {
 		className: S([
@@ -7258,10 +7316,10 @@ function Ed({ id: e, x: t, y: n, width: r, height: i, style: a, color: o, stroke
 		onClick: p ? (t) => p(t, e) : void 0
 	});
 }
-var Dd = i(Ed), Od = (e) => e.nodes.map((e) => e.id), kd = (e) => e instanceof Function ? e : () => e;
-function Ad({ nodeStrokeColor: e, nodeColor: t, nodeClassName: n = "", nodeBorderRadius: r = 5, nodeStrokeWidth: i, nodeComponent: a = Dd, onClick: o }) {
-	let s = Z(Od, X), c = kd(t), l = kd(e), u = kd(n), d = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
-	return g(h, { children: s.map((e) => g(Md, {
+var kd = i(Od), Ad = (e) => e.nodes.map((e) => e.id), jd = (e) => e instanceof Function ? e : () => e;
+function Md({ nodeStrokeColor: e, nodeColor: t, nodeClassName: n = "", nodeBorderRadius: r = 5, nodeStrokeWidth: i, nodeComponent: a = kd, onClick: o }) {
+	let s = Z(Ad, X), c = jd(t), l = jd(e), u = jd(n), d = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
+	return g(h, { children: s.map((e) => g(Pd, {
 		id: e,
 		nodeColorFunc: c,
 		nodeStrokeColorFunc: l,
@@ -7273,7 +7331,7 @@ function Ad({ nodeStrokeColor: e, nodeColor: t, nodeClassName: n = "", nodeBorde
 		shapeRendering: d
 	}, e)) });
 }
-function jd({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc: r, nodeBorderRadius: i, nodeStrokeWidth: a, shapeRendering: o, NodeComponent: s, onClick: c }) {
+function Nd({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc: r, nodeBorderRadius: i, nodeStrokeWidth: a, shapeRendering: o, NodeComponent: s, onClick: c }) {
 	let { node: l, x: u, y: d, width: f, height: p } = Z((t) => {
 		let n = t.nodeLookup.get(e);
 		if (!n) return {
@@ -7309,7 +7367,7 @@ function jd({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc
 		id: l.id
 	});
 }
-var Md = i(jd), Nd = i(Ad), Pd = 200, Fd = 150, Id = (e) => !e.hidden, Ld = (e) => {
+var Pd = i(Nd), Fd = i(Md), Id = 200, Ld = 150, Rd = (e) => !e.hidden, zd = (e) => {
 	let t = {
 		x: -e.transform[0] / e.transform[2],
 		y: -e.transform[1] / e.transform[2],
@@ -7318,7 +7376,7 @@ var Md = i(jd), Nd = i(Ad), Pd = 200, Fd = 150, Id = (e) => !e.hidden, Ld = (e)
 	};
 	return {
 		viewBB: t,
-		boundingRect: e.nodeLookup.size > 0 ? Ka(ka(e.nodeLookup, { filter: Id }), t) : t,
+		boundingRect: e.nodeLookup.size > 0 ? Ka(ka(e.nodeLookup, { filter: Rd }), t) : t,
 		rfId: e.rfId,
 		panZoom: e.panZoom,
 		translateExtent: e.translateExtent,
@@ -7326,9 +7384,9 @@ var Md = i(jd), Nd = i(Ad), Pd = 200, Fd = 150, Id = (e) => !e.hidden, Ld = (e)
 		flowHeight: e.height,
 		ariaLabelConfig: e.ariaLabelConfig
 	};
-}, Rd = "react-flow__minimap-desc";
-function zd({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClassName: i = "", nodeBorderRadius: o = 5, nodeStrokeWidth: s, nodeComponent: l, bgColor: u, maskColor: f, maskStrokeColor: p, maskStrokeWidth: m, position: h = "bottom-right", onClick: v, onNodeClick: y, pannable: b = !1, zoomable: x = !1, ariaLabel: C, inversePan: w, zoomStep: T = 1, offsetScale: E = 5 }) {
-	let D = Q(), O = d(null), { boundingRect: k, viewBB: A, rfId: j, panZoom: M, translateExtent: N, flowWidth: P, flowHeight: F, ariaLabelConfig: I } = Z(Ld, X), L = e?.width ?? Pd, R = e?.height ?? Fd, ee = k.width / L, z = k.height / R, B = Math.max(ee, z), V = B * L, H = B * R, U = E * B, W = k.x - (V - k.width) / 2 - U, te = k.y - (H - k.height) / 2 - U, ne = V + U * 2, re = H + U * 2, ie = `${Rd}-${j}`, ae = d(0), oe = d();
+}, Bd = "react-flow__minimap-desc";
+function Vd({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClassName: i = "", nodeBorderRadius: o = 5, nodeStrokeWidth: s, nodeComponent: l, bgColor: u, maskColor: f, maskStrokeColor: p, maskStrokeWidth: m, position: h = "bottom-right", onClick: v, onNodeClick: y, pannable: b = !1, zoomable: x = !1, ariaLabel: C, inversePan: w, zoomStep: T = 1, offsetScale: E = 5 }) {
+	let D = Q(), O = d(null), { boundingRect: k, viewBB: A, rfId: j, panZoom: M, translateExtent: N, flowWidth: P, flowHeight: F, ariaLabelConfig: I } = Z(zd, X), L = e?.width ?? Id, R = e?.height ?? Ld, ee = k.width / L, z = k.height / R, B = Math.max(ee, z), V = B * L, H = B * R, U = E * B, W = k.x - (V - k.width) / 2 - U, te = k.y - (H - k.height) / 2 - U, ne = V + U * 2, re = H + U * 2, ie = `${Bd}-${j}`, ae = d(0), oe = d();
 	ae.current = B, c(() => {
 		if (O.current && M) return oe.current = Ts({
 			domNode: O.current,
@@ -7367,7 +7425,7 @@ function zd({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClas
 		let n = D.getState().nodeLookup.get(t).internals.userNode;
 		y(e, n);
 	}, []) : void 0, le = C ?? I["minimap.ariaLabel"];
-	return g(Cc, {
+	return g(Sc, {
 		position: h,
 		style: {
 			...e,
@@ -7395,7 +7453,7 @@ function zd({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClas
 					id: ie,
 					children: le
 				}),
-				g(Nd, {
+				g(Fd, {
 					onClick: ce,
 					nodeColor: r,
 					nodeStrokeColor: n,
@@ -7415,15 +7473,15 @@ function zd({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClas
 		})
 	});
 }
-zd.displayName = "MiniMap", i(zd);
-var Bd = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, Vd = {
+Vd.displayName = "MiniMap", i(Vd);
+var Hd = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, Ud = {
 	[Bs.Line]: "right",
 	[Bs.Handle]: "bottom-right"
 };
-function Hd({ nodeId: e, position: t, variant: n = Bs.Handle, className: r, style: i = void 0, children: o, color: s, minWidth: l = 10, minHeight: u = 10, maxWidth: f = Number.MAX_VALUE, maxHeight: p = Number.MAX_VALUE, keepAspectRatio: m = !1, resizeDirection: h, autoScale: _ = !0, shouldResize: v, onResizeStart: y, onResize: b, onResizeEnd: x }) {
-	let C = Dl(), w = typeof e == "string" ? e : C, T = Q(), E = d(null), D = n === Bs.Handle, O = Z(a(Bd(D && _), [D, _]), X), k = d(null), A = t ?? Vd[n];
+function Wd({ nodeId: e, position: t, variant: n = Bs.Handle, className: r, style: i = void 0, children: o, color: s, minWidth: l = 10, minHeight: u = 10, maxWidth: f = Number.MAX_VALUE, maxHeight: p = Number.MAX_VALUE, keepAspectRatio: m = !1, resizeDirection: h, autoScale: _ = !0, shouldResize: v, onResizeStart: y, onResize: b, onResizeEnd: x }) {
+	let C = Ol(), w = typeof e == "string" ? e : C, T = Q(), E = d(null), D = n === Bs.Handle, O = Z(a(Hd(D && _), [D, _]), X), k = d(null), A = t ?? Ud[n];
 	return c(() => {
-		if (!(!E.current || !w)) return k.current ||= Qs({
+		if (!(!E.current || !w)) return k.current ||= Zs({
 			domNode: E.current,
 			nodeId: w,
 			getStoreItems: () => {
@@ -7547,17 +7605,17 @@ function Hd({ nodeId: e, position: t, variant: n = Bs.Handle, className: r, styl
 		children: o
 	});
 }
-i(Hd);
+i(Wd);
 //#endregion
 //#region src/gn/ir/socketColors.ts
-function Ud(e) {
+function Gd(e) {
 	return e <= .0031308 ? 12.92 * e : 1.055 * e ** (1 / 2.4) - .055;
 }
 function $(e, t, n) {
-	let r = (e) => Math.round(Math.min(1, Math.max(0, Ud(e))) * 255).toString(16).padStart(2, "0");
+	let r = (e) => Math.round(Math.min(1, Math.max(0, Gd(e))) * 255).toString(16).padStart(2, "0");
 	return `#${r(e)}${r(t)}${r(n)}`;
 }
-var Wd = {
+var Kd = {
 	FLOAT: $(.63, .63, .63),
 	VECTOR: $(.39, .39, .78),
 	RGBA: $(.78, .78, .16),
@@ -7579,12 +7637,12 @@ var Wd = {
 	INT_VECTOR: $(.36, .47, .61),
 	CUSTOM: $(.2, .2, .2)
 };
-function Gd(e) {
-	return Wd[e] ?? Wd.CUSTOM;
+function qd(e) {
+	return Kd[e] ?? Kd.CUSTOM;
 }
 //#endregion
 //#region src/gn/ir/nodeColors.ts
-var Kd = {
+var Jd = {
 	GEOMETRY: "#1d725e",
 	INPUT: "#82354c",
 	OUTPUT: "#3e232a",
@@ -7601,10 +7659,10 @@ var Kd = {
 	SCRIPT: "#203c3c",
 	DEFAULT: "#303030"
 };
-function qd(e) {
+function Yd(e) {
 	return e === "NodeGroupInput" || e === "NodeGroupOutput" ? "INTERFACE" : e.startsWith("NodeGroup") ? "GROUP" : e.startsWith("GeometryNodeSet") || e.startsWith("GeometryNodeTransform") || e.startsWith("GeometryNodeMerge") || e.startsWith("GeometryNodeJoin") || e.startsWith("GeometryNodeDelete") || e.startsWith("GeometryNodeSeparate") || e.startsWith("GeometryNodeDuplicate") || e.startsWith("GeometryNodeExtrude") || e.startsWith("GeometryNodeFlip") || e.startsWith("GeometryNodeSubdivide") || e.startsWith("GeometryNodeTriangulate") || e.startsWith("GeometryNodeMesh") || e.startsWith("GeometryNodeCurve") || e.startsWith("GeometryNodePoints") || e.startsWith("GeometryNodeVolume") || e.startsWith("GeometryNodeInstance") || e.startsWith("GeometryNodeRealize") || e.startsWith("GeometryNodeConvex") || e.startsWith("GeometryNodeFill") || e.startsWith("GeometryNodeSDF") || e.startsWith("GeometryNode") ? "GEOMETRY" : e.startsWith("ShaderNode") ? "SHADER" : e.startsWith("FunctionNode") ? "CONVERTER" : "DEFAULT";
 }
-var Jd = {
+var Xd = {
 	GeometryNodeInputMaterial: "INPUT",
 	GeometryNodeInputMaterialIndex: "INPUT",
 	GeometryNodeInputRadius: "INPUT",
@@ -7655,12 +7713,12 @@ var Jd = {
 	GeometryNodeFieldVariance: "CONVERTER",
 	GeometryNodeViewer: "OUTPUT"
 };
-function Yd(e) {
-	return Kd[Jd[e] ?? qd(e)] ?? Kd.DEFAULT;
+function Zd(e) {
+	return Jd[Xd[e] ?? Yd(e)] ?? Jd.DEFAULT;
 }
 //#endregion
 //#region src/gn/importer/blenderTree.ts
-var Xd = {
+var Qd = {
 	NodeSocketGeometry: "GEOMETRY",
 	NodeSocketFloat: "FLOAT",
 	NodeSocketVector: "VECTOR",
@@ -7677,10 +7735,10 @@ var Xd = {
 	NodeSocketMatrix: "MATRIX",
 	NodeSocketMenu: "MENU"
 };
-function Zd(e) {
-	return Xd[e] ?? "CUSTOM";
+function $d(e) {
+	return Qd[e] ?? "CUSTOM";
 }
-var Qd = {
+var ef = {
 	HSV: [
 		"Hue",
 		"Saturation",
@@ -7697,7 +7755,7 @@ var Qd = {
 		"Blue"
 	]
 };
-function $d(e) {
+function tf(e) {
 	let t = e.data.mapping?.data;
 	if (!t) return;
 	let n = t.curves?.data?.items;
@@ -7715,8 +7773,8 @@ function $d(e) {
 		points: r
 	};
 }
-function ef(e, t) {
-	let n = Qd[t ?? "RGB"] ?? Qd.RGB, r = Qd.RGB;
+function nf(e, t) {
+	let n = ef[t ?? "RGB"] ?? ef.RGB, r = ef.RGB;
 	return e.map((e) => {
 		let t = r.indexOf(e.name);
 		return t === -1 ? e : {
@@ -7725,8 +7783,11 @@ function ef(e, t) {
 		};
 	});
 }
-function tf(e, t) {
-	let n = Zd(e.data.socket_idname ?? ""), r = Gd(n), i = String(e.data.single_input ?? `${e.id}_in`), a = String(e.data.single_output ?? `${e.id}_out`), o = (e) => ({
+function rf(e) {
+	return e.replace(/\.\d{3}$/, "");
+}
+function af(e, t) {
+	let n = $d(e.data.socket_idname ?? ""), r = qd(n), i = String(e.data.single_input ?? `${e.id}_in`), a = String(e.data.single_output ?? `${e.id}_out`), o = (e) => ({
 		id: e,
 		name: "",
 		dataType: n,
@@ -7751,7 +7812,7 @@ function tf(e, t) {
 		outputs: [o(a)]
 	};
 }
-function nf(e) {
+function of(e) {
 	return e == null ? null : Array.isArray(e) && e.length >= 2 ? {
 		kind: "vec",
 		values: e
@@ -7760,20 +7821,20 @@ function nf(e) {
 		value: e
 	} : null;
 }
-function rf(e, t) {
+function sf(e, t) {
 	return {
 		id: String(e.id),
 		name: e.data.name,
 		dataType: e.data.type,
 		displayShape: e.data.display_shape,
-		color: Gd(e.data.type),
-		defaultValue: nf(e.data.default_value),
+		color: qd(e.data.type),
+		defaultValue: of(e.data.default_value),
 		hideValue: e.data.hide_value ?? !1,
 		enabled: e.data.enabled ?? !0,
 		index: t
 	};
 }
-function af(e) {
+function cf(e) {
 	if (e.data.bl_idname === "FunctionNodeCompare") {
 		let t = {};
 		return e.data.data_type && (t.data_type = e.data.data_type), e.data.operation && (t.operation = e.data.operation), Object.keys(t).length > 0 ? t : void 0;
@@ -7783,23 +7844,20 @@ function af(e) {
 		return e.data.operation && (t.operation = e.data.operation), e.data.use_clamp && (t.use_clamp = "true"), Object.keys(t).length > 0 ? t : void 0;
 	}
 }
-function of(e) {
-	if (!e || typeof e != "object") throw Error("JSON root must be an object.");
-	if (!Array.isArray(e.node_trees) || e.node_trees.length === 0) throw Error("Expected \"node_trees\" array with at least one entry.");
-	let t = e.node_trees[0];
-	if (!t?.data) throw Error("\"node_trees[0].data\" is missing.");
-	if (!t.data.nodes?.data?.items) throw Error("\"node_trees[0].data.nodes.data.items\" is missing.");
-	if (!t.data.links?.data?.items) throw Error("\"node_trees[0].data.links.data.items\" is missing.");
+function lf(e, t) {
+	if (!e?.data) throw Error(`"node_trees[${t}].data" is missing.`);
+	if (!e.data.nodes?.data?.items) throw Error(`"node_trees[${t}].data.nodes.data.items" is missing.`);
+	if (!e.data.links?.data?.items) throw Error(`"node_trees[${t}].data.links.data.items" is missing.`);
 	return {
-		id: String(t.id),
-		label: t.data.name,
-		nodes: t.data.nodes.data.items.map((e, t) => {
+		id: String(e.id),
+		label: e.data.name,
+		nodes: e.data.nodes.data.items.map((e, t) => {
 			if (!e?.data) throw Error(`Node at index ${t} is missing ".data".`);
 			let n = e.data.location_absolute ?? e.data.location ?? [0, 0];
-			if (e.data.bl_idname === "NodeReroute") return tf(e, n);
+			if (e.data.bl_idname === "NodeReroute") return af(e, n);
 			let r = (e.data.outputs?.data?.items ?? []).map((t, n) => {
 				if (!t?.data) throw Error(`Node "${e.data.name}" output socket ${n} is missing ".data".`);
-				return rf(t, n);
+				return sf(t, n);
 			});
 			e.data.bl_idname === "FunctionNodeInputVector" && Array.isArray(e.data.vector) && (r[0] &&= {
 				...r[0],
@@ -7810,27 +7868,28 @@ function of(e) {
 			});
 			let i = (e.data.inputs?.data?.items ?? []).map((t, n) => {
 				if (!t?.data) throw Error(`Node "${e.data.name}" input socket ${n} is missing ".data".`);
-				return rf(t, n);
+				return sf(t, n);
 			});
-			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (i = ef(i, e.data.mode));
-			let a = e.data.bl_idname === "ShaderNodeFloatCurve" ? $d(e) : void 0, o = af(e);
+			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (i = nf(i, e.data.mode));
+			let a = e.data.bl_idname === "ShaderNodeFloatCurve" ? tf(e) : void 0, o = cf(e);
 			return {
 				id: String(e.id),
 				type: e.data.bl_idname,
-				label: e.data.label || e.data.name,
+				label: e.data.label || rf(e.data.name),
 				position: {
 					x: n[0],
 					y: -n[1]
 				},
 				width: e.data.width ?? 140,
-				headerColor: Yd(e.data.bl_idname),
+				headerColor: Zd(e.data.bl_idname),
 				inputs: i,
 				outputs: r,
 				floatCurve: a,
-				...o ? { properties: o } : {}
+				...o ? { properties: o } : {},
+				...e.data.node_tree == null ? {} : { groupTreeId: String(e.data.node_tree) }
 			};
 		}),
-		links: t.data.links.data.items.map((e, t) => {
+		links: e.data.links.data.items.map((e, t) => {
 			if (!e?.data) throw Error(`Link at index ${t} is missing ".data".`);
 			return {
 				id: String(e.id),
@@ -7840,21 +7899,45 @@ function of(e) {
 		})
 	};
 }
-function sf(e, t) {
+function uf(e) {
+	if (!e || typeof e != "object") throw Error("JSON root must be an object.");
+	if (!Array.isArray(e.node_trees) || e.node_trees.length === 0) throw Error("Expected \"node_trees\" array with at least one entry.");
+	let t = {};
+	for (let n = 0; n < e.node_trees.length; n++) {
+		let r = lf(e.node_trees[n], n);
+		t[r.id] = r;
+	}
+	let n = /* @__PURE__ */ new Set();
+	for (let e of Object.values(t)) for (let r of e.nodes) {
+		if (r.groupTreeId === void 0) continue;
+		let e = t[r.groupTreeId];
+		if (!e) {
+			delete r.groupTreeId;
+			continue;
+		}
+		r.groupTreeName = e.label, n.add(e.id);
+	}
+	let r = e.node_trees.filter((e) => !n.has(String(e.id))), i = r.find((e) => e.data?.is_modifier) ?? r[0] ?? e.node_trees[0];
+	return {
+		rootId: String(i.id),
+		trees: t
+	};
+}
+function df(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "input"
 	};
 }
-function cf(e, t) {
+function ff(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "output"
 	};
 }
-function lf(e) {
+function pf(e) {
 	let t = e.nodes.map((e) => ({
 		id: e.id,
 		type: e.type,
@@ -7862,10 +7945,12 @@ function lf(e) {
 		position: e.position,
 		width: e.width,
 		headerColor: e.headerColor,
-		inputs: e.inputs.map((t) => sf(e.id, t)),
-		outputs: e.outputs.map((t) => cf(e.id, t)),
+		inputs: e.inputs.map((t) => df(e.id, t)),
+		outputs: e.outputs.map((t) => ff(e.id, t)),
 		floatCurve: e.floatCurve,
-		properties: e.properties
+		properties: e.properties,
+		groupTreeId: e.groupTreeId,
+		groupTreeName: e.groupTreeName
 	})), n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
 	for (let e of t) for (let t of [...e.inputs, ...e.outputs]) n.set(t.id, e.id), r.set(t.id, t);
 	let i = e.links.map((e) => ({
@@ -7885,11 +7970,11 @@ function lf(e) {
 }
 //#endregion
 //#region src/gn/xyflow/mapGraphIRToFlow.ts
-function uf(e) {
+function mf(e) {
 	let t = Math.max(e.inputs.length, e.outputs.length);
 	return Math.max(60, 32 + t * 18 + 16);
 }
-function df(e, t) {
+function hf(e, t) {
 	if (e.type === "NodeReroute") {
 		let t = e.outputs[0]?.color ?? e.inputs[0]?.color ?? "#888888";
 		return {
@@ -7923,11 +8008,13 @@ function df(e, t) {
 			outputs: e.outputs,
 			connectedInputIds: e.inputs.filter((e) => t.has(e.id)).map((e) => e.id),
 			floatCurve: e.floatCurve,
-			properties: e.properties
+			properties: e.properties,
+			groupTreeId: e.groupTreeId,
+			groupTreeName: e.groupTreeName
 		}
 	};
 }
-function ff(e, t, n) {
+function gf(e, t, n) {
 	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map();
 	for (let e of n.nodes) r.set(e.id, []), i.set(e.id, []);
 	for (let e of n.edges) r.has(e.sourceNodeId) || r.set(e.sourceNodeId, []), i.has(e.targetNodeId) || i.set(e.targetNodeId, []), r.get(e.sourceNodeId).push(e.targetNodeId), i.get(e.targetNodeId).push(e.sourceNodeId);
@@ -7951,16 +8038,16 @@ function ff(e, t, n) {
 	for (let e of a) s.has(e) && l.add(e);
 	return l;
 }
-function pf(e) {
-	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = e.nodes.map((e) => df(e, t)), r = e.nodes.find((e) => e.type === "GeometryNodeSimulationInput"), i = e.nodes.find((e) => e.type === "GeometryNodeSimulationOutput"), a = n;
+function _f(e) {
+	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = e.nodes.map((e) => hf(e, t)), r = e.nodes.find((e) => e.type === "GeometryNodeSimulationInput"), i = e.nodes.find((e) => e.type === "GeometryNodeSimulationOutput"), a = n;
 	if (r && i) {
-		let t = ff(r.id, i.id, e);
+		let t = gf(r.id, i.id, e);
 		if (t.size > 0) {
 			let i = new Map(e.nodes.map((e) => [e.id, e])), o = Infinity, s = Infinity, c = -Infinity, l = -Infinity;
 			for (let e of t) {
 				let t = i.get(e);
 				if (!t) continue;
-				let n = t.width, r = uf(t);
+				let n = t.width, r = mf(t);
 				o = Math.min(o, t.position.x), s = Math.min(s, t.position.y), c = Math.max(c, t.position.x + n), l = Math.max(l, t.position.y + r);
 			}
 			if (Number.isFinite(o) && Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(l)) {
@@ -8008,10 +8095,10 @@ function pf(e) {
 }
 //#endregion
 //#region src/gn/ir/curvePath.ts
-function mf(e, t) {
+function vf(e, t) {
 	return Math.sqrt(e * e + t * t);
 }
-function hf(e) {
+function yf(e) {
 	let t = e.length, n = e.map(({ location: [n, r], handleType: i }, a) => {
 		let o = a > 0 ? e[a - 1].location : null, s = a < t - 1 ? e[a + 1].location : null;
 		if (i === "VECTOR") return {
@@ -8021,11 +8108,11 @@ function hf(e) {
 		let c = 0, l = 0, u = 0, d = 0;
 		if (o && s) {
 			let e = n - o[0], t = r - o[1], i = s[0] - n, a = s[1] - r;
-			if (u = mf(e, t), d = mf(i, a), u > 1e-8 && d > 1e-8) {
-				let n = e / u + i / d, r = t / u + a / d, o = mf(n, r);
+			if (u = vf(e, t), d = vf(i, a), u > 1e-8 && d > 1e-8) {
+				let n = e / u + i / d, r = t / u + a / d, o = vf(n, r);
 				o > 1e-8 && (c = n / o, l = r / o);
 			} else d > 1e-8 ? (c = (s[0] - n) / d, l = (s[1] - r) / d) : u > 1e-8 && (c = (n - o[0]) / u, l = (r - o[1]) / u);
-		} else s ? (d = mf(s[0] - n, s[1] - r), d > 1e-8 && (c = (s[0] - n) / d, l = (s[1] - r) / d)) : o && (u = mf(n - o[0], r - o[1]), u > 1e-8 && (c = (n - o[0]) / u, l = (r - o[1]) / u));
+		} else s ? (d = vf(s[0] - n, s[1] - r), d > 1e-8 && (c = (s[0] - n) / d, l = (s[1] - r) / d)) : o && (u = vf(n - o[0], r - o[1]), u > 1e-8 && (c = (n - o[0]) / u, l = (r - o[1]) / u));
 		let f = [n - c * u / 3, r - l * u / 3], p = [n + c * d / 3, r + l * d / 3];
 		if (i === "AUTO_CLAMPED") {
 			if (o) {
@@ -8070,7 +8157,7 @@ function hf(e) {
 	}
 	return n;
 }
-function gf(e, t, n, r, i, a, o) {
+function bf(e, t, n, r, i, a, o) {
 	let s = r - t || 1, c = i - n || 1, l = (e) => (e - t) / s * a, u = (e) => (1 - (e - n) / c) * o;
 	if (e.length < 2) return {
 		strokePath: "",
@@ -8078,7 +8165,7 @@ function gf(e, t, n, r, i, a, o) {
 		zeroLinePath: "",
 		dotPositions: []
 	};
-	let d = hf(e), [f, p] = e[0].location, m = `M ${l(f).toFixed(2)} ${u(p).toFixed(2)}`;
+	let d = yf(e), [f, p] = e[0].location, m = `M ${l(f).toFixed(2)} ${u(p).toFixed(2)}`;
 	for (let t = 0; t < e.length - 1; t++) {
 		let n = d[t].right, r = d[t + 1].left, [i, a] = e[t + 1].location;
 		m += ` C ${l(n[0]).toFixed(2)} ${u(n[1]).toFixed(2)},`, m += ` ${l(r[0]).toFixed(2)} ${u(r[1]).toFixed(2)},`, m += ` ${l(i).toFixed(2)} ${u(a).toFixed(2)}`;
@@ -8092,13 +8179,19 @@ function gf(e, t, n, r, i, a, o) {
 	};
 }
 //#endregion
+//#region src/gn/components/groupNavContext.ts
+var xf = t(null);
+function Sf() {
+	return o(xf);
+}
+//#endregion
 //#region src/gn/components/GenericGNNode.tsx
-var _f = [
+var Cf = [
 	"X",
 	"Y",
 	"Z",
 	"W"
-], vf = {
+], wf = {
 	FLOAT: "Float",
 	INT: "Integer",
 	VECTOR: "Vector",
@@ -8106,7 +8199,7 @@ var _f = [
 	STRING: "String",
 	BOOLEAN: "Boolean",
 	ROTATION: "Rotation"
-}, yf = {
+}, Tf = {
 	EQUAL: "Equal",
 	NOT_EQUAL: "Not Equal",
 	LESS_THAN: "Less Than",
@@ -8152,10 +8245,10 @@ var _f = [
 	RADIANS: "To Radians",
 	DEGREES: "To Degrees"
 };
-function bf(e, t) {
-	return e === "data_type" ? vf[t] ?? t : e === "operation" ? yf[t] ?? t : e === "use_clamp" ? "Clamp" : t;
+function Ef(e, t) {
+	return e === "data_type" ? wf[t] ?? t : e === "operation" ? Tf[t] ?? t : e === "use_clamp" ? "Clamp" : t;
 }
-function xf(e) {
+function Df(e) {
 	switch (e) {
 		case "LINE": return "gn-socket--line";
 		case "DIAMOND": return "gn-socket--diamond";
@@ -8164,55 +8257,55 @@ function xf(e) {
 		default: return "gn-socket--circle";
 	}
 }
-function Sf(e) {
+function Of(e) {
 	return e === "ROTATION" ? "°" : e === "FLOAT" ? " m" : "";
 }
-function Cf(e) {
+function kf(e) {
 	return parseFloat(e.toFixed(3)).toString();
 }
-function wf(e, t) {
-	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${Cf(e)}${Sf(t)}`;
+function Af(e, t) {
+	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${kf(e)}${Of(t)}`;
 }
-function Tf(e) {
+function jf(e) {
 	return Math.round(Math.min(1, Math.max(0, e)) * 255);
 }
-function Ef(e) {
+function Mf(e) {
 	let [t, n, r, i = 1] = e.values;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__color-swatch",
-		style: { background: `rgba(${Tf(t)},${Tf(n)},${Tf(r)},${i.toFixed(2)})` }
+		style: { background: `rgba(${jf(t)},${jf(n)},${jf(r)},${i.toFixed(2)})` }
 	});
 }
-function Df(e) {
-	if (e.dataType === "RGBA") return /* @__PURE__ */ g(Ef, { values: e.values });
-	let t = Sf(e.dataType);
+function Nf(e) {
+	if (e.dataType === "RGBA") return /* @__PURE__ */ g(Mf, { values: e.values });
+	let t = Of(e.dataType);
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__vec-block",
 		children: e.values.slice(0, 4).map((e, n) => /* @__PURE__ */ _("div", {
 			className: "gn-node__vec-row",
 			children: [/* @__PURE__ */ g("span", {
 				className: "gn-node__vec-label",
-				children: _f[n]
+				children: Cf[n]
 			}), /* @__PURE__ */ _("span", {
 				className: "gn-node__vec-value",
-				children: [Cf(e), t]
+				children: [kf(e), t]
 			})]
 		}, n))
 	});
 }
-function Of({ properties: e }) {
+function Pf({ properties: e }) {
 	let t = Object.entries(e);
 	return t.length === 0 ? null : /* @__PURE__ */ g("div", {
 		className: "gn-node__props",
 		children: t.map(([e, t]) => /* @__PURE__ */ g("div", {
 			className: "gn-node__prop-row",
-			children: bf(e, t)
+			children: Ef(e, t)
 		}, e))
 	});
 }
-var kf = 120, Af = 6;
-function jf({ curve: e, width: t }) {
-	let n = Math.max(10, t - Af * 2), r = kf, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = gf(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
+var Ff = 120, If = 6;
+function Lf({ curve: e, width: t }) {
+	let n = Math.max(10, t - If * 2), r = Ff, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = bf(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__curve-wrap",
 		children: /* @__PURE__ */ _("svg", {
@@ -8243,16 +8336,16 @@ function jf({ curve: e, width: t }) {
 		})
 	});
 }
-function Mf(e) {
+function Rf(e) {
 	let { socket: t, position: n, type: r, align: i, suppressDefault: a } = e, o = t.name.trim().length === 0, s = !a && !t.hideValue && t.defaultValue?.kind === "scalar";
 	return /* @__PURE__ */ _("div", {
 		className: `gn-node__socket-row gn-node__socket-row--${i}`,
 		children: [
-			/* @__PURE__ */ g(jl, {
+			/* @__PURE__ */ g(Ml, {
 				id: t.id,
 				type: r,
 				position: n,
-				className: `gn-socket ${xf(t.displayShape)}`,
+				className: `gn-socket ${Df(t.displayShape)}`,
 				style: {
 					top: "50%",
 					background: t.color,
@@ -8265,18 +8358,32 @@ function Mf(e) {
 			}),
 			s && t.defaultValue?.kind === "scalar" ? /* @__PURE__ */ g("span", {
 				className: "gn-node__value",
-				children: wf(t.defaultValue.value, t.dataType)
+				children: Af(t.defaultValue.value, t.dataType)
 			}) : null
 		]
 	});
 }
-function Nf(e, t) {
+function zf(e, t) {
 	return !t && !e.hideValue && e.defaultValue?.kind === "vec";
 }
-function Pf(e) {
-	let t = e.data, n = new Set(t.connectedInputIds ?? []), r = t.outputs.filter((e) => e.enabled), i = t.inputs.filter((e) => e.enabled);
+function Bf() {
+	return /* @__PURE__ */ _("div", {
+		className: "gn-node__stack",
+		"aria-hidden": "true",
+		children: [
+			/* @__PURE__ */ g("div", { className: "gn-node__stack-bar" }),
+			/* @__PURE__ */ g("div", { className: "gn-node__stack-bar" }),
+			/* @__PURE__ */ g("div", { className: "gn-node__stack-bar" })
+		]
+	});
+}
+function Vf(e) {
+	let t = e.data, n = Sf(), r = new Set(t.connectedInputIds ?? []), i = t.outputs.filter((e) => e.enabled), a = t.inputs.filter((e) => e.enabled), o = t.groupTreeId, s = o !== void 0 && t.groupTreeName !== void 0 && !!n;
 	return /* @__PURE__ */ _("div", {
-		className: "gn-node",
+		className: `gn-node${s ? " gn-node--group nodrag" : ""}`,
+		onClick: s ? () => n.openGroup(o) : void 0,
+		role: s ? "button" : void 0,
+		title: s ? `Open group "${t.groupTreeName}"` : void 0,
 		children: [
 			/* @__PURE__ */ g("div", {
 				className: "gn-node__header",
@@ -8286,28 +8393,29 @@ function Pf(e) {
 					children: t.label
 				})
 			}),
-			t.properties && /* @__PURE__ */ g(Of, { properties: t.properties }),
-			t.floatCurve && /* @__PURE__ */ g(jf, {
+			s && /* @__PURE__ */ g(Bf, {}),
+			t.properties && /* @__PURE__ */ g(Pf, { properties: t.properties }),
+			t.floatCurve && /* @__PURE__ */ g(Lf, {
 				curve: t.floatCurve,
 				width: t.width
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "gn-node__body",
-				children: [r.map((e) => /* @__PURE__ */ g(Mf, {
+				children: [i.map((e) => /* @__PURE__ */ g(Rf, {
 					socket: e,
 					position: Y.Right,
 					type: "source",
 					align: "right",
 					suppressDefault: !0
-				}, e.id)), i.map((e) => {
-					let t = n.has(e.id);
-					return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(Mf, {
+				}, e.id)), a.map((e) => {
+					let t = r.has(e.id);
+					return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(Rf, {
 						socket: e,
 						position: Y.Left,
 						type: "target",
 						align: "left",
 						suppressDefault: t
-					}), Nf(e, t) ? /* @__PURE__ */ g(Df, {
+					}), zf(e, t) ? /* @__PURE__ */ g(Nf, {
 						values: e.defaultValue.values,
 						dataType: e.dataType
 					}) : null] }, e.id);
@@ -8318,17 +8426,17 @@ function Pf(e) {
 }
 //#endregion
 //#region src/gn/components/RerouteNode.tsx
-function Ff(e) {
+function Hf(e) {
 	let t = e.data;
 	return /* @__PURE__ */ _("div", {
 		className: "gn-reroute",
 		style: { "--gn-reroute-color": t.color },
-		children: [/* @__PURE__ */ g(jl, {
+		children: [/* @__PURE__ */ g(Ml, {
 			id: t.inputSocketId,
 			type: "target",
 			position: Y.Left,
 			className: "gn-reroute__handle"
-		}), /* @__PURE__ */ g(jl, {
+		}), /* @__PURE__ */ g(Ml, {
 			id: t.outputSocketId,
 			type: "source",
 			position: Y.Right,
@@ -8338,7 +8446,7 @@ function Ff(e) {
 }
 //#endregion
 //#region src/gn/components/SimulationZoneFrame.tsx
-function If(e) {
+function Uf(e) {
 	let t = e.data;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-sim-zone",
@@ -8365,21 +8473,21 @@ function If(e) {
 }
 //#endregion
 //#region src/gn/components/GeometryNodesFlow.tsx
-var Lf = {
-	gnNode: Pf,
-	rerouteNode: Ff,
-	simulationZone: If
-}, Rf = { padding: .08 };
-function zf(e) {
-	let { nodes: t, edges: n } = e, { fitView: r } = cl();
+var Wf = {
+	gnNode: Vf,
+	rerouteNode: Hf,
+	simulationZone: Uf
+}, Gf = { padding: .08 };
+function Kf(e) {
+	let { nodes: t, edges: n, breadcrumbs: r, onNavigate: i } = e, { fitView: a } = ll();
 	return c(() => {
-		r(Rf);
-	}, [t, r]), /* @__PURE__ */ _(ld, {
+		a(Gf);
+	}, [t, a]), /* @__PURE__ */ _(dd, {
 		nodes: t,
 		edges: n,
-		nodeTypes: Lf,
+		nodeTypes: Wf,
 		fitView: !0,
-		fitViewOptions: Rf,
+		fitViewOptions: Gf,
 		minZoom: .2,
 		nodesDraggable: !1,
 		nodesConnectable: !1,
@@ -8394,12 +8502,39 @@ function zf(e) {
 		zoomOnScroll: !0,
 		zoomOnDoubleClick: !1,
 		children: [
-			/* @__PURE__ */ g(gd, {
+			/* @__PURE__ */ g(vd, {
 				gap: 20,
 				size: 1
 			}),
-			/* @__PURE__ */ g(Td, { showInteractive: !1 }),
-			/* @__PURE__ */ g(Cc, {
+			/* @__PURE__ */ g(Dd, { showInteractive: !1 }),
+			r.length > 1 ? /* @__PURE__ */ g(Sc, {
+				position: "top-left",
+				children: /* @__PURE__ */ g("nav", {
+					className: "gn-breadcrumbs",
+					"aria-label": "Node group path",
+					children: r.map((e, t) => {
+						let n = t === r.length - 1;
+						return /* @__PURE__ */ _("span", {
+							className: "gn-breadcrumbs__item",
+							children: [t > 0 ? /* @__PURE__ */ g("span", {
+								className: "gn-breadcrumbs__sep",
+								"aria-hidden": "true",
+								children: "›"
+							}) : null, n ? /* @__PURE__ */ g("span", {
+								className: "gn-breadcrumbs__current",
+								"aria-current": "page",
+								children: e.label
+							}) : /* @__PURE__ */ g("button", {
+								type: "button",
+								className: "gn-breadcrumbs__link",
+								onClick: () => i(t),
+								children: e.label
+							})]
+						}, `${e.id}-${t}`);
+					})
+				})
+			}) : null,
+			/* @__PURE__ */ g(Sc, {
 				position: "bottom-right",
 				children: /* @__PURE__ */ g("a", {
 					href: "https://extensions.blender.org/add-ons/tree-clipper/",
@@ -8412,24 +8547,64 @@ function zf(e) {
 		]
 	});
 }
-function Bf(e) {
-	let { jsonText: t, showHeader: n = !0 } = e, r = u(() => {
+function qf(e) {
+	let { jsonText: t, showHeader: n = !0 } = e, [r, i] = f({
+		json: t,
+		ids: []
+	}), o = u(() => {
 		if (!t.trim()) return null;
 		try {
-			let e = lf(of(JSON.parse(t)));
+			let { rootId: e, trees: n } = uf(JSON.parse(t)), r = {};
+			for (let e of Object.values(n)) {
+				let t = pf(e);
+				r[t.id] = {
+					graph: t,
+					flow: _f(t)
+				};
+			}
 			return {
-				graph: e,
-				flow: pf(e),
+				rootId: e,
+				views: r,
 				error: null
 			};
 		} catch (e) {
 			return {
-				graph: null,
-				flow: null,
+				rootId: "",
+				views: null,
 				error: e instanceof Error ? e.message : String(e)
 			};
 		}
-	}, [t]);
+	}, [t]), s = u(() => {
+		if (!o?.views) return [];
+		let e = r.json === t ? r.ids : [], n = [o.rootId];
+		for (let t of e) o.views[t] && n.push(t);
+		return n;
+	}, [
+		o,
+		r,
+		t
+	]), l = o?.views ? o.views[s[s.length - 1]] : null, d = a((e) => {
+		i((n) => ({
+			json: t,
+			ids: n.json === t ? [...n.ids, e] : [e]
+		}));
+	}, [t]), p = u(() => ({ openGroup: d }), [d]);
+	c(() => {
+		if (s.length <= 1) return;
+		function e(e) {
+			if (e.key !== "Tab" && e.key !== "Escape" || e.ctrlKey || e.metaKey || e.altKey) return;
+			let n = e.target;
+			n && (n.isContentEditable || n.tagName === "INPUT" || n.tagName === "TEXTAREA" || n.closest(".cm-editor")) || (e.preventDefault(), i({
+				json: t,
+				ids: s.slice(1, -1)
+			}));
+		}
+		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
+	}, [s, t]);
+	let m = o?.views ? s.map((e) => ({
+		id: e,
+		label: o.views[e].graph.label
+	})) : [];
 	return /* @__PURE__ */ _("div", {
 		className: "panel flow-panel",
 		children: [n ? /* @__PURE__ */ _("div", {
@@ -8440,18 +8615,26 @@ function Bf(e) {
 			}), /* @__PURE__ */ g("div", {
 				className: "panel-status",
 				"aria-live": "polite",
-				children: r?.graph ? `${r.graph.nodes.length} nodes, ${r.graph.edges.length} links` : null
+				children: l ? `${l.graph.nodes.length} nodes, ${l.graph.edges.length} links` : null
 			})]
 		}) : null, /* @__PURE__ */ g("div", {
 			className: "panel-body flow-panel__body",
-			children: r?.error ? /* @__PURE__ */ _("div", {
+			children: o?.error ? /* @__PURE__ */ _("div", {
 				className: "flow-error",
 				role: "alert",
-				children: [/* @__PURE__ */ g("strong", { children: "Parse error" }), /* @__PURE__ */ g("span", { children: r.error })]
-			}) : r?.flow ? /* @__PURE__ */ g(ad, { children: /* @__PURE__ */ g(zf, {
-				nodes: r.flow.nodes,
-				edges: r.flow.edges
-			}) }) : /* @__PURE__ */ g("div", {
+				children: [/* @__PURE__ */ g("strong", { children: "Parse error" }), /* @__PURE__ */ g("span", { children: o.error })]
+			}) : l ? /* @__PURE__ */ g(xf.Provider, {
+				value: p,
+				children: /* @__PURE__ */ g(sd, { children: /* @__PURE__ */ g(Kf, {
+					nodes: l.flow.nodes,
+					edges: l.flow.edges,
+					breadcrumbs: m,
+					onNavigate: (e) => i({
+						json: t,
+						ids: s.slice(1, e + 1)
+					})
+				}) })
+			}) : /* @__PURE__ */ g("div", {
 				className: "flow-empty",
 				children: "Waiting for sample graph..."
 			})
@@ -8460,7 +8643,7 @@ function Bf(e) {
 }
 //#endregion
 //#region src/embed.tsx
-function Vf(e) {
+function Jf(e) {
 	let { payload: t } = e, [n, r] = f(""), [i, a] = f(null), [o, s] = f(!0);
 	return c(() => {
 		let e = !1;
@@ -8482,26 +8665,26 @@ function Vf(e) {
 				className: "flow-error",
 				role: "alert",
 				children: [/* @__PURE__ */ g("strong", { children: "Decode error" }), /* @__PURE__ */ g("span", { children: i })]
-			}) : /* @__PURE__ */ g(Bf, {
+			}) : /* @__PURE__ */ g(qf, {
 				jsonText: n,
 				showHeader: !1
 			})
 		})
 	});
 }
-var Hf = null;
-function Uf(e, t) {
-	Hf &&= (Hf.unmount(), null), Hf = m(e);
+var Yf = null;
+function Xf(e, t) {
+	Yf &&= (Yf.unmount(), null), Yf = m(e);
 	let r = t.onClose;
-	return Hf.render(n(Vf, {
+	return Yf.render(n(Jf, {
 		...t,
 		onClose: r ? () => {
-			Wf(), r();
+			Zf(), r();
 		} : void 0
-	})), Wf;
+	})), Zf;
 }
-function Wf() {
-	Hf &&= (Hf.unmount(), null);
+function Zf() {
+	Yf &&= (Yf.unmount(), null);
 }
 //#endregion
-export { Vf as GraphView, Uf as mountGraphView, Wf as unmountGraphView };
+export { Jf as GraphView, Xf as mountGraphView, Zf as unmountGraphView };