@nodish/core 0.0.0

package/dist/vue.js

@@ -0,0 +1,2487 @@
+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 './vue.css';//#region src/store/graph/pruneConnections.ts
+function T(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) {
+	return e.resolvePorts ? e.resolvePorts(t) : {
+		inputs: e.inputs,
+		outputs: e.outputs
+	};
+}
+function D(e) {
+	let t = {};
+	for (let n of Object.values(e.inputs)) n.userOnly && (t[n.name] = n.value);
+	return t;
+}
+function O(e) {
+	let t = {};
+	for (let n of Object.values(e.inputs)) n.userOnly && (t[n.name] = n.defaultValue);
+	return t;
+}
+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.userOnly = e.userOnly, t.multi = e.multi, t.customProps = e.customProps, i[t.id] = t;
+		else {
+			let t = crypto.randomUUID();
+			i[t] = {
+				id: t,
+				name: e.name,
+				type: e.type,
+				direction: n,
+				value: void 0,
+				userOnly: e.userOnly,
+				multi: e.multi,
+				customProps: e.customProps
+			};
+		}
+	}
+	return i;
+}
+function A(e, t) {
+	let n = e.nodeTypes[t.typeId];
+	if (!n?.resolvePorts) return;
+	let r = E(n, D(t));
+	t.inputs = k(t.inputs, r.inputs, "input"), t.outputs = k(t.outputs, r.outputs, "output"), T(e, t);
+}
+//#endregion
+//#region src/store/graph/expandIO.ts
+function j(e) {
+	let t = {};
+	for (let [n, r] of Object.entries(e ?? {})) t[n] = {
+		name: n,
+		...r
+	};
+	return t;
+}
+//#endregion
+//#region src/store/model.ts
+var M = {
+	parameters: {
+		a: {
+			type: "number",
+			defaultValue: 0
+		},
+		b: {
+			type: "number",
+			defaultValue: 0
+		}
+	},
+	returns: { result: { type: "number" } }
+};
+//#endregion
+//#region src/store/registry/defineNode.ts
+function N(e) {
+	return {
+		typeId: e.typeId,
+		displayName: e.displayName,
+		color: e.color ?? "#3a3f4b",
+		description: e.description ?? "",
+		group: e.group ?? [],
+		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: j(n.inputs),
+				outputs: j(n.outputs)
+			};
+		} : void 0
+	};
+}
+//#endregion
+//#region src/store/registry/index.ts
+function P(e, t) {
+	Object.assign(e.types, t);
+}
+function F(e, t) {
+	for (let [n, r] of Object.entries(t)) e.nodeTypes[n] = N(r);
+}
+function I(e, t) {
+	t.types && P(e, t.types), t.nodeTypes && F(e, t.nodeTypes), e.extensions.includes(t.id) || e.extensions.push(t.id);
+}
+//#endregion
+//#region src/store/graph/instance.ts
+function L(e, t) {
+	let n = {};
+	for (let r of Object.values(e)) {
+		let e = crypto.randomUUID();
+		n[e] = {
+			id: e,
+			name: r.name,
+			type: r.type,
+			direction: t,
+			value: r.userOnly ? r.defaultValue : void 0,
+			userOnly: r.userOnly,
+			multi: r.multi,
+			customProps: r.customProps
+		};
+	}
+	return n;
+}
+function R(e, t) {
+	let { inputs: n, outputs: r } = E(e, O(e));
+	return {
+		id: crypto.randomUUID(),
+		typeId: e.typeId,
+		location: t,
+		inputs: L(n, "input"),
+		outputs: L(r, "output")
+	};
+}
+//#endregion
+//#region src/store/utils/clonePlain.ts
+function z(e) {
+	return JSON.parse(JSON.stringify(e));
+}
+//#endregion
+//#region src/store/interface/graphInterface.ts
+var te = /^[a-zA-Z_][a-zA-Z0-9_]*$/;
+function B(e, t) {
+	let n = [], r = (t, r) => {
+		let i = /* @__PURE__ */ new Set();
+		for (let [a, o] of Object.entries(t ?? {})) te.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}"`);
+	};
+	return r(t.parameters, "parameters"), r(t.returns, "returns"), n;
+}
+//#endregion
+//#region src/store/nodes/io.ts
+var V = "io/input", H = "io/output", ne = {
+	input: {
+		x: 40,
+		y: 120
+	},
+	output: {
+		x: 480,
+		y: 130
+	}
+};
+function re(e = {}) {
+	return {
+		input: {
+			typeId: V,
+			displayName: "Input",
+			color: "#7a5a3a",
+			description: "Graph inputs (function parameters).",
+			group: ["graph"],
+			outputs: e.parameters
+		},
+		output: {
+			typeId: H,
+			displayName: "Output",
+			color: "#7a3a5a",
+			description: "Graph outputs (function return values).",
+			group: ["graph"],
+			inputs: e.returns
+		}
+	};
+}
+function ie(e, t) {
+	e.graphInterface = t;
+	let n = re(t);
+	F(e, {
+		[n.input.typeId]: n.input,
+		[n.output.typeId]: n.output
+	});
+}
+function ae(e) {
+	let t = e.graph.nodes.filter((e) => e.typeId === V), n = e.graph.nodes.filter((e) => e.typeId === H);
+	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 oe(e, t = ne) {
+	let n = e.graph.nodes.filter((e) => e.typeId === V), r = e.graph.nodes.filter((e) => e.typeId === H);
+	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 = re(e.graphInterface);
+	return i || (i = R(N(o.input), t.input), e.graph.nodes.push(i)), a || (a = R(N(o.output), t.output), e.graph.nodes.push(a)), {
+		input: i,
+		output: a
+	};
+}
+function U(e, t) {
+	let n = B(e, t);
+	if (n.length) return n;
+	ie(e, t);
+	let { input: r, output: i } = ae(e);
+	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 = k(i.inputs, j(t.returns), "input"), T(e, r), T(e, i), [];
+}
+function se(e) {
+	let t = [], n = e.graph.nodes.filter((e) => e.typeId === V).length, r = e.graph.nodes.filter((e) => e.typeId === H).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 W = "composite/group", ce = {
+	typeId: W,
+	displayName: "Group",
+	color: "#4a5a6a",
+	description: "A nested subgraph with its own inputs and outputs.",
+	group: ["Custom nodes"]
+};
+function G(e, t) {
+	let n = t.composite;
+	if (!n) throw Error("node has no composite state");
+	let r = {
+		graph: n.graph,
+		graphInterface: n.interface,
+		types: e.types,
+		nodeTypes: { ...e.nodeTypes },
+		extensions: e.extensions,
+		loadPack: (t) => e.loadPack(t)
+	};
+	return ie(r, n.interface), r;
+}
+function le(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"), T(e, t);
+}
+function ue(e, t, n = {}) {
+	let r = U(e, t);
+	if (r.length) return r;
+	let i = n.ownerComposite;
+	return i?.composite && n.parentMap ? (i.composite.interface = t, le(n.parentMap, i)) : e.graphInterface = t, [];
+}
+function de(e) {
+	let t = {};
+	return {
+		inputs: k(t, j(e.parameters), "input"),
+		outputs: k(t, j(e.returns), "output")
+	};
+}
+function fe(e, t) {
+	let n = {
+		graph: {
+			nodes: [],
+			connections: []
+		},
+		graphInterface: z(t),
+		types: e.types,
+		nodeTypes: { ...e.nodeTypes },
+		extensions: e.extensions,
+		loadPack: (t) => e.loadPack(t)
+	};
+	return ie(n, n.graphInterface), oe(n, ne), {
+		graph: z(n.graph),
+		interface: z(n.graphInterface)
+	};
+}
+function pe(e, t) {
+	e.nodeTypes["composite/group"] || F(e, { [W]: ce });
+	let n = z(M), r = fe(e, n), { inputs: i, outputs: a } = de(n);
+	return {
+		id: crypto.randomUUID(),
+		typeId: W,
+		location: t,
+		inputs: i,
+		outputs: a,
+		composite: r
+	};
+}
+function me(e) {
+	return e.typeId === "composite/group" && !!e.composite;
+}
+//#endregion
+//#region src/store/graph/evaluate.ts
+function K(e) {
+	return e instanceof Error ? e.message : String(e);
+}
+function he(e, t = {}) {
+	let n = {};
+	for (let t of e.graph.nodes) n[t.id] = t;
+	let r = /* @__PURE__ */ new Map();
+	for (let t of e.graph.connections) {
+		let e = `${t.to.node}:${t.to.port}`, n = r.get(e);
+		n ? n.push(t.from) : r.set(e, [t.from]);
+	}
+	let i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Set(), o = {};
+	function s(e, t) {
+		e.id in o || (o[e.id] = K(t));
+	}
+	function c(e) {
+		let t = n[e.node], r = t?.outputs[e.port];
+		return r ? u(t)[r.name] : void 0;
+	}
+	function l(t, n = {}) {
+		let i = n.useDefaults !== !1, a = {};
+		for (let n of Object.values(t.inputs)) {
+			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 {
+				let t = n.value;
+				t === void 0 && i && (t = e.types[n.type]?.defaultValue);
+				let r = e.types[n.type];
+				t !== void 0 && r?.coerce && (t = r.coerce(t)), a[n.name] = t;
+			}
+		}
+		return a;
+	}
+	function u(n) {
+		let r = i.get(n.id);
+		if (r) return r;
+		if (a.has(n.id)) return s(n, /* @__PURE__ */ Error("Cycle detected")), {};
+		a.add(n.id);
+		let o;
+		if (n.typeId === "io/input") {
+			o = {};
+			for (let e of Object.values(n.outputs)) o[e.name] = e.name in t ? t[e.name] : e.value;
+		} else if (me(n)) {
+			let t = he(G(e, n), l(n));
+			for (let e of Object.values(t.errors)) {
+				s(n, Error(e));
+				break;
+			}
+			o = t.values;
+		} else {
+			let t = e.nodeTypes[n.typeId];
+			if (t?.execute) try {
+				o = t.execute(l(n));
+			} catch (e) {
+				s(n, e), o = {};
+			}
+			else o = {};
+		}
+		return a.delete(n.id), i.set(n.id, o), o;
+	}
+	let d = e.graph.nodes.find((e) => e.typeId === H);
+	return {
+		values: d ? l(d, { useDefaults: !1 }) : {},
+		errors: o
+	};
+}
+//#endregion
+//#region src/store/graph/connect.ts
+function ge(e, t, n) {
+	let r = e.types[n];
+	return r && r.accepts ? r.accepts(t) : t === n;
+}
+function _e(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e.graph.connections) {
+		let e = n.get(t.to.node) ?? [];
+		e.push(t.from.node), n.set(t.to.node, e);
+	}
+	let r = /* @__PURE__ */ new Set(), i = [...n.get(t) ?? []];
+	for (; i.length;) {
+		let e = i.pop();
+		if (!r.has(e)) {
+			r.add(e);
+			for (let t of n.get(e) ?? []) i.push(t);
+		}
+	}
+	return [...r];
+}
+function ve(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e.graph.connections) {
+		let e = n.get(t.from.node) ?? [];
+		e.push(t.to.node), n.set(t.from.node, e);
+	}
+	let r = /* @__PURE__ */ new Set(), i = [...n.get(t) ?? []];
+	for (; i.length;) {
+		let e = i.pop();
+		if (!r.has(e)) {
+			r.add(e);
+			for (let t of n.get(e) ?? []) i.push(t);
+		}
+	}
+	return [...r];
+}
+function q(e, t, n) {
+	return ve(e, n.node).includes(t.node);
+}
+function ye(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 || q(e, t, n) ? !1 : ge(e, a.type, o.type);
+}
+function be(e, t, n) {
+	if (!ye(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)));
+	let i = {
+		id: crypto.randomUUID(),
+		from: t,
+		to: n
+	};
+	return e.graph.connections.push(i), i;
+}
+function xe(e, t) {
+	e.graph.connections = e.graph.connections.filter((e) => e.id !== t);
+}
+//#endregion
+//#region src/store/graph/removeNode.ts
+function Se(e, t) {
+	let n = e.graph.nodes.find((e) => e.id === t);
+	return n ? n.typeId !== "io/input" && n.typeId !== "io/output" : !1;
+}
+function Ce(e, t) {
+	Se(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/stacking.ts
+function we(e) {
+	let t = 0;
+	for (let n of e.graph.nodes) t = Math.max(t, n.z ?? 0);
+	return t;
+}
+function Te(e) {
+	e.graph.nodes.map((e, t) => ({
+		n: e,
+		i: t
+	})).sort((e, t) => (e.n.z ?? 0) - (t.n.z ?? 0) || e.i - t.i).forEach((e, t) => {
+		e.n.z = t + 1;
+	});
+}
+function Ee(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 && Te(e);
+}
+function De(e, t) {
+	let n = e.graph.nodes.find((e) => e.id === t);
+	if (!n) return;
+	let r = we(e);
+	(n.z ?? 0) >= r || (n.z = r + 1);
+}
+//#endregion
+//#region src/store/composite/editContext.ts
+function J(e, t, n) {
+	let r = e;
+	for (let i = 0; i <= n; i++) {
+		let a = t[i];
+		if (!a) return null;
+		let o = r.graph.nodes.find((e) => e.id === a.compositeNodeId);
+		if (!o) return null;
+		if (i === n) return o;
+		if (!o.composite) return null;
+		r = G(e, o);
+	}
+	return null;
+}
+function Oe(e, t) {
+	return t.length ? J(e, t, t.length - 1) : null;
+}
+function ke(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 = G(e, r));
+	}
+	return {
+		activeMap: G(e, r),
+		interfaceOptions: {
+			ownerComposite: r,
+			parentMap: n
+		}
+	};
+}
+//#endregion
+//#region src/store/interface/editor.ts
+function Ae(e, t) {
+	if (!t.length) return e.graphInterface;
+	let n = Oe(e, t);
+	return n?.composite ? n.composite.interface : e.graphInterface;
+}
+function je(e, t, n) {
+	let r = Ae(e, t);
+	n(r);
+	let i = ke(e, t);
+	return ue(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;
+	return !1;
+}
+function Me(e) {
+	return e.map((e) => e.compositeNodeId);
+}
+function Ne(e, t) {
+	let n = new Set(Me(t)), r = Oe(e, t);
+	return r && n.add(r.id), n;
+}
+function Pe(e, t, n) {
+	for (let r of Ne(e, t)) if (Y(n, r, !0)) return "A group cannot be placed inside itself";
+	return null;
+}
+function Fe(e, t, n) {
+	if (!me(n)) return "Not a group node";
+	if (t.some((e) => e.compositeNodeId === n.id)) return "Already editing this group";
+	let r = Ne(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";
+	}
+	return null;
+}
+function Ie(e, t, n, r) {
+	if (!me(n) || !n.composite) return null;
+	let i = Ne(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 r = 0; r < t.length; r++) {
+		let i = J(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 = Oe(e, t);
+	return a?.composite && n.composite.graph === a.composite.graph ? "A group cannot be placed inside itself" : Pe(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 Le(e, t) {
+	let n = e?.widget, r = t.customProps;
+	if (!(!n && !r)) return n ? n.kind === "number" ? {
+		kind: "number",
+		min: X(r, "min") ?? n.min,
+		max: X(r, "max") ?? n.max,
+		step: X(r, "step") ?? n.step,
+		rowHeight: X(r, "rowHeight") ?? n.rowHeight
+	} : n.kind === "text" ? {
+		kind: "text",
+		rows: X(r, "rows") ?? n.rows,
+		rowHeight: X(r, "rowHeight") ?? n.rowHeight
+	} : {
+		kind: "custom",
+		componentId: n.componentId,
+		rowHeight: X(r, "rowHeight") ?? n.rowHeight
+	} : r?.min !== void 0 || r?.max !== void 0 || X(r, "rowHeight") !== void 0 ? {
+		kind: "number",
+		min: X(r, "min"),
+		max: X(r, "max"),
+		step: X(r, "step"),
+		rowHeight: X(r, "rowHeight")
+	} : X(r, "rows") !== void 0 || X(r, "rowHeight") !== void 0 ? {
+		kind: "text",
+		rows: X(r, "rows"),
+		rowHeight: X(r, "rowHeight")
+	} : void 0;
+}
+function Re(e, t) {
+	return e ? e.rowHeight === void 0 ? e.kind === "text" ? (e.rows ?? 1) * t : t : e.rowHeight : t;
+}
+//#endregion
+//#region src/components/types/NumberWidget.vue?vue&type=script&setup=true&lang.ts
+var ze = [
+	"value",
+	"placeholder",
+	"title",
+	"min",
+	"max",
+	"step"
+], Be = /*@__PURE__*/ s({
+	__name: "NumberWidget",
+	props: {
+		port: {},
+		typeDef: {},
+		effectiveWidget: {},
+		placeholder: {}
+	},
+	emits: ["update:value", "commit"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, o = r.effectiveWidget?.kind === "number" ? r.effectiveWidget : { kind: "number" }, s = t(() => {
+			let e = r.port.value;
+			return e != null && e !== "" ? e : "";
+		});
+		function c(e) {
+			let t = e.target.value;
+			a("update:value", r.typeDef?.parse?.(t) ?? Number(t));
+		}
+		function l(e) {
+			let t = e.target.value, n = r.typeDef?.parse?.(t) ?? Number(t);
+			if (r.typeDef?.coerce) n = r.typeDef.coerce(n);
+			else if (o.kind === "number") {
+				let e = o.min, t = o.max, r = Number(n);
+				Number.isNaN(r) && (r = 0), e !== void 0 && (r = Math.max(e, r)), t !== void 0 && (r = Math.min(t, r)), n = r;
+			}
+			a("update:value", n), a("commit");
+		}
+		return (t, n) => (p(), i("input", {
+			class: "field",
+			type: "number",
+			value: s.value,
+			placeholder: e.placeholder,
+			title: e.port.name,
+			min: y(o).kind === "number" ? y(o).min : void 0,
+			max: y(o).kind === "number" ? y(o).max : void 0,
+			step: y(o).kind === "number" ? y(o).step : void 0,
+			onInput: c,
+			onChange: l,
+			onPointerdown: n[0] ||= w(() => {}, ["stop"])
+		}, null, 40, ze));
+	}
+}), Z = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, Q = /*#__PURE__*/ Z(Be, [["__scopeId", "data-v-4459e34d"]]), Ve = ["title"], He = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "ReadonlyWidget",
+	props: {
+		port: {},
+		typeDef: {},
+		effectiveWidget: {},
+		displayValue: {}
+	},
+	setup(e) {
+		let n = e, r = t(() => {
+			let e = n.displayValue === void 0 ? n.port.value : n.displayValue;
+			return e == null || e === "" ? "—" : n.typeDef?.format ? n.typeDef.format(e) : String(e);
+		});
+		return (t, n) => (p(), i("span", {
+			class: "field readonly",
+			title: e.port.name
+		}, v(r.value), 9, Ve));
+	}
+}), [["__scopeId", "data-v-0d93d0ea"]]), Ue = [
+	"value",
+	"placeholder",
+	"title",
+	"rows"
+], We = [
+	"value",
+	"placeholder",
+	"title"
+], $ = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "TextWidget",
+	props: {
+		port: {},
+		typeDef: {},
+		effectiveWidget: {},
+		placeholder: {}
+	},
+	emits: ["update:value", "commit"],
+	setup(e, { emit: n }) {
+		let r = e, a = n, o = t(() => {
+			let e = r.port.value;
+			return e != null && e !== "" ? String(e) : "";
+		}), s = t(() => r.effectiveWidget?.kind === "text" && (r.effectiveWidget.rows ?? 1) > 1), c = t(() => r.effectiveWidget?.kind === "text" ? r.effectiveWidget.rows ?? 1 : 1);
+		function l(e) {
+			let t = e.target.value;
+			a("update:value", r.typeDef?.parse?.(t) ?? t);
+		}
+		function u(e) {
+			l(e), a("commit");
+		}
+		return (t, n) => s.value ? (p(), i("textarea", {
+			key: 0,
+			class: "field multiline",
+			value: o.value,
+			placeholder: e.placeholder,
+			title: e.port.name,
+			rows: c.value,
+			onInput: l,
+			onChange: u,
+			onPointerdown: n[0] ||= w(() => {}, ["stop"])
+		}, null, 40, Ue)) : (p(), i("input", {
+			key: 1,
+			class: "field",
+			type: "text",
+			value: o.value,
+			placeholder: e.placeholder,
+			title: e.port.name,
+			onInput: l,
+			onChange: u,
+			onPointerdown: n[1] ||= w(() => {}, ["stop"])
+		}, null, 40, We));
+	}
+}), [["__scopeId", "data-v-bf7ff881"]]), Ge = /* @__PURE__ */ new Map(), Ke = /* @__PURE__ */ new Map(), qe = {
+	number: Q,
+	text: $,
+	custom: $
+};
+function Je(e, t) {
+	Ge.set(e, t);
+}
+function Ye(e, t) {
+	Ke.set(e, t);
+}
+function Xe(e, t, n) {
+	return n === "readonly" ? He : e && Ge.has(e.id) ? Ge.get(e.id) : t?.kind === "custom" ? Ke.get(t.componentId) ?? $ : t?.kind ? qe[t.kind] ?? $ : $;
+}
+//#endregion
+//#region src/components/types/PortValueWidget.vue
+var Ze = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "PortValueWidget",
+	props: {
+		port: {},
+		typeDef: {},
+		effectiveWidget: {},
+		mode: {},
+		displayValue: {},
+		placeholder: {}
+	},
+	emits: ["update:value", "commit"],
+	setup(e, { emit: t }) {
+		let r = e, i = t, a = Xe(r.typeDef, r.effectiveWidget, r.mode);
+		return (t, r) => (p(), n(_(y(a)), {
+			class: "field-widget",
+			port: e.port,
+			"type-def": e.typeDef,
+			"effective-widget": e.effectiveWidget,
+			"display-value": e.displayValue,
+			placeholder: e.placeholder,
+			"onUpdate:value": r[0] ||= (e) => i("update:value", e),
+			onCommit: r[1] ||= (e) => i("commit")
+		}, null, 40, [
+			"port",
+			"type-def",
+			"effective-widget",
+			"display-value",
+			"placeholder"
+		]));
+	}
+}), [["__scopeId", "data-v-975cb236"]]);
+function Qe(e) {
+	return Math.max(20, Math.min(240, e));
+}
+function $e(e, t) {
+	let n = e.customProps?.rowHeight;
+	return Qe(typeof n == "number" && n > 0 ? n : Re(Le(t, e), 20));
+}
+function et(e, t) {
+	let n = 0;
+	for (let r of e) n += $e(r, t?.(r));
+	return n;
+}
+function tt(e) {
+	return e.width ?? 100;
+}
+function nt(e, t) {
+	let n = et(Object.values(e.inputs), t), r = et(Object.values(e.outputs), t);
+	return 20 + Math.max(n, r);
+}
+function rt(e, t, n) {
+	let r = 20;
+	for (let i of e) {
+		let e = $e(i, n?.(i));
+		if (i.id === t) return r + e / 2;
+		r += e;
+	}
+	return null;
+}
+function it(e, t, n) {
+	let r = rt(Object.values(e.inputs), t, n);
+	if (r !== null) return {
+		x: e.location.x,
+		y: e.location.y + r
+	};
+	let i = rt(Object.values(e.outputs), t, n);
+	return i === null ? null : {
+		x: e.location.x + tt(e),
+		y: e.location.y + i
+	};
+}
+function at(e, t) {
+	let n = Math.max(40, Math.abs(t.x - e.x) * .5);
+	return [{
+		x: e.x + n,
+		y: e.y
+	}, {
+		x: t.x - n,
+		y: t.y
+	}];
+}
+function ot(e, t) {
+	let [n, r] = at(e, t);
+	return `M ${e.x} ${e.y} C ${n.x} ${n.y}, ${r.x} ${r.y}, ${t.x} ${t.y}`;
+}
+function st(e, t, n = 16) {
+	let [r, i] = at(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({
+			x: l,
+			y: u
+		});
+	}
+	return a;
+}
+function ct(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;
+	return d >= 0 && d <= 1 && f >= 0 && f <= 1;
+}
+//#endregion
+//#region src/components/NodePort.vue?vue&type=script&setup=true&lang.ts
+var lt = ["title"], ut = {
+	key: 2,
+	class: "label"
+}, dt = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "NodePort",
+	props: {
+		port: {},
+		typeDef: {},
+		color: {},
+		side: {},
+		connected: {
+			type: Boolean,
+			default: !1
+		},
+		widgetMode: { default: "auto" },
+		displayValue: {}
+	},
+	emits: ["connectStart", "valueChange"],
+	setup(e, { emit: a }) {
+		b((e) => ({ v7cc4cde0: o }));
+		let o = "11px", s = e, c = a;
+		function d(e) {
+			e.button === 0 && c("connectStart", s.port, e);
+		}
+		let f = t(() => $e(s.port, s.typeDef)), m = t(() => Le(s.typeDef, s.port)), h = t(() => {
+			let e = s.typeDef?.label ?? s.port.type;
+			return `${s.port.name} (${e})`;
+		}), g = t(() => 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) {
+			s.port.value = e, c("valueChange", s.port);
+		}
+		function C() {
+			s.typeDef?.coerce && (s.port.value = s.typeDef.coerce(s.port.value), c("valueChange", s.port));
+		}
+		return (t, a) => (p(), i("div", {
+			class: l(["port", [e.side, {
+				hasWidget: x.value,
+				"no-socket": e.side === "in" && !y.value
+			}]]),
+			style: u({ height: f.value + "px" })
+		}, [
+			y.value ? (p(), i("span", {
+				key: 0,
+				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, lt)) : r("", !0),
+			x.value ? (p(), n(Ze, {
+				key: 1,
+				port: e.port,
+				"type-def": e.typeDef,
+				"effective-widget": m.value,
+				mode: ee.value,
+				"display-value": e.displayValue,
+				placeholder: h.value,
+				"onUpdate:value": S,
+				onCommit: C
+			}, null, 8, [
+				"port",
+				"type-def",
+				"effective-widget",
+				"mode",
+				"display-value",
+				"placeholder"
+			])) : (p(), i("span", ut, v(e.port.name), 1)),
+			e.side === "out" ? (p(), i("span", {
+				key: 3,
+				class: "socket",
+				style: u({ background: e.color }),
+				onPointerdown: w(d, ["stop"])
+			}, null, 36)) : r("", !0)
+		], 6));
+	}
+}), [["__scopeId", "data-v-28eb3da7"]]), ft = ["title"], pt = { class: "title" }, mt = {
+	class: "grip",
+	title: "Drag"
+}, ht = { class: "body" }, gt = {
+	key: 0,
+	class: "col input"
+}, _t = 4, vt = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "GraphNode",
+	props: {
+		node: {},
+		map: {},
+		zoom: { default: 1 },
+		ioWidgets: {
+			type: Boolean,
+			default: !1
+		},
+		ioResults: {},
+		selected: {
+			type: Boolean,
+			default: !1
+		},
+		selectedIds: {},
+		error: {}
+	},
+	emits: [
+		"connectStart",
+		"select",
+		"drillIn"
+	],
+	setup(o, { emit: s }) {
+		b((e) => ({
+			v50d21574: d,
+			v691ebaeb: f
+		}));
+		let d = "11px", f = "6px", m = o, g = s;
+		function _(e, t) {
+			g("connectStart", {
+				node: m.node.id,
+				port: e.id
+			}, e, t);
+		}
+		function x(e) {
+			e.userOnly && A(m.map, m.node);
+		}
+		function ee(e) {
+			e.stopPropagation(), me(m.node) && g("drillIn", m.node.id);
+		}
+		function S(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(() => tt(m.node)), D = t(() => Object.values(m.node.inputs)), O = 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 M(e) {
+			return m.map.types[e]?.color ?? "#888";
+		}
+		function N(e) {
+			return m.map.types[e.type];
+		}
+		let P = (e) => m.map.types[e.type], F = t(() => nt(m.node, P));
+		function I(e) {
+			return m.ioWidgets ? m.node.typeId === "io/input" && e === "out" ? "editable" : m.node.typeId === "io/output" && e === "in" ? "readonly" : "auto" : "auto";
+		}
+		function L(e) {
+			if (e.button !== 0) return;
+			e.stopPropagation();
+			let t = e.clientX, n = e.clientY, r = e.shiftKey, i = m.zoom, a = !1, o = null;
+			async function s() {
+				!r && !m.selectedIds?.has(m.node.id) && (g("select", m.node.id, !1), await c());
+				let e = m.selectedIds ?? new Set([m.node.id]);
+				o = (e.size > 1 && e.has(m.node.id) ? m.map.graph.nodes.filter((t) => e.has(t.id)) : [m.node]).map((e) => ({
+					node: e,
+					x: e.location.x,
+					y: e.location.y
+				}));
+			}
+			function l(e) {
+				if (!a) {
+					let r = e.clientX - t, i = e.clientY - n;
+					if (Math.hypot(r, i) < _t) return;
+					a = !0, s();
+					return;
+				}
+				if (!o) return;
+				let r = (e.clientX - t) / i, c = (e.clientY - n) / i;
+				for (let { node: e, x: t, y: n } of o) e.location.x = t + r, e.location.y = n + c;
+			}
+			function u() {
+				window.removeEventListener("pointermove", l), window.removeEventListener("pointerup", u), a || g("select", m.node.id, r);
+			}
+			window.addEventListener("pointermove", l), window.addEventListener("pointerup", u);
+		}
+		return (t, s) => (p(), i("div", {
+			class: l(["node", {
+				selected: o.selected,
+				errored: !!o.error
+			}]),
+			style: u({
+				left: o.node.location.x + "px",
+				top: o.node.location.y + "px",
+				width: E.value + "px",
+				height: F.value + "px",
+				zIndex: o.node.z ?? 0
+			}),
+			onPointerdown: S
+		}, [
+			o.error ? (p(), i("div", {
+				key: 0,
+				class: "error-ring",
+				title: o.error
+			}, null, 8, ft)) : r("", !0),
+			a("div", {
+				class: "header",
+				style: u({
+					background: T.value,
+					height: y(20) + "px"
+				}),
+				onPointerdown: L,
+				onDblclick: ee
+			}, [a("span", pt, v(w.value), 1), a("div", mt, [(p(), i(e, null, h(6, (e) => a("span", {
+				key: e,
+				class: "dot"
+			})), 64))])], 36),
+			a("div", ht, [D.value.length ? (p(), i("div", gt, [(p(!0), i(e, null, h(D.value, (e) => (p(), n(dt, {
+				key: e.id,
+				port: e,
+				"type-def": N(e),
+				color: M(e.type),
+				side: "in",
+				connected: j.value.has(e.id),
+				"widget-mode": I("in"),
+				"display-value": o.ioResults?.[e.name],
+				onConnectStart: _,
+				onValueChange: x
+			}, null, 8, [
+				"port",
+				"type-def",
+				"color",
+				"connected",
+				"widget-mode",
+				"display-value"
+			]))), 128))])) : r("", !0), O.value.length ? (p(), i("div", {
+				key: 1,
+				class: l(["col output", { wide: k.value }])
+			}, [(p(!0), i(e, null, h(O.value, (e) => (p(), n(dt, {
+				key: e.id,
+				port: e,
+				"type-def": N(e),
+				color: M(e.type),
+				side: "out",
+				"widget-mode": I("out"),
+				onConnectStart: _
+			}, null, 8, [
+				"port",
+				"type-def",
+				"color",
+				"widget-mode"
+			]))), 128))], 2)) : r("", !0)])
+		], 38));
+	}
+}), [["__scopeId", "data-v-4f4ae398"]]), yt = { class: "wires" }, bt = ["d"], xt = ["d"], St = ["d"], Ct = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "WireLayer",
+	props: {
+		map: {},
+		pendingPath: {},
+		slicePath: {}
+	},
+	setup(n) {
+		let a = n, o = (e) => a.map.types[e.type], s = t(() => {
+			let e = {};
+			for (let t of a.map.graph.nodes) e[t.id] = t;
+			return e;
+		}), 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 = it(t, e.from.port, o), i = it(n, e.to.port, o);
+			return !r || !i ? null : {
+				id: e.id,
+				d: ot(r, i)
+			};
+		}).filter((e) => e !== null));
+		return (t, a) => (p(), i("svg", yt, [
+			(p(!0), i(e, null, h(c.value, (e) => (p(), i("path", {
+				key: e.id,
+				d: e.d
+			}, null, 8, bt))), 128)),
+			n.pendingPath ? (p(), i("path", {
+				key: 0,
+				class: "pending",
+				d: n.pendingPath
+			}, null, 8, xt)) : r("", !0),
+			n.slicePath ? (p(), i("path", {
+				key: 1,
+				class: "slice",
+				d: n.slicePath
+			}, null, 8, St)) : r("", !0)
+		]));
+	}
+}), [["__scopeId", "data-v-682ffd13"]]), wt = { class: "inspector-section-header" }, Tt = { class: "inspector-section-title" }, Et = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "InspectorSection",
+	props: {
+		title: {},
+		divided: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	setup(e) {
+		return (t, n) => (p(), i("div", { class: l(["inspector-section", { divided: e.divided }]) }, [a("div", wt, [a("span", Tt, v(e.title), 1), g(t.$slots, "actions", {}, void 0, !0)]), g(t.$slots, "default", {}, void 0, !0)], 2));
+	}
+}), [["__scopeId", "data-v-5e38007a"]]), Dt = {
+	key: 0,
+	class: "iface-grid iface-head",
+	"aria-hidden": "true"
+}, Ot = {
+	key: 1,
+	class: "iface-rows"
+}, kt = { class: "iface-grid iface-row" }, At = ["value", "onChange"], jt = ["value", "onChange"], Mt = ["value"], Nt = ["onClick"], Pt = {
+	key: 0,
+	class: "iface-default-row"
+}, Ft = {
+	key: 2,
+	class: "iface-empty"
+}, It = {
+	key: 3,
+	class: "iface-error"
+}, Lt = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "GraphInterfacePanel",
+	props: {
+		graphInterface: {},
+		mode: {},
+		revision: {},
+		typeIds: {},
+		types: {},
+		commitError: {},
+		applyMutation: { type: Function }
+	},
+	setup(s) {
+		let c = s, l = m(""), u = m({}), d = t(() => c.commitError || l.value || ""), f = t(() => c.mode === "parameters" ? "Graph inputs" : "Graph outputs"), g = t(() => c.mode === "parameters"), _ = t(() => {
+			let e = g.value ? c.graphInterface.parameters : c.graphInterface.returns;
+			return Object.entries(e ?? {}).map(([e, t]) => ({
+				name: e,
+				spec: t
+			}));
+		});
+		function b(e) {
+			return c.types[e]?.defaultValue;
+		}
+		function x(e, t) {
+			return t.defaultValue === void 0 ? b(t.type) : t.defaultValue;
+		}
+		function C() {
+			if (!g.value) {
+				u.value = {};
+				return;
+			}
+			let e = {};
+			for (let { name: t, spec: n } of _.value) e[t] = x(t, n);
+			u.value = e;
+		}
+		ee(() => c.revision, () => {
+			l.value = "", C();
+		}), ee(g, C, { immediate: !0 });
+		function T(e) {
+			l.value = "";
+			try {
+				let t = c.applyMutation(e);
+				t.length && (l.value = t[0] ?? "Unknown error");
+			} catch (e) {
+				l.value = e instanceof Error ? e.message : String(e);
+			}
+		}
+		function E(e, t) {
+			return {
+				id: `iface-default-${e}`,
+				name: e,
+				type: t.type,
+				direction: "input",
+				value: u.value[e] ?? x(e, t)
+			};
+		}
+		function D(e, t) {
+			u.value = {
+				...u.value,
+				[e]: t
+			};
+		}
+		function O(e) {
+			if (!c.graphInterface.parameters?.[e]) return;
+			let t = u.value[e];
+			T((n) => {
+				let r = n.parameters?.[e];
+				if (!r) return;
+				let i = c.types[r.type], a = i?.coerce?.(t) ?? (i?.validate(t) ? t : x(e, r));
+				n.parameters = {
+					...n.parameters,
+					[e]: {
+						...r,
+						defaultValue: a
+					}
+				};
+			});
+		}
+		function k() {
+			T((e) => {
+				let t = g.value ? e.parameters : e.returns, n = new Set(Object.keys(t ?? {})), r = g.value ? "input" : "output";
+				if (n.has(r)) {
+					let e = 2;
+					for (; n.has(`${r}${e}`);) e++;
+					r = `${r}${e}`;
+				}
+				let i = c.typeIds[0] ?? "number", a = g.value ? {
+					type: i,
+					defaultValue: b(i)
+				} : { type: i };
+				g.value ? e.parameters = {
+					...e.parameters,
+					[r]: a
+				} : e.returns = {
+					...e.returns,
+					[r]: a
+				};
+			});
+		}
+		function A(e) {
+			T((t) => {
+				if (g.value) {
+					if (!t.parameters) return;
+					let { [e]: n, ...r } = t.parameters;
+					t.parameters = Object.keys(r).length ? r : void 0;
+				} else {
+					if (!t.returns) return;
+					let { [e]: n, ...r } = t.returns;
+					t.returns = Object.keys(r).length ? r : void 0;
+				}
+			});
+		}
+		function j(e, t) {
+			if (!t || !te.test(t)) {
+				l.value = `Invalid port name "${t}"`;
+				return;
+			}
+			e !== t && T((n) => {
+				let r = (g.value ? n.parameters : n.returns)?.[e];
+				if (r) if (g.value) {
+					let { [e]: i, ...a } = n.parameters ?? {};
+					n.parameters = {
+						...a,
+						[t]: r
+					};
+				} else {
+					let { [e]: i, ...a } = n.returns ?? {};
+					n.returns = {
+						...a,
+						[t]: r
+					};
+				}
+			});
+		}
+		function M(e, t) {
+			T((n) => {
+				if (g.value) {
+					let r = n.parameters?.[e];
+					if (!r) return;
+					let i = b(t);
+					u.value = {
+						...u.value,
+						[e]: i
+					}, n.parameters = {
+						...n.parameters,
+						[e]: {
+							...r,
+							type: t,
+							defaultValue: i
+						}
+					};
+				} else {
+					let r = n.returns?.[e];
+					if (!r) return;
+					n.returns = {
+						...n.returns,
+						[e]: {
+							...r,
+							type: t
+						}
+					};
+				}
+			});
+		}
+		return (t, c) => (p(), n(Et, { title: f.value }, {
+			actions: S(() => [a("button", {
+				class: "inspector-icon-btn",
+				type: "button",
+				title: "Add port",
+				onClick: w(k, ["stop", "prevent"])
+			}, " + ")]),
+			default: S(() => [
+				_.value.length ? (p(), i("div", Dt, [...c[0] ||= [
+					a("span", null, "Name", -1),
+					a("span", null, "Type", -1),
+					a("span", null, null, -1)
+				]])) : r("", !0),
+				_.value.length ? (p(), i("div", Ot, [(p(!0), i(e, null, h(_.value, (t) => (p(), i("div", {
+					key: t.name,
+					class: "iface-entry"
+				}, [a("div", kt, [
+					a("input", {
+						class: "iface-field iface-name",
+						type: "text",
+						value: t.name,
+						onChange: (e) => j(t.name, e.target.value.trim())
+					}, null, 40, At),
+					a("select", {
+						class: "iface-field iface-select",
+						value: t.spec.type,
+						onChange: (e) => M(t.name, e.target.value)
+					}, [(p(!0), i(e, null, h(s.typeIds, (e) => (p(), i("option", {
+						key: e,
+						value: e
+					}, v(e), 9, Mt))), 128))], 40, jt),
+					a("button", {
+						class: "iface-remove",
+						type: "button",
+						title: "Remove port",
+						onClick: w((e) => A(t.name), ["stop", "prevent"])
+					}, " × ", 8, Nt)
+				]), g.value ? (p(), i("div", Pt, [c[1] ||= a("span", { class: "iface-default-label" }, "Default", -1), o(Ze, {
+					class: "iface-default-widget",
+					port: E(t.name, t.spec),
+					"type-def": s.types[t.spec.type],
+					"effective-widget": y(Le)(s.types[t.spec.type], E(t.name, t.spec)),
+					mode: "editable",
+					placeholder: t.name,
+					"onUpdate:value": (e) => D(t.name, e),
+					onCommit: (e) => O(t.name)
+				}, null, 8, [
+					"port",
+					"type-def",
+					"effective-widget",
+					"placeholder",
+					"onUpdate:value",
+					"onCommit"
+				])])) : r("", !0)]))), 128))])) : (p(), i("div", Ft, "No ports")),
+				d.value ? (p(), i("p", It, v(d.value), 1)) : r("", !0)
+			]),
+			_: 1
+		}, 8, ["title"]));
+	}
+}), [["__scopeId", "data-v-e5bdc707"]]), Rt = {
+	key: 0,
+	class: "inspector-title static"
+}, zt = [
+	"value",
+	"placeholder",
+	"title"
+], Bt = { class: "inspector-header-actions" }, Vt = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "InspectorPanel",
+	props: {
+		title: {},
+		titlePlaceholder: { default: "" },
+		headerColor: { default: "#3a3f4b" },
+		showUp: {
+			type: Boolean,
+			default: !1
+		},
+		staticTitle: {
+			type: Boolean,
+			default: !1
+		},
+		flush: {
+			type: Boolean,
+			default: !1
+		},
+		fill: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	emits: ["update:title", "up"],
+	setup(e, { emit: t }) {
+		b((e) => ({
+			a8ea4b7e: o,
+			v2ca6cb43: c,
+			v78510090: s
+		}));
+		let n = t, o = "11px", s = "6px", c = "20px";
+		function d(e) {
+			n("update:title", e.target.value);
+		}
+		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", Rt, v(e.title), 1)) : (p(), i("input", {
+			key: 1,
+			class: "inspector-title",
+			type: "text",
+			value: e.title,
+			placeholder: e.titlePlaceholder,
+			title: e.title,
+			onInput: d
+		}, null, 40, zt))], !0), a("div", Bt, [g(t.$slots, "header-actions", {}, void 0, !0), e.showUp ? (p(), i("button", {
+			key: 0,
+			class: "inspector-icon-btn",
+			type: "button",
+			title: "Go up",
+			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"]]), Ht = { class: "inspector-row" }, Ut = { class: "inspector-key" }, Wt = ["value"], Gt = /* @__PURE__ */ s({
+	__name: "InspectorColorField",
+	props: {
+		modelValue: {},
+		label: { default: "Color" }
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			n("update:modelValue", e.target.value);
+		}
+		return (t, n) => (p(), i("label", Ht, [a("span", Ut, v(e.label), 1), a("input", {
+			class: "inspector-swatch",
+			type: "color",
+			value: e.modelValue,
+			onInput: r
+		}, null, 40, Wt)]));
+	}
+}), Kt = { class: "inspector-error" }, qt = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "InspectorError",
+	props: { message: {} },
+	setup(e) {
+		return (t, n) => (p(), i("p", Kt, v(e.message), 1));
+	}
+}), [["__scopeId", "data-v-a863f513"]]), Jt = { class: "inspector-row pair" }, Yt = ["value"], Xt = ["value"], Zt = /* @__PURE__ */ s({
+	__name: "InspectorPositionField",
+	props: {
+		x: {},
+		y: {}
+	},
+	emits: ["update:x", "update:y"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			return Number(e.target.value);
+		}
+		return (t, o) => (p(), i("div", Jt, [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, Yt)]), 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, Xt)])]));
+	}
+}), Qt = { class: "inspector-row" }, $t = [
+	"min",
+	"max",
+	"value"
+], en = { class: "inspector-slider-value" }, tn = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "InspectorWidthField",
+	props: {
+		modelValue: {},
+		min: {},
+		max: {},
+		accentColor: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			n("update:modelValue", Number(e.target.value));
+		}
+		return (t, n) => (p(), i("label", Qt, [
+			n[0] ||= a("span", { class: "inspector-key" }, "Width", -1),
+			a("input", {
+				class: "inspector-slider",
+				type: "range",
+				min: e.min,
+				max: e.max,
+				step: "1",
+				value: e.modelValue,
+				style: u({ accentColor: e.accentColor }),
+				onInput: r
+			}, null, 44, $t),
+			a("span", en, v(e.modelValue), 1)
+		]));
+	}
+}), [["__scopeId", "data-v-472135f4"]]), nn = "#3a3f4b", rn = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "NodePanel",
+	props: {
+		map: {},
+		nodes: {},
+		def: {},
+		error: {},
+		graphInterface: {},
+		interfaceRevision: {},
+		interfaceCommitError: {},
+		applyInterfaceMutation: { type: Function }
+	},
+	emits: ["update:label"],
+	setup(e, { emit: i }) {
+		let a = e, s = i, c = t(() => a.nodes.length > 1), l = t(() => a.nodes[0] ?? null), u = t(() => c.value || !l.value ? null : l.value.typeId === "io/input" ? "parameters" : l.value.typeId === "io/output" ? "returns" : null), d = t(() => Object.keys(a.map.types).sort((e, t) => e.localeCompare(t))), f = t(() => a.def?.displayName ?? l.value?.typeId ?? ""), m = t(() => {
+			if (c.value) return `${a.nodes.length} nodes`;
+			let e = l.value;
+			return e ? e.label || a.def?.displayName || e.typeId : "";
+		}), h = t(() => {
+			let e = l.value;
+			return e ? e.color ?? a.def?.color ?? "#3a3f4b" : "#3a3f4b";
+		}), g = t(() => l.value?.width ?? 100), _ = t(() => {
+			if (!a.nodes.length) return 0;
+			let e = a.nodes.reduce((e, t) => e + t.location.x, 0);
+			return Math.round(e / a.nodes.length);
+		}), v = t(() => {
+			if (!a.nodes.length) return 0;
+			let e = a.nodes.reduce((e, t) => e + t.location.y, 0);
+			return Math.round(e / a.nodes.length);
+		});
+		function b(e) {
+			let t = l.value;
+			t && (t.label = e, s("update:label", e));
+		}
+		function x(e) {
+			let t = l.value;
+			t && (t.color = e);
+		}
+		function ee(e) {
+			let t = l.value;
+			t && (t.width = e);
+		}
+		function C(e) {
+			let t = e - _.value;
+			for (let e of a.nodes) e.location.x += t;
+		}
+		function w(e) {
+			let t = e - v.value;
+			for (let e of a.nodes) e.location.y += t;
+		}
+		return (t, i) => l.value ? (p(), n(Vt, {
+			key: 0,
+			class: "node-panel",
+			title: m.value,
+			"title-placeholder": f.value,
+			"header-color": nn,
+			"static-title": c.value,
+			"onUpdate:title": b
+		}, {
+			default: S(() => [
+				c.value ? r("", !0) : (p(), n(Gt, {
+					key: 0,
+					"model-value": h.value,
+					"onUpdate:modelValue": x
+				}, null, 8, ["model-value"])),
+				o(Zt, {
+					x: _.value,
+					y: v.value,
+					"onUpdate:x": C,
+					"onUpdate:y": w
+				}, null, 8, ["x", "y"]),
+				c.value ? r("", !0) : (p(), n(tn, {
+					key: 1,
+					"model-value": g.value,
+					min: y(60),
+					max: y(320),
+					"accent-color": h.value,
+					"onUpdate:modelValue": ee
+				}, null, 8, [
+					"model-value",
+					"min",
+					"max",
+					"accent-color"
+				])),
+				e.error && !c.value ? (p(), n(qt, {
+					key: 2,
+					message: e.error
+				}, null, 8, ["message"])) : r("", !0),
+				u.value ? (p(), n(Lt, {
+					key: 3,
+					"graph-interface": e.graphInterface,
+					mode: u.value,
+					revision: e.interfaceRevision,
+					"type-ids": d.value,
+					types: e.map.types,
+					"commit-error": e.interfaceCommitError,
+					"apply-mutation": e.applyInterfaceMutation
+				}, null, 8, [
+					"graph-interface",
+					"mode",
+					"revision",
+					"type-ids",
+					"types",
+					"commit-error",
+					"apply-mutation"
+				])) : r("", !0)
+			]),
+			_: 1
+		}, 8, [
+			"title",
+			"title-placeholder",
+			"static-title"
+		])) : r("", !0);
+	}
+}), [["__scopeId", "data-v-51945220"]]), an = { class: "inspector-row inspector-check" }, on = { class: "inspector-key" }, sn = ["checked"], cn = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "InspectorCheckboxField",
+	props: {
+		modelValue: { type: Boolean },
+		label: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e, { emit: t }) {
+		let n = t;
+		function r(e) {
+			n("update:modelValue", e.target.checked);
+		}
+		return (t, n) => (p(), i("label", an, [a("span", on, v(e.label), 1), a("input", {
+			type: "checkbox",
+			checked: e.modelValue,
+			onChange: r
+		}, null, 40, sn)]));
+	}
+}), [["__scopeId", "data-v-7b38cfa2"]]), ln = "#3a3f4b", un = /* @__PURE__ */ s({
+	__name: "GroupPanel",
+	props: {
+		composite: {},
+		ioWidgets: { type: Boolean }
+	},
+	emits: ["up", "update:ioWidgets"],
+	setup(e, { emit: i }) {
+		let a = e, s = i, c = t(() => ce.displayName), l = t(() => a.composite?.label || ce.displayName), u = t(() => a.composite?.color ?? ce.color ?? ln);
+		function d(e) {
+			let t = a.composite;
+			t && (t.label = e);
+		}
+		function f(e) {
+			let t = a.composite;
+			t && (t.color = e);
+		}
+		return (t, i) => e.composite ? (p(), n(Vt, {
+			key: 0,
+			title: l.value,
+			"title-placeholder": c.value,
+			"header-color": ln,
+			"show-up": "",
+			"onUpdate:title": d,
+			onUp: i[1] ||= (e) => s("up")
+		}, {
+			default: S(() => [o(Gt, {
+				"model-value": u.value,
+				"onUpdate:modelValue": f
+			}, null, 8, ["model-value"]), o(cn, {
+				label: "IO test",
+				"model-value": e.ioWidgets,
+				"onUpdate:modelValue": i[0] ||= (e) => s("update:ioWidgets", e)
+			}, null, 8, ["model-value"])]),
+			_: 1
+		}, 8, ["title", "title-placeholder"])) : r("", !0);
+	}
+});
+//#endregion
+//#region src/store/registry/groups.ts
+function dn(e, t) {
+	return {
+		name: e,
+		path: t,
+		subgroups: [],
+		nodes: []
+	};
+}
+function fn(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 = dn(t, [...i]), e.subgroups.push(n)), e = n;
+		}
+		e.nodes.push(r);
+	}
+	return n;
+}
+function pn(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) pn(t);
+	return e;
+}
+//#endregion
+//#region src/components/AddNodePanel.vue?vue&type=script&setup=true&lang.ts
+var mn = ["title"], hn = { class: "picker-body" }, gn = { class: "list" }, _n = ["title", "onClick"], vn = { class: "name" }, yn = { class: "path" }, bn = {
+	key: 0,
+	class: "path-sep"
+}, xn = { class: "path-seg" }, Sn = {
+	key: 0,
+	class: "empty"
+}, Cn = ["onClick"], wn = { class: "name" }, Tn = ["title", "onClick"], En = { class: "name" }, Dn = {
+	key: 1,
+	class: "empty"
+}, On = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "AddNodePanel",
+	props: {
+		map: {},
+		screen: {}
+	},
+	emits: [
+		"select",
+		"addComposite",
+		"close"
+	],
+	setup(n, { emit: s }) {
+		b((e) => ({
+			v0e391f60: g,
+			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", O = t(() => pn(fn(c.map.nodeTypes, D))), k = m([]), A = t(() => {
+			let e = O.value;
+			for (let t of k.value) {
+				let n = e.subgroups.find((e) => e.name === t);
+				if (!n) break;
+				e = n;
+			}
+			return 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 P(e) {
+			k.value = [...k.value, e];
+		}
+		function F() {
+			k.value = k.value.slice(0, -1);
+		}
+		let I = 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;
+		});
+		function L(e) {
+			f("select", e.typeId);
+		}
+		let R = t(() => I.value ? I.value : A.value.nodes), z = m(0);
+		ee(R, () => {
+			z.value = 0;
+		});
+		function te() {
+			let e = R.value;
+			e.length && L(e[z.value] ?? e[0]);
+		}
+		function B(e) {
+			let t = R.value;
+			t.length && (e.key === "ArrowDown" ? (e.preventDefault(), z.value = (z.value + 1) % t.length) : e.key === "ArrowUp" ? (e.preventDefault(), z.value = (z.value - 1 + t.length) % t.length) : e.key === "Enter" && (e.preventDefault(), te()));
+		}
+		function V(e, t) {
+			z.value = t, L(e);
+		}
+		function H(e) {
+			e.stopPropagation(), f("close");
+		}
+		return (t, s) => (p(), i("div", {
+			class: "backdrop",
+			onPointerdown: H,
+			onContextmenu: s[4] ||= w(() => {}, ["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(Vt, {
+			title: "Add Node",
+			"static-title": "",
+			fill: "",
+			flush: ""
+		}, {
+			title: S(() => [a("nav", {
+				class: "crumbs",
+				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, mn)]),
+			"header-actions": S(() => [a("button", {
+				class: "inspector-icon-btn",
+				type: "button",
+				title: "Add composite",
+				onClick: s[0] ||= (e) => f("addComposite")
+			}, " + ")]),
+			default: S(() => [a("div", hn, [C(a("input", {
+				ref_key: "searchEl",
+				ref: E,
+				"onUpdate:modelValue": s[1] ||= (e) => T.value = e,
+				class: "search",
+				type: "text",
+				placeholder: "Search nodes…",
+				onKeydown: B
+			}, null, 544), [[x, T.value]]), a("div", gn, [I.value ? (p(), i(e, { key: 0 }, [(p(!0), i(e, null, h(I.value, (t, n) => (p(), i("button", {
+				key: t.typeId,
+				class: l(["row node", { active: n === z.value }]),
+				title: t.description,
+				onClick: (e) => V(t, n)
+			}, [
+				a("span", {
+					class: "dot",
+					style: u({ background: t.color })
+				}, null, 4),
+				a("span", vn, v(t.displayName), 1),
+				a("span", yn, [(p(!0), i(e, null, h(N(t), (n, o) => (p(), i(e, { key: `${t.typeId}-${o}-${n}` }, [o > 0 ? (p(), i("span", bn, "›")) : r("", !0), a("span", xn, v(n), 1)], 64))), 128))])
+			], 10, _n))), 128)), I.value.length ? r("", !0) : (p(), i("div", Sn, "No matches"))], 64)) : (p(), i(e, { key: 1 }, [
+				k.value.length ? (p(), i("button", {
+					key: 0,
+					class: "row up",
+					onClick: F
+				}, [...s[6] ||= [a("span", { class: "icon" }, "↩", -1), a("span", { class: "name" }, "..", -1)]])) : r("", !0),
+				(p(!0), i(e, null, h(A.value.subgroups, (e) => (p(), i("button", {
+					key: e.name,
+					class: "row folder",
+					onClick: (t) => P(e.name)
+				}, [a("span", wn, v(e.name), 1), s[7] ||= a("span", { class: "chev" }, "›", -1)], 8, Cn))), 128)),
+				(p(!0), i(e, null, h(A.value.nodes, (e, t) => (p(), i("button", {
+					key: e.typeId,
+					class: l(["row node", { active: t === z.value }]),
+					title: e.description,
+					onClick: (n) => V(e, t)
+				}, [a("span", {
+					class: "dot",
+					style: u({ background: e.color })
+				}, null, 4), a("span", En, v(e.displayName), 1)], 10, Tn))), 128)),
+				!A.value.subgroups.length && !A.value.nodes.length ? (p(), i("div", Dn, " Empty ")) : r("", !0)
+			], 64))])])]),
+			_: 1
+		})], 36)], 32));
+	}
+}), [["__scopeId", "data-v-999f2b7d"]]), kn = 4, An = .25, jn = 2, Mn = .001, Nn = 4, Pn = 120 * 1e3, Fn = /*#__PURE__*/ Z(/* @__PURE__ */ s({
+	__name: "NodeViewer",
+	props: {
+		map: {},
+		ioWidgets: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(s, { expose: c }) {
+		function g(e) {
+			return b.value.types[e.type];
+		}
+		let _ = s, v = m([]), y = t(() => ke(_.map, v.value)), b = t(() => y.value.activeMap), x = t(() => Ae(_.map, v.value)), S = m(0), C = m(""), T = t(() => Oe(_.map, v.value)), E = m(!1), D = t(() => v.value.length ? E.value : _.ioWidgets);
+		function O() {
+			v.value.length && (v.value = v.value.slice(0, -1), U(), q.value = null);
+		}
+		function k(e) {
+			C.value = "";
+			try {
+				let t = je(_.map, v.value, e);
+				return t.length ? (C.value = t[0] ?? "Unknown error", t) : (S.value++, []);
+			} catch (e) {
+				return C.value = e instanceof Error ? e.message : String(e), [C.value];
+			}
+		}
+		function A(e) {
+			let t = b.value.graph.nodes.find((t) => t.id === e);
+			if (!t || !me(t)) return;
+			let n = Fe(_.map, v.value, t);
+			if (n) {
+				console.warn(`[Group] ${n}`);
+				return;
+			}
+			v.value.push({ compositeNodeId: e }), U(), q.value = null;
+		}
+		let j = t(() => he(b.value)), M = t(() => D.value ? j.value.values : void 0), N = t(() => j.value.errors), P = m({});
+		ee(N, (e) => {
+			for (let [t, n] of Object.entries(e)) {
+				if (P.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}`), P.value[t] = n;
+			}
+			for (let t of Object.keys(P.value)) t in e || delete P.value[t];
+		});
+		let F = m(null), I = m(0), L = m(0), z = m(1), te = m(!1), B = m([]), V = t(() => new Set(B.value)), H = t(() => b.value.graph.nodes.filter((e) => V.value.has(e.id))), ne = t(() => H.value[0] ?? null), re = t(() => ne.value ? b.value.nodeTypes[ne.value.typeId] ?? null : null);
+		function ie(e) {
+			B.value = [e], De(b.value, e);
+		}
+		function ae(e) {
+			B.value.indexOf(e) >= 0 ? B.value = B.value.filter((t) => t !== e) : (B.value = [...B.value, e], De(b.value, e));
+		}
+		function oe(e, t) {
+			if (t) {
+				ae(e);
+				return;
+			}
+			if (V.value.has(e) && B.value.length > 1) {
+				De(b.value, e);
+				return;
+			}
+			ie(e);
+		}
+		function U() {
+			B.value = [];
+		}
+		function se(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 = tt(e), o = nt(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 W = m(null), ce = t(() => {
+			let e = W.value;
+			if (!e) return null;
+			let t = Math.min(e.start.x, e.cur.x), n = Math.min(e.start.y, e.cur.y);
+			return {
+				left: `${t}px`,
+				top: `${n}px`,
+				width: `${Math.abs(e.cur.x - e.start.x)}px`,
+				height: `${Math.abs(e.cur.y - e.start.y)}px`
+			};
+		}), G = null, le = !1;
+		function ue(e) {
+			if (G) {
+				if (!le) {
+					let t = e.clientX - G.clientX, n = e.clientY - G.clientY;
+					if (Math.hypot(t, n) < kn) return;
+					le = !0;
+				}
+				W.value = {
+					start: G.world,
+					cur: K(e.clientX, e.clientY)
+				};
+			}
+		}
+		function de() {
+			window.removeEventListener("pointermove", ue), window.removeEventListener("pointerup", de), le && W.value ? B.value = se(W.value.start, W.value.cur) : G && (U(), q.value = null), W.value = null, G = null, le = !1;
+		}
+		let fe = t(() => ({ transform: `translate(${I.value}px, ${L.value}px) scale(${z.value})` }));
+		function K(e, t) {
+			let n = F.value?.getBoundingClientRect(), r = n?.left ?? 0, i = n?.top ?? 0;
+			return {
+				x: (e - r - I.value) / z.value,
+				y: (t - i - L.value) / z.value
+			};
+		}
+		function ge(e, t) {
+			let n = F.value?.getBoundingClientRect();
+			return {
+				x: e - (n?.left ?? 0),
+				y: t - (n?.top ?? 0)
+			};
+		}
+		let q = m(null);
+		function ye(e) {
+			if (e === "composite/group") {
+				we();
+				return;
+			}
+			let t = b.value.nodeTypes[e];
+			if (t) {
+				let e = q.value?.world ?? {
+					x: 0,
+					y: 0
+				}, n = R(t, {
+					x: e.x,
+					y: e.y
+				});
+				b.value.graph.nodes.push(n), Ee(b.value), oe(n.id, !1);
+			}
+			q.value = null;
+		}
+		function we() {
+			let e = q.value?.world ?? {
+				x: 0,
+				y: 0
+			}, t = b.value.graph, n = pe(_.map, {
+				x: e.x,
+				y: e.y
+			}), r = Ie(_.map, v.value, n, t);
+			if (r) {
+				console.warn(`[Group] ${r}`), q.value = null;
+				return;
+			}
+			t.nodes.push(n), Ee(b.value), oe(n.id, !1), q.value = null;
+		}
+		let J = m(null), Y = m(null), Me = m(null), Ne = t(() => {
+			let e = J.value, t = Y.value;
+			if (!e || !t) return null;
+			let n = Re(t, e.dir === "output" ? "input" : "output", e.ref.node, Me.value);
+			if (!n) return null;
+			let r = b.value.graph.nodes.find((e) => e.id === n.node);
+			return r ? it(r, n.port, g) : null;
+		}), Pe = t(() => {
+			let e = J.value, t = Y.value;
+			if (!e || !t) return null;
+			let n = Ne.value ?? t;
+			return e.dir === "output" ? ot(e.pos, n) : ot(n, e.pos);
+		});
+		function X(e, t, n) {
+			let r = b.value.graph.nodes.find((t) => t.id === e.node), i = r ? it(r, e.port, g) : null;
+			i && (J.value = {
+				ref: e,
+				dir: t.direction,
+				pos: i
+			}, Y.value = K(n.clientX, n.clientY), Me.value = new Set(t.direction === "output" ? _e(b.value, e.node) : ve(b.value, e.node)), window.addEventListener("pointermove", Le), window.addEventListener("pointerup", ze));
+		}
+		function Le(e) {
+			Y.value = K(e.clientX, e.clientY);
+		}
+		function Re(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 + tt(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 = it(o, t.id, g);
+					if (!r) continue;
+					let s = $e(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 = {
+						node: o.id,
+						port: t.id
+					});
+				}
+			}
+			return i;
+		}
+		function ze() {
+			let e = J.value, t = Y.value;
+			if (e && t) {
+				let n = Re(t, e.dir === "output" ? "input" : "output", e.ref.node, Me.value);
+				if (n) {
+					let t = e.dir === "output" ? e.ref : n, r = e.dir === "output" ? n : e.ref;
+					be(b.value, t, r);
+				}
+			}
+			J.value = null, Y.value = null, Me.value = null, window.removeEventListener("pointermove", Le), window.removeEventListener("pointerup", ze);
+		}
+		let Be = m([]), Z = null, Q = !1, Ve = t(() => {
+			let e = Be.value;
+			return e.length < 2 ? null : "M " + e.map((e) => `${e.x} ${e.y}`).join(" L ");
+		});
+		function He(e) {
+			e.preventDefault();
+			let t = e.target;
+			Z = {
+				clientX: e.clientX,
+				clientY: e.clientY,
+				world: K(e.clientX, e.clientY),
+				screen: ge(e.clientX, e.clientY),
+				onBackground: !t?.closest(".node") && !t?.closest(".config-bar")
+			}, Q = !1, Be.value = [Z.world], window.addEventListener("pointermove", Ue), window.addEventListener("pointerup", $);
+		}
+		function Ue(e) {
+			if (!Z) return;
+			if (!Q) {
+				let t = e.clientX - Z.clientX, n = e.clientY - Z.clientY;
+				if (Math.hypot(t, n) < Nn) return;
+				Q = !0;
+			}
+			let t = K(e.clientX, e.clientY), n = Be.value, r = n[n.length - 1];
+			n.push(t), r && We(r, t);
+		}
+		function We(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 = it(r, n.from.port, g), o = it(i, n.to.port, g);
+				if (!a || !o) continue;
+				let s = st(a, o);
+				for (let r = 0; r < s.length - 1; r++) if (ct(e, t, s[r], s[r + 1])) {
+					xe(b.value, n.id);
+					break;
+				}
+			}
+		}
+		function $() {
+			window.removeEventListener("pointermove", Ue), window.removeEventListener("pointerup", $);
+			let e = Z, t = Q;
+			Be.value = [], Z = null, Q = !1, !t && e && e.onBackground && (q.value = {
+				screen: e.screen,
+				world: e.world
+			});
+		}
+		function Ge() {
+			I.value = 0, L.value = 0, z.value = 1;
+		}
+		function Ke() {
+			v.value = [], U(), q.value = null, S.value++;
+		}
+		c({ resetView: Ke });
+		function qe(e) {
+			if (e.key === "Escape") {
+				q.value ? q.value = null : v.value.length ? O() : B.value.length ? U() : Ge();
+				return;
+			}
+			if (e.key !== "Delete" && e.key !== "Backspace") return;
+			let t = e.target;
+			if (!(t instanceof HTMLElement && t.closest("input, textarea, select")) && B.value.length) {
+				for (let e of B.value) Se(b.value, e) && Ce(b.value, e);
+				U(), e.preventDefault();
+			}
+		}
+		function Je(e) {
+			e.preventDefault();
+			let t = F.value;
+			if (!t) return;
+			let n = t.getBoundingClientRect(), r = e.clientX - n.left, i = e.clientY - n.top, a = (r - I.value) / z.value, o = (i - L.value) / z.value, s = Math.min(jn, Math.max(An, z.value * (1 - e.deltaY * Mn)));
+			I.value = r - a * s, L.value = i - o * s, z.value = s;
+		}
+		function Ye(e) {
+			let t = e.clientX, n = e.clientY, r = I.value, i = L.value;
+			te.value = !0;
+			function a(e) {
+				I.value = r + (e.clientX - t), L.value = i + (e.clientY - n);
+			}
+			function o() {
+				te.value = !1, window.removeEventListener("pointermove", a), window.removeEventListener("pointerup", o);
+			}
+			window.addEventListener("pointermove", a), window.addEventListener("pointerup", o);
+		}
+		function Xe(e) {
+			e.button === 0 && (e.stopPropagation(), G = {
+				clientX: e.clientX,
+				clientY: e.clientY,
+				world: K(e.clientX, e.clientY)
+			}, le = !1, window.addEventListener("pointermove", ue), window.addEventListener("pointerup", de));
+		}
+		function Ze(e) {
+			e.button === 1 ? (e.preventDefault(), Ye(e)) : e.button === 2 && He(e);
+		}
+		let Qe;
+		return d(() => {
+			window.addEventListener("keydown", qe), Ee(b.value), Qe = window.setInterval(() => Te(b.value), Pn);
+		}), f(() => {
+			window.removeEventListener("keydown", qe), Qe !== void 0 && window.clearInterval(Qe);
+		}), (t, s) => (p(), i("div", {
+			ref_key: "viewerEl",
+			ref: F,
+			class: l(["viewer", { panning: te.value }]),
+			onWheel: Je,
+			onPointerdown: Ze,
+			onContextmenu: s[3] ||= w(() => {}, ["prevent"])
+		}, [
+			a("div", {
+				class: "top-right-stack",
+				onPointerdown: s[1] ||= w(() => {}, ["stop"])
+			}, [v.value.length ? (p(), n(un, {
+				key: 0,
+				composite: T.value,
+				"io-widgets": E.value,
+				onUp: O,
+				"onUpdate:ioWidgets": s[0] ||= (e) => E.value = e
+			}, null, 8, ["composite", "io-widgets"])) : r("", !0), ne.value ? (p(), n(rn, {
+				key: 1,
+				class: "stacked-panel",
+				map: b.value,
+				nodes: H.value,
+				def: re.value,
+				"graph-interface": x.value,
+				"interface-revision": S.value,
+				"interface-commit-error": C.value,
+				"apply-interface-mutation": k,
+				error: H.value.length === 1 ? N.value[ne.value.id] : void 0
+			}, null, 8, [
+				"map",
+				"nodes",
+				"def",
+				"graph-interface",
+				"interface-revision",
+				"interface-commit-error",
+				"error"
+			])) : r("", !0)], 32),
+			a("div", {
+				class: "viewport",
+				style: u(fe.value)
+			}, [
+				a("div", {
+					class: "canvas-bg",
+					onPointerdown: Xe
+				}, null, 32),
+				o(Ct, {
+					map: b.value,
+					"pending-path": Pe.value,
+					"slice-path": Ve.value
+				}, null, 8, [
+					"map",
+					"pending-path",
+					"slice-path"
+				]),
+				ce.value ? (p(), i("div", {
+					key: 0,
+					class: "marquee",
+					style: u(ce.value)
+				}, null, 4)) : r("", !0),
+				(p(!0), i(e, null, h(b.value.graph.nodes, (e) => (p(), n(vt, {
+					key: e.id,
+					node: e,
+					map: b.value,
+					zoom: z.value,
+					"io-widgets": D.value,
+					"io-results": M.value,
+					selected: B.value.includes(e.id),
+					"selected-ids": V.value,
+					error: N.value[e.id],
+					onConnectStart: X,
+					onSelect: oe,
+					onDrillIn: A
+				}, null, 8, [
+					"node",
+					"map",
+					"zoom",
+					"io-widgets",
+					"io-results",
+					"selected",
+					"selected-ids",
+					"error"
+				]))), 128))
+			], 4),
+			q.value ? (p(), n(On, {
+				key: 0,
+				map: b.value,
+				screen: q.value.screen,
+				onSelect: ye,
+				onAddComposite: we,
+				onClose: s[2] ||= (e) => q.value = null
+			}, null, 8, ["map", "screen"])) : r("", !0)
+		], 34));
+	}
+}), [["__scopeId", "data-v-ff1ea32f"]]);
+//#endregion
+//#region src/components/types/registerDefaultTypeWidgets.ts
+function In() {
+	Je("number", Q), Je("string", $);
+}
+//#endregion
+//#region src/store/nodes/math.ts
+var Ln = {
+	typeId: "math/add",
+	displayName: "Add",
+	color: "#4a7a4a",
+	description: "Add two numbers",
+	group: ["math", "basic operations"],
+	inputs: {
+		a: {
+			type: "number",
+			defaultValue: 0
+		},
+		b: {
+			type: "number",
+			defaultValue: 0
+		}
+	},
+	outputs: { sum: { type: "number" } },
+	execute: (e) => ({ sum: Number(e.a ?? 0) + Number(e.b ?? 0) })
+}, Rn = {
+	typeId: "math/multiply",
+	displayName: "Multiply",
+	color: "#4a7a4a",
+	description: "Multiply two numbers",
+	group: ["math", "basic operations"],
+	inputs: {
+		a: {
+			type: "number",
+			defaultValue: 0
+		},
+		b: {
+			type: "number",
+			defaultValue: 0
+		}
+	},
+	outputs: { product: { type: "number" } },
+	execute: (e) => ({ product: Number(e.a ?? 0) * Number(e.b ?? 0) })
+}, zn = {
+	typeId: "math/divide",
+	displayName: "Divide",
+	color: "#4a7a4a",
+	description: "Divide two numbers",
+	group: ["math", "basic operations"],
+	inputs: {
+		a: {
+			type: "number",
+			defaultValue: 0
+		},
+		b: {
+			type: "number",
+			defaultValue: 1
+		}
+	},
+	outputs: { quotient: { type: "number" } },
+	execute: (e) => {
+		let t = Number(e.a ?? 0), n = Number(e.b ?? 1);
+		if (n === 0) throw Error("Division by zero");
+		return { quotient: t / n };
+	}
+}, Bn = {
+	[Ln.typeId]: Ln,
+	[Rn.typeId]: Rn,
+	[zn.typeId]: zn
+};
+//#endregion
+//#region src/store/registry/defineType.ts
+function Vn(e) {
+	let t = e.widget, n = Wn(t);
+	return {
+		id: e.id,
+		label: e.label ?? Hn(e.id),
+		color: e.color ?? "#888",
+		validate: e.validate,
+		accepts: e.accepts,
+		defaultValue: e.defaultValue,
+		widget: t,
+		parse: e.parse ?? n.parse,
+		format: e.format ?? n.format,
+		coerce: e.coerce ?? n.coerce
+	};
+}
+function Hn(e) {
+	return e.charAt(0).toUpperCase() + e.slice(1);
+}
+function Un(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 Wn(e) {
+	if (!e) return {
+		parse: (e) => e,
+		format: (e) => e == null ? "" : String(e)
+	};
+	switch (e.kind) {
+		case "number": return {
+			parse: (e) => Number(e),
+			format: (e) => e == null ? "" : String(e),
+			coerce: (t) => Un(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) };
+	}
+}
+//#endregion
+//#region src/store/types/index.ts
+var Gn = Vn({
+	id: "number",
+	label: "Number",
+	color: "#7dd3fc",
+	validate: (e) => typeof e == "number" && !Number.isNaN(e),
+	defaultValue: 0,
+	widget: { kind: "number" }
+}), Kn = Vn({
+	id: "string",
+	label: "String",
+	color: "#c4b5fd",
+	validate: (e) => typeof e == "string",
+	defaultValue: "",
+	widget: { kind: "text" }
+}), qn = {
+	id: "@local/core",
+	types: {
+		[Gn.id]: Gn,
+		[Kn.id]: Kn
+	},
+	nodeTypes: Bn
+};
+//#endregion
+//#region src/store/graph/createNodeMap.ts
+function Jn(e = {}) {
+	let t = {
+		graph: e.graph ?? {
+			nodes: [],
+			connections: []
+		},
+		types: {},
+		nodeTypes: {},
+		extensions: e.extensions ? [...e.extensions] : [],
+		graphInterface: z(e.graphInterface ?? M),
+		loadPack: () => []
+	};
+	return e.types && P(t, e.types), e.nodeTypes && F(t, e.nodeTypes), ie(t, t.graphInterface), oe(t), t;
+}
+//#endregion
+//#region src/store/packs/installPack.ts
+function Yn(e, t, n) {
+	if (e.extensions.includes(t.id)) return [];
+	let r = [];
+	if (t.types) for (let n of Object.keys(t.types)) e.types[n] && r.push(`type "${n}" already registered by another pack`);
+	if (t.nodeTypes) for (let n of Object.keys(t.nodeTypes)) e.nodeTypes[n] && r.push(`node type "${n}" already registered by another pack`);
+	return r.length ? r : (I(e, t), n && t.setup?.(n), []);
+}
+//#endregion
+//#region src/vue/attachLoadPack.ts
+function Xn() {
+	return {
+		registerTypeWidget: Je,
+		registerComponentWidget: Ye
+	};
+}
+function Zn(e) {
+	e.loadPack = (t) => Yn(e, t, Xn());
+}
+//#endregion
+//#region src/vue/createNodeMap.ts
+var Qn = !1;
+function $n(e = {}) {
+	Qn ||= (In(), !0);
+	let t = Jn(e);
+	Zn(t), e.defaultPack !== !1 && t.loadPack(qn);
+	for (let n of e.packs ?? []) t.loadPack(n);
+	return t;
+}
+//#endregion
+//#region src/store/graph/validateGraphTypes.ts
+function er(e, t, n, r, i) {
+	e.types[n.type] || i.push(`node "${t.label ?? t.typeId}" (${t.id}): unknown ${r} port type "${n.type}" on port "${n.name}"`);
+}
+function tr(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)) er(e, t, r, "input", n);
+	for (let r of Object.values(t.outputs)) er(e, t, r, "output", n);
+	t.composite?.graph && nr(e, t.composite.graph, n);
+}
+function nr(e, t, n = []) {
+	for (let r of t.nodes) tr(e, r, n);
+	return n;
+}
+//#endregion
+//#region src/store/graph/document.ts
+function rr(e) {
+	return {
+		graph: z(e.graph),
+		interface: z(e.graphInterface),
+		extensions: e.extensions.length ? [...e.extensions] : void 0
+	};
+}
+function ir(e) {
+	return rr(e);
+}
+function ar(e) {
+	let t;
+	try {
+		t = JSON.parse(e);
+	} catch {
+		throw Error("invalid JSON");
+	}
+	if (!t || typeof t != "object") throw Error("document must be an object");
+	let n = t;
+	if (!n.graph || typeof n.graph != "object") throw Error("document missing graph");
+	if (!Array.isArray(n.graph.nodes)) throw Error("graph.nodes must be an array");
+	if (!Array.isArray(n.graph.connections)) throw Error("graph.connections must be an array");
+	if (!n.interface || typeof n.interface != "object") throw Error("document missing interface");
+	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 or(e, t) {
+	return t?.length ? t.filter((t) => !e.extensions.includes(t)).map((e) => `missing pack "${e}" (call map.loadPack() before import)`) : [];
+}
+function sr(e, t) {
+	let n = [];
+	return n.push(...or(e, t.extensions)), n.push(...se({
+		...e,
+		graph: t.graph
+	})), n.push(...B(e, t.interface)), n.push(...nr(e, t.graph)), n;
+}
+function cr(e, t) {
+	let n = or(e, t.extensions);
+	return n.length ? n : (e.graph = z(t.graph), e.graphInterface = z(t.interface), ie(e, e.graphInterface), oe(e), n.push(...sr(e, t)), n);
+}
+function lr(e, t) {
+	return cr(e, t);
+}
+//#endregion
+export { V as INPUT_TYPE, Fn as NodeViewer, H as OUTPUT_TYPE, cr as applyDocument, ae as boundaryNodes, $n as createNodeMap, Vn as defineType, ir as exportGraph, lr as importGraph, R as instantiate, ar as parseGraphDocument, Ye as registerComponentWidget, In as registerDefaultTypeWidgets, Je as registerTypeWidget, he as runGraph, rr as serializeDocument, sr as validateDocument };