geonodes-web-render 0.3.13 → 0.3.15

package/dist/embed.js

@@ -7124,8 +7124,17 @@ function pd(e) {
 		a((e) => n((t) => Kc(e, t)), [])
 	];
 }
+var md = (e) => (t) => {
+	if (!e.includeHiddenNodes) return t.nodesInitialized;
+	if (t.nodeLookup.size === 0) return !1;
+	for (let [, { internals: e }] of t.nodeLookup) if (e.handleBounds === void 0 || !so(e.userNode)) return !1;
+	return !0;
+};
+function hd(e = { includeHiddenNodes: !1 }) {
+	return Z(md(e));
+}
 J.error014();
-function md({ dimensions: e, lineWidth: t, variant: n, className: r }) {
+function gd({ 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]}`,
@@ -7136,7 +7145,7 @@ function md({ dimensions: e, lineWidth: t, variant: n, className: r }) {
 		])
 	});
 }
-function hd({ radius: e, className: t }) {
+function _d({ radius: e, className: t }) {
 	return g("circle", {
 		cx: e,
 		cy: e,
@@ -7148,20 +7157,20 @@ function hd({ radius: e, className: t }) {
 		])
 	});
 }
-var gd;
+var vd;
 (function(e) {
 	e.Lines = "lines", e.Dots = "dots", e.Cross = "cross";
-})(gd ||= {});
-var _d = {
-	[gd.Dots]: 1,
-	[gd.Lines]: 1,
-	[gd.Cross]: 6
-}, vd = (e) => ({
+})(vd ||= {});
+var yd = {
+	[vd.Dots]: 1,
+	[vd.Lines]: 1,
+	[vd.Cross]: 6
+}, bd = (e) => ({
 	transform: e.transform,
 	patternId: `pattern-${e.rfId}`
 });
-function yd({ id: e, variant: t = gd.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(vd, X), h = r || _d[t], v = t === gd.Dots, y = t === gd.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 xd({ id: e, variant: t = vd.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(bd, X), h = r || yd[t], v = t === vd.Dots, y = t === vd.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: {
@@ -7180,10 +7189,10 @@ function yd({ id: e, variant: t = gd.Dots, gap: n = 20, size: r, lineWidth: i =
 			height: x[1],
 			patternUnits: "userSpaceOnUse",
 			patternTransform: `translate(-${E[0]},-${E[1]})`,
-			children: v ? g(hd, {
+			children: v ? g(_d, {
 				radius: C / 2,
 				className: u
-			}) : g(md, {
+			}) : g(gd, {
 				dimensions: T,
 				lineWidth: i,
 				variant: t,
@@ -7198,44 +7207,44 @@ function yd({ id: e, variant: t = gd.Dots, gap: n = 20, size: r, lineWidth: i =
 		})]
 	});
 }
-yd.displayName = "Background";
-var bd = i(yd);
-function xd() {
+xd.displayName = "Background";
+var Sd = i(xd);
+function Cd() {
 	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 Sd() {
+function wd() {
 	return g("svg", {
 		xmlns: "http://www.w3.org/2000/svg",
 		viewBox: "0 0 32 5",
 		children: g("path", { d: "M0 0h32v4.2H0z" })
 	});
 }
-function Cd() {
+function Td() {
 	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 wd() {
+function Ed() {
 	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 Td() {
+function Dd() {
 	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 Ed({ children: e, className: t, ...n }) {
+function Od({ children: e, className: t, ...n }) {
 	return g("button", {
 		type: "button",
 		className: S(["react-flow__controls-button", t]),
@@ -7243,14 +7252,14 @@ function Ed({ children: e, className: t, ...n }) {
 		children: e
 	});
 }
-var Dd = (e) => ({
+var kd = (e) => ({
 	isInteractive: e.nodesDraggable || e.nodesConnectable || e.elementsSelectable,
 	minZoomReached: e.transform[2] <= e.minZoom,
 	maxZoomReached: e.transform[2] >= e.maxZoom,
 	ariaLabelConfig: e.ariaLabelConfig
 });
-function Od({ 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(Dd, X), { zoomIn: C, zoomOut: w, fitView: T } = ll();
+function Ad({ 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(kd, X), { zoomIn: C, zoomOut: w, fitView: T } = ll();
 	return _(Sc, {
 		className: S([
 			"react-flow__controls",
@@ -7262,7 +7271,7 @@ function Od({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
 		"data-testid": "rf__controls",
 		"aria-label": p ?? x["controls.ariaLabel"],
 		children: [
-			t && _(h, { children: [g(Ed, {
+			t && _(h, { children: [g(Od, {
 				onClick: () => {
 					C(), a?.();
 				},
@@ -7270,8 +7279,8 @@ function Od({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
 				title: x["controls.zoomIn.ariaLabel"],
 				"aria-label": x["controls.zoomIn.ariaLabel"],
 				disabled: b,
-				children: g(xd, {})
-			}), g(Ed, {
+				children: g(Cd, {})
+			}), g(Od, {
 				onClick: () => {
 					w(), o?.();
 				},
@@ -7279,18 +7288,18 @@ function Od({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
 				title: x["controls.zoomOut.ariaLabel"],
 				"aria-label": x["controls.zoomOut.ariaLabel"],
 				disabled: y,
-				children: g(Sd, {})
+				children: g(wd, {})
 			})] }),
-			n && g(Ed, {
+			n && g(Od, {
 				className: "react-flow__controls-fitview",
 				onClick: () => {
 					T(i), s?.();
 				},
 				title: x["controls.fitView.ariaLabel"],
 				"aria-label": x["controls.fitView.ariaLabel"],
-				children: g(Cd, {})
+				children: g(Td, {})
 			}),
-			r && g(Ed, {
+			r && g(Od, {
 				className: "react-flow__controls-interactive",
 				onClick: () => {
 					m.setState({
@@ -7301,15 +7310,15 @@ function Od({ style: e, showZoom: t = !0, showFitView: n = !0, showInteractive:
 				},
 				title: x["controls.interactive.ariaLabel"],
 				"aria-label": x["controls.interactive.ariaLabel"],
-				children: g(v ? Td : wd, {})
+				children: g(v ? Dd : Ed, {})
 			}),
 			u
 		]
 	});
 }
-Od.displayName = "Controls";
-var kd = i(Od);
-function Ad({ 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 }) {
+Ad.displayName = "Controls";
+var jd = i(Ad);
+function Md({ 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([
@@ -7332,10 +7341,10 @@ function Ad({ id: e, x: t, y: n, width: r, height: i, style: a, color: o, stroke
 		onClick: p ? (t) => p(t, e) : void 0
 	});
 }
-var jd = i(Ad), Md = (e) => e.nodes.map((e) => e.id), Nd = (e) => e instanceof Function ? e : () => e;
-function Pd({ nodeStrokeColor: e, nodeColor: t, nodeClassName: n = "", nodeBorderRadius: r = 5, nodeStrokeWidth: i, nodeComponent: a = jd, onClick: o }) {
-	let s = Z(Md, X), c = Nd(t), l = Nd(e), u = Nd(n), d = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
-	return g(h, { children: s.map((e) => g(Id, {
+var Nd = i(Md), Pd = (e) => e.nodes.map((e) => e.id), Fd = (e) => e instanceof Function ? e : () => e;
+function Id({ nodeStrokeColor: e, nodeColor: t, nodeClassName: n = "", nodeBorderRadius: r = 5, nodeStrokeWidth: i, nodeComponent: a = Nd, onClick: o }) {
+	let s = Z(Pd, X), c = Fd(t), l = Fd(e), u = Fd(n), d = typeof window > "u" || window.chrome ? "crispEdges" : "geometricPrecision";
+	return g(h, { children: s.map((e) => g(Rd, {
 		id: e,
 		nodeColorFunc: c,
 		nodeStrokeColorFunc: l,
@@ -7347,7 +7356,7 @@ function Pd({ nodeStrokeColor: e, nodeColor: t, nodeClassName: n = "", nodeBorde
 		shapeRendering: d
 	}, e)) });
 }
-function Fd({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc: r, nodeBorderRadius: i, nodeStrokeWidth: a, shapeRendering: o, NodeComponent: s, onClick: c }) {
+function Ld({ 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 {
@@ -7383,7 +7392,7 @@ function Fd({ id: e, nodeColorFunc: t, nodeStrokeColorFunc: n, nodeClassNameFunc
 		id: l.id
 	});
 }
-var Id = i(Fd), Ld = i(Pd), Rd = 200, zd = 150, Bd = (e) => !e.hidden, Vd = (e) => {
+var Rd = i(Ld), zd = i(Id), Bd = 200, Vd = 150, Hd = (e) => !e.hidden, Ud = (e) => {
 	let t = {
 		x: -e.transform[0] / e.transform[2],
 		y: -e.transform[1] / e.transform[2],
@@ -7392,7 +7401,7 @@ var Id = i(Fd), Ld = i(Pd), Rd = 200, zd = 150, Bd = (e) => !e.hidden, Vd = (e)
 	};
 	return {
 		viewBB: t,
-		boundingRect: e.nodeLookup.size > 0 ? Ka(ka(e.nodeLookup, { filter: Bd }), t) : t,
+		boundingRect: e.nodeLookup.size > 0 ? Ka(ka(e.nodeLookup, { filter: Hd }), t) : t,
 		rfId: e.rfId,
 		panZoom: e.panZoom,
 		translateExtent: e.translateExtent,
@@ -7400,9 +7409,9 @@ var Id = i(Fd), Ld = i(Pd), Rd = 200, zd = 150, Bd = (e) => !e.hidden, Vd = (e)
 		flowHeight: e.height,
 		ariaLabelConfig: e.ariaLabelConfig
 	};
-}, Hd = "react-flow__minimap-desc";
-function Ud({ 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(Vd, X), L = e?.width ?? Rd, R = e?.height ?? zd, 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 = `${Hd}-${j}`, ae = d(0), oe = d();
+}, Wd = "react-flow__minimap-desc";
+function Gd({ 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(Ud, X), L = e?.width ?? Bd, R = e?.height ?? Vd, 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 = `${Wd}-${j}`, ae = d(0), oe = d();
 	ae.current = B, c(() => {
 		if (O.current && M) return oe.current = Ts({
 			domNode: O.current,
@@ -7469,7 +7478,7 @@ function Ud({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClas
 					id: ie,
 					children: le
 				}),
-				g(Ld, {
+				g(zd, {
 					onClick: ce,
 					nodeColor: r,
 					nodeStrokeColor: n,
@@ -7489,13 +7498,13 @@ function Ud({ style: e, className: t, nodeStrokeColor: n, nodeColor: r, nodeClas
 		})
 	});
 }
-Ud.displayName = "MiniMap", i(Ud);
-var Wd = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, Gd = {
+Gd.displayName = "MiniMap", i(Gd);
+var Kd = (e) => (t) => e ? `${Math.max(1 / t.transform[2], 1)}` : void 0, qd = {
 	[Bs.Line]: "right",
 	[Bs.Handle]: "bottom-right"
 };
-function Kd({ 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(Wd(D && _), [D, _]), X), k = d(null), A = t ?? Gd[n];
+function Jd({ 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(Kd(D && _), [D, _]), X), k = d(null), A = t ?? qd[n];
 	return c(() => {
 		if (!(!E.current || !w)) return k.current ||= Zs({
 			domNode: E.current,
@@ -7621,17 +7630,17 @@ function Kd({ nodeId: e, position: t, variant: n = Bs.Handle, className: r, styl
 		children: o
 	});
 }
-i(Kd);
+i(Jd);
 //#endregion
 //#region src/gn/ir/socketColors.ts
-function qd(e) {
+function Yd(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, qd(e))) * 255).toString(16).padStart(2, "0");
+	let r = (e) => Math.round(Math.min(1, Math.max(0, Yd(e))) * 255).toString(16).padStart(2, "0");
 	return `#${r(e)}${r(t)}${r(n)}`;
 }
