geonodes-web-render 0.3.28 → 0.3.30

package/dist/embed.js

@@ -7847,8 +7847,85 @@ function cf(e, t) {
 	return nf[sf(e, t) ?? of[e] ?? af(e)] ?? nf.DEFAULT;
 }
 //#endregion
-//#region src/gn/importer/blenderTree.ts
+//#region src/gn/ir/operationLabels.ts
 var lf = {
+	EQUAL: "Equal",
+	NOT_EQUAL: "Not Equal",
+	LESS_THAN: "Less Than",
+	LESS_EQUAL: "Less Than or Equal",
+	GREATER_THAN: "Greater Than",
+	GREATER_EQUAL: "Greater Than or Equal",
+	ADD: "Add",
+	SUBTRACT: "Subtract",
+	MULTIPLY: "Multiply",
+	DIVIDE: "Divide",
+	MULTIPLY_ADD: "Multiply Add",
+	POWER: "Power",
+	LOGARITHM: "Logarithm",
+	SQRT: "Square Root",
+	INVERSE_SQRT: "Inverse Square Root",
+	ABSOLUTE: "Absolute",
+	EXPONENT: "Exponent",
+	MINIMUM: "Minimum",
+	MAXIMUM: "Maximum",
+	SIGN: "Sign",
+	COMPARE: "Compare",
+	SMOOTH_MIN: "Smooth Minimum",
+	SMOOTH_MAX: "Smooth Maximum",
+	ROUND: "Round",
+	FLOOR: "Floor",
+	CEIL: "Ceiling",
+	TRUNCATE: "Truncate",
+	FRACTION: "Fraction",
+	MODULO: "Modulo",
+	WRAP: "Wrap",
+	SNAP: "Snap",
+	PINGPONG: "Ping-Pong",
+	SINE: "Sine",
+	COSINE: "Cosine",
+	TANGENT: "Tangent",
+	ARCSINE: "Arcsine",
+	ARCCOSINE: "Arccosine",
+	ARCTANGENT: "Arctangent",
+	ARCTAN2: "Arctan2",
+	SINH: "Hyperbolic Sine",
+	COSH: "Hyperbolic Cosine",
+	TANH: "Hyperbolic Tangent",
+	RADIANS: "To Radians",
+	DEGREES: "To Degrees",
+	NEGATE: "Negate",
+	DIVIDE_ROUND: "Divide Round",
+	DIVIDE_FLOOR: "Divide Floor",
+	DIVIDE_CEIL: "Divide Ceiling",
+	FLOORED_MODULO: "Floored Modulo",
+	GCD: "Greatest Common Divisor",
+	LCM: "Least Common Multiple",
+	CROSS_PRODUCT: "Cross Product",
+	DOT_PRODUCT: "Dot Product",
+	PROJECT: "Project",
+	REFLECT: "Reflect",
+	REFRACT: "Refract",
+	FACEFORWARD: "Faceforward",
+	DISTANCE: "Distance",
+	LENGTH: "Length",
+	SCALE: "Scale",
+	NORMALIZE: "Normalize",
+	AND: "And",
+	OR: "Or",
+	NOT: "Not",
+	NAND: "Not And",
+	NOR: "Nor",
+	XNOR: "Equal",
+	XOR: "Not Equal",
+	IMPLY: "Imply",
+	NIMPLY: "Subtract"
+};
+function uf(e) {
+	return lf[e] ?? e;
+}
+//#endregion
+//#region src/gn/importer/blenderTree.ts
+var df = {
 	NodeSocketGeometry: "GEOMETRY",
 	NodeSocketFloat: "FLOAT",
 	NodeSocketVector: "VECTOR",
@@ -7865,10 +7942,10 @@ var lf = {
 	NodeSocketMatrix: "MATRIX",
 	NodeSocketMenu: "MENU"
 };
-function uf(e) {
-	return lf[e] ?? "CUSTOM";
+function ff(e) {
+	return df[e] ?? "CUSTOM";
 }
-var df = {
+var pf = {
 	HSV: [
 		"Hue",
 		"Saturation",
@@ -7885,7 +7962,7 @@ var df = {
 		"Blue"
 	]
 };
-function ff(e) {
+function mf(e) {
 	let t = e.data.mapping?.data;
 	if (!t) return;
 	let n = t.curves?.data?.items;
@@ -7903,7 +7980,7 @@ function ff(e) {
 		points: r
 	};
 }
-function pf(e) {
+function hf(e) {
 	let t = e.data.color_ramp?.data;
 	if (!t) return;
 	let n = (t.elements?.data?.items ?? []).map((e) => {
@@ -7925,8 +8002,8 @@ function pf(e) {
 		stops: n
 	};
 }
-function mf(e, t) {
-	let n = df[t ?? "RGB"] ?? df.RGB, r = df.RGB;
+function gf(e, t) {
+	let n = pf[t ?? "RGB"] ?? pf.RGB, r = pf.RGB;
 	return e.map((e) => {
 		let t = r.indexOf(e.name);
 		return t === -1 ? e : {
@@ -7935,11 +8012,11 @@ function mf(e, t) {
 		};
 	});
 }
-function hf(e) {
+function _f(e) {
 	return e.replace(/\.\d{3}$/, "");
 }
-function gf(e, t) {
-	let n = uf(e.data.socket_idname ?? ""), r = tf(n), i = String(e.data.single_input ?? `${e.id}_in`), a = String(e.data.single_output ?? `${e.id}_out`), o = (e) => ({
+function vf(e, t) {
+	let n = ff(e.data.socket_idname ?? ""), r = tf(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,
@@ -7965,7 +8042,7 @@ function gf(e, t) {
 		...e.data.parent == null ? {} : { parentFrameId: String(e.data.parent) }
 	};
 }
-function _f(e) {
+function yf(e) {
 	return e == null ? null : Array.isArray(e) && e.length >= 2 ? {
 		kind: "vec",
 		values: e
@@ -7974,74 +8051,87 @@ function _f(e) {
 		value: e
 	} : null;
 }
-function vf(e, t) {
+function bf(e, t) {
 	return {
 		id: String(e.id),
 		name: e.data.name,
 		dataType: e.data.type,
 		displayShape: e.data.display_shape,
 		color: tf(e.data.type),
-		defaultValue: _f(e.data.default_value),
+		defaultValue: yf(e.data.default_value),
 		hideValue: e.data.hide_value ?? !1,
 		enabled: e.data.enabled ?? !0,
 		index: t
 	};
 }
-function yf(e) {
+var xf = new Set([
+	"ShaderNodeMath",
+	"ShaderNodeVectorMath",
+	"FunctionNodeIntegerMath",
+	"FunctionNodeBooleanMath",
+	"FunctionNodeCompare"
+]);
+function Sf(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;
 	}
-	if (e.data.bl_idname === "ShaderNodeMath") {
+	if (xf.has(e.data.bl_idname)) {
 		let t = {};
 		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 bf(e, t) {
+function Cf(e) {
+	return e.data.label ? e.data.label : xf.has(e.data.bl_idname) && e.data.operation ? uf(e.data.operation) : _f(e.data.name);
+}
+function wf(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.`);
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e.data.nodes.data.items) t?.data?.name && n.set(t.data.name, String(t.id));
 	return {
 		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 gf(e, n);
-			let r = (e.data.outputs?.data?.items ?? []).map((t, n) => {
+			let r = e.data.location_absolute ?? e.data.location ?? [0, 0];
+			if (e.data.bl_idname === "NodeReroute") return vf(e, r);
+			let i = (e.data.outputs?.data?.items ?? []).map((t, n) => {
 				if (!t?.data) throw Error(`Node "${e.data.name}" output socket ${n} is missing ".data".`);
-				return vf(t, n);
+				return bf(t, n);
 			});
-			e.data.bl_idname === "FunctionNodeInputVector" && Array.isArray(e.data.vector) && (r[0] &&= {
-				...r[0],
+			e.data.bl_idname === "FunctionNodeInputVector" && Array.isArray(e.data.vector) && (i[0] &&= {
+				...i[0],
 				defaultValue: {
 					kind: "vec",
 					values: e.data.vector
 				}
 			});
-			let i = (e.data.inputs?.data?.items ?? []).map((t, n) => {
+			let a = (e.data.inputs?.data?.items ?? []).map((t, n) => {
 				if (!t?.data) throw Error(`Node "${e.data.name}" input socket ${n} is missing ".data".`);
-				return vf(t, n);
+				return bf(t, n);
 			});
-			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (i = mf(i, e.data.mode));
-			let a = e.data.bl_idname === "ShaderNodeFloatCurve" ? ff(e) : void 0, o = e.data.bl_idname === "ShaderNodeValToRGB" ? pf(e) : void 0, s = yf(e);
+			(e.data.bl_idname === "ShaderNodeCombineColor" || e.data.bl_idname === "ShaderNodeSeparateColor") && (a = gf(a, e.data.mode));
+			let o = e.data.bl_idname === "ShaderNodeFloatCurve" ? mf(e) : void 0, s = e.data.bl_idname === "ShaderNodeValToRGB" ? hf(e) : void 0, c = Sf(e);
 			return {
 				id: String(e.id),
 				type: e.data.bl_idname,
-				label: e.data.label || hf(e.data.name),
+				label: Cf(e),
 				position: {
-					x: n[0],
-					y: -n[1]
+					x: r[0],
+					y: -r[1]
 				},
 				width: e.data.width ?? 140,
 				headerColor: cf(e.data.bl_idname, e.data.data_type),
-				inputs: i,
-				outputs: r,
-				floatCurve: a,
-				colorRamp: o,
-				...s ? { properties: s } : {},
+				inputs: a,
+				outputs: i,
+				floatCurve: o,
+				colorRamp: s,
+				...c ? { properties: c } : {},
 				...e.data.node_tree == null ? {} : { groupTreeId: String(e.data.node_tree) },
-				...e.data.parent == null ? {} : { parentFrameId: String(e.data.parent) }
+				...e.data.parent == null ? {} : { parentFrameId: String(e.data.parent) },
+				...e.data.paired_output && n.has(e.data.paired_output) ? { pairedOutputId: n.get(e.data.paired_output) } : {}
 			};
 		}),
 		links: e.data.links.data.items.map((e, t) => {
@@ -8054,12 +8144,12 @@ function bf(e, t) {
 		})
 	};
 }
-function xf(e) {
+function Tf(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 = bf(e.node_trees[n], n);
+		let r = wf(e.node_trees[n], n);
 		t[r.id] = r;
 	}
 	let n = /* @__PURE__ */ new Set();
@@ -8078,21 +8168,21 @@ function xf(e) {
 		trees: t
 	};
 }
-function Sf(e, t) {
+function Ef(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "input"
 	};
 }
-function Cf(e, t) {
+function Df(e, t) {
 	return {
 		...t,
 		nodeId: e,
 		direction: "output"
 	};
 }
-function wf(e) {
+function Of(e) {
 	let t = e.nodes.map((e) => ({
 		id: e.id,
 		type: e.type,
@@ -8100,14 +8190,15 @@ function wf(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) => Ef(e.id, t)),
+		outputs: e.outputs.map((t) => Df(e.id, t)),
 		floatCurve: e.floatCurve,
 		colorRamp: e.colorRamp,
 		properties: e.properties,
 		groupTreeId: e.groupTreeId,
 		groupTreeName: e.groupTreeName,
-		parentFrameId: e.parentFrameId
+		parentFrameId: e.parentFrameId,
+		pairedOutputId: e.pairedOutputId
 	})), 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 = /* @__PURE__ */ new Map();
@@ -8146,20 +8237,20 @@ function wf(e) {
 }
 //#endregion
 //#region src/gn/xyflow/mapGraphIRToFlow.ts
-function Tf(e) {
+function kf(e) {
 	let t = Math.max(e.inputs.length, e.outputs.length);
 	return Math.max(60, 32 + t * 18 + 16);
 }
-function Ef(e) {
+function Af(e) {
 	return e.type === "NodeReroute" ? {
 		w: 12,
 		h: 12
 	} : {
 		w: e.width,
-		h: Tf(e)
+		h: kf(e)
 	};
 }
-function Df(e) {
+function jf(e) {
 	let t = e.nodes.filter((e) => e.type === "NodeFrame");
 	if (t.length === 0) return [];
 	let n = /* @__PURE__ */ new Map();
@@ -8174,7 +8265,7 @@ function Df(e) {
 		if (t.length === 0) continue;
 		let i = Infinity, a = Infinity, o = -Infinity, s = -Infinity;
 		for (let e of t) {
-			let { w: t, h: n } = Ef(e);
+			let { w: t, h: n } = Af(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({
@@ -8197,7 +8288,65 @@ function Df(e) {
 	}
 	return r;
 }
-function Of(e, t, n) {
+var Mf = [
+	{
+		input: "GeometryNodeSimulationInput",
+		output: "GeometryNodeSimulationOutput",
+		kind: "simulation"
+	},
+	{
+		input: "GeometryNodeRepeatInput",
+		output: "GeometryNodeRepeatOutput",
+		kind: "repeat"
+	},
+	{
+		input: "GeometryNodeForeachGeometryElementInput",
+		output: "GeometryNodeForeachGeometryElementOutput",
+		kind: "foreach"
+	},
+	{
+		input: "NodeClosureInput",
+		output: "NodeClosureOutput",
+		kind: "closure"
+	}
+];
+function Nf(e) {
+	let t = new Map(e.nodes.map((e) => [e.id, e])), n = [];
+	for (let r of Mf) {
+		let i = e.nodes.filter((e) => e.type === r.input), a = e.nodes.filter((e) => e.type === r.output);
+		for (let o of i) {
+			let i = (o.pairedOutputId === void 0 ? void 0 : t.get(o.pairedOutputId)) ?? (a.length === 1 ? a[0] : void 0);
+			if (!i || i.type !== r.output) continue;
+			let s = Ff(o.id, i.id, e);
+			if (s.size === 0) continue;
+			let c = Infinity, l = -Infinity;
+			for (let e of s) {
+				let n = t.get(e);
+				n && (c = Math.min(c, n.position.y), l = Math.max(l, n.position.y + Af(n).h));
+			}
+			let u = o.position.x + o.width / 2, d = i.position.x + i.width / 2, f = Math.min(u, d), p = Math.max(u, d);
+			!Number.isFinite(c) || !Number.isFinite(l) || !Number.isFinite(f) || !Number.isFinite(p) || n.push({
+				id: `zone:${r.kind}:${o.id}`,
+				type: "simulationZone",
+				position: {
+					x: f,
+					y: c - 26
+				},
+				draggable: !1,
+				selectable: !1,
+				connectable: !1,
+				data: { kind: r.kind },
+				style: {
+					width: p - f,
+					height: l - c + 52,
+					zIndex: -10
+				}
+			});
+		}
+	}
+	return n;
+}
+function Pf(e, t, n) {
 	if (e.type === "NodeReroute") {
 		let t = e.outputs[0]?.color ?? e.inputs[0]?.color ?? "#888888";
 		return {
@@ -8239,7 +8388,7 @@ function Of(e, t, n) {
 		}
 	};
 }
-function kf(e, t, n) {
+function Ff(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);
@@ -8263,41 +8412,10 @@ function kf(e, t, n) {
 	for (let e of a) s.has(e) && l.add(e);
 	return l;
 }
-function Af(e) {
-	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = new Set(e.edges.map((e) => e.sourceSocketId)), r = Df(e), i = e.nodes.filter((e) => e.type !== "NodeFrame").map((e) => Of(e, t, n)), a = e.nodes.find((e) => e.type === "GeometryNodeSimulationInput"), o = e.nodes.find((e) => e.type === "GeometryNodeSimulationOutput"), s = i;
-	if (a && o) {
-		let t = kf(a.id, o.id, e);
-		if (t.size > 0) {
-			let n = new Map(e.nodes.map((e) => [e.id, e])), r = Infinity, c = -Infinity;
-			for (let e of t) {
-				let t = n.get(e);
-				t && (r = Math.min(r, t.position.y), c = Math.max(c, t.position.y + Tf(t)));
-			}
-			let l = a.position.x + a.width / 2, u = o.position.x + o.width / 2, d = Math.min(l, u), f = Math.max(l, u);
-			if (Number.isFinite(r) && Number.isFinite(c) && Number.isFinite(d) && Number.isFinite(f)) {
-				let e = d, t = r - 26, n = f - d, o = c - r + 52;
-				s = [{
-					id: `zone:simulation:${a.id}`,
-					type: "simulationZone",
-					position: {
-						x: e,
-						y: t
-					},
-					draggable: !1,
-					selectable: !1,
-					connectable: !1,
-					data: {},
-					style: {
-						width: n,
-						height: o,
-						zIndex: -10
-					}
-				}, ...i];
-			}
-		}
-	}
+function If(e) {
+	let t = new Set(e.edges.map((e) => e.targetSocketId)), n = new Set(e.edges.map((e) => e.sourceSocketId)), r = jf(e), i = e.nodes.filter((e) => e.type !== "NodeFrame").map((e) => Pf(e, t, n)), a = [...Nf(e), ...i];
 	return {
-		nodes: [...r, ...s],
+		nodes: [...r, ...a],
 		edges: e.edges.map((e) => ({
 			id: e.id,
 			source: e.sourceNodeId,
@@ -8311,10 +8429,10 @@ function Af(e) {
 }
 //#endregion
 //#region src/gn/ir/curvePath.ts
-function jf(e, t) {
+function Lf(e, t) {
 	return Math.sqrt(e * e + t * t);
 }
-function Mf(e) {
+function Rf(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 {
@@ -8324,11 +8442,11 @@ function Mf(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 = jf(e, t), d = jf(i, a), u > 1e-8 && d > 1e-8) {
-				let n = e / u + i / d, r = t / u + a / d, o = jf(n, r);
+			if (u = Lf(e, t), d = Lf(i, a), u > 1e-8 && d > 1e-8) {
+				let n = e / u + i / d, r = t / u + a / d, o = Lf(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 = jf(s[0] - n, s[1] - r), d > 1e-8 && (c = (s[0] - n) / d, l = (s[1] - r) / d)) : o && (u = jf(n - o[0], r - o[1]), u > 1e-8 && (c = (n - o[0]) / u, l = (r - o[1]) / u));
+		} else s ? (d = Lf(s[0] - n, s[1] - r), d > 1e-8 && (c = (s[0] - n) / d, l = (s[1] - r) / d)) : o && (u = Lf(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) {
@@ -8373,7 +8491,7 @@ function Mf(e) {
 	}
 	return n;
 }
-function Nf(e, t, n, r, i, a, o) {
+function zf(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: "",
@@ -8381,7 +8499,7 @@ function Nf(e, t, n, r, i, a, o) {
 		zeroLinePath: "",
 		dotPositions: []
 	};
-	let d = Mf(e), [f, p] = e[0].location, m = `M ${l(f).toFixed(2)} ${u(p).toFixed(2)}`;
+	let d = Rf(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)}`;
@@ -8396,7 +8514,7 @@ function Nf(e, t, n, r, i, a, o) {
 }
 //#endregion
 //#region src/gn/components/ColorRampViz.tsx
-function Pf([e, t, n]) {
+function Bf([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;
@@ -8406,7 +8524,7 @@ function Pf([e, t, n]) {
 		r
 	];
 }
-function Ff([e, t, n]) {
+function Vf([e, t, n]) {
 	if (t === 0) return [
 		n,
 		n,
@@ -8446,7 +8564,7 @@ function Ff([e, t, n]) {
 		];
 	}
 }
-function If([e, t, n]) {
+function Hf([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,
@@ -8454,7 +8572,7 @@ function If([e, t, n]) {
 		a
 	];
 }
-function Lf([e, t, n]) {
+function Uf([e, t, n]) {
 	if (t === 0) return [
 		n,
 		n,
@@ -8467,9 +8585,9 @@ function Lf([e, t, n]) {
 		a(e - 1 / 3)
 	];
 }
-var Rf = (e) => e < 1 ? e : e - 1;
-function zf(e, t, n, r, i) {
-	let a = Rf((r % 1 + 1) % 1), o = Rf((i % 1 + 1) % 1), s = 0;
+var Wf = (e) => e < 1 ? e : e - 1;
+function Gf(e, t, n, r, i) {
+	let a = Wf((r % 1 + 1) % 1), o = Wf((i % 1 + 1) % 1), s = 0;
 	switch (e) {
 		case "NEAR":
 			a < o && o - a > .5 ? s = 1 : a > o && o - a < -.5 && (s = 2);
@@ -8485,9 +8603,9 @@ function zf(e, t, n, r, i) {
 			break;
 	}
 	let c = (e, r) => t * e + n * r;
-	return s === 1 ? Rf(c(a + 1, o)) : s === 2 ? Rf(c(a, o + 1)) : c(a, o);
+	return s === 1 ? Wf(c(a + 1, o)) : s === 2 ? Wf(c(a, o + 1)) : c(a, o);
 }
-function Bf(e, t) {
+function Kf(e, t) {
 	let n = [...e.stops].sort((e, t) => e.position - t.position);
 	if (n.length === 0) return [
 		0,
@@ -8507,7 +8625,7 @@ function Bf(e, t) {
 	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" ? Pf : If, n = e.colorMode === "HSV" ? Ff : Lf, r = t([
+		let t = e.colorMode === "HSV" ? Bf : Hf, n = e.colorMode === "HSV" ? Vf : Uf, r = t([
 			a.color[0],
 			a.color[1],
 			a.color[2]
@@ -8516,7 +8634,7 @@ function Bf(e, t) {
 			o.color[1],
 			o.color[2]
 		]), [s, c, f] = n([
-			zf(e.hueInterpolation, l, u, i[0], r[0]),
+			Gf(e.hueInterpolation, l, u, i[0], r[0]),
 			u * r[1] + l * i[1],
 			u * r[2] + l * i[2]
 		]);
@@ -8534,25 +8652,25 @@ function Bf(e, t) {
 		d
 	];
 }
-function Vf(e) {
+function qf(e) {
 	let t = Math.min(1, Math.max(0, e));
 	return t <= .0031308 ? t * 12.92 : 1.055 * t ** (1 / 2.4) - .055;
 }
-function Hf([e, t, n, r]) {
-	let i = (e) => Math.round(Vf(e) * 255);
+function Jf([e, t, n, r]) {
+	let i = (e) => Math.round(qf(e) * 255);
 	return `rgba(${i(e)}, ${i(t)}, ${i(n)}, ${r.toFixed(3)})`;
 }
-var Uf = {
+var Yf = {
 	NEAR: "Near",
 	FAR: "Far",
 	CW: "CW",
 	CCW: "CCW"
-}, Wf = 64;
-function Gf({ data: e, width: t }) {
+}, Xf = 64;
+function Zf({ data: e, width: t }) {
 	let n = [];
-	for (let t = 0; t <= Wf; t++) {
-		let r = t / Wf;
-		n.push(`${Hf(Bf(e, r))} ${(r * 100).toFixed(1)}%`);
+	for (let t = 0; t <= Xf; t++) {
+		let r = t / Xf;
+		n.push(`${Jf(Kf(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", {
@@ -8566,7 +8684,7 @@ function Gf({ data: e, width: t }) {
 					children: e.colorMode
 				}), /* @__PURE__ */ g("span", {
 					className: "gn-color-ramp__select",
-					children: Uf[e.hueInterpolation] ?? e.hueInterpolation
+					children: Yf[e.hueInterpolation] ?? e.hueInterpolation
 				})]
 			}),
 			/* @__PURE__ */ _("div", {
@@ -8586,7 +8704,7 @@ function Gf({ data: e, width: t }) {
 					children: ["Pos ", a.position.toFixed(3)]
 				}), /* @__PURE__ */ g("span", {
 					className: "gn-color-ramp__swatch",
-					style: { background: Hf(a.color) }
+					style: { background: Jf(a.color) }
 				})]
 			})
 		]
@@ -8594,18 +8712,18 @@ function Gf({ data: e, width: t }) {
 }
 //#endregion
 //#region src/gn/components/groupNavContext.ts
-var Kf = t(null);
-function qf() {
-	return o(Kf);
+var Qf = t(null);
+function $f() {
+	return o(Qf);
 }
 //#endregion
 //#region src/gn/components/GenericGNNode.tsx
-var Jf = [
+var ep = [
 	"X",
 	"Y",
 	"Z",
 	"W"
-], Yf = {
+], tp = {
 	FLOAT: "Float",
 	INT: "Integer",
 	VECTOR: "Vector",
@@ -8613,56 +8731,11 @@ var Jf = [
 	STRING: "String",
 	BOOLEAN: "Boolean",
 	ROTATION: "Rotation"
-}, Xf = {
-	EQUAL: "Equal",
-	NOT_EQUAL: "Not Equal",
-	LESS_THAN: "Less Than",
-	LESS_EQUAL: "Less Than or Equal",
-	GREATER_THAN: "Greater Than",
-	GREATER_EQUAL: "Greater Than or Equal",
-	ADD: "Add",
-	SUBTRACT: "Subtract",
-	MULTIPLY: "Multiply",
-	DIVIDE: "Divide",
-	MULTIPLY_ADD: "Multiply Add",
-	POWER: "Power",
-	LOGARITHM: "Logarithm",
-	SQRT: "Square Root",
-	INVERSE_SQRT: "Inverse Square Root",
-	ABSOLUTE: "Absolute",
-	EXPONENT: "Exponent",
-	MINIMUM: "Minimum",
-	MAXIMUM: "Maximum",
-	SIGN: "Sign",
-	COMPARE: "Compare",
-	SMOOTH_MIN: "Smooth Minimum",
-	SMOOTH_MAX: "Smooth Maximum",
-	ROUND: "Round",
-	FLOOR: "Floor",
-	CEIL: "Ceiling",
-	TRUNCATE: "Truncate",
-	FRACTION: "Fraction",
-	MODULO: "Modulo",
-	WRAP: "Wrap",
-	SNAP: "Snap",
-	PINGPONG: "Ping-Pong",
-	SINE: "Sine",
-	COSINE: "Cosine",
-	TANGENT: "Tangent",
-	ARCSINE: "Arcsine",
-	ARCCOSINE: "Arccosine",
-	ARCTANGENT: "Arctangent",
-	ARCTAN2: "Arctan2",
-	SINH: "Hyperbolic Sine",
-	COSH: "Hyperbolic Cosine",
-	TANH: "Hyperbolic Tangent",
-	RADIANS: "To Radians",
-	DEGREES: "To Degrees"
 };
-function Zf(e, t) {
-	return e === "data_type" ? Yf[t] ?? t : e === "operation" ? Xf[t] ?? t : e === "use_clamp" ? "Clamp" : t;
+function np(e, t) {
+	return e === "data_type" ? tp[t] ?? t : e === "operation" ? uf(t) : e === "use_clamp" ? "Clamp" : t;
 }
-function Qf(e) {
+function rp(e) {
 	switch (e) {
 		case "LINE": return "gn-socket--line";
 		case "DIAMOND": return "gn-socket--diamond";
@@ -8671,55 +8744,55 @@ function Qf(e) {
 		default: return "gn-socket--circle";
 	}
 }
-function $f(e) {
+function ip(e) {
 	return e === "ROTATION" ? "°" : e === "FLOAT" ? " m" : "";
 }
-function ep(e) {
+function ap(e) {
 	return parseFloat(e.toFixed(3)).toString();
 }
-function tp(e, t) {
-	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${ep(e)}${$f(t)}`;
+function op(e, t) {
+	return typeof e == "boolean" ? e ? "True" : "False" : typeof e == "string" ? e : `${ap(e)}${ip(t)}`;
 }
-function np(e) {
+function sp(e) {
 	return Math.round(Math.min(1, Math.max(0, e)) * 255);
 }
-function rp(e) {
+function cp(e) {
 	let [t, n, r, i = 1] = e.values;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__color-swatch",
-		style: { background: `rgba(${np(t)},${np(n)},${np(r)},${i.toFixed(2)})` }
+		style: { background: `rgba(${sp(t)},${sp(n)},${sp(r)},${i.toFixed(2)})` }
 	});
 }
-function ip(e) {
-	if (e.dataType === "RGBA") return /* @__PURE__ */ g(rp, { values: e.values });
-	let t = $f(e.dataType);
+function lp(e) {
+	if (e.dataType === "RGBA") return /* @__PURE__ */ g(cp, { values: e.values });
+	let t = ip(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: Jf[n]
+				children: ep[n]
 			}), /* @__PURE__ */ _("span", {
 				className: "gn-node__vec-value",
-				children: [ep(e), t]
+				children: [ap(e), t]
 			})]
 		}, n))
 	});
 }
-function ap({ properties: e }) {
+function up({ 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: Zf(e, t)
+			children: np(e, t)
 		}, e))
 	});
 }
-var op = 120, sp = 6;
-function cp({ curve: e, width: t }) {
-	let n = Math.max(10, t - sp * 2), r = op, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = Nf(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
+var dp = 120, fp = 6;
+function pp({ curve: e, width: t }) {
+	let n = Math.max(10, t - fp * 2), r = dp, { strokePath: i, fillPath: a, zeroLinePath: o, dotPositions: s } = zf(e.points, e.clipMinX, e.clipMinY, e.clipMaxX, e.clipMaxY, n, r);
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node__curve-wrap",
 		children: /* @__PURE__ */ _("svg", {
@@ -8750,7 +8823,7 @@ function cp({ curve: e, width: t }) {
 		})
 	});
 }
-function lp(e) {
+function mp(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}`,
@@ -8759,7 +8832,7 @@ function lp(e) {
 				id: t.id,
 				type: r,
 				position: n,
-				className: `gn-socket ${Qf(t.displayShape)}`,
+				className: `gn-socket ${rp(t.displayShape)}`,
 				style: {
 					top: "50%",
 					background: t.color,
@@ -8772,15 +8845,15 @@ function lp(e) {
 			}),
 			s && t.defaultValue?.kind === "scalar" ? /* @__PURE__ */ g("span", {
 				className: "gn-node__value",
-				children: tp(t.defaultValue.value, t.dataType)
+				children: op(t.defaultValue.value, t.dataType)
 			}) : null
 		]
 	});
 }
-function up(e, t) {
+function hp(e, t) {
 	return !t && !e.hideValue && e.defaultValue?.kind === "vec";
 }
-function dp() {
+function gp() {
 	return /* @__PURE__ */ _("div", {
 		className: "gn-node__stack",
 		"aria-hidden": "true",
@@ -8791,8 +8864,8 @@ function dp() {
 		]
 	});
 }
-function fp(e) {
-	let t = e.data, n = qf(), 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 _p(e) {
+	let t = e.data, n = $f(), 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,
@@ -8807,35 +8880,35 @@ function fp(e) {
 					children: t.label
 				})
 			}),
-			s && /* @__PURE__ */ g(dp, {}),
-			t.properties && /* @__PURE__ */ g(ap, { properties: t.properties }),
-			t.floatCurve && /* @__PURE__ */ g(cp, {
+			s && /* @__PURE__ */ g(gp, {}),
+			t.properties && /* @__PURE__ */ g(up, { properties: t.properties }),
+			t.floatCurve && /* @__PURE__ */ g(pp, {
 				curve: t.floatCurve,
 				width: t.width
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "gn-node__body",
 				children: [
-					i.map((e) => /* @__PURE__ */ g(lp, {
+					i.map((e) => /* @__PURE__ */ g(mp, {
 						socket: e,
 						position: Y.Right,
 						type: "source",
 						align: "right",
 						suppressDefault: !0
 					}, e.id)),
-					t.colorRamp && /* @__PURE__ */ g(Gf, {
+					t.colorRamp && /* @__PURE__ */ g(Zf, {
 						data: t.colorRamp,
 						width: t.width
 					}),
 					a.map((e) => {
 						let t = r.has(e.id);
-						return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(lp, {
+						return /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g(mp, {
 							socket: e,
 							position: Y.Left,
 							type: "target",
 							align: "left",
 							suppressDefault: t
-						}), up(e, t) ? /* @__PURE__ */ g(ip, {
+						}), hp(e, t) ? /* @__PURE__ */ g(lp, {
 							values: e.defaultValue.values,
 							dataType: e.dataType
 						}) : null] }, e.id);
@@ -8847,7 +8920,7 @@ function fp(e) {
 }
 //#endregion
 //#region src/gn/components/RerouteNode.tsx
-function pp(e) {
+function vp(e) {
 	let t = e.data;
 	return /* @__PURE__ */ _("div", {
 		className: "gn-reroute",
@@ -8867,22 +8940,29 @@ function pp(e) {
 }
 //#endregion
 //#region src/gn/components/SimulationZoneFrame.tsx
-function mp() {
+var yp = {
+	simulation: "102, 65, 98",
+	repeat: "118, 81, 47",
+	foreach: "51, 82, 127",
+	closure: "125, 125, 58"
+};
+function bp(e) {
+	let t = yp[e.data.kind ?? "simulation"] ?? yp.simulation;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-sim-zone",
 		style: {
 			width: "100%",
 			height: "100%",
 			borderRadius: 10,
-			border: "1.5px solid rgba(102, 65, 98, 0.85)",
-			background: "rgba(102, 65, 98, 0.2)",
+			border: `1.5px solid rgba(${t}, 0.85)`,
+			background: `rgba(${t}, 0.2)`,
 			pointerEvents: "none"
 		}
 	});
 }
 //#endregion
 //#region src/gn/components/NodeFrame.tsx
-function hp(e) {
+function xp(e) {
 	let t = e.data;
 	return /* @__PURE__ */ g("div", {
 		className: "gn-node-frame",
@@ -8912,13 +8992,13 @@ function hp(e) {
 }
 //#endregion
 //#region src/gn/components/GeometryNodesFlow.tsx
-var gp = {
-	gnNode: fp,
-	rerouteNode: pp,
-	simulationZone: mp,
-	nodeFrame: hp
-}, _p = { padding: .08 };
-function vp(e) {
+var Sp = {
+	gnNode: _p,
+	rerouteNode: vp,
+	simulationZone: bp,
+	nodeFrame: xp
+}, Cp = { padding: .08 };
+function wp(e) {
 	let { nodes: t, edges: n, jsonText: r, breadcrumbs: i, onNavigate: o, onSelectionIds: s, onCopiedMagicString: l, interaction: u = "always", allowCopy: p = !0, allowSelection: m = !0 } = e, { fitView: h, getNodes: v, getNodesBounds: y } = ml(), b = bd(), x = d(null), S = d(!1), C = d([]), [w, D] = f(null), [O, k] = f(!1), [A, j] = f(!1), M = d(null), [N, P] = f("mouse"), F = d(-Infinity), [I, L] = f(!1), [R, z] = f(!1), B = d([]), [V, H, U] = _d(t), [W, G, ee] = vd(n), [te, ne] = f(void 0);
 	c(() => {
 		if (!b) return;
@@ -8930,7 +9010,7 @@ function vp(e) {
 		v,
 		y
 	]), c(() => {
-		H(t), s?.([]), S.current = !1, h(_p);
+		H(t), s?.([]), S.current = !1, h(Cp);
 	}, [
 		t,
 		H,
@@ -8942,7 +9022,7 @@ function vp(e) {
 		let e = x.current;
 		if (!e) return;
 		let t = new ResizeObserver(() => {
-			S.current || h(_p);
+			S.current || h(Cp);
 		});
 		return t.observe(e), () => t.disconnect();
 	}, [h]);
@@ -9024,9 +9104,9 @@ function vp(e) {
 				onEdgesChange: ee,
 				onSelectionChange: ie,
 				onMoveStart: re,
-				nodeTypes: gp,
+				nodeTypes: Sp,
 				fitView: !0,
-				fitViewOptions: _p,
+				fitViewOptions: Cp,
 				minZoom: .2,
 				translateExtent: te,
 				nodesDraggable: !1,
@@ -9064,7 +9144,7 @@ function vp(e) {
 							className: "gn-top-left",
 							children: [/* @__PURE__ */ _("span", {
 								className: "gn-version-badge",
-								children: ["node-web-render v", "0.3.28"]
+								children: ["node-web-render v", "0.3.30"]
 							}), i.length > 1 ? /* @__PURE__ */ g("nav", {
 								className: "gn-breadcrumbs",
 								"aria-label": "Node group path",
@@ -9117,19 +9197,19 @@ function vp(e) {
 		]
 	});
 }
-function yp(e) {
+function Tp(e) {
 	let { jsonText: t, showHeader: n = !0, onSelectionChange: r, onCopiedMagicString: i, interaction: o = "always", allowCopy: s = !0, allowSelection: l = !0 } = e, [d, p] = f({
 		json: t,
 		ids: []
 	}), m = u(() => {
 		if (!t.trim()) return null;
 		try {
-			let { rootId: e, trees: n } = xf(JSON.parse(t)), r = {};
+			let { rootId: e, trees: n } = Tf(JSON.parse(t)), r = {};
 			for (let e of Object.values(n)) {
-				let t = wf(e);
+				let t = Of(e);
 				r[t.id] = {
 					graph: t,
-					flow: Af(t)
+					flow: If(t)
 				};
 			}
 			return {
@@ -9193,9 +9273,9 @@ function yp(e) {
 				className: "flow-error",
 				role: "alert",
 				children: [/* @__PURE__ */ g("strong", { children: "Parse error" }), /* @__PURE__ */ g("span", { children: m.error })]
-			}) : v ? /* @__PURE__ */ g(Kf.Provider, {
+			}) : v ? /* @__PURE__ */ g(Qf.Provider, {
 				value: b,
-				children: /* @__PURE__ */ g(fd, { children: /* @__PURE__ */ g(vp, {
+				children: /* @__PURE__ */ g(fd, { children: /* @__PURE__ */ g(wp, {
 					nodes: v.flow.nodes,
 					edges: v.flow.edges,
 					jsonText: t,
@@ -9219,7 +9299,7 @@ function yp(e) {
 }
 //#endregion
 //#region src/components/TreeClipperLogo.tsx
-function bp({ className: e }) {
+function Ep({ className: e }) {
 	return /* @__PURE__ */ _("svg", {
 		viewBox: "0 0 256 256",
 		className: e,
@@ -9280,7 +9360,7 @@ function bp({ className: e }) {
 }
 //#endregion
 //#region src/embed.tsx
-function xp(e) {
+function Dp(e) {
 	let { payload: t, showCopyButton: n = !0, allowSelection: r = !0 } = e, [i, a] = f(""), [o, s] = f(null), [l, u] = f(!0), [p, m] = f([]), [v, y] = f(!1), [b, S] = f(!1), C = d(!1), w = d(!1), D = d(null), O = d(null), k = d(null), A = () => {
 		!w.current || C.current || (S(!0), k.current && clearTimeout(k.current), k.current = setTimeout(() => {
 			y(!1), S(!1);
@@ -9324,7 +9404,7 @@ function xp(e) {
 				className: "gnwr-loading",
 				role: "status",
 				"aria-live": "polite",
-				children: [/* @__PURE__ */ g(bp, { className: "gnwr-loading__logo" }), /* @__PURE__ */ g("span", {
+				children: [/* @__PURE__ */ g(Ep, { className: "gnwr-loading__logo" }), /* @__PURE__ */ g("span", {
 					className: "gnwr-loading__label",
 					children: "Loading graph…"
 				})]
@@ -9332,7 +9412,7 @@ function xp(e) {
 				className: "flow-error",
 				role: "alert",
 				children: [/* @__PURE__ */ g("strong", { children: "Decode error" }), /* @__PURE__ */ g("span", { children: o })]
-			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(yp, {
+			}) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Tp, {
 				jsonText: i,
 				showHeader: !1,
 				interaction: "hybrid",
@@ -9359,7 +9439,7 @@ function xp(e) {
 						strokeLinecap: "round",
 						strokeLinejoin: "round"
 					})
-				}), /* @__PURE__ */ g("span", { children: "Copied!" })] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(bp, { className: "gnwr-copy-button__logo" }), /* @__PURE__ */ g("span", { children: p.length > 0 ? `Copy Magic String of ${p.length} selected node${p.length === 1 ? "" : "s"}` : "Copy TreeClipper Magic String" })] })
+				}), /* @__PURE__ */ g("span", { children: "Copied!" })] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(Ep, { className: "gnwr-copy-button__logo" }), /* @__PURE__ */ g("span", { children: p.length > 0 ? `Copy Magic String of ${p.length} selected node${p.length === 1 ? "" : "s"}` : "Copy TreeClipper Magic String" })] })
 			}), (v || b) && /* @__PURE__ */ _("div", {
 				className: `gnwr-copy-toast${b ? " gnwr-leaving" : ""}`,
 				role: "status",
@@ -9382,22 +9462,22 @@ function xp(e) {
 		})
 	});
 }
-var Sp = /* @__PURE__ */ new Map(), Cp = null;
-function wp(e, t) {
-	Sp.get(e)?.unmount();
+var Op = /* @__PURE__ */ new Map(), kp = null;
+function Ap(e, t) {
+	Op.get(e)?.unmount();
 	let r = m(e);
-	Sp.set(e, r), Cp = e;
+	Op.set(e, r), kp = e;
 	let i = t.onClose;
-	return r.render(n(xp, {
+	return r.render(n(Dp, {
 		...t,
 		onClose: i ? () => {
-			Tp(e), i();
+			jp(e), i();
 		} : void 0
-	})), () => Tp(e);
+	})), () => jp(e);
 }
-function Tp(e) {
-	let t = e ?? Cp;
-	t && (Sp.get(t)?.unmount(), Sp.delete(t), t === Cp && (Cp = null));
+function jp(e) {
+	let t = e ?? kp;
+	t && (Op.get(t)?.unmount(), Op.delete(t), t === kp && (kp = null));
 }
 //#endregion
-export { xp as GraphView, wp as mountGraphView, Tp as unmountGraphView };
+export { Dp as GraphView, Ap as mountGraphView, jp as unmountGraphView };

package/dist/types/gn/components/SimulationZoneFrame.d.ts

@@ -1 +1,2 @@
-export declare function SimulationZoneFrame(): import("react").JSX.Element;
+import { NodeProps } from '@xyflow/react';
+export declare function SimulationZoneFrame(props: NodeProps): import("react").JSX.Element;

package/dist/types/gn/importer/blenderTree.d.ts

@@ -35,6 +35,7 @@ type BlenderNode = {
         single_output?: number;
         vector?: number[];
         node_tree?: number | null;
+        paired_output?: string;
         mode?: string;
         operation?: string;
         data_type?: string;
@@ -145,6 +146,8 @@ export type NormalizedNode = {
     groupTreeName?: string;
     /** Id of the NodeFrame this node is parented to (Blender "parent"), if any. */
     parentFrameId?: string;
+    /** For zone input nodes (Simulation/Repeat/…): id of the paired output node. */
+    pairedOutputId?: string;
 };
 export type NormalizedLink = {
     id: string;

package/dist/types/gn/ir/operationLabels.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Human-readable labels for the `operation` enum shared by the math-style
+ * nodes (Math, Integer Math, Vector Math, Boolean Math, Compare). Mirrors
+ * the labels Blender shows in the node header / operation dropdown.
+ */
+export declare const OPERATION_LABELS: Record<string, string>;
+export declare function operationLabel(operation: string): string;

package/dist/types/gn/ir/types.d.ts

@@ -67,6 +67,8 @@ export type NodeIR = {
     groupTreeName?: string;
     /** Id of the NodeFrame this node is parented to (Blender "parent"), if any. */
     parentFrameId?: string;
+    /** For zone input nodes (Simulation/Repeat/…): id of the paired output node. */
+    pairedOutputId?: string;
 };
 export type EdgeIR = {
     id: string;

package/dist/types/gn/xyflow/mapGraphIRToFlow.d.ts

@@ -19,8 +19,9 @@ export type GNRerouteNodeData = {
     inputSocketId: string;
     outputSocketId: string;
 };
+export type ZoneKind = 'simulation' | 'repeat' | 'foreach' | 'closure';
 export type SimulationZoneNodeData = {
-    label: string;
+    kind: ZoneKind;
 };
 export type NodeFrameData = {
     label: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geonodes-web-render",
-  "version": "0.3.28",
+  "version": "0.3.30",
   "description": "Browser-based viewer for Blender Geometry Nodes exported via Tree Clipper. Renders node trees as a read-only, Blender-styled graph.",
   "type": "module",
   "exports": {