@nodish/core 0.3.0 → 0.3.1

package/dist/index.js

@@ -1,33 +1,33 @@
-import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useCssVars as b, vModelText as x, watch as ee, withCtx as S, withDirectives as C, withModifiers as w } from "vue";
+import { Fragment as e, computed as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, createVNode as o, defineComponent as s, nextTick as c, normalizeClass as l, normalizeStyle as u, onMounted as d, onUnmounted as f, openBlock as p, ref as m, renderList as h, renderSlot as g, resolveDynamicComponent as _, toDisplayString as v, unref as y, useCssVars as b, vModelText as x, watch as S, withCtx as C, withDirectives as w, withModifiers as T } from "vue";
 import './index.css';//#region src/store/graph/pruneConnections.ts
-function T(e, t) {
+function E(e, t) {
 	e.graph.connections = e.graph.connections.filter((e) => !(e.from.node === t.id && !t.outputs[e.from.port] || e.to.node === t.id && !t.inputs[e.to.port]));
 }
 //#endregion
 //#region src/store/graph/dynamicPorts.ts
-function E(e, t) {
+function D(e, t) {
 	return e.resolvePorts ? e.resolvePorts(t) : {
 		inputs: e.inputs,
 		outputs: e.outputs
 	};
 }
-function D(e) {
+function O(e) {
 	let t = {};
 	for (let n of Object.values(e.inputs)) n.userOnly && (t[n.name] = n.value);
 	return t;
 }
-function te(e) {
+function ee(e) {
 	let t = {};
 	for (let n of Object.values(e.inputs)) n.userOnly && (t[n.name] = n.defaultValue);
 	return t;
 }
-function O(e, t, n) {
+function k(e, t, n) {
 	let r = {};
 	for (let t of Object.values(e)) r[t.name] = t;
 	let i = {};
 	for (let e of Object.values(t)) {
 		let t = r[e.name];
-		if (t) t.type = e.type, t.types = e.types, t.userOnly = e.userOnly, t.multi = e.multi, t.widgetId = e.widgetId, t.customProps = e.customProps, i[t.id] = t;
+		if (t) t.type = e.type, t.types = e.types, t.userOnly = e.userOnly, t.multi = e.multi, t.widgetId = e.widgetId, t.connectionOnly = e.connectionOnly, t.customProps = e.customProps, i[t.id] = t;
 		else {
 			let t = crypto.randomUUID();
 			i[t] = {
@@ -40,21 +40,22 @@ function O(e, t, n) {
 				userOnly: e.userOnly,
 				multi: e.multi,
 				widgetId: e.widgetId,
+				connectionOnly: e.connectionOnly,
 				customProps: e.customProps
 			};
 		}
 	}
 	return i;
 }
-function k(e, t) {
+function A(e, t) {
 	let n = e.nodeTypes[t.typeId];
 	if (!n?.resolvePorts) return;
-	let r = E(n, D(t));
-	t.inputs = O(t.inputs, r.inputs, "input"), t.outputs = O(t.outputs, r.outputs, "output"), T(e, t);
+	let r = D(n, O(t));
+	t.inputs = k(t.inputs, r.inputs, "input"), t.outputs = k(t.outputs, r.outputs, "output"), E(e, t);
 }
 //#endregion
 //#region src/store/graph/expandIO.ts
-function A(e) {
+function j(e) {
 	let t = {};
 	for (let [n, r] of Object.entries(e ?? {})) t[n] = {
 		name: n,
@@ -64,39 +65,39 @@ function A(e) {
 }
 //#endregion
 //#region src/store/model.ts
-var j = {
+var M = {
 	parameters: {},
 	returns: {}
 };
 //#endregion
 //#region src/store/registry/defineNode.ts
-function M(e) {
+function N(e) {
 	return {
 		typeId: e.typeId,
 		displayName: e.displayName,
 		color: e.color ?? "#3a3f4b",
 		description: e.description ?? "",
 		group: e.group ?? [],
-		inputs: A(e.inputs),
-		outputs: A(e.outputs),
+		inputs: j(e.inputs),
+		outputs: j(e.outputs),
 		execute: e.execute,
 		graph: e.graph,
 		resolvePorts: e.resolvePorts ? (t) => {
 			let n = e.resolvePorts(t);
 			return {
-				inputs: A(n.inputs),
-				outputs: A(n.outputs)
+				inputs: j(n.inputs),
+				outputs: j(n.outputs)
 			};
 		} : void 0
 	};
 }
 //#endregion
 //#region src/store/registry/index.ts
-function N(e, t) {
+function te(e, t) {
 	Object.assign(e.types, t);
 }
 function P(e, t) {
-	for (let [n, r] of Object.entries(t)) e.nodeTypes[n] = M(r);
+	for (let [n, r] of Object.entries(t)) e.nodeTypes[n] = N(r);
 }
 function F(e, t) {
 	e.extensions.includes(t.id) || e.extensions.push(t.id);
@@ -117,13 +118,14 @@ function I(e, t) {
 			userOnly: r.userOnly,
 			multi: r.multi,
 			widgetId: r.widgetId,
+			connectionOnly: r.connectionOnly,
 			customProps: r.customProps
 		};
 	}
 	return n;
 }
 function L(e, t) {
-	let { inputs: n, outputs: r } = E(e, te(e));
+	let { inputs: n, outputs: r } = D(e, ee(e));
 	return {
 		id: crypto.randomUUID(),
 		typeId: e.typeId,
@@ -140,7 +142,7 @@ function R(e) {
 //#endregion
 //#region src/store/interface/graphInterface.ts
 var ne = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
-function z(e, t) {
+function re(e, t) {
 	let n = [], r = (t, r) => {
 		let i = /* @__PURE__ */ new Set();
 		for (let [a, o] of Object.entries(t ?? {})) ne.test(a) || n.push(`${r}: invalid port name "${a}"`), i.has(a) && n.push(`${r}: duplicate port name "${a}"`), i.add(a), e.types[o.type] || n.push(`${r}: unknown type "${o.type}" on port "${a}"`);
@@ -149,7 +151,7 @@ function z(e, t) {
 }
 //#endregion
 //#region src/store/nodes/io.ts
-var B = "io/input", V = "io/output", re = {
+var z = "io/input", B = "io/output", ie = {
 	input: {
 		x: 40,
 		y: 120
@@ -159,10 +161,10 @@ var B = "io/input", V = "io/output", re = {
 		y: 130
 	}
 };
-function ie(e = {}) {
+function ae(e = {}) {
 	return {
 		input: {
-			typeId: B,
+			typeId: z,
 			displayName: "Input",
 			color: "#7a5a3a",
 			description: "Graph inputs (function parameters).",
@@ -170,7 +172,7 @@ function ie(e = {}) {
 			outputs: e.parameters
 		},
 		output: {
-			typeId: V,
+			typeId: B,
 			displayName: "Output",
 			color: "#7a3a5a",
 			description: "Graph outputs (function return values).",
@@ -179,59 +181,59 @@ function ie(e = {}) {
 		}
 	};
 }
-function ae(e, t) {
+function V(e, t) {
 	e.graphInterface = t;
-	let n = ie(t);
+	let n = ae(t);
 	P(e, {
 		[n.input.typeId]: n.input,
 		[n.output.typeId]: n.output
 	});
 }
 function oe(e) {
-	let t = e.graph.nodes.filter((e) => e.typeId === B), n = e.graph.nodes.filter((e) => e.typeId === V);
+	let t = e.graph.nodes.filter((e) => e.typeId === z), n = e.graph.nodes.filter((e) => e.typeId === B);
 	if (t.length !== 1 || n.length !== 1) throw Error(`graph must have exactly one Input and one Output node (found ${t.length} input, ${n.length} output)`);
 	return {
 		input: t[0],
 		output: n[0]
 	};
 }
-function se(e, t = re) {
-	let n = e.graph.nodes.filter((e) => e.typeId === B), r = e.graph.nodes.filter((e) => e.typeId === V);
+function se(e, t = ie) {
+	let n = e.graph.nodes.filter((e) => e.typeId === z), r = e.graph.nodes.filter((e) => e.typeId === B);
 	if (n.length > 1 || r.length > 1) throw Error(`graph must have exactly one Input and one Output node (found ${n.length} input, ${r.length} output)`);
-	let i = n[0], a = r[0], o = ie(e.graphInterface);
-	return i || (i = L(M(o.input), t.input), e.graph.nodes.push(i)), a || (a = L(M(o.output), t.output), e.graph.nodes.push(a)), {
+	let i = n[0], a = r[0], o = ae(e.graphInterface);
+	return i || (i = L(N(o.input), t.input), e.graph.nodes.push(i)), a || (a = L(N(o.output), t.output), e.graph.nodes.push(a)), {
 		input: i,
 		output: a
 	};
 }
-function H(e, t) {
-	let n = z(e, t);
+function ce(e, t) {
+	let n = re(e, t);
 	if (n.length) return n;
-	ae(e, t);
+	V(e, t);
 	let { input: r, output: i } = oe(e);
-	r.outputs = O(r.outputs, A(t.parameters), "output");
+	r.outputs = k(r.outputs, j(t.parameters), "output");
 	for (let n of Object.values(r.outputs)) {
 		let r = t.parameters?.[n.name];
 		if (!r) continue;
 		let i = e.types[r.type];
 		r.defaultValue === void 0 ? i && !i.validate(n.value) && (n.value = i.defaultValue) : n.value = r.defaultValue;
 	}
-	return i.inputs = O(i.inputs, A(t.returns), "input"), T(e, r), T(e, i), [];
+	return i.inputs = k(i.inputs, j(t.returns), "input"), E(e, r), E(e, i), [];
 }
-function ce(e) {
-	let t = [], n = e.graph.nodes.filter((e) => e.typeId === B).length, r = e.graph.nodes.filter((e) => e.typeId === V).length;
+function le(e) {
+	let t = [], n = e.graph.nodes.filter((e) => e.typeId === z).length, r = e.graph.nodes.filter((e) => e.typeId === B).length;
 	return n === 0 ? t.push("graph has no Input node") : n > 1 && t.push("graph has multiple Input nodes"), r === 0 ? t.push("graph has no Output node") : r > 1 && t.push("graph has multiple Output nodes"), t;
 }
 //#endregion
 //#region src/store/composite/index.ts
-var U = "composite/group", le = {
-	typeId: U,
+var H = "composite/group", ue = {
+	typeId: H,
 	displayName: "Group",
 	color: "#4a5a6a",
 	description: "A nested subgraph with its own inputs and outputs.",
 	group: ["Custom nodes"]
 };
-function W(e, t) {
+function U(e, t) {
 	let n = t.composite;
 	if (!n) throw Error("node has no composite state");
 	let r = {
@@ -243,23 +245,23 @@ function W(e, t) {
 		registrationMeta: e.registrationMeta,
 		loadPack: (t) => e.loadPack(t)
 	};
-	return ae(r, n.interface), r;
+	return V(r, n.interface), r;
 }
-function ue(e, t) {
-	let n = t.composite?.interface ?? j;
-	t.inputs = O(t.inputs, A(n.parameters), "input"), t.outputs = O(t.outputs, A(n.returns), "output"), T(e, t);
+function de(e, t) {
+	let n = t.composite?.interface ?? M;
+	t.inputs = k(t.inputs, j(n.parameters), "input"), t.outputs = k(t.outputs, j(n.returns), "output"), E(e, t);
 }
-function de(e, t, n = {}) {
-	let r = H(e, t);
+function W(e, t, n = {}) {
+	let r = ce(e, t);
 	if (r.length) return r;
 	let i = n.ownerComposite;
-	return i?.composite && n.parentMap ? (i.composite.interface = t, ue(n.parentMap, i)) : e.graphInterface = t, [];
+	return i?.composite && n.parentMap ? (i.composite.interface = t, de(n.parentMap, i)) : e.graphInterface = t, [];
 }
 function fe(e) {
 	let t = {};
 	return {
-		inputs: O(t, A(e.parameters), "input"),
-		outputs: O(t, A(e.returns), "output")
+		inputs: k(t, j(e.parameters), "input"),
+		outputs: k(t, j(e.returns), "output")
 	};
 }
 function pe(e, t) {
@@ -275,17 +277,17 @@ function pe(e, t) {
 		registrationMeta: e.registrationMeta,
 		loadPack: (t) => e.loadPack(t)
 	};
-	return ae(n, n.graphInterface), se(n, re), {
+	return V(n, n.graphInterface), se(n, ie), {
 		graph: R(n.graph),
 		interface: R(n.graphInterface)
 	};
 }
 function me(e, t) {
-	e.nodeTypes["composite/group"] || P(e, { [U]: le });
-	let n = R(j), r = pe(e, n), { inputs: i, outputs: a } = fe(n);
+	e.nodeTypes["composite/group"] || P(e, { [H]: ue });
+	let n = R(M), r = pe(e, n), { inputs: i, outputs: a } = fe(n);
 	return {
 		id: crypto.randomUUID(),
-		typeId: U,
+		typeId: H,
 		location: t,
 		inputs: i,
 		outputs: a,
@@ -296,22 +298,69 @@ function he(e) {
 	return e.typeId === "composite/group" && !!e.composite;
 }
 //#endregion
+//#region src/store/types/effectiveWidget.ts
+function G(e, t) {
+	let n = e?.[t];
+	return typeof n == "number" ? n : void 0;
+}
+function ge(e, t) {
+	if (!(!e || e.id !== t.type)) return e;
+}
+function K(e, t) {
+	let n = t.widgetId ?? e.defaultWidget ?? "default";
+	return e.widgets?.[n] || (e.widgets?.default ? e.widgets.default : e.widget);
+}
+function _e(e, t) {
+	let n = ge(e, t), r = n ? K(n, t) : void 0, i = t.customProps;
+	if (!(!r && !i)) return r ? r.kind === "none" ? {
+		kind: "none",
+		rowHeight: G(i, "rowHeight") ?? r.rowHeight
+	} : r.kind === "number" ? {
+		kind: "number",
+		min: G(i, "min") ?? r.min,
+		max: G(i, "max") ?? r.max,
+		step: G(i, "step") ?? r.step,
+		rowHeight: G(i, "rowHeight") ?? r.rowHeight
+	} : r.kind === "text" ? {
+		kind: "text",
+		rows: G(i, "rows") ?? r.rows,
+		rowHeight: G(i, "rowHeight") ?? r.rowHeight
+	} : {
+		kind: "custom",
+		componentId: r.componentId,
+		rowHeight: G(i, "rowHeight") ?? r.rowHeight
+	} : i?.min !== void 0 || i?.max !== void 0 || G(i, "rowHeight") !== void 0 ? {
+		kind: "number",
+		min: G(i, "min"),
+		max: G(i, "max"),
+		step: G(i, "step"),
+		rowHeight: G(i, "rowHeight")
+	} : G(i, "rows") !== void 0 || G(i, "rowHeight") !== void 0 ? {
+		kind: "text",
+		rows: G(i, "rows"),
+		rowHeight: G(i, "rowHeight")
+	} : void 0;
+}
+function q(e, t) {
+	return e ? e.rowHeight === void 0 ? e.kind === "text" ? (e.rows ?? 1) * t : t : e.rowHeight : t;
+}
+//#endregion
 //#region src/store/graph/portTypes.ts
-function G(e) {
+function ve(e) {
 	return e.types ?? [e.type];
 }
-function ge(e) {
-	return G(e).length > 1;
+function ye(e) {
+	return ve(e).length > 1;
 }
-function K(e) {
-	return ge(e);
+function J(e, t) {
+	return !!(e.connectionOnly || ye(e) || t && _e(t, e)?.kind === "none");
 }
 //#endregion
 //#region src/store/graph/evaluate.ts
-function _e(e) {
+function Y(e) {
 	return e instanceof Error ? e.message : String(e);
 }
-function ve(e, t = {}) {
+function be(e, t = {}) {
 	let n = {};
 	for (let t of e.graph.nodes) n[t.id] = t;
 	let r = /* @__PURE__ */ new Map();
@@ -321,7 +370,7 @@ function ve(e, t = {}) {
 	}
 	let i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = {};
 	function s(e, t) {
-		e.id in o || (o[e.id] = _e(t));
+		e.id in o || (o[e.id] = Y(t));
 	}
 	function c(e) {
 		let t = n[e.node], r = t?.outputs[e.port];
@@ -333,7 +382,7 @@ function ve(e, t = {}) {
 			let o = r.get(`${t.id}:${n.id}`) ?? [];
 			if (n.multi) a[n.name] = o.map(c);
 			else if (o.length) a[n.name] = c(o[0]);
-			else if (K(n)) a[n.name] = void 0;
+			else if (J(n, e.types[n.type])) a[n.name] = void 0;
 			else {
 				let t = n.value;
 				t === void 0 && i && (t = e.types[n.type]?.defaultValue);
@@ -353,7 +402,7 @@ function ve(e, t = {}) {
 			o = {};
 			for (let e of Object.values(n.outputs)) o[e.name] = e.name in t ? t[e.name] : e.value;
 		} else if (he(n)) {
-			let t = ve(W(e, n), l(n));
+			let t = be(U(e, n), l(n));
 			for (let e of Object.values(t.errors)) {
 				s(n, Error(e));
 				break;
@@ -370,7 +419,7 @@ function ve(e, t = {}) {
 		}
 		return a.delete(n.id), i.set(n.id, o), o;
 	}
-	let d = e.graph.nodes.find((e) => e.typeId === V);
+	let d = e.graph.nodes.find((e) => e.typeId === B);
 	return {
 		values: d ? l(d, { useDefaults: !1 }) : {},
 		errors: o
@@ -378,14 +427,14 @@ function ve(e, t = {}) {
 }
 //#endregion
 //#region src/store/graph/connect.ts
-function ye(e, t, n) {
+function xe(e, t, n) {
 	let r = e.types[n];
 	return r && r.accepts ? r.accepts(t) : t === n;
 }
-function q(e, t, n) {
-	return G(n).some((n) => ye(e, t, n));
+function Se(e, t, n) {
+	return ve(n).some((n) => xe(e, t, n));
 }
-function be(e, t) {
+function Ce(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let t of e.graph.connections) {
 		let e = n.get(t.to.node) ?? [];
@@ -401,7 +450,7 @@ function be(e, t) {
 	}
 	return [...r];
 }
-function xe(e, t) {
+function we(e, t) {
 	let n = /* @__PURE__ */ new Map();
 	for (let t of e.graph.connections) {
 		let e = n.get(t.from.node) ?? [];
@@ -417,16 +466,16 @@ function xe(e, t) {
 	}
 	return [...r];
 }
-function J(e, t, n) {
-	return xe(e, n.node).includes(t.node);
+function Te(e, t, n) {
+	return we(e, n.node).includes(t.node);
 }
-function Se(e, t, n) {
+function Ee(e, t, n) {
 	if (t.node === n.node) return !1;
 	let r = e.graph.nodes.find((e) => e.id === t.node), i = e.graph.nodes.find((e) => e.id === n.node), a = r?.outputs[t.port], o = i?.inputs[n.port];
-	return !a || !o || o.userOnly || J(e, t, n) ? !1 : q(e, a.type, o);
+	return !a || !o || o.userOnly || Te(e, t, n) ? !1 : Se(e, a.type, o);
 }
-function Ce(e, t, n) {
-	if (!Se(e, t, n)) return null;
+function De(e, t, n) {
+	if (!Ee(e, t, n)) return null;
 	let r = e.graph.connections.find((e) => e.from.node === t.node && e.from.port === t.port && e.to.node === n.node && e.to.port === n.port);
 	if (r) return r;
 	e.graph.nodes.find((e) => e.id === n.node)?.inputs[n.port]?.multi || (e.graph.connections = e.graph.connections.filter((e) => !(e.to.node === n.node && e.to.port === n.port)));
@@ -437,26 +486,106 @@ function Ce(e, t, n) {
 	};
 	return e.graph.connections.push(i), i;
 }
-function we(e, t) {
+function Oe(e, t) {
 	e.graph.connections = e.graph.connections.filter((e) => e.id !== t);
 }
 //#endregion
 //#region src/store/graph/removeNode.ts
-function Te(e, t) {
+function ke(e, t) {
 	let n = e.graph.nodes.find((e) => e.id === t);
 	return n ? n.typeId !== "io/input" && n.typeId !== "io/output" : !1;
 }
-function Ee(e, t) {
-	Te(e, t) && (e.graph.nodes = e.graph.nodes.filter((e) => e.id !== t), e.graph.connections = e.graph.connections.filter((e) => e.from.node !== t && e.to.node !== t));
+function Ae(e, t) {
+	ke(e, t) && (e.graph.nodes = e.graph.nodes.filter((e) => e.id !== t), e.graph.connections = e.graph.connections.filter((e) => e.from.node !== t && e.to.node !== t));
+}
+//#endregion
+//#region src/store/graph/duplicateSelection.ts
+function je(e) {
+	return e.typeId !== "io/input" && e.typeId !== "io/output";
+}
+function Me(e, t) {
+	return `${e}:${t}`;
+}
+function Ne(e, t, n) {
+	let r = {};
+	for (let [i, a] of Object.entries(e)) {
+		let e = crypto.randomUUID();
+		n.set(Me(t, i), e), r[e] = {
+			...a,
+			id: e
+		};
+	}
+	return r;
+}
+function Pe(e, t, n) {
+	return {
+		nodes: e.nodes.map((e) => Fe(e, t, n, null)),
+		connections: e.connections.map((e) => X(e, t, n))
+	};
+}
+function X(e, t, n) {
+	return {
+		id: crypto.randomUUID(),
+		from: {
+			node: t.get(e.from.node),
+			port: n.get(Me(e.from.node, e.from.port))
+		},
+		to: {
+			node: t.get(e.to.node),
+			port: n.get(Me(e.to.node, e.to.port))
+		}
+	};
+}
+function Fe(e, t, n, r) {
+	let i = e.id, a = crypto.randomUUID();
+	t.set(i, a);
+	let o = R(e), s = {
+		...o,
+		id: a,
+		location: r ?? o.location,
+		inputs: Ne(o.inputs, i, n),
+		outputs: Ne(o.outputs, i, n),
+		z: void 0
+	};
+	return o.composite && (s.composite = {
+		interface: R(o.composite.interface),
+		graph: Pe(o.composite.graph, t, n)
+	}), s;
+}
+function Ie(e, t, n) {
+	let r = e.filter(je);
+	if (!r.length) return null;
+	let i = new Set(r.map((e) => e.id)), a = t.filter((e) => i.has(e.from.node) && i.has(e.to.node)), o = {};
+	return {
+		nodes: r.map((e) => (o[e.id] = {
+			x: e.location.x - n.x,
+			y: e.location.y - n.y
+		}, R(e))),
+		connections: R(a),
+		offsets: o
+	};
+}
+function Le(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = t.nodes.map((e) => {
+		let a = t.offsets[e.id] ?? {
+			x: 0,
+			y: 0
+		};
+		return Fe(e, r, i, {
+			x: n.x + a.x,
+			y: n.y + a.y
+		});
+	}), o = t.connections.map((e) => X(e, r, i));
+	return e.graph.nodes.push(...a), e.graph.connections.push(...o), a.map((e) => e.id);
 }
 //#endregion
 //#region src/store/graph/stacking.ts
-function De(e) {
+function Re(e) {
 	let t = 0;
 	for (let n of e.graph.nodes) t = Math.max(t, n.z ?? 0);
 	return t;
 }
-function Oe(e) {
+function ze(e) {
 	e.graph.nodes.map((e, t) => ({
 		n: e,
 		i: t
@@ -464,21 +593,21 @@ function Oe(e) {
 		e.n.z = t + 1;
 	});
 }
-function ke(e) {
+function Be(e) {
 	if (e.graph.nodes.length === 0) return;
 	let t = !1;
 	for (let n of e.graph.nodes) n.z === void 0 && (n.z = Math.random(), t = !0);
-	t && Oe(e);
+	t && ze(e);
 }
-function Ae(e, t) {
+function Ve(e, t) {
 	let n = e.graph.nodes.find((e) => e.id === t);
 	if (!n) return;
-	let r = De(e);
+	let r = Re(e);
 	(n.z ?? 0) >= r || (n.z = r + 1);
 }
 //#endregion
 //#region src/store/composite/editContext.ts
-function je(e, t, n) {
+function He(e, t, n) {
 	let r = e;
 	for (let i = 0; i <= n; i++) {
 		let a = t[i];
@@ -487,23 +616,23 @@ function je(e, t, n) {
 		if (!o) return null;
 		if (i === n) return o;
 		if (!o.composite) return null;
-		r = W(e, o);
+		r = U(e, o);
 	}
 	return null;
 }
-function Me(e, t) {
-	return t.length ? je(e, t, t.length - 1) : null;
+function Ue(e, t) {
+	return t.length ? He(e, t, t.length - 1) : null;
 }
-function Ne(e, t) {
+function We(e, t) {
 	if (!t.length) return { activeMap: e };
 	let n = e, r;
 	for (let i = 0; i < t.length; i++) {
 		let a = t[i];
 		if (r = n.graph.nodes.find((e) => e.id === a.compositeNodeId), !r?.composite) return { activeMap: e };
-		i < t.length - 1 && (n = W(e, r));
+		i < t.length - 1 && (n = U(e, r));
 	}
 	return {
-		activeMap: W(e, r),
+		activeMap: U(e, r),
 		interfaceOptions: {
 			ownerComposite: r,
 			parentMap: n
@@ -512,112 +641,68 @@ function Ne(e, t) {
 }
 //#endregion
 //#region src/store/interface/editor.ts
-function Pe(e, t) {
+function Ge(e, t) {
 	if (!t.length) return e.graphInterface;
-	let n = Me(e, t);
+	let n = Ue(e, t);
 	return n?.composite ? n.composite.interface : e.graphInterface;
 }
-function Fe(e, t, n) {
-	let r = Pe(e, t);
+function Ke(e, t, n) {
+	let r = Ge(e, t);
 	n(r);
-	let i = Ne(e, t);
-	return de(i.activeMap, r, i.interfaceOptions ?? {});
+	let i = We(e, t);
+	return W(i.activeMap, r, i.interfaceOptions ?? {});
 }
 //#endregion
 //#region src/store/composite/guards.ts
-function Y(e, t, n) {
-	for (let r of e.nodes) if (r.id === t || n && r.composite?.graph && Y(r.composite.graph, t, !0)) return !0;
+function Z(e, t, n) {
+	for (let r of e.nodes) if (r.id === t || n && r.composite?.graph && Z(r.composite.graph, t, !0)) return !0;
 	return !1;
 }
-function Ie(e) {
+function qe(e) {
 	return e.map((e) => e.compositeNodeId);
 }
-function Le(e, t) {
-	let n = new Set(Ie(t)), r = Me(e, t);
+function Je(e, t) {
+	let n = new Set(qe(t)), r = Ue(e, t);
 	return r && n.add(r.id), n;
 }
-function Re(e, t, n) {
-	for (let r of Le(e, t)) if (Y(n, r, !0)) return "A group cannot be placed inside itself";
+function Ye(e, t, n) {
+	for (let r of Je(e, t)) if (Z(n, r, !0)) return "A group cannot be placed inside itself";
 	return null;
 }
-function ze(e, t, n) {
+function Xe(e, t, n) {
 	if (!he(n)) return "Not a group node";
 	if (t.some((e) => e.compositeNodeId === n.id)) return "Already editing this group";
-	let r = Le(e, t);
+	let r = Je(e, t);
 	if (r.add(n.id), n.composite?.graph) {
-		for (let e of r) if (Y(n.composite.graph, e, !0)) return "Cannot open a group that contains an ancestor";
+		for (let e of r) if (Z(n.composite.graph, e, !0)) return "Cannot open a group that contains an ancestor";
 	}
 	return null;
 }
-function Be(e, t, n, r) {
+function Ze(e, t, n, r) {
 	if (!he(n) || !n.composite) return null;
-	let i = Le(e, t);
+	let i = Je(e, t);
 	if (i.has(n.id)) return "A group cannot be placed inside itself";
-	for (let e of i) if (Y(r, e, !1)) return "A group cannot be placed inside itself";
+	for (let e of i) if (Z(r, e, !1)) return "A group cannot be placed inside itself";
 	for (let r = 0; r < t.length; r++) {
-		let i = je(e, t, r);
+		let i = He(e, t, r);
 		if (i?.composite?.graph === n.composite.graph) return "A group cannot share the same interior as an ancestor";
 		if (i && n.composite.graph === i.composite?.graph) return "A group cannot be placed inside itself";
 	}
-	if (Y(n.composite.graph, n.id, !0)) return "A group cannot contain itself";
-	for (let e of i) if (Y(n.composite.graph, e, !0)) return "A group cannot contain an ancestor";
-	let a = Me(e, t);
-	return a?.composite && n.composite.graph === a.composite.graph ? "A group cannot be placed inside itself" : Re(e, t, r);
-}
-//#endregion
-//#region src/store/types/effectiveWidget.ts
-function X(e, t) {
-	let n = e?.[t];
-	return typeof n == "number" ? n : void 0;
-}
-function Z(e, t) {
-	if (!(!e || e.id !== t.type)) return e;
-}
-function Ve(e, t) {
-	let n = t.widgetId ?? e.defaultWidget ?? "default";
-	return e.widgets?.[n] || (e.widgets?.default ? e.widgets.default : e.widget);
-}
-function He(e, t) {
-	let n = Z(e, t), r = n ? Ve(n, t) : void 0, i = t.customProps;
-	if (!(!r && !i)) return r ? r.kind === "number" ? {
-		kind: "number",
-		min: X(i, "min") ?? r.min,
-		max: X(i, "max") ?? r.max,
-		step: X(i, "step") ?? r.step,
-		rowHeight: X(i, "rowHeight") ?? r.rowHeight
-	} : r.kind === "text" ? {
-		kind: "text",
-		rows: X(i, "rows") ?? r.rows,
-		rowHeight: X(i, "rowHeight") ?? r.rowHeight
-	} : {
-		kind: "custom",
-		componentId: r.componentId,
-		rowHeight: X(i, "rowHeight") ?? r.rowHeight
-	} : i?.min !== void 0 || i?.max !== void 0 || X(i, "rowHeight") !== void 0 ? {
-		kind: "number",
-		min: X(i, "min"),
-		max: X(i, "max"),
-		step: X(i, "step"),
-		rowHeight: X(i, "rowHeight")
-	} : X(i, "rows") !== void 0 || X(i, "rowHeight") !== void 0 ? {
-		kind: "text",
-		rows: X(i, "rows"),
-		rowHeight: X(i, "rowHeight")
-	} : void 0;
-}
-function Ue(e, t) {
-	return e ? e.rowHeight === void 0 ? e.kind === "text" ? (e.rows ?? 1) * t : t : e.rowHeight : t;
+	if (Z(n.composite.graph, n.id, !0)) return "A group cannot contain itself";
+	for (let e of i) if (Z(n.composite.graph, e, !0)) return "A group cannot contain an ancestor";
+	let a = Ue(e, t);
+	return a?.composite && n.composite.graph === a.composite.graph ? "A group cannot be placed inside itself" : Ye(e, t, r);
 }
 //#endregion
 //#region src/components/types/NumberWidget.vue?vue&type=script&setup=true&lang.ts
-var We = [
+var Qe = [
 	"value",
 	"placeholder",
 	"title",
 	"min",
 	"max",
 	"step"
-], Ge = /*@__PURE__*/ s({
+], $e = /*@__PURE__*/ s({
 	__name: "NumberWidget",
 	props: {
 		port: {},
@@ -655,14 +740,14 @@ var We = [
 			step: y(o).kind === "number" ? y(o).step : void 0,
 			onInput: c,
 			onChange: l,
-			onPointerdown: n[0] ||= w(() => {}, ["stop"])
-		}, null, 40, We));
+			onPointerdown: n[0] ||= T(() => {}, ["stop"])
+		}, null, 40, Qe));
 	}
 }), Q = (e, t) => {
 	let n = e.__vccOpts || e;
 	for (let [e, r] of t) n[e] = r;
 	return n;
-}, Ke = /*#__PURE__*/ Q(Ge, [["__scopeId", "data-v-4459e34d"]]), qe = ["title"], Je = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}, et = /*#__PURE__*/ Q($e, [["__scopeId", "data-v-4459e34d"]]), tt = ["title"], nt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "ReadonlyWidget",
 	props: {
 		port: {},
@@ -678,14 +763,14 @@ var We = [
 		return (t, n) => (p(), i("span", {
 			class: "field readonly",
 			title: e.port.name
-		}, v(r.value), 9, qe));
+		}, v(r.value), 9, tt));
 	}
-}), [["__scopeId", "data-v-0d93d0ea"]]), Ye = [
+}), [["__scopeId", "data-v-0d93d0ea"]]), rt = [
 	"value",
 	"placeholder",
 	"title",
 	"rows"
-], Xe = [
+], it = [
 	"value",
 	"placeholder",
 	"title"
@@ -719,8 +804,8 @@ var We = [
 			rows: c.value,
 			onInput: l,
 			onChange: u,
-			onPointerdown: n[0] ||= w(() => {}, ["stop"])
-		}, null, 40, Ye)) : (p(), i("input", {
+			onPointerdown: n[0] ||= T(() => {}, ["stop"])
+		}, null, 40, rt)) : (p(), i("input", {
 			key: 1,
 			class: "field",
 			type: "text",
@@ -729,39 +814,39 @@ var We = [
 			title: e.port.name,
 			onInput: l,
 			onChange: u,
-			onPointerdown: n[1] ||= w(() => {}, ["stop"])
-		}, null, 40, Xe));
+			onPointerdown: n[1] ||= T(() => {}, ["stop"])
+		}, null, 40, it));
 	}
-}), [["__scopeId", "data-v-bf7ff881"]]), Ze = /* @__PURE__ */ new Map(), Qe = /* @__PURE__ */ new Map(), $e = {
-	number: Ke,
+}), [["__scopeId", "data-v-bf7ff881"]]), at = /* @__PURE__ */ new Map(), ot = /* @__PURE__ */ new Map(), st = {
+	number: et,
 	text: $,
 	custom: $
 };
-function et(e) {
-	let t = Ze.get(e);
-	return t || (t = /* @__PURE__ */ new Map(), Ze.set(e, t)), t;
+function ct(e) {
+	let t = at.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), at.set(e, t)), t;
 }
-function tt(e, t) {
+function lt(e, t) {
 	return t?.widgetId ?? e?.defaultWidget ?? "default";
 }
-function nt(e, t, n) {
+function ut(e, t, n) {
 	if (typeof t == "string") {
-		et(e).set(t, n);
+		ct(e).set(t, n);
 		return;
 	}
-	et(e).set("default", t);
+	ct(e).set("default", t);
 }
-function rt(e, t) {
-	Qe.set(e, t);
+function dt(e, t) {
+	ot.set(e, t);
 }
-function it(e, t, n, r) {
-	if (n === "readonly") return Je;
-	let i = r?.type ?? e?.id, a = e && e.id === i ? e : void 0, o = tt(a, r), s = i ? Ze.get(i) : void 0;
-	return s?.has(o) ? s.get(o) : s?.has("default") ? s.get("default") : t?.kind === "custom" ? Qe.get(t.componentId) ?? $ : t?.kind ? $e[t.kind] ?? $ : a?.widget?.kind === "custom" ? Qe.get(a.widget.componentId) ?? $ : a?.widget?.kind ? $e[a.widget.kind] ?? $ : $;
+function ft(e, t, n, r) {
+	if (n === "readonly") return nt;
+	let i = r?.type ?? e?.id, a = e && e.id === i ? e : void 0, o = lt(a, r), s = i ? at.get(i) : void 0;
+	return s?.has(o) ? s.get(o) : s?.has("default") ? s.get("default") : t?.kind === "none" ? $ : t?.kind === "custom" ? ot.get(t.componentId) ?? $ : t?.kind === "number" || t?.kind === "text" ? st[t.kind] ?? $ : a?.widget?.kind === "custom" ? ot.get(a.widget.componentId) ?? $ : a?.widget?.kind && a.widget.kind !== "none" ? st[a.widget.kind] ?? $ : $;
 }
 //#endregion
 //#region src/components/types/PortValueWidget.vue
-var at = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+var pt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "PortValueWidget",
 	props: {
 		port: {},
@@ -773,7 +858,7 @@ var at = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	},
 	emits: ["update:value", "commit"],
 	setup(e, { emit: r }) {
-		let i = e, a = r, o = t(() => He(i.typeDef, i.port)), s = t(() => it(i.typeDef, o.value, i.mode, i.port)), c = t(() => {
+		let i = e, a = r, o = t(() => _e(i.typeDef, i.port)), s = t(() => ft(i.typeDef, o.value, i.mode, i.port)), c = t(() => {
 			let e = o.value, t = i.port.type, n = i.port.widgetId ?? "default";
 			return i.mode === "readonly" ? `readonly:${t}` : e?.kind === "custom" ? `${t}:${n}:custom:${e.componentId}` : `${t}:${n}:${e?.kind ?? "text"}`;
 		});
@@ -796,47 +881,47 @@ var at = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 		]));
 	}
 }), [["__scopeId", "data-v-b4dc9bc0"]]);
-function ot(e) {
+function mt(e) {
 	return Math.max(20, Math.min(240, e));
 }
-function st(e, t) {
+function ht(e, t) {
 	let n = e.customProps?.rowHeight;
-	return ot(typeof n == "number" && n > 0 ? n : Ue(He(t, e), 20));
+	return mt(typeof n == "number" && n > 0 ? n : q(_e(t, e), 20));
 }
-function ct(e, t) {
+function gt(e, t) {
 	let n = 0;
-	for (let r of e) n += st(r, t?.(r));
+	for (let r of e) n += ht(r, t?.(r));
 	return n;
 }
-function lt(e) {
+function _t(e) {
 	return e.width ?? 100;
 }
-function ut(e, t) {
-	let n = ct(Object.values(e.inputs), t), r = ct(Object.values(e.outputs), t);
+function vt(e, t) {
+	let n = gt(Object.values(e.inputs), t), r = gt(Object.values(e.outputs), t);
 	return 20 + Math.max(n, r);
 }
-function dt(e, t, n) {
+function yt(e, t, n) {
 	let r = 20;
 	for (let i of e) {
-		let e = st(i, n?.(i));
+		let e = ht(i, n?.(i));
 		if (i.id === t) return r + e / 2;
 		r += e;
 	}
 	return null;
 }
-function ft(e, t, n) {
-	let r = dt(Object.values(e.inputs), t, n);
+function bt(e, t, n) {
+	let r = yt(Object.values(e.inputs), t, n);
 	if (r !== null) return {
 		x: e.location.x,
 		y: e.location.y + r
 	};
-	let i = dt(Object.values(e.outputs), t, n);
+	let i = yt(Object.values(e.outputs), t, n);
 	return i === null ? null : {
-		x: e.location.x + lt(e),
+		x: e.location.x + _t(e),
 		y: e.location.y + i
 	};
 }
-function pt(e, t) {
+function xt(e, t) {
 	let n = Math.max(40, Math.abs(t.x - e.x) * .5);
 	return [{
 		x: e.x + n,
@@ -846,12 +931,12 @@ function pt(e, t) {
 		y: t.y
 	}];
 }
-function mt(e, t) {
-	let [n, r] = pt(e, t);
+function St(e, t) {
+	let [n, r] = xt(e, t);
 	return `M ${e.x} ${e.y} C ${n.x} ${n.y}, ${r.x} ${r.y}, ${t.x} ${t.y}`;
 }
-function ht(e, t, n = 16) {
-	let [r, i] = pt(e, t), a = [];
+function Ct(e, t, n = 16) {
+	let [r, i] = xt(e, t), a = [];
 	for (let o = 0; o <= n; o++) {
 		let s = o / n, c = 1 - s, l = c * c * c * e.x + 3 * c * c * s * r.x + 3 * c * s * s * i.x + s * s * s * t.x, u = c * c * c * e.y + 3 * c * c * s * r.y + 3 * c * s * s * i.y + s * s * s * t.y;
 		a.push({
@@ -861,7 +946,7 @@ function ht(e, t, n = 16) {
 	}
 	return a;
 }
-function gt(e, t, n, r) {
+function wt(e, t, n, r) {
 	let i = t.x - e.x, a = t.y - e.y, o = r.x - n.x, s = r.y - n.y, c = i * s - a * o;
 	if (c === 0) return !1;
 	let l = n.x - e.x, u = n.y - e.y, d = (l * s - u * o) / c, f = (l * a - u * i) / c;
@@ -869,10 +954,10 @@ function gt(e, t, n, r) {
 }
 //#endregion
 //#region src/components/NodePort.vue?vue&type=script&setup=true&lang.ts
-var _t = ["title"], vt = {
+var Tt = ["title"], Et = {
 	key: 2,
 	class: "label"
-}, yt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}, Dt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "NodePort",
 	props: {
 		port: {},
@@ -888,19 +973,19 @@ var _t = ["title"], vt = {
 	},
 	emits: ["connectStart", "valueChange"],
 	setup(e, { emit: a }) {
-		b((e) => ({ v4929e218: o }));
+		b((e) => ({ v3fd6b92b: o }));
 		let o = "11px", s = e, c = a;
 		function d(e) {
 			e.button === 0 && c("connectStart", s.port, e);
 		}
-		let f = t(() => st(s.port, s.typeDef)), m = t(() => He(s.typeDef, s.port)), h = t(() => {
+		let f = t(() => ht(s.port, s.typeDef)), m = t(() => _e(s.typeDef, s.port)), h = t(() => {
 			let e = s.typeDef?.label ?? s.port.type;
 			return `${s.port.name} (${e})`;
-		}), g = t(() => !K(s.port) && (s.widgetMode === "editable" || s.side === "in" && !!s.port.userOnly || s.widgetMode === "auto" && s.side === "in" && !s.connected && !s.port.multi)), _ = t(() => s.widgetMode === "readonly"), y = t(() => s.side === "in" && !s.port.userOnly), x = t(() => g.value || _.value), ee = t(() => _.value ? "readonly" : "editable");
-		function S(e) {
+		}), g = t(() => !J(s.port, s.typeDef) && (s.widgetMode === "editable" || s.side === "in" && !!s.port.userOnly || s.widgetMode === "auto" && s.side === "in" && !s.connected && !s.port.multi)), _ = t(() => s.widgetMode === "readonly"), y = t(() => s.side === "in" && !s.port.userOnly), x = t(() => g.value || _.value), S = t(() => _.value ? "readonly" : "editable");
+		function C(e) {
 			s.port.value = e, c("valueChange", s.port);
 		}
-		function C() {
+		function w() {
 			s.typeDef?.coerce && (s.port.value = s.typeDef.coerce(s.port.value), c("valueChange", s.port));
 		}
 		return (t, a) => (p(), i("div", {
@@ -915,18 +1000,18 @@ var _t = ["title"], vt = {
 				class: l(["socket", { multi: e.port.multi }]),
 				style: u({ background: e.color }),
 				title: e.port.multi ? `${e.port.name} (accepts many)` : e.port.name,
-				onPointerdown: w(d, ["stop"])
-			}, null, 46, _t)) : r("", !0),
-			x.value ? (p(), n(at, {
+				onPointerdown: T(d, ["stop"])
+			}, null, 46, Tt)) : r("", !0),
+			x.value ? (p(), n(pt, {
 				key: `${e.port.id}-${e.port.type}`,
 				port: e.port,
 				"type-def": e.typeDef,
 				"effective-widget": m.value,
-				mode: ee.value,
+				mode: S.value,
 				"display-value": e.displayValue,
 				placeholder: h.value,
-				"onUpdate:value": S,
-				onCommit: C
+				"onUpdate:value": C,
+				onCommit: w
 			}, null, 8, [
 				"port",
 				"type-def",
@@ -934,22 +1019,22 @@ var _t = ["title"], vt = {
 				"mode",
 				"display-value",
 				"placeholder"
-			])) : (p(), i("span", vt, v(e.port.name), 1)),
+			])) : (p(), i("span", Et, v(e.port.name), 1)),
 			e.side === "out" ? (p(), i("span", {
 				key: 3,
 				class: "socket",
 				style: u({ background: e.color }),
-				onPointerdown: w(d, ["stop"])
+				onPointerdown: T(d, ["stop"])
 			}, null, 36)) : r("", !0)
 		], 6));
 	}
-}), [["__scopeId", "data-v-cadec420"]]), bt = ["title"], xt = { class: "title" }, St = {
+}), [["__scopeId", "data-v-15071e28"]]), Ot = ["title"], kt = { class: "title" }, At = {
 	class: "grip",
 	title: "Drag"
-}, Ct = { class: "body" }, wt = {
+}, jt = { class: "body" }, Mt = {
 	key: 0,
 	class: "col input"
-}, Tt = 4, Et = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}, Nt = 4, Pt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "GraphNode",
 	props: {
 		node: {},
@@ -985,26 +1070,26 @@ var _t = ["title"], vt = {
 			}, e, t);
 		}
 		function x(e) {
-			e.userOnly && k(m.map, m.node);
+			e.userOnly && A(m.map, m.node);
 		}
-		function ee(e) {
+		function S(e) {
 			e.stopPropagation(), he(m.node) && g("drillIn", m.node.id);
 		}
-		function S(e) {
+		function C(e) {
 			e.button === 0 && (e.stopPropagation(), g("select", m.node.id, e.shiftKey));
 		}
-		let C = t(() => m.map.nodeTypes[m.node.typeId]), w = t(() => m.node.label || C.value?.displayName || m.node.typeId), T = t(() => m.node.color ?? C.value?.color ?? "#3a3f4b"), E = t(() => lt(m.node)), D = t(() => Object.values(m.node.inputs)), te = t(() => Object.values(m.node.outputs)), O = t(() => m.ioWidgets && m.node.typeId === "io/input"), A = t(() => {
+		let w = t(() => m.map.nodeTypes[m.node.typeId]), T = t(() => m.node.label || w.value?.displayName || m.node.typeId), E = t(() => m.node.color ?? w.value?.color ?? "#3a3f4b"), D = t(() => _t(m.node)), O = t(() => Object.values(m.node.inputs)), ee = t(() => Object.values(m.node.outputs)), k = t(() => m.ioWidgets && m.node.typeId === "io/input"), j = t(() => {
 			let e = /* @__PURE__ */ new Set();
 			for (let t of m.map.graph.connections) t.to.node === m.node.id && e.add(t.to.port);
 			return e;
 		});
-		function j(e) {
+		function M(e) {
 			return m.map.types[e]?.color ?? "#888";
 		}
-		function M(e) {
+		function N(e) {
 			return m.map.types[e.type];
 		}
-		let N = (e) => m.map.types[e.type], P = t(() => ut(m.node, N));
+		let te = (e) => m.map.types[e.type], P = t(() => vt(m.node, te));
 		function F(e) {
 			return m.ioWidgets ? m.node.typeId === "io/input" && e === "out" ? "editable" : m.node.typeId === "io/output" && e === "in" ? "readonly" : "auto" : "auto";
 		}
@@ -1024,7 +1109,7 @@ var _t = ["title"], vt = {
 			function l(e) {
 				if (!a) {
 					let r = e.clientX - t, i = e.clientY - n;
-					if (Math.hypot(r, i) < Tt) return;
+					if (Math.hypot(r, i) < Nt) return;
 					a = !0, s();
 					return;
 				}
@@ -1045,36 +1130,36 @@ var _t = ["title"], vt = {
 			style: u({
 				left: o.node.location.x + "px",
 				top: o.node.location.y + "px",
-				width: E.value + "px",
+				width: D.value + "px",
 				height: P.value + "px",
 				zIndex: o.node.z ?? 0
 			}),
-			onPointerdown: S
+			onPointerdown: C
 		}, [
 			o.error ? (p(), i("div", {
 				key: 0,
 				class: "error-ring",
 				title: o.error
-			}, null, 8, bt)) : r("", !0),
+			}, null, 8, Ot)) : r("", !0),
 			a("div", {
 				class: "header",
 				style: u({
-					background: T.value,
+					background: E.value,
 					height: y(20) + "px"
 				}),
 				onPointerdown: I,
-				onDblclick: ee
-			}, [a("span", xt, v(w.value), 1), a("div", St, [(p(), i(e, null, h(6, (e) => a("span", {
+				onDblclick: S
+			}, [a("span", kt, v(T.value), 1), a("div", At, [(p(), i(e, null, h(6, (e) => a("span", {
 				key: e,
 				class: "dot"
 			})), 64))])], 36),
-			a("div", Ct, [D.value.length ? (p(), i("div", wt, [(p(!0), i(e, null, h(D.value, (e) => (p(), n(yt, {
+			a("div", jt, [O.value.length ? (p(), i("div", Mt, [(p(!0), i(e, null, h(O.value, (e) => (p(), n(Dt, {
 				key: e.id,
 				port: e,
-				"type-def": M(e),
-				color: j(e.type),
+				"type-def": N(e),
+				color: M(e.type),
 				side: "in",
-				connected: A.value.has(e.id),
+				connected: j.value.has(e.id),
 				"widget-mode": F("in"),
 				"display-value": o.ioResults?.[e.name],
 				onConnectStart: _,
@@ -1086,14 +1171,14 @@ var _t = ["title"], vt = {
 				"connected",
 				"widget-mode",
 				"display-value"
-			]))), 128))])) : r("", !0), te.value.length ? (p(), i("div", {
+			]))), 128))])) : r("", !0), ee.value.length ? (p(), i("div", {
 				key: 1,
-				class: l(["col output", { wide: O.value }])
-			}, [(p(!0), i(e, null, h(te.value, (e) => (p(), n(yt, {
+				class: l(["col output", { wide: k.value }])
+			}, [(p(!0), i(e, null, h(ee.value, (e) => (p(), n(Dt, {
 				key: `${e.id}-${e.type}`,
 				port: e,
-				"type-def": M(e),
-				color: j(e.type),
+				"type-def": N(e),
+				color: M(e.type),
 				side: "out",
 				"widget-mode": F("out"),
 				onConnectStart: _
@@ -1105,7 +1190,7 @@ var _t = ["title"], vt = {
 			]))), 128))], 2)) : r("", !0)])
 		], 38));
 	}
-}), [["__scopeId", "data-v-24b182cb"]]), Dt = { class: "wires" }, Ot = ["d"], kt = ["d"], At = ["d"], jt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-24b182cb"]]), Ft = { class: "wires" }, It = ["d"], Lt = ["d"], Rt = ["d"], zt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "WireLayer",
 	props: {
 		map: {},
@@ -1120,30 +1205,30 @@ var _t = ["title"], vt = {
 		}), c = t(() => a.map.graph.connections.map((e) => {
 			let t = s.value[e.from.node], n = s.value[e.to.node];
 			if (!t || !n) return null;
-			let r = ft(t, e.from.port, o), i = ft(n, e.to.port, o);
+			let r = bt(t, e.from.port, o), i = bt(n, e.to.port, o);
 			return !r || !i ? null : {
 				id: e.id,
-				d: mt(r, i)
+				d: St(r, i)
 			};
 		}).filter((e) => e !== null));
-		return (t, a) => (p(), i("svg", Dt, [
+		return (t, a) => (p(), i("svg", Ft, [
 			(p(!0), i(e, null, h(c.value, (e) => (p(), i("path", {
 				key: e.id,
 				d: e.d
-			}, null, 8, Ot))), 128)),
+			}, null, 8, It))), 128)),
 			n.pendingPath ? (p(), i("path", {
 				key: 0,
 				class: "pending",
 				d: n.pendingPath
-			}, null, 8, kt)) : r("", !0),
+			}, null, 8, Lt)) : r("", !0),
 			n.slicePath ? (p(), i("path", {
 				key: 1,
 				class: "slice",
 				d: n.slicePath
-			}, null, 8, At)) : r("", !0)
+			}, null, 8, Rt)) : r("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-682ffd13"]]), Mt = { class: "inspector-section-header" }, Nt = { class: "inspector-section-title" }, Pt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-682ffd13"]]), Bt = { class: "inspector-section-header" }, Vt = { class: "inspector-section-title" }, Ht = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "InspectorSection",
 	props: {
 		title: {},
@@ -1153,25 +1238,25 @@ var _t = ["title"], vt = {
 		}
 	},
 	setup(e) {
-		return (t, n) => (p(), i("div", { class: l(["inspector-section", { divided: e.divided }]) }, [a("div", Mt, [a("span", Nt, v(e.title), 1), g(t.$slots, "actions", {}, void 0, !0)]), g(t.$slots, "default", {}, void 0, !0)], 2));
+		return (t, n) => (p(), i("div", { class: l(["inspector-section", { divided: e.divided }]) }, [a("div", Bt, [a("span", Vt, v(e.title), 1), g(t.$slots, "actions", {}, void 0, !0)]), g(t.$slots, "default", {}, void 0, !0)], 2));
 	}
-}), [["__scopeId", "data-v-5e38007a"]]), Ft = {
+}), [["__scopeId", "data-v-5e38007a"]]), Ut = {
 	key: 0,
 	class: "iface-grid iface-head",
 	"aria-hidden": "true"
-}, It = {
+}, Wt = {
 	key: 1,
 	class: "iface-rows"
-}, Lt = { class: "iface-grid iface-row" }, Rt = ["value", "onChange"], zt = ["value", "onChange"], Bt = ["value"], Vt = ["onClick"], Ht = {
+}, Gt = { class: "iface-grid iface-row" }, Kt = ["value", "onChange"], qt = ["value", "onChange"], Jt = ["value"], Yt = ["onClick"], Xt = {
 	key: 0,
 	class: "iface-default-row"
-}, Ut = {
+}, Zt = {
 	key: 2,
 	class: "iface-empty"
-}, Wt = {
+}, Qt = {
 	key: 3,
 	class: "iface-error"
-}, Gt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}, $t = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "GraphInterfacePanel",
 	props: {
 		graphInterface: {},
@@ -1205,9 +1290,9 @@ var _t = ["title"], vt = {
 			for (let { name: t, spec: n } of g.value) e[t] = y(t, n);
 			l.value = e;
 		}
-		ee(() => s.revision, () => {
+		S(() => s.revision, () => {
 			c.value = "", b();
-		}), ee(f, b, { immediate: !0 });
+		}), S(f, b, { immediate: !0 });
 		function x(e) {
 			c.value = "";
 			try {
@@ -1217,7 +1302,7 @@ var _t = ["title"], vt = {
 				c.value = e instanceof Error ? e.message : String(e);
 			}
 		}
-		function C(e, t) {
+		function w(e, t) {
 			return {
 				id: `iface-default-${e}`,
 				name: e,
@@ -1226,13 +1311,13 @@ var _t = ["title"], vt = {
 				value: l.value[e] ?? y(e, t)
 			};
 		}
-		function T(e, t) {
+		function E(e, t) {
 			l.value = {
 				...l.value,
 				[e]: t
 			};
 		}
-		function E(e) {
+		function D(e) {
 			if (!s.graphInterface.parameters?.[e]) return;
 			let t = l.value[e];
 			x((n) => {
@@ -1248,7 +1333,7 @@ var _t = ["title"], vt = {
 				};
 			});
 		}
-		function D() {
+		function O() {
 			x((e) => {
 				let t = f.value ? e.parameters : e.returns, n = new Set(Object.keys(t ?? {})), r = f.value ? "input" : "output";
 				if (n.has(r)) {
@@ -1269,7 +1354,7 @@ var _t = ["title"], vt = {
 				};
 			});
 		}
-		function te(e) {
+		function ee(e) {
 			x((t) => {
 				if (f.value) {
 					if (!t.parameters) return;
@@ -1282,7 +1367,7 @@ var _t = ["title"], vt = {
 				}
 			});
 		}
-		function O(e, t) {
+		function k(e, t) {
 			if (!t || !ne.test(t)) {
 				c.value = `Invalid port name "${t}"`;
 				return;
@@ -1304,7 +1389,7 @@ var _t = ["title"], vt = {
 				}
 			});
 		}
-		function k(e, t) {
+		function A(e, t) {
 			x((n) => {
 				if (f.value) {
 					let r = n.parameters?.[e];
@@ -1334,72 +1419,72 @@ var _t = ["title"], vt = {
 				}
 			});
 		}
-		return (t, s) => (p(), n(Pt, { title: d.value }, {
-			actions: S(() => [a("button", {
+		return (t, s) => (p(), n(Ht, { title: d.value }, {
+			actions: C(() => [a("button", {
 				class: "inspector-icon-btn",
 				type: "button",
 				title: "Add port",
-				onClick: w(D, ["stop", "prevent"])
+				onClick: T(O, ["stop", "prevent"])
 			}, " + ")]),
-			default: S(() => [
-				g.value.length ? (p(), i("div", Ft, [...s[0] ||= [
+			default: C(() => [
+				g.value.length ? (p(), i("div", Ut, [...s[0] ||= [
 					a("span", null, "Name", -1),
 					a("span", null, "Type", -1),
 					a("span", null, null, -1)
 				]])) : r("", !0),
-				g.value.length ? (p(), i("div", It, [(p(!0), i(e, null, h(g.value, (t) => (p(), i("div", {
+				g.value.length ? (p(), i("div", Wt, [(p(!0), i(e, null, h(g.value, (t) => (p(), i("div", {
 					key: t.name,
 					class: "iface-entry"
-				}, [a("div", Lt, [
+				}, [a("div", Gt, [
 					a("input", {
 						class: "iface-field iface-name",
 						type: "text",
 						value: t.name,
-						onChange: (e) => O(t.name, e.target.value.trim())
-					}, null, 40, Rt),
+						onChange: (e) => k(t.name, e.target.value.trim())
+					}, null, 40, Kt),
 					a("select", {
 						class: "iface-field iface-select",
 						value: t.spec.type,
-						onChange: (e) => k(t.name, e.target.value)
+						onChange: (e) => A(t.name, e.target.value)
 					}, [(p(!0), i(e, null, h(o.typeIds, (e) => (p(), i("option", {
 						key: e,
 						value: e
-					}, v(e), 9, Bt))), 128))], 40, zt),
+					}, v(e), 9, Jt))), 128))], 40, qt),
 					a("button", {
 						class: "iface-remove",
 						type: "button",
 						title: "Remove port",
-						onClick: w((e) => te(t.name), ["stop", "prevent"])
-					}, " × ", 8, Vt)
-				]), f.value ? (p(), i("div", Ht, [s[1] ||= a("span", { class: "iface-default-label" }, "Default", -1), (p(), n(at, {
+						onClick: T((e) => ee(t.name), ["stop", "prevent"])
+					}, " × ", 8, Yt)
+				]), f.value ? (p(), i("div", Xt, [s[1] ||= a("span", { class: "iface-default-label" }, "Default", -1), (p(), n(pt, {
 					key: `${t.name}-${t.spec.type}`,
 					class: "iface-default-widget",
-					port: C(t.name, t.spec),
+					port: w(t.name, t.spec),
 					"type-def": o.types[t.spec.type],
 					mode: "editable",
 					placeholder: t.name,
-					"onUpdate:value": (e) => T(t.name, e),
-					onCommit: (e) => E(t.name)
+					"onUpdate:value": (e) => E(t.name, e),
+					onCommit: (e) => D(t.name)
 				}, null, 8, [
 					"port",
 					"type-def",
 					"placeholder",
 					"onUpdate:value",
 					"onCommit"
-				]))])) : r("", !0)]))), 128))])) : (p(), i("div", Ut, "No ports")),
-				u.value ? (p(), i("p", Wt, v(u.value), 1)) : r("", !0)
+				]))])) : r("", !0)]))), 128))])) : (p(), i("div", Zt, "No ports")),
+				u.value ? (p(), i("p", Qt, v(u.value), 1)) : r("", !0)
 			]),
 			_: 1
 		}, 8, ["title"]));
 	}
-}), [["__scopeId", "data-v-8f895443"]]), Kt = {
+}), [["__scopeId", "data-v-8f895443"]]), en = {
 	key: 0,
 	class: "inspector-title static"
-}, qt = [
+}, tn = [
 	"value",
 	"placeholder",
 	"title"
-], Jt = { class: "inspector-header-actions" }, Yt = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+], nn = { class: "inspector-header-actions" }, rn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "InspectorPanel",
 	props: {
 		title: {},
@@ -1436,7 +1521,7 @@ var _t = ["title"], vt = {
 		return (t, o) => (p(), i("div", { class: l(["inspector-panel", { fill: e.fill }]) }, [a("div", {
 			class: "inspector-header",
 			style: u({ background: e.headerColor })
-		}, [g(t.$slots, "title", {}, () => [e.staticTitle ? (p(), i("span", Kt, v(e.title), 1)) : (p(), i("input", {
+		}, [g(t.$slots, "title", {}, () => [e.staticTitle ? (p(), i("span", en, v(e.title), 1)) : (p(), i("input", {
 			key: 1,
 			class: "inspector-title",
 			type: "text",
@@ -1444,7 +1529,7 @@ var _t = ["title"], vt = {
 			placeholder: e.titlePlaceholder,
 			title: e.title,
 			onInput: d
-		}, null, 40, qt))], !0), a("div", Jt, [g(t.$slots, "header-actions", {}, void 0, !0), e.showUp ? (p(), i("button", {
+		}, null, 40, tn))], !0), a("div", nn, [g(t.$slots, "header-actions", {}, void 0, !0), e.showUp ? (p(), i("button", {
 			key: 0,
 			class: "inspector-icon-btn",
 			type: "button",
@@ -1452,7 +1537,7 @@ var _t = ["title"], vt = {
 			onClick: o[0] ||= (e) => n("up")
 		}, " ↩ ")) : r("", !0)])], 4), a("div", { class: l(["inspector-body", { flush: e.flush }]) }, [g(t.$slots, "default", {}, void 0, !0)], 2)], 2));
 	}
-}), [["__scopeId", "data-v-78844099"]]), Xt = { class: "inspector-row" }, Zt = { class: "inspector-key" }, Qt = ["value"], $t = /* @__PURE__ */ s({
+}), [["__scopeId", "data-v-78844099"]]), an = { class: "inspector-row" }, on = { class: "inspector-key" }, sn = ["value"], cn = /* @__PURE__ */ s({
 	__name: "InspectorColorField",
 	props: {
 		modelValue: {},
@@ -1464,20 +1549,20 @@ var _t = ["title"], vt = {
 		function r(e) {
 			n("update:modelValue", e.target.value);
 		}
-		return (t, n) => (p(), i("label", Xt, [a("span", Zt, v(e.label), 1), a("input", {
+		return (t, n) => (p(), i("label", an, [a("span", on, v(e.label), 1), a("input", {
 			class: "inspector-swatch",
 			type: "color",
 			value: e.modelValue,
 			onInput: r
-		}, null, 40, Qt)]));
+		}, null, 40, sn)]));
 	}
-}), en = { class: "inspector-error" }, tn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}), ln = { class: "inspector-error" }, un = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "InspectorError",
 	props: { message: {} },
 	setup(e) {
-		return (t, n) => (p(), i("p", en, v(e.message), 1));
+		return (t, n) => (p(), i("p", ln, v(e.message), 1));
 	}
-}), [["__scopeId", "data-v-a863f513"]]), nn = { class: "inspector-row pair" }, rn = ["value"], an = ["value"], on = /* @__PURE__ */ s({
+}), [["__scopeId", "data-v-a863f513"]]), dn = { class: "inspector-row pair" }, fn = ["value"], pn = ["value"], mn = /* @__PURE__ */ s({
 	__name: "InspectorPositionField",
 	props: {
 		x: {},
@@ -1489,23 +1574,23 @@ var _t = ["title"], vt = {
 		function r(e) {
 			return Number(e.target.value);
 		}
-		return (t, o) => (p(), i("div", nn, [a("label", null, [o[2] ||= a("span", { class: "inspector-key" }, "X", -1), a("input", {
+		return (t, o) => (p(), i("div", dn, [a("label", null, [o[2] ||= a("span", { class: "inspector-key" }, "X", -1), a("input", {
 			class: "inspector-field",
 			type: "number",
 			value: e.x,
 			onInput: o[0] ||= (e) => n("update:x", r(e))
-		}, null, 40, rn)]), a("label", null, [o[3] ||= a("span", { class: "inspector-key" }, "Y", -1), a("input", {
+		}, null, 40, fn)]), a("label", null, [o[3] ||= a("span", { class: "inspector-key" }, "Y", -1), a("input", {
 			class: "inspector-field",
 			type: "number",
 			value: e.y,
 			onInput: o[1] ||= (e) => n("update:y", r(e))
-		}, null, 40, an)])]));
+		}, null, 40, pn)])]));
 	}
-}), sn = { class: "inspector-row" }, cn = [
+}), hn = { class: "inspector-row" }, gn = [
 	"min",
 	"max",
 	"value"
-], ln = { class: "inspector-slider-value" }, un = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+], _n = { class: "inspector-slider-value" }, vn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "InspectorWidthField",
 	props: {
 		modelValue: {},
@@ -1519,7 +1604,7 @@ var _t = ["title"], vt = {
 		function r(e) {
 			n("update:modelValue", Number(e.target.value));
 		}
-		return (t, n) => (p(), i("label", sn, [
+		return (t, n) => (p(), i("label", hn, [
 			n[0] ||= a("span", { class: "inspector-key" }, "Width", -1),
 			a("input", {
 				class: "inspector-slider",
@@ -1530,11 +1615,11 @@ var _t = ["title"], vt = {
 				value: e.modelValue,
 				style: u({ accentColor: e.accentColor }),
 				onInput: r
-			}, null, 44, cn),
-			a("span", ln, v(e.modelValue), 1)
+			}, null, 44, gn),
+			a("span", _n, v(e.modelValue), 1)
 		]));
 	}
-}), [["__scopeId", "data-v-472135f4"]]), dn = "#3a3f4b", fn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-472135f4"]]), yn = "#3a3f4b", bn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "NodePanel",
 	props: {
 		map: {},
@@ -1572,57 +1657,57 @@ var _t = ["title"], vt = {
 			let t = l.value;
 			t && (t.color = e);
 		}
-		function ee(e) {
+		function S(e) {
 			let t = l.value;
 			t && (t.width = e);
 		}
-		function C(e) {
+		function w(e) {
 			let t = e - _.value;
 			for (let e of a.nodes) e.location.x += t;
 		}
-		function w(e) {
+		function T(e) {
 			let t = e - v.value;
 			for (let e of a.nodes) e.location.y += t;
 		}
-		return (t, i) => l.value ? (p(), n(Yt, {
+		return (t, i) => l.value ? (p(), n(rn, {
 			key: 0,
 			class: "node-panel",
 			title: m.value,
 			"title-placeholder": f.value,
-			"header-color": dn,
+			"header-color": yn,
 			"static-title": c.value,
 			"onUpdate:title": b
 		}, {
-			default: S(() => [
-				c.value ? r("", !0) : (p(), n($t, {
+			default: C(() => [
+				c.value ? r("", !0) : (p(), n(cn, {
 					key: 0,
 					"model-value": h.value,
 					"onUpdate:modelValue": x
 				}, null, 8, ["model-value"])),
-				o(on, {
+				o(mn, {
 					x: _.value,
 					y: v.value,
-					"onUpdate:x": C,
-					"onUpdate:y": w
+					"onUpdate:x": w,
+					"onUpdate:y": T
 				}, null, 8, ["x", "y"]),
-				c.value ? r("", !0) : (p(), n(un, {
+				c.value ? r("", !0) : (p(), n(vn, {
 					key: 1,
 					"model-value": g.value,
 					min: y(60),
 					max: y(320),
 					"accent-color": h.value,
-					"onUpdate:modelValue": ee
+					"onUpdate:modelValue": S
 				}, null, 8, [
 					"model-value",
 					"min",
 					"max",
 					"accent-color"
 				])),
-				e.error && !c.value ? (p(), n(tn, {
+				e.error && !c.value ? (p(), n(un, {
 					key: 2,
 					message: e.error
 				}, null, 8, ["message"])) : r("", !0),
-				u.value ? (p(), n(Gt, {
+				u.value ? (p(), n($t, {
 					key: 3,
 					"graph-interface": e.graphInterface,
 					mode: u.value,
@@ -1648,7 +1733,7 @@ var _t = ["title"], vt = {
 			"static-title"
 		])) : r("", !0);
 	}
-}), [["__scopeId", "data-v-51945220"]]), pn = { class: "inspector-row inspector-check" }, mn = { class: "inspector-key" }, hn = ["checked"], gn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-51945220"]]), xn = { class: "inspector-row inspector-check" }, Sn = { class: "inspector-key" }, Cn = ["checked"], wn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "InspectorCheckboxField",
 	props: {
 		modelValue: { type: Boolean },
@@ -1660,13 +1745,13 @@ var _t = ["title"], vt = {
 		function r(e) {
 			n("update:modelValue", e.target.checked);
 		}
-		return (t, n) => (p(), i("label", pn, [a("span", mn, v(e.label), 1), a("input", {
+		return (t, n) => (p(), i("label", xn, [a("span", Sn, v(e.label), 1), a("input", {
 			type: "checkbox",
 			checked: e.modelValue,
 			onChange: r
-		}, null, 40, hn)]));
+		}, null, 40, Cn)]));
 	}
-}), [["__scopeId", "data-v-7b38cfa2"]]), _n = "#3a3f4b", vn = /* @__PURE__ */ s({
+}), [["__scopeId", "data-v-7b38cfa2"]]), Tn = "#3a3f4b", En = /* @__PURE__ */ s({
 	__name: "GroupPanel",
 	props: {
 		composite: {},
@@ -1674,7 +1759,7 @@ var _t = ["title"], vt = {
 	},
 	emits: ["up", "update:ioWidgets"],
 	setup(e, { emit: i }) {
-		let a = e, s = i, c = t(() => le.displayName), l = t(() => a.composite?.label || le.displayName), u = t(() => a.composite?.color ?? le.color ?? _n);
+		let a = e, s = i, c = t(() => ue.displayName), l = t(() => a.composite?.label || ue.displayName), u = t(() => a.composite?.color ?? ue.color ?? Tn);
 		function d(e) {
 			let t = a.composite;
 			t && (t.label = e);
@@ -1683,19 +1768,19 @@ var _t = ["title"], vt = {
 			let t = a.composite;
 			t && (t.color = e);
 		}
-		return (t, i) => e.composite ? (p(), n(Yt, {
+		return (t, i) => e.composite ? (p(), n(rn, {
 			key: 0,
 			title: l.value,
 			"title-placeholder": c.value,
-			"header-color": _n,
+			"header-color": Tn,
 			"show-up": "",
 			"onUpdate:title": d,
 			onUp: i[1] ||= (e) => s("up")
 		}, {
-			default: S(() => [o($t, {
+			default: C(() => [o(cn, {
 				"model-value": u.value,
 				"onUpdate:modelValue": f
-			}, null, 8, ["model-value"]), o(gn, {
+			}, null, 8, ["model-value"]), o(wn, {
 				label: "IO test",
 				"model-value": e.ioWidgets,
 				"onUpdate:modelValue": i[0] ||= (e) => s("update:ioWidgets", e)
@@ -1706,7 +1791,7 @@ var _t = ["title"], vt = {
 });
 //#endregion
 //#region src/store/registry/groups.ts
-function yn(e, t) {
+function Dn(e, t) {
 	return {
 		name: e,
 		path: t,
@@ -1714,37 +1799,37 @@ function yn(e, t) {
 		nodes: []
 	};
 }
-function bn(e, t) {
-	let n = yn("", []);
+function On(e, t) {
+	let n = Dn("", []);
 	for (let r of Object.values(e)) {
 		if (t && !t(r)) continue;
 		let e = n, i = [];
 		for (let t of r.group ?? []) {
 			i.push(t);
 			let n = e.subgroups.find((e) => e.name === t);
-			n || (n = yn(t, [...i]), e.subgroups.push(n)), e = n;
+			n || (n = Dn(t, [...i]), e.subgroups.push(n)), e = n;
 		}
 		e.nodes.push(r);
 	}
 	return n;
 }
-function xn(e) {
+function kn(e) {
 	e.subgroups.sort((e, t) => e.name.localeCompare(t.name)), e.nodes.sort((e, t) => e.displayName.localeCompare(t.displayName));
-	for (let t of e.subgroups) xn(t);
+	for (let t of e.subgroups) kn(t);
 	return e;
 }
 //#endregion
 //#region src/components/AddNodePanel.vue?vue&type=script&setup=true&lang.ts
-var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn = ["title", "onClick"], En = { class: "name" }, Dn = { class: "path" }, On = {
+var An = ["title"], jn = { class: "picker-body" }, Mn = { class: "list" }, Nn = ["title", "onClick"], Pn = { class: "name" }, Fn = { class: "path" }, In = {
 	key: 0,
 	class: "path-sep"
-}, kn = { class: "path-seg" }, An = {
+}, Ln = { class: "path-seg" }, Rn = {
 	key: 0,
 	class: "empty"
-}, jn = ["onClick"], Mn = { class: "name" }, Nn = ["title", "onClick"], Pn = { class: "name" }, Fn = {
+}, zn = ["onClick"], Bn = { class: "name" }, Vn = ["title", "onClick"], Hn = { class: "name" }, Un = {
 	key: 1,
 	class: "empty"
-}, In = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}, Wn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "AddNodePanel",
 	props: {
 		map: {},
@@ -1761,125 +1846,125 @@ var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn =
 			ae7fef7e: y,
 			v113015c7: _
 		}));
-		let c = n, f = s, g = "11px", _ = "6px", y = "20px", T = m(""), E = m(null);
-		d(() => E.value?.focus());
-		let D = (e) => e.typeId !== "io/input" && e.typeId !== "io/output" && e.typeId !== "composite/group", te = t(() => xn(bn(c.map.nodeTypes, D))), O = m([]), k = t(() => {
-			let e = te.value;
-			for (let t of O.value) {
+		let c = n, f = s, g = "11px", _ = "6px", y = "20px", E = m(""), D = m(null);
+		d(() => D.value?.focus());
+		let O = (e) => e.typeId !== "io/input" && e.typeId !== "io/output" && e.typeId !== "composite/group", ee = t(() => kn(On(c.map.nodeTypes, O))), k = m([]), A = t(() => {
+			let e = ee.value;
+			for (let t of k.value) {
 				let n = e.subgroups.find((e) => e.name === t);
 				if (!n) break;
 				e = n;
 			}
 			return e;
-		}), A = t(() => O.value.length ? O.value.join(" › ") : "Add Node"), j = t(() => O.value.length ? O.value : null);
-		function M(e) {
+		}), j = t(() => k.value.length ? k.value.join(" › ") : "Add Node"), M = t(() => k.value.length ? k.value : null);
+		function N(e) {
 			return e.group ?? [];
 		}
-		function N(e) {
-			O.value = [...O.value, e];
+		function te(e) {
+			k.value = [...k.value, e];
 		}
 		function P() {
-			O.value = O.value.slice(0, -1);
+			k.value = k.value.slice(0, -1);
 		}
 		let F = t(() => {
-			let e = T.value.trim().toLowerCase();
-			return e ? Object.values(c.map.nodeTypes).filter(D).filter((t) => t.displayName.toLowerCase().includes(e)).sort((e, t) => e.displayName.localeCompare(t.displayName)) : null;
+			let e = E.value.trim().toLowerCase();
+			return e ? Object.values(c.map.nodeTypes).filter(O).filter((t) => t.displayName.toLowerCase().includes(e)).sort((e, t) => e.displayName.localeCompare(t.displayName)) : null;
 		});
 		function I(e) {
 			f("select", e.typeId);
 		}
-		let L = t(() => F.value ? F.value : k.value.nodes), R = m(0);
-		ee(L, () => {
+		let L = t(() => F.value ? F.value : A.value.nodes), R = m(0);
+		S(L, () => {
 			R.value = 0;
 		});
 		function ne() {
 			let e = L.value;
 			e.length && I(e[R.value] ?? e[0]);
 		}
-		function z(e) {
+		function re(e) {
 			let t = L.value;
 			t.length && (e.key === "ArrowDown" ? (e.preventDefault(), R.value = (R.value + 1) % t.length) : e.key === "ArrowUp" ? (e.preventDefault(), R.value = (R.value - 1 + t.length) % t.length) : e.key === "Enter" && (e.preventDefault(), ne()));
 		}
-		function B(e, t) {
+		function z(e, t) {
 			R.value = t, I(e);
 		}
-		function V(e) {
+		function B(e) {
 			e.stopPropagation(), f("close");
 		}
 		return (t, s) => (p(), i("div", {
 			class: "backdrop",
-			onPointerdown: V,
-			onContextmenu: s[4] ||= w(() => {}, ["prevent"])
+			onPointerdown: B,
+			onContextmenu: s[4] ||= T(() => {}, ["prevent"])
 		}, [a("div", {
 			class: "anchor",
 			style: u({
 				left: n.screen.x + "px",
 				top: n.screen.y + "px"
 			}),
-			onPointerdown: s[2] ||= w(() => {}, ["stop"]),
-			onContextmenu: s[3] ||= w(() => {}, ["prevent"])
-		}, [o(Yt, {
+			onPointerdown: s[2] ||= T(() => {}, ["stop"]),
+			onContextmenu: s[3] ||= T(() => {}, ["prevent"])
+		}, [o(rn, {
 			title: "Add Node",
 			"static-title": "",
 			fill: "",
 			flush: ""
 		}, {
-			title: S(() => [a("nav", {
+			title: C(() => [a("nav", {
 				class: "crumbs",
-				title: A.value
-			}, [a("span", { class: l(["crumb", { current: !j.value }]) }, " Add Node ", 2), j.value ? (p(!0), i(e, { key: 0 }, h(j.value, (t, n) => (p(), i(e, { key: `${n}-${t}` }, [s[5] ||= a("span", { class: "crumb-sep" }, "›", -1), a("span", { class: l(["crumb", { current: n === j.value.length - 1 }]) }, v(t), 3)], 64))), 128)) : r("", !0)], 8, Sn)]),
-			"header-actions": S(() => [a("button", {
+				title: j.value
+			}, [a("span", { class: l(["crumb", { current: !M.value }]) }, " Add Node ", 2), M.value ? (p(!0), i(e, { key: 0 }, h(M.value, (t, n) => (p(), i(e, { key: `${n}-${t}` }, [s[5] ||= a("span", { class: "crumb-sep" }, "›", -1), a("span", { class: l(["crumb", { current: n === M.value.length - 1 }]) }, v(t), 3)], 64))), 128)) : r("", !0)], 8, An)]),
+			"header-actions": C(() => [a("button", {
 				class: "inspector-icon-btn",
 				type: "button",
 				title: "Add composite",
 				onClick: s[0] ||= (e) => f("addComposite")
 			}, " + ")]),
-			default: S(() => [a("div", Cn, [C(a("input", {
+			default: C(() => [a("div", jn, [w(a("input", {
 				ref_key: "searchEl",
-				ref: E,
-				"onUpdate:modelValue": s[1] ||= (e) => T.value = e,
+				ref: D,
+				"onUpdate:modelValue": s[1] ||= (e) => E.value = e,
 				class: "search",
 				type: "text",
 				placeholder: "Search nodes…",
-				onKeydown: z
-			}, null, 544), [[x, T.value]]), a("div", wn, [F.value ? (p(), i(e, { key: 0 }, [(p(!0), i(e, null, h(F.value, (t, n) => (p(), i("button", {
+				onKeydown: re
+			}, null, 544), [[x, E.value]]), a("div", Mn, [F.value ? (p(), i(e, { key: 0 }, [(p(!0), i(e, null, h(F.value, (t, n) => (p(), i("button", {
 				key: t.typeId,
 				class: l(["row node", { active: n === R.value }]),
 				title: t.description,
-				onClick: (e) => B(t, n)
+				onClick: (e) => z(t, n)
 			}, [
 				a("span", {
 					class: "dot",
 					style: u({ background: t.color })
 				}, null, 4),
-				a("span", En, v(t.displayName), 1),
-				a("span", Dn, [(p(!0), i(e, null, h(M(t), (n, o) => (p(), i(e, { key: `${t.typeId}-${o}-${n}` }, [o > 0 ? (p(), i("span", On, "›")) : r("", !0), a("span", kn, v(n), 1)], 64))), 128))])
-			], 10, Tn))), 128)), F.value.length ? r("", !0) : (p(), i("div", An, "No matches"))], 64)) : (p(), i(e, { key: 1 }, [
-				O.value.length ? (p(), i("button", {
+				a("span", Pn, v(t.displayName), 1),
+				a("span", Fn, [(p(!0), i(e, null, h(N(t), (n, o) => (p(), i(e, { key: `${t.typeId}-${o}-${n}` }, [o > 0 ? (p(), i("span", In, "›")) : r("", !0), a("span", Ln, v(n), 1)], 64))), 128))])
+			], 10, Nn))), 128)), F.value.length ? r("", !0) : (p(), i("div", Rn, "No matches"))], 64)) : (p(), i(e, { key: 1 }, [
+				k.value.length ? (p(), i("button", {
 					key: 0,
 					class: "row up",
 					onClick: P
 				}, [...s[6] ||= [a("span", { class: "icon" }, "↩", -1), a("span", { class: "name" }, "..", -1)]])) : r("", !0),
-				(p(!0), i(e, null, h(k.value.subgroups, (e) => (p(), i("button", {
+				(p(!0), i(e, null, h(A.value.subgroups, (e) => (p(), i("button", {
 					key: e.name,
 					class: "row folder",
-					onClick: (t) => N(e.name)
-				}, [a("span", Mn, v(e.name), 1), s[7] ||= a("span", { class: "chev" }, "›", -1)], 8, jn))), 128)),
-				(p(!0), i(e, null, h(k.value.nodes, (e, t) => (p(), i("button", {
+					onClick: (t) => te(e.name)
+				}, [a("span", Bn, v(e.name), 1), s[7] ||= a("span", { class: "chev" }, "›", -1)], 8, zn))), 128)),
+				(p(!0), i(e, null, h(A.value.nodes, (e, t) => (p(), i("button", {
 					key: e.typeId,
 					class: l(["row node", { active: t === R.value }]),
 					title: e.description,
-					onClick: (n) => B(e, t)
+					onClick: (n) => z(e, t)
 				}, [a("span", {
 					class: "dot",
 					style: u({ background: e.color })
-				}, null, 4), a("span", Pn, v(e.displayName), 1)], 10, Nn))), 128)),
-				!k.value.subgroups.length && !k.value.nodes.length ? (p(), i("div", Fn, " Empty ")) : r("", !0)
+				}, null, 4), a("span", Hn, v(e.displayName), 1)], 10, Vn))), 128)),
+				!A.value.subgroups.length && !A.value.nodes.length ? (p(), i("div", Un, " Empty ")) : r("", !0)
 			], 64))])])]),
 			_: 1
 		})], 36)], 32));
 	}
-}), [["__scopeId", "data-v-999f2b7d"]]), Ln = 4, Rn = .25, zn = 2, Bn = .001, Vn = 4, Hn = 120 * 1e3, Un = /*#__PURE__*/ Q(/* @__PURE__ */ s({
+}), [["__scopeId", "data-v-999f2b7d"]]), Gn = 4, Kn = .25, qn = 2, Jn = .001, Yn = 4, Xn = 120 * 1e3, Zn = /*#__PURE__*/ Q(/* @__PURE__ */ s({
 	__name: "NodeViewer",
 	props: {
 		map: {},
@@ -1892,67 +1977,70 @@ var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn =
 		function g(e) {
 			return b.value.types[e.type];
 		}
-		let _ = s, v = m([]), y = t(() => Ne(_.map, v.value)), b = t(() => y.value.activeMap), x = t(() => Pe(_.map, v.value)), S = m(0), C = m(""), T = t(() => Me(_.map, v.value)), E = m(!1), D = t(() => v.value.length ? E.value : _.ioWidgets);
-		function te() {
-			v.value.length && (v.value = v.value.slice(0, -1), H(), K.value = null);
+		let _ = s, v = m([]), y = t(() => We(_.map, v.value)), b = t(() => y.value.activeMap), x = t(() => Ge(_.map, v.value)), C = m(0), w = m(""), E = t(() => Ue(_.map, v.value)), D = m(!1), O = t(() => v.value.length ? D.value : _.ioWidgets);
+		function ee() {
+			v.value.length && (v.value = v.value.slice(0, -1), H(), q.value = null);
 		}
-		function O(e) {
-			C.value = "";
+		function k(e) {
+			w.value = "";
 			try {
-				let t = Fe(_.map, v.value, e);
-				return t.length ? (C.value = t[0] ?? "Unknown error", t) : (S.value++, []);
+				let t = Ke(_.map, v.value, e);
+				return t.length ? (w.value = t[0] ?? "Unknown error", t) : (C.value++, []);
 			} catch (e) {
-				return C.value = e instanceof Error ? e.message : String(e), [C.value];
+				return w.value = e instanceof Error ? e.message : String(e), [w.value];
 			}
 		}
-		function k(e) {
+		function A(e) {
 			let t = b.value.graph.nodes.find((t) => t.id === e);
 			if (!t || !he(t)) return;
-			let n = ze(_.map, v.value, t);
+			let n = Xe(_.map, v.value, t);
 			if (n) {
 				console.warn(`[Group] ${n}`);
 				return;
 			}
-			v.value.push({ compositeNodeId: e }), H(), K.value = null;
+			v.value.push({ compositeNodeId: e }), H(), q.value = null;
 		}
-		let A = t(() => ve(b.value)), j = t(() => D.value ? A.value.values : void 0), M = t(() => A.value.errors), N = m({});
-		ee(M, (e) => {
+		let j = t(() => be(b.value)), M = t(() => O.value ? j.value.values : void 0), N = t(() => j.value.errors), te = m({});
+		S(N, (e) => {
 			for (let [t, n] of Object.entries(e)) {
-				if (N.value[t] === n) continue;
+				if (te.value[t] === n) continue;
 				let e = b.value.graph.nodes.find((e) => e.id === t), r = e ? b.value.nodeTypes[e.typeId] : void 0, i = e?.label || r?.displayName || e?.typeId || t;
-				console.error(`[${i}] ${n}`), N.value[t] = n;
+				console.error(`[${i}] ${n}`), te.value[t] = n;
 			}
-			for (let t of Object.keys(N.value)) t in e || delete N.value[t];
+			for (let t of Object.keys(te.value)) t in e || delete te.value[t];
 		});
-		let P = m(null), F = m(0), I = m(0), R = m(1), ne = m(!1), z = m([]), B = t(() => new Set(z.value)), V = t(() => b.value.graph.nodes.filter((e) => B.value.has(e.id))), re = t(() => V.value[0] ?? null), ie = t(() => re.value ? b.value.nodeTypes[re.value.typeId] ?? null : null);
-		function ae(e) {
-			z.value = [e], Ae(b.value, e);
+		let P = m(null), F = m(0), I = m(0), R = m(1), ne = m(!1), re = m({
+			x: 0,
+			y: 0
+		}), z = m(null), B = m([]), ie = t(() => new Set(B.value)), ae = t(() => b.value.graph.nodes.filter((e) => ie.value.has(e.id))), V = t(() => ae.value[0] ?? null), oe = t(() => V.value ? b.value.nodeTypes[V.value.typeId] ?? null : null);
+		function se(e) {
+			B.value = [e], Ve(b.value, e);
 		}
-		function oe(e) {
-			z.value.indexOf(e) >= 0 ? z.value = z.value.filter((t) => t !== e) : (z.value = [...z.value, e], Ae(b.value, e));
+		function ce(e) {
+			B.value.indexOf(e) >= 0 ? B.value = B.value.filter((t) => t !== e) : (B.value = [...B.value, e], Ve(b.value, e));
 		}
-		function se(e, t) {
+		function le(e, t) {
 			if (t) {
-				oe(e);
+				ce(e);
 				return;
 			}
-			if (B.value.has(e) && z.value.length > 1) {
-				Ae(b.value, e);
+			if (ie.value.has(e) && B.value.length > 1) {
+				Ve(b.value, e);
 				return;
 			}
-			ae(e);
+			se(e);
 		}
 		function H() {
-			z.value = [];
+			B.value = [];
 		}
-		function ce(e, t) {
+		function ue(e, t) {
 			let n = Math.min(e.x, t.x), r = Math.max(e.x, t.x), i = Math.min(e.y, t.y), a = Math.max(e.y, t.y);
 			return b.value.graph.nodes.filter((e) => {
-				let t = lt(e), o = ut(e, g);
+				let t = _t(e), o = vt(e, g);
 				return e.location.x < r && e.location.x + t > n && e.location.y < a && e.location.y + o > i;
 			}).map((e) => e.id);
 		}
-		let U = m(null), le = t(() => {
+		let U = m(null), de = t(() => {
 			let e = U.value;
 			if (!e) return null;
 			let t = Math.min(e.start.x, e.cur.x), n = Math.min(e.start.y, e.cur.y);
@@ -1962,107 +2050,107 @@ var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn =
 				width: `${Math.abs(e.cur.x - e.start.x)}px`,
 				height: `${Math.abs(e.cur.y - e.start.y)}px`
 			};
-		}), W = null, ue = !1;
-		function de(e) {
+		}), W = null, fe = !1;
+		function pe(e) {
 			if (W) {
-				if (!ue) {
+				if (!fe) {
 					let t = e.clientX - W.clientX, n = e.clientY - W.clientY;
-					if (Math.hypot(t, n) < Ln) return;
-					ue = !0;
+					if (Math.hypot(t, n) < Gn) return;
+					fe = !0;
 				}
 				U.value = {
 					start: W.world,
-					cur: G(e.clientX, e.clientY)
+					cur: K(e.clientX, e.clientY)
 				};
 			}
 		}
-		function fe() {
-			window.removeEventListener("pointermove", de), window.removeEventListener("pointerup", fe), ue && U.value ? z.value = ce(U.value.start, U.value.cur) : W && (H(), K.value = null), U.value = null, W = null, ue = !1;
+		function G() {
+			window.removeEventListener("pointermove", pe), window.removeEventListener("pointerup", G), fe && U.value ? B.value = ue(U.value.start, U.value.cur) : W && (H(), q.value = null), U.value = null, W = null, fe = !1;
 		}
-		let pe = t(() => ({ transform: `translate(${F.value}px, ${I.value}px) scale(${R.value})` }));
-		function G(e, t) {
+		let ge = t(() => ({ transform: `translate(${F.value}px, ${I.value}px) scale(${R.value})` }));
+		function K(e, t) {
 			let n = P.value?.getBoundingClientRect(), r = n?.left ?? 0, i = n?.top ?? 0;
 			return {
 				x: (e - r - F.value) / R.value,
 				y: (t - i - I.value) / R.value
 			};
 		}
-		function ge(e, t) {
+		function _e(e, t) {
 			let n = P.value?.getBoundingClientRect();
 			return {
 				x: e - (n?.left ?? 0),
 				y: t - (n?.top ?? 0)
 			};
 		}
-		let K = m(null);
-		function _e(e) {
+		let q = m(null);
+		function ve(e) {
 			if (e === "composite/group") {
 				ye();
 				return;
 			}
 			let t = b.value.nodeTypes[e];
 			if (t) {
-				let e = K.value?.world ?? {
+				let e = q.value?.world ?? {
 					x: 0,
 					y: 0
 				}, n = L(t, {
 					x: e.x,
 					y: e.y
 				});
-				b.value.graph.nodes.push(n), ke(b.value), se(n.id, !1);
+				b.value.graph.nodes.push(n), Be(b.value), le(n.id, !1);
 			}
-			K.value = null;
+			q.value = null;
 		}
 		function ye() {
-			let e = K.value?.world ?? {
+			let e = q.value?.world ?? {
 				x: 0,
 				y: 0
 			}, t = b.value.graph, n = me(_.map, {
 				x: e.x,
 				y: e.y
-			}), r = Be(_.map, v.value, n, t);
+			}), r = Ze(_.map, v.value, n, t);
 			if (r) {
-				console.warn(`[Group] ${r}`), K.value = null;
+				console.warn(`[Group] ${r}`), q.value = null;
 				return;
 			}
-			t.nodes.push(n), ke(b.value), se(n.id, !1), K.value = null;
+			t.nodes.push(n), Be(b.value), le(n.id, !1), q.value = null;
 		}
-		let q = m(null), J = m(null), Se = m(null), De = t(() => {
-			let e = q.value, t = J.value;
+		let J = m(null), Y = m(null), xe = m(null), Se = t(() => {
+			let e = J.value, t = Y.value;
 			if (!e || !t) return null;
-			let n = Le(t, e.dir === "output" ? "input" : "output", e.ref.node, Se.value);
+			let n = Me(t, e.dir === "output" ? "input" : "output", e.ref.node, xe.value);
 			if (!n) return null;
 			let r = b.value.graph.nodes.find((e) => e.id === n.node);
-			return r ? ft(r, n.port, g) : null;
-		}), je = t(() => {
-			let e = q.value, t = J.value;
+			return r ? bt(r, n.port, g) : null;
+		}), Te = t(() => {
+			let e = J.value, t = Y.value;
 			if (!e || !t) return null;
-			let n = De.value ?? t;
-			return e.dir === "output" ? mt(e.pos, n) : mt(n, e.pos);
+			let n = Se.value ?? t;
+			return e.dir === "output" ? St(e.pos, n) : St(n, e.pos);
 		});
-		function Y(e, t, n) {
-			let r = b.value.graph.nodes.find((t) => t.id === e.node), i = r ? ft(r, e.port, g) : null;
-			i && (q.value = {
+		function Ee(e, t, n) {
+			let r = b.value.graph.nodes.find((t) => t.id === e.node), i = r ? bt(r, e.port, g) : null;
+			i && (J.value = {
 				ref: e,
 				dir: t.direction,
 				pos: i
-			}, J.value = G(n.clientX, n.clientY), Se.value = new Set(t.direction === "output" ? be(b.value, e.node) : xe(b.value, e.node)), window.addEventListener("pointermove", Ie), window.addEventListener("pointerup", Re));
+			}, Y.value = K(n.clientX, n.clientY), xe.value = new Set(t.direction === "output" ? Ce(b.value, e.node) : we(b.value, e.node)), window.addEventListener("pointermove", je), window.addEventListener("pointerup", Ne));
 		}
-		function Ie(e) {
-			J.value = G(e.clientX, e.clientY);
+		function je(e) {
+			Y.value = K(e.clientX, e.clientY);
 		}
-		function Le(e, t, n, r) {
+		function Me(e, t, n, r) {
 			let i = null, a = Infinity;
 			for (let o of b.value.graph.nodes) {
 				if (o.id === n || r?.has(o.id)) continue;
-				let s = o.location.x - 20, c = o.location.x + lt(o) + 20;
+				let s = o.location.x - 20, c = o.location.x + _t(o) + 20;
 				if (e.x < s || e.x > c) continue;
 				let l = t === "input" ? o.inputs : o.outputs;
 				for (let t of Object.values(l)) {
 					if (t.userOnly) continue;
-					let n = g(t), r = ft(o, t.id, g);
+					let n = g(t), r = bt(o, t.id, g);
 					if (!r) continue;
-					let s = st(t, n) / 2;
+					let s = ht(t, n) / 2;
 					if (e.y < r.y - s || e.y > r.y + s) continue;
 					let c = Math.hypot(r.x - e.x, r.y - e.y);
 					c < a && (a = c, i = {
@@ -2073,90 +2161,110 @@ var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn =
 			}
 			return i;
 		}
-		function Re() {
-			let e = q.value, t = J.value;
+		function Ne() {
+			let e = J.value, t = Y.value;
 			if (e && t) {
-				let n = Le(t, e.dir === "output" ? "input" : "output", e.ref.node, Se.value);
+				let n = Me(t, e.dir === "output" ? "input" : "output", e.ref.node, xe.value);
 				if (n) {
 					let t = e.dir === "output" ? e.ref : n, r = e.dir === "output" ? n : e.ref;
-					Ce(b.value, t, r);
+					De(b.value, t, r);
 				}
 			}
-			q.value = null, J.value = null, Se.value = null, window.removeEventListener("pointermove", Ie), window.removeEventListener("pointerup", Re);
+			J.value = null, Y.value = null, xe.value = null, window.removeEventListener("pointermove", je), window.removeEventListener("pointerup", Ne);
 		}
-		let X = m([]), Z = null, Ve = !1, He = t(() => {
-			let e = X.value;
+		let Pe = m([]), X = null, Fe = !1, Re = t(() => {
+			let e = Pe.value;
 			return e.length < 2 ? null : "M " + e.map((e) => `${e.x} ${e.y}`).join(" L ");
 		});
-		function Ue(e) {
+		function He(e) {
 			e.preventDefault();
 			let t = e.target;
-			Z = {
+			X = {
 				clientX: e.clientX,
 				clientY: e.clientY,
-				world: G(e.clientX, e.clientY),
-				screen: ge(e.clientX, e.clientY),
+				world: K(e.clientX, e.clientY),
+				screen: _e(e.clientX, e.clientY),
 				onBackground: !t?.closest(".node") && !t?.closest(".config-bar")
-			}, Ve = !1, X.value = [Z.world], window.addEventListener("pointermove", We), window.addEventListener("pointerup", Q);
-		}
-		function We(e) {
-			if (!Z) return;
-			if (!Ve) {
-				let t = e.clientX - Z.clientX, n = e.clientY - Z.clientY;
-				if (Math.hypot(t, n) < Vn) return;
-				Ve = !0;
+			}, Fe = !1, Pe.value = [X.world], window.addEventListener("pointermove", Z), window.addEventListener("pointerup", Je);
+		}
+		function Z(e) {
+			if (!X) return;
+			if (!Fe) {
+				let t = e.clientX - X.clientX, n = e.clientY - X.clientY;
+				if (Math.hypot(t, n) < Yn) return;
+				Fe = !0;
 			}
-			let t = G(e.clientX, e.clientY), n = X.value, r = n[n.length - 1];
-			n.push(t), r && Ge(r, t);
+			let t = K(e.clientX, e.clientY), n = Pe.value, r = n[n.length - 1];
+			n.push(t), r && qe(r, t);
 		}
-		function Ge(e, t) {
+		function qe(e, t) {
 			for (let n of [...b.value.graph.connections]) {
 				let r = b.value.graph.nodes.find((e) => e.id === n.from.node), i = b.value.graph.nodes.find((e) => e.id === n.to.node);
 				if (!r || !i) continue;
-				let a = ft(r, n.from.port, g), o = ft(i, n.to.port, g);
+				let a = bt(r, n.from.port, g), o = bt(i, n.to.port, g);
 				if (!a || !o) continue;
-				let s = ht(a, o);
-				for (let r = 0; r < s.length - 1; r++) if (gt(e, t, s[r], s[r + 1])) {
-					we(b.value, n.id);
+				let s = Ct(a, o);
+				for (let r = 0; r < s.length - 1; r++) if (wt(e, t, s[r], s[r + 1])) {
+					Oe(b.value, n.id);
 					break;
 				}
 			}
 		}
-		function Q() {
-			window.removeEventListener("pointermove", We), window.removeEventListener("pointerup", Q);
-			let e = Z, t = Ve;
-			X.value = [], Z = null, Ve = !1, !t && e && e.onBackground && (K.value = {
+		function Je() {
+			window.removeEventListener("pointermove", Z), window.removeEventListener("pointerup", Je);
+			let e = X, t = Fe;
+			Pe.value = [], X = null, Fe = !1, !t && e && e.onBackground && (q.value = {
 				screen: e.screen,
 				world: e.world
 			});
 		}
-		function Ke() {
+		function Ye() {
 			F.value = 0, I.value = 0, R.value = 1;
 		}
-		function qe() {
-			v.value = [], H(), K.value = null, S.value++;
+		function Qe() {
+			v.value = [], H(), q.value = null, C.value++;
+		}
+		c({ resetView: Qe });
+		function $e(e) {
+			let t = e.target;
+			return t instanceof HTMLElement && !!t.closest("input, textarea, select");
+		}
+		function Q(e) {
+			re.value = K(e.clientX, e.clientY);
 		}
-		c({ resetView: qe });
-		function Je(e) {
+		function et(e) {
 			if (e.key === "Escape") {
-				K.value ? K.value = null : v.value.length ? te() : z.value.length ? H() : Ke();
+				q.value ? q.value = null : v.value.length ? ee() : B.value.length ? H() : Ye();
 				return;
 			}
-			if (e.key !== "Delete" && e.key !== "Backspace") return;
-			let t = e.target;
-			if (!(t instanceof HTMLElement && t.closest("input, textarea, select")) && z.value.length) {
-				for (let e of z.value) Te(b.value, e) && Ee(b.value, e);
+			let t = e.ctrlKey || e.metaKey;
+			if (t && e.key === "c") {
+				if ($e(e)) return;
+				let t = Ie(ae.value, b.value.graph.connections, re.value);
+				t && (z.value = t), e.preventDefault();
+				return;
+			}
+			if (t && e.key === "v") {
+				if ($e(e) || !z.value) return;
+				let t = Le(b.value, z.value, re.value);
+				Be(b.value);
+				for (let e of t) Ve(b.value, e);
+				B.value = t, e.preventDefault();
+				return;
+			}
+			if (!(e.key !== "Delete" && e.key !== "Backspace") && !$e(e) && B.value.length) {
+				for (let e of B.value) ke(b.value, e) && Ae(b.value, e);
 				H(), e.preventDefault();
 			}
 		}
-		function Ye(e) {
+		function tt(e) {
 			e.preventDefault();
 			let t = P.value;
 			if (!t) return;
-			let n = t.getBoundingClientRect(), r = e.clientX - n.left, i = e.clientY - n.top, a = (r - F.value) / R.value, o = (i - I.value) / R.value, s = Math.min(zn, Math.max(Rn, R.value * (1 - e.deltaY * Bn)));
+			let n = t.getBoundingClientRect(), r = e.clientX - n.left, i = e.clientY - n.top, a = (r - F.value) / R.value, o = (i - I.value) / R.value, s = Math.min(qn, Math.max(Kn, R.value * (1 - e.deltaY * Jn)));
 			F.value = r - a * s, I.value = i - o * s, R.value = s;
 		}
-		function Xe(e) {
+		function nt(e) {
 			let t = e.clientX, n = e.clientY, r = F.value, i = I.value;
 			ne.value = !0;
 			function a(e) {
@@ -2167,49 +2275,50 @@ var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn =
 			}
 			window.addEventListener("pointermove", a), window.addEventListener("pointerup", o);
 		}
-		function $(e) {
+		function rt(e) {
 			e.button === 0 && (e.stopPropagation(), W = {
 				clientX: e.clientX,
 				clientY: e.clientY,
-				world: G(e.clientX, e.clientY)
-			}, ue = !1, window.addEventListener("pointermove", de), window.addEventListener("pointerup", fe));
+				world: K(e.clientX, e.clientY)
+			}, fe = !1, window.addEventListener("pointermove", pe), window.addEventListener("pointerup", G));
 		}
-		function Ze(e) {
-			e.button === 1 ? (e.preventDefault(), Xe(e)) : e.button === 2 && Ue(e);
+		function it(e) {
+			e.button === 1 ? (e.preventDefault(), nt(e)) : e.button === 2 && He(e);
 		}
-		let Qe;
+		let $;
 		return d(() => {
-			window.addEventListener("keydown", Je), ke(b.value), Qe = window.setInterval(() => Oe(b.value), Hn);
+			window.addEventListener("keydown", et), Be(b.value), $ = window.setInterval(() => ze(b.value), Xn);
 		}), f(() => {
-			window.removeEventListener("keydown", Je), Qe !== void 0 && window.clearInterval(Qe);
+			window.removeEventListener("keydown", et), $ !== void 0 && window.clearInterval($);
 		}), (t, s) => (p(), i("div", {
 			ref_key: "viewerEl",
 			ref: P,
 			class: l(["viewer", { panning: ne.value }]),
-			onWheel: Ye,
-			onPointerdown: Ze,
-			onContextmenu: s[3] ||= w(() => {}, ["prevent"])
+			onWheel: tt,
+			onPointerdown: it,
+			onPointermove: Q,
+			onContextmenu: s[3] ||= T(() => {}, ["prevent"])
 		}, [
 			a("div", {
 				class: "top-right-stack",
-				onPointerdown: s[1] ||= w(() => {}, ["stop"])
-			}, [v.value.length ? (p(), n(vn, {
+				onPointerdown: s[1] ||= T(() => {}, ["stop"])
+			}, [v.value.length ? (p(), n(En, {
 				key: 0,
-				composite: T.value,
-				"io-widgets": E.value,
-				onUp: te,
-				"onUpdate:ioWidgets": s[0] ||= (e) => E.value = e
-			}, null, 8, ["composite", "io-widgets"])) : r("", !0), re.value ? (p(), n(fn, {
+				composite: E.value,
+				"io-widgets": D.value,
+				onUp: ee,
+				"onUpdate:ioWidgets": s[0] ||= (e) => D.value = e
+			}, null, 8, ["composite", "io-widgets"])) : r("", !0), V.value ? (p(), n(bn, {
 				key: 1,
 				class: "stacked-panel",
 				map: b.value,
-				nodes: V.value,
-				def: ie.value,
+				nodes: ae.value,
+				def: oe.value,
 				"graph-interface": x.value,
-				"interface-revision": S.value,
-				"interface-commit-error": C.value,
-				"apply-interface-mutation": O,
-				error: V.value.length === 1 ? M.value[re.value.id] : void 0
+				"interface-revision": C.value,
+				"interface-commit-error": w.value,
+				"apply-interface-mutation": k,
+				error: ae.value.length === 1 ? N.value[V.value.id] : void 0
 			}, null, 8, [
 				"map",
 				"nodes",
@@ -2221,39 +2330,39 @@ var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn =
 			])) : r("", !0)], 32),
 			a("div", {
 				class: "viewport",
-				style: u(pe.value)
+				style: u(ge.value)
 			}, [
 				a("div", {
 					class: "canvas-bg",
-					onPointerdown: $
+					onPointerdown: rt
 				}, null, 32),
-				o(jt, {
+				o(zt, {
 					map: b.value,
-					"pending-path": je.value,
-					"slice-path": He.value
+					"pending-path": Te.value,
+					"slice-path": Re.value
 				}, null, 8, [
 					"map",
 					"pending-path",
 					"slice-path"
 				]),
-				le.value ? (p(), i("div", {
+				de.value ? (p(), i("div", {
 					key: 0,
 					class: "marquee",
-					style: u(le.value)
+					style: u(de.value)
 				}, null, 4)) : r("", !0),
-				(p(!0), i(e, null, h(b.value.graph.nodes, (e) => (p(), n(Et, {
+				(p(!0), i(e, null, h(b.value.graph.nodes, (e) => (p(), n(Pt, {
 					key: e.id,
 					node: e,
 					map: b.value,
 					zoom: R.value,
-					"io-widgets": D.value,
-					"io-results": j.value,
-					selected: z.value.includes(e.id),
-					"selected-ids": B.value,
-					error: M.value[e.id],
-					onConnectStart: Y,
-					onSelect: se,
-					onDrillIn: k
+					"io-widgets": O.value,
+					"io-results": M.value,
+					selected: B.value.includes(e.id),
+					"selected-ids": ie.value,
+					error: N.value[e.id],
+					onConnectStart: Ee,
+					onSelect: le,
+					onDrillIn: A
 				}, null, 8, [
 					"node",
 					"map",
@@ -2265,25 +2374,25 @@ var Sn = ["title"], Cn = { class: "picker-body" }, wn = { class: "list" }, Tn =
 					"error"
 				]))), 128))
 			], 4),
-			K.value ? (p(), n(In, {
+			q.value ? (p(), n(Wn, {
 				key: 0,
 				map: b.value,
-				screen: K.value.screen,
-				onSelect: _e,
+				screen: q.value.screen,
+				onSelect: ve,
 				onAddComposite: ye,
-				onClose: s[2] ||= (e) => K.value = null
+				onClose: s[2] ||= (e) => q.value = null
 			}, null, 8, ["map", "screen"])) : r("", !0)
 		], 34));
 	}
-}), [["__scopeId", "data-v-ff1ea32f"]]);
+}), [["__scopeId", "data-v-0d57969f"]]);
 //#endregion
 //#region src/components/types/registerDefaultTypeWidgets.ts
-function Wn() {
-	nt("number", Ke), nt("string", $);
+function Qn() {
+	ut("number", et), ut("string", $);
 }
 //#endregion
 //#region src/store/graph/createNodeMap.ts
-function Gn(e = {}) {
+function $n(e = {}) {
 	let t = {
 		graph: e.graph ?? {
 			nodes: [],
@@ -2292,116 +2401,116 @@ function Gn(e = {}) {
 		types: {},
 		nodeTypes: {},
 		extensions: e.extensions ? [...e.extensions] : [],
-		graphInterface: R(e.graphInterface ?? j),
+		graphInterface: R(e.graphInterface ?? M),
 		registrationMeta: {
 			types: {},
 			nodeTypes: {}
 		},
 		loadPack: () => []
 	};
-	return e.types && N(t, e.types), e.nodeTypes && P(t, e.nodeTypes), ae(t, t.graphInterface), se(t), t;
+	return e.types && te(t, e.types), e.nodeTypes && P(t, e.nodeTypes), V(t, t.graphInterface), se(t), t;
 }
 //#endregion
 //#region src/store/packs/installPack.ts
-function Kn(e, t) {
+function er(e, t) {
 	return t ?? e.priority ?? 0;
 }
-function qn(e, t) {
+function tr(e, t) {
 	return e.registrationMeta.types[t]?.priority ?? 0;
 }
-function Jn(e, t) {
+function nr(e, t) {
 	return e.registrationMeta.types[t]?.packId ?? "unknown";
 }
-function Yn(e, t) {
+function rr(e, t) {
 	return e.registrationMeta.nodeTypes[t]?.priority ?? 0;
 }
-function Xn(e, t) {
+function ir(e, t) {
 	return e.registrationMeta.nodeTypes[t]?.packId ?? "unknown";
 }
-function Zn(e, t, n, r, i) {
+function ar(e, t, n, r, i) {
 	if (!e.types[r]) return e.types[r] = i, e.registrationMeta.types[r] = {
 		packId: t,
 		priority: n
 	}, null;
-	let a = qn(e, r);
+	let a = tr(e, r);
 	return n > a ? (e.types[r] = i, e.registrationMeta.types[r] = {
 		packId: t,
 		priority: n
-	}, null) : n < a ? null : `type "${r}" already registered by pack "${Jn(e, r)}" with priority ${a}`;
+	}, null) : n < a ? null : `type "${r}" already registered by pack "${nr(e, r)}" with priority ${a}`;
 }
-function Qn(e, t, n, r, i) {
-	if (!e.nodeTypes[r]) return e.nodeTypes[r] = M(i), e.registrationMeta.nodeTypes[r] = {
+function or(e, t, n, r, i) {
+	if (!e.nodeTypes[r]) return e.nodeTypes[r] = N(i), e.registrationMeta.nodeTypes[r] = {
 		packId: t,
 		priority: n
 	}, null;
-	let a = Yn(e, r);
-	return n > a ? (e.nodeTypes[r] = M(i), e.registrationMeta.nodeTypes[r] = {
+	let a = rr(e, r);
+	return n > a ? (e.nodeTypes[r] = N(i), e.registrationMeta.nodeTypes[r] = {
 		packId: t,
 		priority: n
-	}, null) : n < a ? null : `node type "${r}" already registered by pack "${Xn(e, r)}" with priority ${a}`;
+	}, null) : n < a ? null : `node type "${r}" already registered by pack "${ir(e, r)}" with priority ${a}`;
 }
-function $n(e, t, n) {
+function sr(e, t, n) {
 	if (e.extensions.includes(t.id)) return [];
 	let r = [];
 	if (t.types) for (let [n, i] of Object.entries(t.types)) {
-		let a = Zn(e, t.id, Kn(t, i.priority), n, i);
+		let a = ar(e, t.id, er(t, i.priority), n, i);
 		a && r.push(a);
 	}
 	if (t.nodeTypes) for (let [n, i] of Object.entries(t.nodeTypes)) {
-		let a = Qn(e, t.id, Kn(t, i.priority), n, i);
+		let a = or(e, t.id, er(t, i.priority), n, i);
 		a && r.push(a);
 	}
 	return r.length ? r : (F(e, t), n && t.setup?.(n), []);
 }
 //#endregion
 //#region src/vue/attachLoadPack.ts
-function er() {
+function cr() {
 	return {
-		registerTypeWidget: nt,
-		registerComponentWidget: rt
+		registerTypeWidget: ut,
+		registerComponentWidget: dt
 	};
 }
-function tr(e) {
-	e.loadPack = (t) => $n(e, t, er());
+function lr(e) {
+	e.loadPack = (t) => sr(e, t, cr());
 }
 //#endregion
 //#region src/vue/createNodeMap.ts
-var nr = !1;
-function rr(e = {}) {
-	nr ||= (Wn(), !0);
-	let t = Gn(e);
-	tr(t);
+var ur = !1;
+function dr(e = {}) {
+	ur ||= (Qn(), !0);
+	let t = $n(e);
+	lr(t);
 	for (let n of e.packs ?? []) t.loadPack(n);
 	return t;
 }
 //#endregion
 //#region src/store/graph/validateGraphTypes.ts
-function ir(e, t, n, r, i) {
-	for (let a of G(n)) e.types[a] || i.push(`node "${t.label ?? t.typeId}" (${t.id}): unknown ${r} port type "${a}" on port "${n.name}"`);
+function fr(e, t, n, r, i) {
+	for (let a of ve(n)) e.types[a] || i.push(`node "${t.label ?? t.typeId}" (${t.id}): unknown ${r} port type "${a}" on port "${n.name}"`);
 }
-function ar(e, t, n) {
+function pr(e, t, n) {
 	e.nodeTypes[t.typeId] || n.push(`node "${t.label ?? t.id}": unknown typeId "${t.typeId}"`);
-	for (let r of Object.values(t.inputs)) ir(e, t, r, "input", n);
-	for (let r of Object.values(t.outputs)) ir(e, t, r, "output", n);
-	t.composite?.graph && or(e, t.composite.graph, n);
+	for (let r of Object.values(t.inputs)) fr(e, t, r, "input", n);
+	for (let r of Object.values(t.outputs)) fr(e, t, r, "output", n);
+	t.composite?.graph && mr(e, t.composite.graph, n);
 }
-function or(e, t, n = []) {
-	for (let r of t.nodes) ar(e, r, n);
+function mr(e, t, n = []) {
+	for (let r of t.nodes) pr(e, r, n);
 	return n;
 }
 //#endregion
 //#region src/store/graph/document.ts
-function sr(e) {
+function hr(e) {
 	return {
 		graph: R(e.graph),
 		interface: R(e.graphInterface),
 		extensions: e.extensions.length ? [...e.extensions] : void 0
 	};
 }
-function cr(e) {
-	return sr(e);
+function gr(e) {
+	return hr(e);
 }
-function lr(e) {
+function _r(e) {
 	let t;
 	try {
 		t = JSON.parse(e);
@@ -2417,26 +2526,26 @@ function lr(e) {
 	if (n.extensions !== void 0 && (!Array.isArray(n.extensions) || n.extensions.some((e) => typeof e != "string"))) throw Error("extensions must be an array of strings");
 	return n;
 }
-function ur(e, t) {
+function vr(e, t) {
 	return t?.length ? t.filter((t) => !e.extensions.includes(t)).map((e) => `missing pack "${e}" (call map.loadPack() before import)`) : [];
 }
-function dr(e, t) {
+function yr(e, t) {
 	let n = [];
-	return n.push(...ur(e, t.extensions)), n.push(...ce({
+	return n.push(...vr(e, t.extensions)), n.push(...le({
 		...e,
 		graph: t.graph
-	})), n.push(...z(e, t.interface)), n.push(...or(e, t.graph)), n;
+	})), n.push(...re(e, t.interface)), n.push(...mr(e, t.graph)), n;
 }
-function fr(e, t) {
-	let n = ur(e, t.extensions);
-	return n.length ? n : (e.graph = R(t.graph), e.graphInterface = R(t.interface), ae(e, e.graphInterface), se(e), n.push(...dr(e, t)), n);
+function br(e, t) {
+	let n = vr(e, t.extensions);
+	return n.length ? n : (e.graph = R(t.graph), e.graphInterface = R(t.interface), V(e, e.graphInterface), se(e), n.push(...yr(e, t)), n);
 }
-function pr(e, t) {
-	return fr(e, t);
+function xr(e, t) {
+	return br(e, t);
 }
 //#endregion
 //#region src/store/registry/defineType.ts
-function mr(e) {
+function Sr(e) {
 	if (e.widgets) {
 		let t = Object.keys(e.widgets), n = e.defaultWidget ?? (t.length === 1 ? t[0] : "default");
 		return {
@@ -2451,11 +2560,11 @@ function mr(e) {
 		widget: e.widget
 	} : {};
 }
-function hr(e) {
-	let t = mr(e), n = t.widget, r = vr(n);
+function Cr(e) {
+	let t = Sr(e), n = t.widget, r = Er(n);
 	return {
 		id: e.id,
-		label: e.label ?? gr(e.id),
+		label: e.label ?? wr(e.id),
 		color: e.color ?? "#888",
 		validate: e.validate,
 		accepts: e.accepts,
@@ -2467,14 +2576,14 @@ function hr(e) {
 		coerce: e.coerce ?? r.coerce
 	};
 }
-function gr(e) {
+function wr(e) {
 	return e.charAt(0).toUpperCase() + e.slice(1);
 }
-function _r(e, t, n) {
+function Tr(e, t, n) {
 	let r = Number(e);
 	return Number.isNaN(r) && (r = 0), t !== void 0 && (r = Math.max(t, r)), n !== void 0 && (r = Math.min(n, r)), r;
 }
-function vr(e) {
+function Er(e) {
 	if (!e) return {
 		parse: (e) => e,
 		format: (e) => e == null ? "" : String(e)
@@ -2483,14 +2592,15 @@ function vr(e) {
 		case "number": return {
 			parse: (e) => Number(e),
 			format: (e) => e == null ? "" : String(e),
-			coerce: (t) => _r(t, e.min, e.max)
+			coerce: (t) => Tr(t, e.min, e.max)
 		};
 		case "text": return {
 			parse: (e) => e,
 			format: (e) => e == null ? "" : String(e)
 		};
 		case "custom": return { format: (e) => e == null ? "" : String(e) };
+		case "none": return { format: (e) => e == null ? "" : String(e) };
 	}
 }
 //#endregion
-export { B as INPUT_TYPE, Un as NodeViewer, V as OUTPUT_TYPE, fr as applyDocument, ye as assignable, oe as boundaryNodes, rr as createNodeMap, hr as defineType, cr as exportGraph, pr as importGraph, L as instantiate, K as isConnectionOnly, ge as isUnionPort, lr as parseGraphDocument, q as portAccepts, G as portTypes, rt as registerComponentWidget, Wn as registerDefaultTypeWidgets, nt as registerTypeWidget, ve as runGraph, sr as serializeDocument, dr as validateDocument };
+export { z as INPUT_TYPE, Zn as NodeViewer, B as OUTPUT_TYPE, br as applyDocument, xe as assignable, oe as boundaryNodes, Ie as buildClipboard, dr as createNodeMap, Cr as defineType, gr as exportGraph, xr as importGraph, L as instantiate, J as isConnectionOnly, ye as isUnionPort, _r as parseGraphDocument, Le as pasteClipboard, Se as portAccepts, ve as portTypes, dt as registerComponentWidget, Qn as registerDefaultTypeWidgets, ut as registerTypeWidget, be as runGraph, hr as serializeDocument, yr as validateDocument };