-var Jd = {
+var Xd = {
 	FLOAT: $(.63, .63, .63),
 	VECTOR: $(.39, .39, .78),
 	RGBA: $(.78, .78, .16),
@@ -7653,12 +7662,12 @@ var Jd = {
 	INT_VECTOR: $(.36, .47, .61),
 	CUSTOM: $(.2, .2, .2)
 };
-function Yd(e) {
-	return Jd[e] ?? Jd.CUSTOM;
+function Zd(e) {
+	return Xd[e] ?? Xd.CUSTOM;
 }
 //#endregion
 //#region src/gn/ir/nodeColors.ts
-var Xd = {
+var Qd = {
 	GEOMETRY: "#1d725e",
 	INPUT: "#82354c",
 	OUTPUT: "#3e232a",
@@ -7675,7 +7684,7 @@ var Xd = {
 	DISTORT: "#3e5a5b",
 	SCRIPT: "#203c3c",
 	DEFAULT: "#303030"
-}, Zd = {
+}, $d = {
 	ShaderNodeVectorMath: "VECTOR",
 	ShaderNodeVectorRotate: "VECTOR",
 	ShaderNodeVectorCurve: "VECTOR",
@@ -7697,10 +7706,10 @@ var Xd = {
 	ShaderNodeValue: "INPUT",
 	ShaderNodeRGB: "INPUT"
 };
-function Qd(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") ? e in Zd ? Zd[e] : e.startsWith("ShaderNodeTex") ? "TEXTURE" : "SHADER" : e.startsWith("FunctionNode") ? e.startsWith("FunctionNodeInput") ? "INPUT" : "CONVERTER" : "DEFAULT";
+function ef(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") ? e in $d ? $d[e] : e.startsWith("ShaderNodeTex") ? "TEXTURE" : "SHADER" : e.startsWith("FunctionNode") ? e.startsWith("FunctionNodeInput") ? "INPUT" : "CONVERTER" : "DEFAULT";
 }
-var $d = {
+var tf = {
 	GeometryNodeInputMaterial: "INPUT",
 	GeometryNodeInputMaterialIndex: "INPUT",
 	GeometryNodeInputRadius: "INPUT",
@@ -7751,16 +7760,16 @@ var $d = {
 	GeometryNodeFieldVariance: "CONVERTER",
 	GeometryNodeViewer: "OUTPUT"
 };
-function ef(e, t) {
+function nf(e, t) {
 	if (e === "ShaderNodeMix") return t === "VECTOR" ? "VECTOR" : t === "RGBA" ? "COLOR" : "CONVERTER";
 	if (e === "ShaderNodeMapRange") return t === "FLOAT_VECTOR" ? "VECTOR" : "CONVERTER";
 }
-function tf(e, t) {
-	return Xd[ef(e, t) ?? $d[e] ?? Qd(e)] ?? Xd.DEFAULT;
+function rf(e, t) {
+	return Qd[nf(e, t) ?? tf[e] ?? ef(e)] ?? Qd.DEFAULT;
 }
 //#endregion
 //#region src/gn/importer/blenderTree.ts
-var nf = {
+var af = {
 	NodeSocketGeometry: "GEOMETRY",
 	NodeSocketFloat: "FLOAT",
 	NodeSocketVector: "VECTOR",
@@ -7777,10 +7786,10 @@ var nf = {
 	NodeSocketMatrix: "MATRIX",
 	NodeSocketMenu: "MENU"
 };
-function rf(e) {
-	return nf[e] ?? "CUSTOM";
+function of(e) {
+	return af[e] ?? "CUSTOM";
 }
-var af = {
+var sf = {
 	HSV: [
 		"Hue",
 		"Saturation",
@@ -7797,7 +7806,7 @@ var af = {
 		"Blue"
 	]
 };
-function of(e) {
+function cf(e) {
 	let t = e.data.mapping?.data;
 	if (!t) return;
 	let n = t.curves?.data?.items;
@@ -7815,8 +7824,30 @@ function of(e) {
 		points: r
 	};
 }
-function sf(e, t) {
-	let n = af[t ?? "RGB"] ?? af.RGB, r = af.RGB;
+function lf(e) {
+	let t = e.data.color_ramp?.data;
+	if (!t) return;
+	let n = (t.elements?.data?.items ?? []).map((e) => {
+		let t = e.data.color;
+		return {
+			position: e.data.position,
+			color: [
+				t[0],
+				t[1],
+				t[2],
+				e.data.alpha ?? t[3] ?? 1
+			]
+		};
+	});
+	return {
+		interpolation: t.interpolation ?? "LINEAR",
+		colorMode: t.color_mode ?? "RGB",
+		hueInterpolation: t.hue_interpolation ?? "NEAR",
+		stops: n
+	};
+}
+function uf(e, t) {
+	let n = sf[t ?? "RGB"] ?? sf.RGB, r = sf.RGB;
 	return e.map((e) => {
 		let t = r.indexOf(e.name);
 		return t === -1 ? e : {
@@ -7825,11 +7856,11 @@ function sf(e, t) {
 		};
 	});
 }
-function cf(e) {
+function df(e) {
 	return e.replace(/\.\d{3}$/, "");
 }
-function lf(e, t) {
-	let n = rf(e.data.socket_idname ?? ""), r = Yd(n), i = String(e.data.single_input ?? `${e.id}_in`), a = String(e.data.single_output ?? `${e.id}_out`), o = (e) => ({
+function ff(e, t) {
+	let n = of(e.data.socket_idname ?? ""), r = Zd(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,
@@ -7851,10 +7882,11 @@ function lf(e, t) {
 		width: 0,
 		headerColor: "",
 		inputs: [o(i)],
-		outputs: [o(a)]
+		outputs: [o(a)],
+		...e.data.parent == null ? {} : { parentFrameId: String(e.data.parent) }
 	};
 }
-function uf(e) {
+function pf(e) {
 	return e == null ? null : Array.isArray(e) && e.length >= 2 ? {
 		kind: "vec",
 		values: e
@@ -7863,20 +7895,20 @@ function uf(e) {
 		value: e
 	} : null;
 }
-function df(e, t) {
+function mf(e, t) {
 	return {
 		id: String(e.id),
 		name: e.data.name,
 		dataType: e.data.type,
 		displayShape: e.data.display_shape,
-		color: Yd(e.data.type),
-		defaultValue: uf(e.data.default_value),
+		color: Zd(e.data.type),
+		defaultValue: pf(e.data.default_value),
 		hideValue: e.data.hide_value ?? !1,
 		enabled: e.data.enabled ?? !0,
 		index: t
 	};
 }
-function ff(e) {
+function hf(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;
@@ -7886,7 +7918,7 @@ function ff(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 pf(e, t) {
+function gf(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.`);
@@ -7896,10 +7928,10 @@ function pf(e, t) {
 		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 lf(e, n);
+			if (e.data.bl_idname === "NodeReroute") return ff(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 df(t, n);
+				return mf(t, n);
 			});
 			e.data.bl_idname === "FunctionNodeInputVector" && Array.isArray(e.data.vector) && (r[0] &&= {
 				...r[0],
@@ -7910,25 +7942,27 @@ function pf(e, t) {
 			});
 			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 df(t, n);
+				return mf(t, n);
 			});
-			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (i = sf(i, e.data.mode));
-			let a = e.data.bl_idname === "ShaderNodeFloatCurve" ? of(e) : void 0, o = ff(e);
+			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (i = uf(i, e.data.mode));
+			let a = e.data.bl_idname === "ShaderNodeFloatCurve" ? cf(e) : void 0, o = e.data.bl_idname === "ShaderNodeValToRGB" ? lf(e) : void 0, s = hf(e);
 			return {
 				id: String(e.id),
 				type: e.data.bl_idname,
-				label: e.data.label || cf(e.data.name),
+				label: e.data.label || df(e.data.name),
 				position: {
 					x: n[0],
 					y: -n[1]
 				},
 				width: e.data.width ?? 140,
-				headerColor: tf(e.data.bl_idname, e.data.data_type),
+				headerColor: rf(e.data.bl_idname, e.data.data_type),
 				inputs: i,
 				outputs: r,
 				floatCurve: a,
-				...o ? { properties: o } : {},
-				...e.data.node_tree == null ? {} : { groupTreeId: String(e.data.node_tree) }
+				colorRamp: o,
+				...s ? { properties: s } : {},
+				...e.data.node_tree == null ? {} : { groupTreeId: String(e.data.node_tree) },
+				...e.data.parent == null ? {} : { parentFrameId: String(e.data.parent) }
 			};
 		}),
 		links: e.data.links.data.items.map((e, t) => {
@@ -7941,12 +7975,12 @@ function pf(e, t) {
 		})
 	};
 }
-function mf(e) {
+function _f(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 = pf(e.node_trees[n], n);
+		let r = gf(e.node_trees[n], n);
 		t[r.id] = r;
 	}
 	let n = /* @__PURE__ */ new Set();
@@ -7965,21 +7999,21 @@ function mf(e) {
 		trees: t
 	};
 }
-function hf(e, t) {
+function vf(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "input"
 	};
 }
-function gf(e, t) {
+function yf(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "output"
 	};
 }
-function _f(e) {
+function bf(e) {
 	let t = e.nodes.map((e) => ({
 		id: e.id,
 		type: e.type,
@@ -7987,12 +8021,14 @@ function _f(e) {
 		position: e.position,
 		width: e.width,
 		headerColor: e.headerColor,
-		inputs: e.inputs.map((t) => hf(e.id, t)),
-		outputs: e.outputs.map((t) => gf(e.id, t)),
+		inputs: e.inputs.map((t) => vf(e.id, t)),
+		outputs: e.outputs.map((t) => yf(e.id, t)),
 		floatCurve: e.floatCurve,
+		colorRamp: e.colorRamp,
 		properties: e.properties,
 		groupTreeId: e.groupTreeId,
-		groupTreeName: e.groupTreeName
+		groupTreeName: e.groupTreeName,
+		parentFrameId: e.parentFrameId
 	})), 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) => ({
@@ -8012,11 +8048,58 @@ function _f(e) {
 }
 //#endregion
 //#region src/gn/xyflow/mapGraphIRToFlow.ts
-function vf(e) {
+function xf(e) {
 	let t = Math.max(e.inputs.length, e.outputs.length);
 	return Math.max(60, 32 + t * 18 + 16);
 }
-function yf(e, t) {
+function Sf(e) {
+	return e.type === "NodeReroute" ? {
+		w: 12,
+		h: 12
+	} : {
+		w: e.width,
+		h: xf(e)
+	};
+}
+function Cf(e) {
+	let t = e.nodes.filter((e) => e.type === "NodeFrame");
+	if (t.length === 0) return [];
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e.nodes) {
+		if (!t.parentFrameId) continue;
+		let e = n.get(t.parentFrameId) ?? [];
+		e.push(t), n.set(t.parentFrameId, e);
+	}
+	let r = [];
+	for (let e of t) {
+		let t = n.get(e.id) ?? [];
+		if (t.length === 0) continue;
+		let i = Infinity, a = Infinity, o = -Infinity, s = -Infinity;
+		for (let e of t) {
+			let { w: t, h: n } = Sf(e);
+			i = Math.min(i, e.position.x), a = Math.min(a, e.position.y), o = Math.max(o, e.position.x + t), s = Math.max(s, e.position.y + n);
+		}
+		Number.isFinite(i) && r.push({
+			id: `frame:${e.id}`,
+			type: "nodeFrame",
+			position: {
+				x: i - 28,
+				y: a - 48
+			},
+			draggable: !1,
+			selectable: !1,
+			connectable: !1,
+			data: { label: e.label },
+			style: {
+				width: o - i + 56,
+				height: s - a + 48 + 28,
+				zIndex: -8
+			}
+		});
+	}
+	return r;
+}
+function wf(e, t) {
 	if (e.type === "NodeReroute") {
 		let t = e.outputs[0]?.color ?? e.inputs[0]?.color ?? "#888888";
 		return {
@@ -8050,13 +8133,14 @@ function yf(e, t) {
 			outputs: e.outputs,
 			connectedInputIds: e.inputs.filter((e) => t.has(e.id)).map((e) => e.id),
 			floatCurve: e.floatCurve,
+			colorRamp: e.colorRamp,
 			properties: e.properties,
 			groupTreeId: e.groupTreeId,
 			groupTreeName: e.groupTreeName
 		}
 	};
 }
-function bf(e, t, n) {
+function Tf(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);
@@ -8080,26 +8164,26 @@ function bf(e, t, n) {
 	for (let e of a) s.has(e) && l.add(e);
 	return l;
 }
-function xf(e) {
-	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = e.nodes.map((e) => yf(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 = bf(r.id, i.id, e);
+function Ef(e) {
+	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = Cf(e), r = e.nodes.filter((e) => e.type !== "NodeFrame").map((e) => wf(e, t)), i = e.nodes.find((e) => e.type === "GeometryNodeSimulationInput"), a = e.nodes.find((e) => e.type === "GeometryNodeSimulationOutput"), o = r;
+	if (i && a) {
+		let t = Tf(i.id, a.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;
+			let n = new Map(e.nodes.map((e) => [e.id, e])), a = Infinity, s = Infinity, c = -Infinity, l = -Infinity;
 			for (let e of t) {
-				let t = i.get(e);
+				let t = n.get(e);
 				if (!t) continue;
-				let n = t.width, r = vf(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);
+				let r = t.width, i = xf(t);
+				a = Math.min(a, t.position.x), s = Math.min(s, t.position.y), c = Math.max(c, t.position.x + r), l = Math.max(l, t.position.y + i);
 			}
-			if (Number.isFinite(o) && Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(l)) {
-				let e = o - 64, i = s - 64, u = c - o + 128, d = l - s + 128, f = `zone:simulation:${r.id}`;
-				a = [{
+			if (Number.isFinite(a) && Number.isFinite(s) && Number.isFinite(c) && Number.isFinite(l)) {
+				let e = a - 64, n = s - 64, u = c - a + 128, d = l - s + 128, f = `zone:simulation:${i.id}`;
+				o = [{
 					id: f,
 					type: "simulationZone",
 					position: {
 						x: e,
-						y: i
+						y: n
 					},
 					draggable: !1,
 					selectable: !1,
@@ -8110,20 +8194,20 @@ function xf(e) {
 						height: d,
 						zIndex: -10
 					}
-				}, ...n.map((n) => t.has(n.id) ? {
-					...n,
+				}, ...r.map((r) => t.has(r.id) ? {
+					...r,
 					parentId: f,
 					extent: "parent",
 					position: {
-						x: n.position.x - e,
-						y: n.position.y - i
+						x: r.position.x - e,
+						y: r.position.y - n
 					}
-				} : n)];
+				} : r)];
 			}
 		}
 	}
 	return {
-		nodes: a,
+		nodes: [...n, ...o],
 		edges: e.edges.map((e) => ({
 			id: e.id,
 			source: e.sourceNodeId,
@@ -8137,7 +8221,7 @@ function xf(e) {
 }
 //#endregion
 //#region src/gn/exporter/nodebpyExporter.ts
-function Sf(e, t) {
+function Df(e, t) {
 	let n = e.node_trees;
 	if (!Array.isArray(n) || t.size === 0) return e;
 	let r = new Map(n.map((e) => [e.id, e])), i = /* @__PURE__ */ new Set(), a = [];
@@ -8197,25 +8281,25 @@ function Sf(e, t) {
 }
 //#endregion
 //#region src/utils/encodeTreeClipperPayload.ts
-var Cf = "TreeClipper::";
-function wf(e) {
+var Of = "TreeClipper::";
+function kf(e) {
 	let t = "", n = 32768;
 	for (let r = 0; r < e.length; r += n) t += String.fromCharCode(...e.subarray(r, r + n));
 	return btoa(t);
 }
-async function Tf(e) {
+async function Af(e) {
 	let t = new Blob([e]).stream().pipeThrough(new CompressionStream("gzip")), n = await new Response(t).arrayBuffer();
 	return new Uint8Array(n);
 }
-async function Ef(e) {
-	return Cf + wf(await Tf(new TextEncoder().encode(e)));
+async function jf(e) {
+	return Of + kf(await Af(new TextEncoder().encode(e)));
 }
 //#endregion
 //#region src/gn/ir/curvePath.ts
-function Df(e, t) {
+function Mf(e, t) {
 	return Math.sqrt(e * e + t * t);
 }
-function Of(e) {
+function Nf(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 {
@@ -8225,11 +8309,11 @@ function Of(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 = Df(e, t), d = Df(i, a), u > 1e-8 && d > 1e-8) {
-				let n = e / u + i / d, r = t / u + a / d, o = Df(n, 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);
 				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 = Df(s[0] - n, s[1] - r), d > 1e-8 && (c = (s[0] - n) / d, l = (s[1] - r) / d)) : o && (u = Df(n - o[0], r - o[1]), 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));
 		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) {
@@ -8274,7 +8358,7 @@ function Of(e) {
 	}
 	return n;
 }
-function kf(e, t, n, r, i, a, o) {
+function Pf(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: "",
@@ -8282,7 +8366,7 @@ function kf(e, t, n, r, i, a, o) {
 		zeroLinePath: "",
 		dotPositions: []
 	};
-	let d = Of(e), [f, p] = e[0].location, m = `M ${l(f).toFixed(2)} ${u(p).toFixed(2)}`;
+	let d = Nf(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)}`;
@@ -8296,19 +8380,217 @@ function kf(e, t, n, r, i, a, o) {
 	};
 }
 //#endregion
+//#region src/gn/components/ColorRampViz.tsx
+function Ff([e, t, n]) {
+	let r = Math.max(e, t, n), i = r - Math.min(e, t, n), a = 0;
+	i !== 0 && (a = r === e ? (t - n) / i % 6 : r === t ? (n - e) / i + 2 : (e - t) / i + 4, a /= 6, a < 0 && (a += 1));
+	let o = r === 0 ? 0 : i / r;
+	return [
+		a,
+		o,
+		r
+	];
+}
+function If([e, t, n]) {
+	if (t === 0) return [
+		n,
+		n,
+		n
+	];
+	let r = Math.floor(e * 6), i = e * 6 - r, a = n * (1 - t), o = n * (1 - t * i), s = n * (1 - t * (1 - i));
+	switch ((r % 6 + 6) % 6) {
+		case 0: return [
+			n,
+			s,
+			a
+		];
+		case 1: return [
+			o,
+			n,
+			a
+		];
+		case 2: return [
+			a,
+			n,
+			s
+		];
+		case 3: return [
+			a,
+			o,
+			n
+		];
+		case 4: return [
+			s,
+			a,
+			n
+		];
+		default: return [
+			n,
+			a,
+			o
+		];
+	}
+}
+function Lf([e, t, n]) {
+	let r = Math.max(e, t, n), i = Math.min(e, t, n), a = (r + i) / 2, o = r - i, s = 0, c = 0;
+	return o !== 0 && (c = a > .5 ? o / (2 - r - i) : o / (r + i), s = r === e ? (t - n) / o % 6 : r === t ? (n - e) / o + 2 : (e - t) / o + 4, s /= 6, s < 0 && (s += 1)), [
+		s,
+		c,
+		a
+	];
+}
+function Rf([e, t, n]) {
+	if (t === 0) return [
+		n,
+		n,
+		n
+	];
+	let r = n < .5 ? n * (1 + t) : n + t - n * t, i = 2 * n - r, a = (e) => (e < 0 && (e += 1), e > 1 && --e, e < 1 / 6 ? i + (r - i) * 6 * e : e < 1 / 2 ? r : e < 2 / 3 ? i + (r - i) * (2 / 3 - e) * 6 : i);
+	return [
+		a(e + 1 / 3),
+		a(e),
+		a(e - 1 / 3)
+	];
+}
+var zf = (e) => e < 1 ? e : e - 1;
+function Bf(e, t, n, r, i) {
+	let a = zf((r % 1 + 1) % 1), o = zf((i % 1 + 1) % 1), s = 0;
+	switch (e) {
+		case "NEAR":
+			a < o && o - a > .5 ? s = 1 : a > o && o - a < -.5 && (s = 2);
+			break;
+		case "FAR":
+			a === o || a < o && o - a < .5 ? s = 1 : a > o && o - a > -.5 && (s = 2);
+			break;
+		case "CCW":
+			a > o && (s = 2);
+			break;
+		case "CW":
+			a < o && (s = 1);
+			break;
+	}
+	let c = (e, r) => t * e + n * r;
+	return s === 1 ? zf(c(a + 1, o)) : s === 2 ? zf(c(a, o + 1)) : c(a, o);
+}
+function Vf(e, t) {
+	let n = [...e.stops].sort((e, t) => e.position - t.position);
+	if (n.length === 0) return [
+		0,
+		0,
+		0,
+		1
+	];
+	if (n.length === 1) return n[0].color;
+	let r = e.colorMode === "RGB" ? e.interpolation : "LINEAR";
+	if (t <= n[0].position) return n[0].color;
+	if (t >= n[n.length - 1].position) return n[n.length - 1].color;
+	let i = 0;
+	for (; i < n.length - 1 && n[i + 1].position <= t;) i++;
+	let a = n[i], o = n[i + 1];
+	if (r === "CONSTANT") return a.color;
+	let s = o.position - a.position, c = s === 0 ? 0 : (t - a.position) / s;
+	r === "EASE" && (c = 3 * c * c - 2 * c * c * c);
+	let l = c, u = 1 - c, d = u * a.color[3] + l * o.color[3];
+	if (e.colorMode === "HSV" || e.colorMode === "HSL") {
+		let t = e.colorMode === "HSV" ? Ff : Lf, n = e.colorMode === "HSV" ? If : Rf, r = t([
+			a.color[0],
+			a.color[1],
+			a.color[2]
+		]), i = t([
+			o.color[0],
+			o.color[1],
+			o.color[2]
+		]), [s, c, f] = n([
+			Bf(e.hueInterpolation, l, u, i[0], r[0]),
+			u * r[1] + l * i[1],
+			u * r[2] + l * i[2]
+		]);
+		return [
+			s,
+			c,
+			f,
+			d
+		];
+	}
+	return [
+		u * a.color[0] + l * o.color[0],
+		u * a.color[1] + l * o.color[1],
+		u * a.color[2] + l * o.color[2],
+		d
+	];
+}
+function Hf(e) {
+	let t = Math.min(1, Math.max(0, e));
+	return t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055;
+}
+function Uf([e, t, n, r]) {
+	let i = (e) => Math.round(Hf(e) * 255);
+	return `rgba(${i(e)}, ${i(t)}, ${i(n)}, ${r.toFixed(3)})`;
+}
+var Wf = {
+	NEAR: "Near",
+	FAR: "Far",
+	CW: "CW",
+	CCW: "CCW"
+}, Gf = 64;
+function Kf({ data: e, width: t }) {
+	let n = [];
+	for (let t = 0; t <= Gf; t++) {
+		let r = t / Gf;
+		n.push(`${Uf(Vf(e, r))} ${(r * 100).toFixed(1)}%`);
+	}
+	let r = `linear-gradient(to right, ${n.join(", ")})`, i = [...e.stops].sort((e, t) => e.position - t.position), a = i[i.length - 1];
+	return /* @__PURE__ */ _("div", {
+		className: "gn-color-ramp",
+		style: { width: t },
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "gn-color-ramp__row",
+				children: [/* @__PURE__ */ g("span", {
+					className: "gn-color-ramp__select",
+					children: e.colorMode
+				}), /* @__PURE__ */ g("span", {
+					className: "gn-color-ramp__select",
+					children: Wf[e.hueInterpolation] ?? e.hueInterpolation
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "gn-color-ramp__bar-wrap",
+				children: [/* @__PURE__ */ g("div", {
+					className: "gn-color-ramp__checker",
+					style: { backgroundImage: r }
+				}), i.map((e, t) => /* @__PURE__ */ g("span", {
+					className: `gn-color-ramp__stop${e === a ? " is-active" : ""}`,
+					style: { left: `${e.position * 100}%` }
+				}, t))]
+			}),
+			a && /* @__PURE__ */ _("div", {
+				className: "gn-color-ramp__row gn-color-ramp__active",
+				children: [/* @__PURE__ */ _("span", {
+					className: "gn-color-ramp__pos",
+					children: ["Pos ", a.position.toFixed(3)]
+				}), /* @__PURE__ */ g("span", {
+					className: "gn-color-ramp__swatch",
+					style: { background: Uf(a.color) }
+				})]
+			})
+		]
+	});
+}
+//#endregion
 //#region src/gn/components/groupNavContext.ts
-var Af = t(null);
-function jf() {
-	return o(Af);
+var qf = t(null);
+function Jf() {
+	return o(qf);
 }
 //#endregion
 //#region src/gn/components/GenericGNNode.tsx
-var Mf = [
+var Yf = [
 	"X",
 	"Y",
 	"Z",
 	"W"
-], Nf = {
+], Xf = {
 	FLOAT: "Float",
 	INT: "Integer",
 	VECTOR: "Vector",
@@ -8316,7 +8598,7 @@ var Mf = [
 	STRING: "String",
 	BOOLEAN: "Boolean",
 	ROTATION: "Rotation"
-}, Pf = {
+}, Zf = {
 	EQUAL: "Equal",
 	NOT_EQUAL: "Not Equal",
 	LESS_THAN: "Less Than",
@@ -8362,10 +8644,10 @@ var Mf = [
 	RADIANS: "To Radians",
 	DEGREES: "To Degrees"
 };
-function Ff(e, t) {
-	return e === "data_type" ? Nf[t] ?? t : e === "operation" ? Pf[t] ?? t : e === "use_clamp" ? "Clamp" : t;
+function Qf(e, t) {
+	return e === "data_type" ? Xf[t] ?? t : e === "operation" ? Zf[t] ?? t : e === "use_clamp" ? "Clamp" : t;
 }
-function If(e) {
+function $f(e) {
 	switch (e) {
 		case "LINE": return "gn-socket--line";
 		case "DIAMOND": return "gn-socket--diamond";
@@ -8374,55 +8656,55 @@ function If(e) {
 		default: return "gn-socket--circle";
 	}
 }
-function Lf(e) {
+function ep(e) {
 	return e === "ROTATION" ? "°" : e === "FLOAT" ? " m" : "";
 }
-function Rf(e) {
+function tp(e) {
 	return parseFloat(e.toFixed(3)).toString();
 }
-function zf(e, t) {
-	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${Rf(e)}${Lf(t)}`;
+function np(e, t) {
+	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${tp(e)}${ep(t)}`;
 }
-function Bf(e) {
+function rp(e) {
 	return Math.round(Math.min(1, Math.max(0, e)) * 255);
 }
-function Vf(e) {
+function ip(e) {
 	let [t, n, r, i = 1] = e.values;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__color-swatch",
-		style: { background: `rgba(${Bf(t)},${Bf(n)},${Bf(r)},${i.toFixed(2)})` }
+		style: { background: `rgba(${rp(t)},${rp(n)},${rp(r)},${i.toFixed(2)})` }
 	});
 }
-function Hf(e) {
-	if (e.dataType === "RGBA") return /* @__PURE__ */ g(Vf, { values: e.values });
-	let t = Lf(e.dataType);
+function ap(e) {
+	if (e.dataType === "RGBA") return /* @__PURE__ */ g(ip, { values: e.values });
+	let t = ep(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: Mf[n]
+				children: Yf[n]
 			}), /* @__PURE__ */ _("span", {
 				className: "gn-node__vec-value",
-				children: [Rf(e), t]
+				children: [tp(e), t]
 			})]
 		}, n))
 	});
 }
-function Uf({ properties: e }) {
+function op({ 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: Ff(e, t)
+			children: Qf(e, t)
 		}, e))
 	});
 }
-var Wf = 120, Gf = 6;
-function Kf({ curve: e, width: t }) {
-	let n = Math.max(10, t - Gf * 2), r = Wf, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = kf(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
+var sp = 120, cp = 6;
+function lp({ curve: e, width: t }) {
+	let n = Math.max(10, t - cp * 2), r = sp, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = Pf(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__curve-wrap",
 		children: /* @__PURE__ */ _("svg", {
@@ -8453,7 +8735,7 @@ function Kf({ curve: e, width: t }) {
 		})
 	});
 }
-function qf(e) {
+function up(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}`,
@@ -8462,7 +8744,7 @@ function qf(e) {
 				id: t.id,
 				type: r,
 				position: n,
-				className: `gn-socket ${If(t.displayShape)}`,
+				className: `gn-socket ${$f(t.displayShape)}`,
 				style: {
 					top: "50%",
 					background: t.color,
@@ -8475,15 +8757,15 @@ function qf(e) {
 			}),
 			s && t.defaultValue?.kind === "scalar" ? /* @__PURE__ */ g("span", {
 				className: "gn-node__value",
-				children: zf(t.defaultValue.value, t.dataType)
+				children: np(t.defaultValue.value, t.dataType)
 			}) : null
 		]
 	});
 }
-function Jf(e, t) {
+function dp(e, t) {
 	return !t && !e.hideValue && e.defaultValue?.kind === "vec";
 }
-function Yf() {
+function fp() {
 	return /* @__PURE__ */ _("div", {
 		className: "gn-node__stack",
 		"aria-hidden": "true",
@@ -8494,8 +8776,8 @@ function Yf() {
 		]
 	});
 }
-function Xf(e) {
-	let t = e.data, n = jf(), 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;
+function pp(e) {
+	let t = e.data, n = Jf(), 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${s ? " gn-node--group nodrag" : ""}`,
 		onClick: s ? () => n.openGroup(o) : void 0,
@@ -8510,40 +8792,47 @@ function Xf(e) {
 					children: t.label
 				})
 			}),
-			s && /* @__PURE__ */ g(Yf, {}),
-			t.properties && /* @__PURE__ */ g(Uf, { properties: t.properties }),
-			t.floatCurve && /* @__PURE__ */ g(Kf, {
+			s && /* @__PURE__ */ g(fp, {}),
+			t.properties && /* @__PURE__ */ g(op, { properties: t.properties }),
+			t.floatCurve && /* @__PURE__ */ g(lp, {
 				curve: t.floatCurve,
 				width: t.width
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "gn-node__body",
-				children: [i.map((e) => /* @__PURE__ */ g(qf, {
-					socket: e,
-					position: Y.Right,
-					type: "source",
-					align: "right",
-					suppressDefault: !0
-				}, e.id)), a.map((e) => {
-					let t = r.has(e.id);
-					return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(qf, {
+				children: [
+					i.map((e) => /* @__PURE__ */ g(up, {
 						socket: e,
-						position: Y.Left,
-						type: "target",
-						align: "left",
-						suppressDefault: t
-					}), Jf(e, t) ? /* @__PURE__ */ g(Hf, {
-						values: e.defaultValue.values,
-						dataType: e.dataType
-					}) : null] }, e.id);
-				})]
+						position: Y.Right,
+						type: "source",
+						align: "right",
+						suppressDefault: !0
+					}, e.id)),
+					t.colorRamp && /* @__PURE__ */ g(Kf, {
+						data: t.colorRamp,
+						width: t.width
+					}),
+					a.map((e) => {
+						let t = r.has(e.id);
+						return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(up, {
+							socket: e,
+							position: Y.Left,
+							type: "target",
+							align: "left",
+							suppressDefault: t
+						}), dp(e, t) ? /* @__PURE__ */ g(ap, {
+							values: e.defaultValue.values,
+							dataType: e.dataType
+						}) : null] }, e.id);
+					})
+				]
 			})
 		]
 	});
 }
 //#endregion
 //#region src/gn/components/RerouteNode.tsx
-function Zf(e) {
+function mp(e) {
 	let t = e.data;
 	return /* @__PURE__ */ _("div", {
 		className: "gn-reroute",
@@ -8563,7 +8852,7 @@ function Zf(e) {
 }
 //#endregion
 //#region src/gn/components/SimulationZoneFrame.tsx
-function Qf(e) {
+function hp(e) {
 	let t = e.data;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-sim-zone",
@@ -8589,98 +8878,123 @@ function Qf(e) {
 	});
 }
 //#endregion
-//#region src/gn/components/GeometryNodesFlow.tsx
-var $f = {
-	gnNode: Xf,
-	rerouteNode: Zf,
-	simulationZone: Qf
-}, ep = { padding: .08 }, tp = 120;
-function np(e) {
-	let t = e.style?.height;
-	if (typeof t == "number") return t;
-	let n = e.data, r = Math.max(n?.inputs?.length ?? 0, n?.outputs?.length ?? 0);
-	return Math.max(60, 32 + r * 18 + 16);
-}
-function rp(e) {
-	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity;
-	for (let a of e) {
-		if (a.parentId) continue;
-		let e = a.style?.width ?? a.width ?? 200, o = np(a);
-		t = Math.min(t, a.position.x), n = Math.min(n, a.position.y), r = Math.max(r, a.position.x + e), i = Math.max(i, a.position.y + o);
-	}
-	return Number.isFinite(t) ? [[t - tp, n - tp], [r + tp, i + tp]] : [[-Infinity, -Infinity], [Infinity, Infinity]];
+//#region src/gn/components/NodeFrame.tsx
+function gp(e) {
+	let t = e.data;
+	return /* @__PURE__ */ g("div", {
+		className: "gn-node-frame",
+		style: {
+			width: "100%",
+			height: "100%",
+			borderRadius: 10,
+			border: "1px solid rgba(255, 255, 255, 0.09)",
+			background: "rgba(255, 255, 255, 0.035)",
+			pointerEvents: "none"
+		},
+		children: t?.label ? /* @__PURE__ */ g("div", {
+			style: {
+				textAlign: "center",
+				padding: "10px 12px",
+				fontSize: 15,
+				fontWeight: 500,
+				color: "rgba(235, 235, 235, 0.6)",
+				userSelect: "none",
+				whiteSpace: "nowrap",
+				overflow: "hidden",
+				textOverflow: "ellipsis"
+			},
+			children: t.label
+		}) : null
+	});
 }
-function ip(e) {
-	let { nodes: t, edges: n, jsonText: r, breadcrumbs: i, onNavigate: o, onSelectionIds: s, onCopiedMagicString: l, zoomOnScroll: p = !0 } = e, { fitView: m } = ll(), h = d(null), v = d(!1), y = d([]), [b, x] = f(null), [S, C] = f(!1), [w, T] = f(!1), E = d([]), [D, O, k] = fd(t), [A, j, M] = pd(n), N = u(() => rp(t), [t]);
+//#endregion
+//#region src/gn/components/GeometryNodesFlow.tsx
+var _p = {
+	gnNode: pp,
+	rerouteNode: mp,
+	simulationZone: hp,
+	nodeFrame: gp
+}, vp = { padding: .08 };
+function yp(e) {
+	let { nodes: t, edges: n, jsonText: r, breadcrumbs: i, onNavigate: o, onSelectionIds: s, onCopiedMagicString: l, zoomOnScroll: u = !0 } = e, { fitView: p, getNodes: m, getNodesBounds: h } = ll(), v = hd(), y = d(null), b = d(!1), x = d([]), [S, C] = f(null), [w, T] = f(!1), [E, D] = f(!1), O = d([]), [k, A, j] = fd(t), [M, N, P] = pd(n), [F, I] = f(void 0);
 	c(() => {
-		O(t), s?.([]), v.current = !1, m(ep);
+		if (!v) return;
+		let e = h(m());
+		I([[e.x, e.y], [e.x + e.width, e.y + e.height]]);
 	}, [
+		v,
 		t,
-		O,
+		m,
+		h
+	]), c(() => {
+		A(t), s?.([]), b.current = !1, p(vp);
+	}, [
+		t,
+		A,
 		s,
-		m
+		p
 	]), c(() => {
-		j(n);
-	}, [n, j]), c(() => {
-		let e = h.current;
+		N(n);
+	}, [n, N]), c(() => {
+		let e = y.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			v.current || m(ep);
+			b.current || p(vp);
 		});
 		return t.observe(e), () => t.disconnect();
-	}, [m]);
-	let P = a((e) => {
-		e && (v.current = !0);
-	}, []), F = a(({ nodes: e }) => {
+	}, [p]);
+	let L = a((e) => {
+		e && (b.current = !0);
+	}, []), R = a(({ nodes: e }) => {
 		let t = e.map((e) => e.id);
-		y.current = t, s?.(t);
-	}, [s]), I = a((e) => {
-		e.preventDefault(), x({
+		x.current = t, s?.(t);
+	}, [s]), ee = a((e) => {
+		e.preventDefault(), C({
 			x: e.clientX,
 			y: e.clientY
 		});
-	}, []), L = a(async () => {
-		x(null);
+	}, []), z = a(async () => {
+		C(null);
 		try {
-			let e = JSON.parse(r), t = new Set(y.current.map(Number).filter(Number.isFinite)), n = t.size > 0 ? Sf(e, t) : e, i = await Ef(JSON.stringify(n));
+			let e = JSON.parse(r), t = new Set(x.current.map(Number).filter(Number.isFinite)), n = t.size > 0 ? Df(e, t) : e, i = await jf(JSON.stringify(n));
 			if (await navigator.clipboard.writeText(i), l) {
 				l();
 				return;
 			}
-			E.current.forEach(clearTimeout), T(!1), C(!0), E.current = [setTimeout(() => T(!0), 2500), setTimeout(() => {
-				C(!1), T(!1);
+			O.current.forEach(clearTimeout), D(!1), T(!0), O.current = [setTimeout(() => D(!0), 2500), setTimeout(() => {
+				T(!1), D(!1);
 			}, 3e3)];
 		} catch {}
 	}, [r, l]);
-	return c(() => () => E.current.forEach(clearTimeout), []), c(() => {
-		if (!b) return;
-		let e = () => x(null), t = (e) => {
-			e.key === "Escape" && x(null);
+	return c(() => () => O.current.forEach(clearTimeout), []), c(() => {
+		if (!S) return;
+		let e = () => C(null), t = (e) => {
+			e.key === "Escape" && C(null);
 		};
 		return window.addEventListener("click", e), window.addEventListener("scroll", e, !0), window.addEventListener("keydown", t), () => {
 			window.removeEventListener("click", e), window.removeEventListener("scroll", e, !0), window.removeEventListener("keydown", t);
 		};
-	}, [b]), /* @__PURE__ */ _("div", {
-		ref: h,
+	}, [S]), /* @__PURE__ */ _("div", {
+		ref: y,
 		style: {
 			width: "100%",
 			height: "100%",
 			position: "relative"
 		},
-		onContextMenu: I,
+		onContextMenu: ee,
 		children: [
 			/* @__PURE__ */ _(dd, {
-				nodes: D,
-				edges: A,
-				onNodesChange: k,
-				onEdgesChange: M,
-				onSelectionChange: F,
-				onMoveStart: P,
-				nodeTypes: $f,
+				nodes: k,
+				edges: M,
+				onNodesChange: j,
+				onEdgesChange: P,
+				onSelectionChange: R,
+				onMoveStart: L,
+				nodeTypes: _p,
 				fitView: !0,
-				fitViewOptions: ep,
+				fitViewOptions: vp,
 				minZoom: .2,
-				translateExtent: N,
+				translateExtent: F,
 				nodesDraggable: !1,
 				nodesConnectable: !1,
 				elementsSelectable: !0,
@@ -8692,23 +9006,23 @@ function ip(e) {
 				connectOnClick: !1,
 				panOnDrag: [1, 2],
 				panOnScroll: !1,
-				zoomOnScroll: p,
-				preventScrolling: p,
+				zoomOnScroll: u,
+				preventScrolling: u,
 				zoomOnDoubleClick: !1,
 				children: [
-					/* @__PURE__ */ g(bd, {
+					/* @__PURE__ */ g(Sd, {
 						gap: 20,
 						size: 1,
 						color: "var(--grid-dot, #3a3a3a)"
 					}),
-					/* @__PURE__ */ g(kd, { showInteractive: !1 }),
+					/* @__PURE__ */ g(jd, { showInteractive: !1 }),
 					/* @__PURE__ */ g(Sc, {
 						position: "top-left",
 						children: /* @__PURE__ */ _("div", {
 							className: "gn-top-left",
 							children: [/* @__PURE__ */ _("span", {
 								className: "gn-version-badge",
-								children: ["node-web-render v", "0.3.13"]
+								children: ["node-web-render v", "0.3.15"]
 							}), i.length > 1 ? /* @__PURE__ */ g("nav", {
 								className: "gn-breadcrumbs",
 								"aria-label": "Node group path",
@@ -8737,11 +9051,11 @@ function ip(e) {
 					})
 				]
 			}),
-			b ? /* @__PURE__ */ g("div", {
+			S ? /* @__PURE__ */ g("div", {
 				className: "gn-context-menu",
 				style: {
-					left: b.x,
-					top: b.y
+					left: S.x,
+					top: S.y
 				},
 				onClick: (e) => e.stopPropagation(),
 				role: "menu",
@@ -8749,31 +9063,31 @@ function ip(e) {
 					type: "button",
 					className: "gn-context-menu__item",
 					role: "menuitem",
-					onClick: L,
+					onClick: z,
 					children: "Copy selected nodes to Tree Clipper magic string"
 				})
 			}) : null,
-			S || w ? /* @__PURE__ */ g("div", {
-				className: `gn-context-toast${w ? " gnwr-leaving" : ""}`,
+			w || E ? /* @__PURE__ */ g("div", {
+				className: `gn-context-toast${E ? " gnwr-leaving" : ""}`,
 				role: "status",
 				children: "Copied Tree Clipper magic string"
 			}) : null
 		]
 	});
 }
-function ap(e) {
+function bp(e) {
 	let { jsonText: t, showHeader: n = !0, onSelectionChange: r, onCopiedMagicString: i, zoomOnScroll: o = !0 } = e, [s, l] = f({
 		json: t,
 		ids: []
 	}), d = u(() => {
 		if (!t.trim()) return null;
 		try {
-			let { rootId: e, trees: n } = mf(JSON.parse(t)), r = {};
+			let { rootId: e, trees: n } = _f(JSON.parse(t)), r = {};
 			for (let e of Object.values(n)) {
-				let t = _f(e);
+				let t = bf(e);
 				r[t.id] = {
 					graph: t,
-					flow: xf(t)
+					flow: Ef(t)
 				};
 			}
 			return {
@@ -8837,9 +9151,9 @@ function ap(e) {
 				className: "flow-error",
 				role: "alert",
 				children: [/* @__PURE__ */ g("strong", { children: "Parse error" }), /* @__PURE__ */ g("span", { children: d.error })]
-			}) : m ? /* @__PURE__ */ g(Af.Provider, {
+			}) : m ? /* @__PURE__ */ g(qf.Provider, {
 				value: v,
-				children: /* @__PURE__ */ g(sd, { children: /* @__PURE__ */ g(ip, {
+				children: /* @__PURE__ */ g(sd, { children: /* @__PURE__ */ g(yp, {
 					nodes: m.flow.nodes,
 					edges: m.flow.edges,
 					jsonText: t,
@@ -8861,7 +9175,7 @@ function ap(e) {
 }
 //#endregion
 //#region src/components/TreeClipperLogo.tsx
-function op({ className: e }) {
+function xp({ className: e }) {
 	return /* @__PURE__ */ _("svg", {
 		viewBox: "0 0 256 256",
 		className: e,
@@ -8922,7 +9236,7 @@ function op({ className: e }) {
 }
 //#endregion
 //#region src/embed.tsx
-function sp(e) {
+function Sp(e) {
 	let { payload: t } = e, [n, r] = f(""), [i, a] = f(null), [o, s] = f(!0), [l, u] = f(!1), [p, m] = f(!1), v = d(!1), y = d(!1), b = d(null), S = d(null), C = d(null), w = () => {
 		!y.current || v.current || (m(!0), C.current && clearTimeout(C.current), C.current = setTimeout(() => {
 			u(!1), m(!1);
@@ -8961,7 +9275,7 @@ function sp(e) {
 				className: "gnwr-loading",
 				role: "status",
 				"aria-live": "polite",
-				children: [/* @__PURE__ */ g(op, { className: "gnwr-loading__logo" }), /* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ g(xp, { className: "gnwr-loading__logo" }), /* @__PURE__ */ g("span", {
 					className: "gnwr-loading__label",
 					children: "Loading graph…"
 				})]
@@ -8970,7 +9284,7 @@ function sp(e) {
 				role: "alert",
 				children: [/* @__PURE__ */ g("strong", { children: "Decode error" }), /* @__PURE__ */ g("span", { children: i })]
 			}) : /* @__PURE__ */ _(h, { children: [
-				/* @__PURE__ */ g(ap, {
+				/* @__PURE__ */ g(bp, {
 					jsonText: n,
 					showHeader: !1,
 					zoomOnScroll: !1,
@@ -8995,7 +9309,7 @@ function sp(e) {
 							strokeLinecap: "round",
 							strokeLinejoin: "round"
 						})
-					}), /* @__PURE__ */ g("span", { children: "Copied!" })] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(op, { className: "gnwr-copy-button__logo" }), /* @__PURE__ */ g("span", { children: "Copy TreeClipper Magic String" })] })
+					}), /* @__PURE__ */ g("span", { children: "Copied!" })] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(xp, { className: "gnwr-copy-button__logo" }), /* @__PURE__ */ g("span", { children: "Copy TreeClipper Magic String" })] })
 				}),
 				(l || p) && /* @__PURE__ */ _("div", {
 					className: `gnwr-copy-toast${p ? " gnwr-leaving" : ""}`,
@@ -9020,22 +9334,22 @@ function sp(e) {
 		})
 	});
 }
-var cp = /* @__PURE__ */ new Map(), lp = null;
-function up(e, t) {
-	cp.get(e)?.unmount();
+var Cp = /* @__PURE__ */ new Map(), wp = null;
+function Tp(e, t) {
+	Cp.get(e)?.unmount();
 	let r = m(e);
-	cp.set(e, r), lp = e;
+	Cp.set(e, r), wp = e;
 	let i = t.onClose;
-	return r.render(n(sp, {
+	return r.render(n(Sp, {
 		...t,
 		onClose: i ? () => {
-			dp(e), i();
+			Ep(e), i();
 		} : void 0
-	})), () => dp(e);
+	})), () => Ep(e);
 }
-function dp(e) {
-	let t = e ?? lp;
-	t && (cp.get(t)?.unmount(), cp.delete(t), t === lp && (lp = null));
+function Ep(e) {
+	let t = e ?? wp;
+	t && (Cp.get(t)?.unmount(), Cp.delete(t), t === wp && (wp = null));
 }
 //#endregion
-export { sp as GraphView, up as mountGraphView, dp as unmountGraphView };
+export { Sp as GraphView, Tp as mountGraphView, Ep as unmountGraphView };