@mkbabb/glass-ui 4.2.0 → 6.0.0

package/dist/constellation.js

@@ -1,11 +1,14 @@
-import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-gLzyemvl.js";
-import { t as n } from "./usePointerVelocityField-BrkqZFhj.js";
-import { a as r, t as i } from "./useGpuSubstrate-Ceet70xq.js";
-import { n as a, t as o } from "./prng-B5tIXTtj.js";
-import { computed as s, createElementBlock as c, createElementVNode as l, defineComponent as u, getCurrentInstance as d, normalizeClass as f, onMounted as p, onUnmounted as m, openBlock as h, ref as g, unref as _, useTemplateRef as v } from "vue";
-//#region src/components/custom/constellation/constants.ts
-var y = 1280, b = {
+import { t as e } from "./class-names-5jotTFzp.js";
+import { n as t } from "./resolveCanvasColor-yarP5bdk.js";
+import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as r } from "./usePointerVelocityField-BdvnO0py.js";
+import { t as i } from "./useRoutePointer-BDNMFN73.js";
+import { d as a, l as o } from "./pointerFieldMappings-CZojkgKj.js";
+import { a as s, t as c } from "./rendererStatus-C2-zC2Q-.js";
+import { n as l, t as u } from "./prng-Dz2_9RJu.js";
+import { computed as d, createElementBlock as f, createElementVNode as p, defineComponent as m, getCurrentInstance as h, normalizeClass as g, onMounted as _, onUnmounted as v, openBlock as y, readonly as b, ref as x, shallowRef as S, unref as C, useTemplateRef as w, watch as T } from "vue";
+//#region src/components/constellation/constants.ts
+var E = 1280, D = {
 	node: "#b4afa3",
 	nodeDim: "#cdc8bd",
 	line: "#1c1714",
@@ -15,20 +18,20 @@ var y = 1280, b = {
 	accent: "#b35030",
 	edgeFloor: 0,
 	edgeAccentAlpha: .3
-}, x = .55, S = 1, C = {
+}, O = .55, k = 1, A = {
 	gain: 19e3,
 	reach: 340,
 	ramp: 8,
 	maxSpeed: 4,
 	soften: 8,
 	holdMs: 140
-}, w = 8e3, T = 8e3, E = .14, D = 2600, O = 6e3, k = 8e3, A = .72, j = 256, M = 12, N = 256 * 12, P = .08, F = 1.6, I = 1.6, L = .001, R = .6, z = 11, B = 22, V = .05;
-function H(e, t, n, r) {
+}, j = 8e3, M = 8e3, N = .14, P = 2600, F = 6e3, I = 8e3, L = .72, R = 256, ee = 12, z = 256 * 12, B = 0, V = 1.6, H = 1.6, U = .001, W = .6, G = 11, K = 22, te = .05;
+function ne(e, t, n, r) {
 	let i = e.well;
 	if (!i || !(r > 0)) return;
-	let a = Math.min(r, V), o = i.cfg, s = i.target > 0 ? o.ramp : B, c = Math.min(s * a, 1);
-	i.strength += (i.target - i.strength) * c, i.strength < L && (i.strength = i.target <= 0 ? 0 : i.strength);
-	let { nodes: l } = e, u = o.reach * t, d = u * u, f = o.maxSpeed * t, p = i.target > 0 ? R : z, m = Math.min(p * a, 1), h = i.strength > L && i.x >= 0, g = e.pinnedIndex;
+	let a = Math.min(r, te), o = i.cfg, s = i.target > 0 ? o.ramp : K, c = Math.min(s * a, 1);
+	i.strength += (i.target - i.strength) * c, i.strength < U && (i.strength = i.target <= 0 ? 0 : i.strength);
+	let { nodes: l } = e, u = o.reach * t, d = u * u, f = o.maxSpeed * t, p = i.target > 0 ? W : G, m = Math.min(p * a, 1), h = i.strength > U && i.x >= 0, g = e.pinnedIndex;
 	for (let e = 0; e < l.length; e++) {
 		if (e === g) continue;
 		let t = l[e];
@@ -47,14 +50,14 @@ function H(e, t, n, r) {
 	}
 }
 //#endregion
-//#region src/components/custom/constellation/constellationInteraction.ts
-function ee(e) {
+//#region src/components/constellation/constellationInteraction.ts
+function re(e) {
 	let t = {
-		response: x,
+		response: O,
 		zeta: 1
-	}, n = { ...C }, r = {
-		minIdle: w,
-		jitter: T
+	}, n = { ...A }, r = {
+		minIdle: j,
+		jitter: M
 	};
 	if (typeof window > "u") return {
 		warp: t,
@@ -67,14 +70,14 @@ function ee(e) {
 		let r = Number.parseFloat(n);
 		return Number.isFinite(r) ? r : t;
 	};
-	return t.response = a("--constellation-warp-response", x), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", C.gain), n.reach = a("--constellation-well-reach", C.reach), n.ramp = a("--constellation-well-ramp", C.ramp), n.maxSpeed = a("--constellation-well-max-speed", C.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", C.holdMs), r.minIdle = a("--constellation-wander-idle", w), r.jitter = a("--constellation-wander-jitter", T), {
+	return t.response = a("--constellation-warp-response", O), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", A.gain), n.reach = a("--constellation-well-reach", A.reach), n.ramp = a("--constellation-well-ramp", A.ramp), n.maxSpeed = a("--constellation-well-max-speed", A.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", A.holdMs), r.minIdle = a("--constellation-wander-idle", j), r.jitter = a("--constellation-wander-jitter", M), {
 		warp: t,
 		well: n,
 		wander: r
 	};
 }
-var te = .05;
-function U(e, t, n, r = -1) {
+var ie = .05;
+function q(e, t, n, r = -1) {
 	let { nodes: i } = e, a = -1, o = Infinity;
 	for (let e = 0; e < i.length; e++) {
 		if (e === r) continue;
@@ -83,13 +86,13 @@ function U(e, t, n, r = -1) {
 	}
 	return a;
 }
-function W(e, t) {
+function J(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (!n || n.targetIdx < 0 || n.targetIdx >= r.length || !(t > 0)) return;
-	let i = Math.min(t, te), a = e.warpCfg?.response ?? .55, o = e.warpCfg?.zeta ?? 1, s = 2 * Math.PI / a, c = r[n.targetIdx], l = -2 * o * s * n.vx - s * s * (n.x - c.x), u = -2 * o * s * n.vy - s * s * (n.y - c.y);
+	let i = Math.min(t, ie), a = e.warpCfg?.response ?? .55, o = e.warpCfg?.zeta ?? 1, s = 2 * Math.PI / a, c = r[n.targetIdx], l = -2 * o * s * n.vx - s * s * (n.x - c.x), u = -2 * o * s * n.vy - s * s * (n.y - c.y);
 	n.vx += l * i, n.vy += u * i, n.x += n.vx * i, n.y += n.vy * i;
 }
-function G(e, t) {
+function Y(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (t < 0 || t >= r.length) {
 		n.targetIdx = -1, e.focalIndex = -1;
@@ -97,20 +100,20 @@ function G(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function K(e, t, n) {
-	let r = U(e, t, n, -1);
+function X(e, t, n) {
+	let r = q(e, t, n, -1);
 	if (r >= 0 && r === e.focalIndex) return e.focalIndex;
-	let i = U(e, t, n, e.focalIndex);
-	return i < 0 ? -1 : (G(e, i), i);
+	let i = q(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (Y(e, i), i);
 }
-var ne = 24;
-function q(e) {
+var ae = 24;
+function Z(e) {
 	let { warp: t, nodes: n } = e;
 	if (!t || t.targetIdx < 0 || t.targetIdx >= n.length) return !0;
 	let r = n[t.targetIdx];
-	return Math.hypot(t.x - r.x, t.y - r.y) < ne;
+	return Math.hypot(t.x - r.x, t.y - r.y) < ae;
 }
-function re(e, t) {
+function oe(e, t) {
 	let n = e.nodes.length;
 	if (n <= 1) return e.focalIndex;
 	let r = e.focalIndex;
@@ -118,7 +121,7 @@ function re(e, t) {
 	let i = Math.floor(t() * (n - 1));
 	return i < r ? i : i + 1;
 }
-function ie(e = {}) {
+function se(e = {}) {
 	return {
 		anchorX: 0,
 		anchorY: 0,
@@ -134,10 +137,10 @@ function ie(e = {}) {
 		jitter: e.jitter ?? 8e3
 	};
 }
-function ae(e) {
+function ce(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
-function oe(e, t, n) {
+function Q(e, t, n) {
 	let r = e.pinnedDrift;
 	if (!r || e.pinnedIndex < 0 || e.pinnedIndex >= e.nodes.length || !(t > 0)) return;
 	let i = e.nodes[e.pinnedIndex];
@@ -151,20 +154,20 @@ function oe(e, t, n) {
 		let a = r.wanderFrac, o = r.anchorX + (n() * 2 - 1) * a * e.w, s = r.anchorY + (n() * 2 - 1) * a * e.h;
 		r.toX = Math.max(.04 * e.w, Math.min(.96 * e.w, o)), r.toY = Math.max(.04 * e.h, Math.min(.96 * e.h, s)), r.legStart = t;
 	}
-	let a = Math.min((t - r.legStart) / r.durMs, 1), o = ae(a);
+	let a = Math.min((t - r.legStart) / r.durMs, 1), o = ce(a);
 	i.x = r.fromX + (r.toX - r.fromX) * o, i.y = r.fromY + (r.toY - r.fromY) * o, a >= 1 && (r.legStart = -1, r.nextAt = t + r.minIdle + n() * r.jitter);
 }
-var se = .45;
-function ce(e, t, n, r) {
-	return n >= .45 ? (K(e, t.x, t.y), r.push({
+var le = .45;
+function ue(e, t, n, r) {
+	return n >= .45 ? (X(e, t.x, t.y), r.push({
 		x: e.warp.x,
 		y: e.warp.y,
 		start: -1
 	}), !0) : !1;
 }
 //#endregion
-//#region src/components/custom/constellation/constellationField.ts
-function le(e, t, n, r, i) {
+//#region src/components/constellation/constellationField.ts
+function de(e, t, n, r, i) {
 	let a = [];
 	for (let o = 0; o < t; o++) {
 		let t = e() * Math.PI * 2;
@@ -173,20 +176,20 @@ function le(e, t, n, r, i) {
 			y: e() * r,
 			vx: Math.cos(t) * i,
 			vy: Math.sin(t) * i,
-			r: F + e() * I,
+			r: V + e() * H,
 			dim: e() < .45,
 			z: e()
 		});
 	}
 	return a;
 }
-function ue(e, t, n) {
+function fe(e, t, n) {
 	if (!(t > 0) || !(n > 0) || t === e.w && n === e.h) return;
 	let r = e.w / t, i = e.h / n;
 	for (let t of e.nodes) t.x *= r, t.y *= i;
 	e.warp.x *= r, e.warp.y *= i;
 }
-function de(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
+function pe(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
 	let { nodes: c, w: l, h: u } = e, d = e.pinnedIndex;
 	for (let e = 0; e < c.length; e++) {
 		if (e === d) continue;
@@ -204,12 +207,12 @@ function de(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
 			}
 		}
 	}
-	if (H(e, t, n, i), oe(e, a, o), W(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && q(e) && (e.warp.targetIdx = -1), e.wander && a > 0) {
+	if (ne(e, t, n, i), Q(e, a, o), J(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && Z(e) && (e.warp.targetIdx = -1), e.wander && a > 0) {
 		let t = e.wander;
-		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && q(e) && (G(e, re(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
+		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && Z(e) && (Y(e, oe(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
 	}
 }
-function fe(e, t, n = -1, r = Infinity) {
+function me(e, t, n = -1, r = Infinity) {
 	let { nodes: i, k: a } = e, o = t * a, s = o * o, c = [];
 	for (let e = 0; e < i.length; e++) {
 		let t = i[e];
@@ -230,7 +233,7 @@ function fe(e, t, n = -1, r = Infinity) {
 	}
 	return c.length > r && (c.sort((e, t) => t.alpha - e.alpha), c.length = r), c;
 }
-function pe(e, t, n, r, i = Infinity) {
+function he(e, t, n, r, i = Infinity) {
 	if (!r || r.x < 0) return;
 	let { nodes: a, k: o } = t, s = n * o, c = s * s;
 	for (let t of a) {
@@ -247,7 +250,7 @@ function pe(e, t, n, r, i = Infinity) {
 		});
 	}
 }
-function me(e, t, n, r, i) {
+function ge(e, t, n, r, i) {
 	if (!t || t.x < 0 || i <= 0) return {
 		x: e.x,
 		y: e.y
@@ -259,118 +262,63 @@ function me(e, t, n, r, i) {
 	};
 }
 //#endregion
-//#region src/components/custom/constellation/constellationRender.ts
-function he(e) {
+//#region src/components/constellation/constellationRender.ts
+function $(e) {
 	return Math.max(e.k, e.kFloor ?? .72);
 }
-function ge(e) {
-	if (typeof window > "u") return { ...b };
+function _e(e) {
+	if (typeof window > "u") return { ...D };
 	let t = getComputedStyle(e), n = (e, n) => t.getPropertyValue(e).trim() || n, r = (e, n) => {
-		let r = t.getPropertyValue(e).trim();
-		if (!r) return n;
-		let i = Number.parseFloat(r);
-		return Number.isFinite(i) ? i : n;
+		let r = Number.parseFloat(t.getPropertyValue(e));
+		return Number.isFinite(r) ? r : n;
 	};
 	return {
-		node: n("--constellation-node", b.node),
-		nodeDim: n("--constellation-node-dim", b.nodeDim),
-		line: n("--constellation-line", b.line),
-		edgeAlpha: r("--constellation-edge-alpha", b.edgeAlpha),
-		edgeFocusAlpha: r("--constellation-edge-focus-alpha", b.edgeFocusAlpha),
-		alpha: r("--constellation-alpha", b.alpha),
-		accent: n("--constellation-accent", b.accent),
-		edgeFloor: r("--constellation-edge-floor", b.edgeFloor),
-		edgeAccentAlpha: r("--constellation-edge-accent-alpha", b.edgeAccentAlpha)
+		node: n("--constellation-node", D.node),
+		nodeDim: n("--constellation-node-dim", D.nodeDim),
+		line: n("--constellation-line", D.line),
+		accent: n("--constellation-accent", D.accent),
+		alpha: r("--constellation-alpha", D.alpha),
+		edgeAlpha: r("--constellation-edge-alpha", D.edgeAlpha),
+		edgeFocusAlpha: r("--constellation-edge-focus-alpha", D.edgeFocusAlpha),
+		edgeAccentAlpha: r("--constellation-edge-accent-alpha", D.edgeAccentAlpha),
+		edgeFloor: r("--constellation-edge-floor", D.edgeFloor)
 	};
 }
-function J(e) {
-	let t = (e || "").trim(), n = t.match(/^#([0-9a-fA-F]{3,8})$/);
-	if (n) {
-		let e = n[1];
-		if (e.length === 3) return [
-			parseInt(e[0] + e[0], 16) / 255,
-			parseInt(e[1] + e[1], 16) / 255,
-			parseInt(e[2] + e[2], 16) / 255,
-			1
-		];
-		if (e.length === 6 || e.length === 8) {
-			let t = e.length === 8 ? parseInt(e.slice(6, 8), 16) / 255 : 1;
-			return [
-				parseInt(e.slice(0, 2), 16) / 255,
-				parseInt(e.slice(2, 4), 16) / 255,
-				parseInt(e.slice(4, 6), 16) / 255,
-				t
-			];
-		}
+function ve(e, t, n, r, i = 1) {
+	let a = $(t), o = r.alpha * i;
+	for (let t of n) t.focus ? (e.strokeStyle = r.line, e.lineWidth = a, e.globalAlpha = t.alpha * r.edgeFocusAlpha * o) : t.accent ? (e.strokeStyle = r.accent, e.lineWidth = 1.1 * a, e.globalAlpha = t.alpha * r.edgeAccentAlpha * o) : (e.strokeStyle = r.line, e.lineWidth = a, e.globalAlpha = (t.alpha * r.edgeAlpha + r.edgeFloor) * o), e.beginPath(), e.moveTo(t.ax, t.ay), e.lineTo(t.bx, t.by), e.stroke();
+	e.globalAlpha = 1;
+}
+function ye(e, t, n, r = 1, i = null, a = 0) {
+	let o = $(t);
+	e.globalAlpha = r;
+	for (let r of t.nodes) {
+		let s = ge(r, i, t.w, t.h, a);
+		e.fillStyle = r.dim ? n.nodeDim : n.node, e.beginPath(), e.arc(s.x, s.y, r.r * o, 0, Math.PI * 2), e.fill();
 	}
-	let r = t.match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,/]+([\d.]+%?))?\s*\)$/i);
-	if (r) {
-		let e = r[4] == null ? 1 : _e(r[4]);
-		return [
-			Y(Number(r[1]) / 255),
-			Y(Number(r[2]) / 255),
-			Y(Number(r[3]) / 255),
-			e
-		];
-	}
-	let i = t.match(/^hsla?\(\s*([\d.]+)(?:deg)?[\s,]+([\d.]+)%[\s,]+([\d.]+)%(?:[\s,/]+([\d.]+%?))?\s*\)$/i);
-	if (i) {
-		let e = i[4] == null ? 1 : _e(i[4]), [t, n, r] = ve(Number(i[1]), Number(i[2]) / 100, Number(i[3]) / 100);
-		return [
-			t,
-			n,
-			r,
-			e
-		];
+	e.globalAlpha = 1;
+}
+function be(e, t, n, r, i = 1) {
+	!n || n.x < 0 || (e.globalAlpha = .55 * i, e.fillStyle = r.node, e.beginPath(), e.arc(n.x, n.y, 2.6 * $(t), 0, Math.PI * 2), e.fill(), e.globalAlpha = 1);
+}
+function xe(e, t, n, r, i, a = 1) {
+	let o = $(t);
+	e.strokeStyle = i.line;
+	for (let t = r.length - 1; t >= 0; t--) {
+		let i = r[t];
+		i.start < 0 && (i.start = n);
+		let s = (n - i.start) / 900;
+		if (s >= 1) {
+			r.splice(t, 1);
+			continue;
+		}
+		e.globalAlpha = (1 - s) * .5 * a, e.lineWidth = 1.4 * o, e.beginPath(), e.arc(i.x, i.y, (8 + s * 130) * o, 0, Math.PI * 2), e.stroke();
 	}
-	return [
-		.11,
-		.09,
-		.08,
-		1
-	];
-}
-function Y(e) {
-	return e < 0 ? 0 : e > 1 ? 1 : e;
-}
-function _e(e) {
-	return Y(e.endsWith("%") ? Number(e.slice(0, -1)) / 100 : Number(e));
-}
-function ve(e, t, n) {
-	let r = (e % 360 + 360) % 360, i = (1 - Math.abs(2 * n - 1)) * t, a = i * (1 - Math.abs(r / 60 % 2 - 1)), o = n - i / 2, s = 0, c = 0, l = 0;
-	return r < 60 ? [s, c, l] = [
-		i,
-		a,
-		0
-	] : r < 120 ? [s, c, l] = [
-		a,
-		i,
-		0
-	] : r < 180 ? [s, c, l] = [
-		0,
-		i,
-		a
-	] : r < 240 ? [s, c, l] = [
-		0,
-		a,
-		i
-	] : r < 300 ? [s, c, l] = [
-		a,
-		0,
-		i
-	] : [s, c, l] = [
-		i,
-		0,
-		a
-	], [
-		Y(s + o),
-		Y(c + o),
-		Y(l + o)
-	];
+	e.globalAlpha = 1;
 }
 //#endregion
-//#region src/components/custom/constellation/composables/createConstellationField.ts
-function ye(e, t, n = !1, r = !1, i = !1) {
+//#region src/components/constellation/composables/createConstellationField.ts
+function Se(e, t, n = !1, r = !1, i = !1) {
 	let a = {
 		nodes: [],
 		canvas: null,
@@ -389,7 +337,7 @@ function ye(e, t, n = !1, r = !1, i = !1) {
 		pinnedIndex: n === !1 ? -1 : n === !0 ? 0 : Math.max(0, Math.trunc(n)),
 		warpAutoRelease: !!i
 	};
-	a.pinnedDrift = r ? ie(r === !0 ? {} : r) : void 0;
+	a.pinnedDrift = r ? se(r === !0 ? {} : r) : void 0;
 	let o = e && e !== !0 ? e : {};
 	a.wander = e ? {
 		nextAt: -1,
@@ -403,7 +351,7 @@ function ye(e, t, n = !1, r = !1, i = !1) {
 		strength: 0,
 		target: 0,
 		cfg: {
-			...C,
+			...A,
 			...s
 		}
 	} : void 0, {
@@ -413,440 +361,178 @@ function ye(e, t, n = !1, r = !1, i = !1) {
 	};
 }
 //#endregion
-//#region src/components/custom/constellation/shaders/constellation-points.wgsl.ts
-var be = "\n// ── Node storage row + uniforms (the typed-struct source-of-truth — uniformBridgeWGPU.ts) ──\nstruct Node {\n  // (pos.x, pos.y, radius, dim)\n  data: vec4<f32>,\n};\n\nstruct ConstellationUniforms {\n  // u0: (resolution.x, resolution.y, dpr, kVis)\n  u0: vec4<f32>,\n  // u1: (time, lineWidth, opacityCeiling, alpha)\n  u1: vec4<f32>,\n  // uEdge: (edgeAlpha, edgeFocusAlpha, edgeAccentAlpha, edgeFloor)\n  uEdge: vec4<f32>,\n  // colours (premultiplied-ready rgba)\n  uNode: vec4<f32>,\n  uNodeDim: vec4<f32>,\n  uLine: vec4<f32>,\n  uAccent: vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> u: ConstellationUniforms;\n@group(0) @binding(1) var<storage, read> nodes: array<Node>;\n\nstruct VSOut {\n  @builtin(position) pos: vec4<f32>,\n  @location(0) uv: vec2<f32>,   // [-1,1] billboard-local → fragment SDF coord\n  @location(1) dim: f32,        // 0 = full node, 1 = dim node\n};\n\n@vertex\nfn vs_main(\n  @builtin(vertex_index) vIdx: u32,\n  @builtin(instance_index) iIdx: u32,\n) -> VSOut {\n  // Two-triangle quad corners in billboard-local space.\n  var QUAD = array<vec2<f32>, 6>(\n    vec2<f32>(-1.0, -1.0), vec2<f32>(1.0, -1.0), vec2<f32>(-1.0, 1.0),\n    vec2<f32>(-1.0,  1.0), vec2<f32>(1.0, -1.0), vec2<f32>(1.0,  1.0),\n  );\n  let corner = QUAD[vIdx];\n\n  let node = nodes[iIdx].data;\n  let res = u.u0.xy;\n  let dpr = u.u0.z;\n  let kVis = u.u0.w;\n\n  // center: node px → clip space (y-flip — px is y-down, clip is y-up).\n  let centerPx = node.xy;\n  let centerNdc = vec2<f32>(\n    centerPx.x / max(res.x, 1.0) * 2.0 - 1.0,\n    1.0 - centerPx.y / max(res.y, 1.0) * 2.0,\n  );\n  // half-extent: radius·kVis in CSS px → backing-store px (·dpr) → NDC half (·2/res).\n  // (the DPR-aware crispness leg — the disc samples at device resolution.)\n  // (half is a WGSL reserved keyword — name it halfExt.)\n  let radPx = node.z * kVis * dpr;\n  let halfExt = vec2<f32>(radPx / max(res.x, 1.0) * 2.0, radPx / max(res.y, 1.0) * 2.0);\n\n  var out: VSOut;\n  out.pos = vec4<f32>(centerNdc + corner * halfExt, 0.0, 1.0);\n  out.uv = corner;\n  out.dim = node.w;\n  return out;\n}\n\n@fragment\nfn fs_main(in: VSOut) -> @location(0) vec4<f32> {\n  // SDF: distance to the unit-circle edge in billboard-local space (0 at the rim, neg inside).\n  let d = length(in.uv) - 1.0;\n  // fwidth(d) = |dpdx(d)| + |dpdy(d)| — the pixel footprint of the SDF, the resolution-\n  // independent AA width (~1px band at ANY DPR/zoom/size).\n  let aa = max(fwidth(d), 1e-4);\n  let coverage = 1.0 - smoothstep(-aa, aa, d);\n  if (coverage <= 0.0) { discard; }\n  let col = mix(u.uNode, u.uNodeDim, in.dim);\n  let a = col.a * coverage * u.u1.z;  // ·opacityCeiling\n  // premultiplied-alpha output.\n  return vec4<f32>(col.rgb * a, a);\n}\n", xe = "\nstruct Edge {\n  // vec4 0: (a.x, a.y, b.x, b.y)\n  ab: vec4<f32>,\n  // vec4 1: (alpha, accent, focus, _pad)\n  w: vec4<f32>,\n};\n\nstruct ConstellationUniforms {\n  // u0: (resolution.x, resolution.y, dpr, kVis)\n  u0: vec4<f32>,\n  // u1: (time, lineWidth, opacityCeiling, alpha)\n  u1: vec4<f32>,\n  // uEdge: (edgeAlpha, edgeFocusAlpha, edgeAccentAlpha, edgeFloor)\n  uEdge: vec4<f32>,\n  uNode: vec4<f32>,\n  uNodeDim: vec4<f32>,\n  uLine: vec4<f32>,\n  uAccent: vec4<f32>,\n};\n\n@group(0) @binding(0) var<uniform> u: ConstellationUniforms;\n@group(0) @binding(1) var<storage, read> edges: array<Edge>;\n\nstruct VSOut {\n  @builtin(position) pos: vec4<f32>,\n  @location(0) lineCoord: f32,  // [-1,1] cross-line → fragment AA\n  @location(1) alpha: f32,      // distance-falloff weight\n  @location(2) accent: f32,     // accent flag (the flagged-node tether tint)\n  @location(3) focus: f32,      // focus flag (the pointer-web tether)\n};\n\n@vertex\nfn vs_main(\n  @builtin(vertex_index) vIdx: u32,\n  @builtin(instance_index) iIdx: u32,\n) -> VSOut {\n  var QUAD = array<vec2<f32>, 6>(\n    vec2<f32>(-1.0, -1.0), vec2<f32>(1.0, -1.0), vec2<f32>(-1.0, 1.0),\n    vec2<f32>(-1.0,  1.0), vec2<f32>(1.0, -1.0), vec2<f32>(1.0,  1.0),\n  );\n  let alongQuad = QUAD[vIdx];\n\n  let e = edges[iIdx];\n  let a = e.ab.xy;\n  let b = e.ab.zw;\n  let res = u.u0.xy;\n  let dpr = u.u0.z;\n  let kVis = u.u0.w;\n  let lineW = u.u1.y;\n\n  // Screen-space segment direction + orthogonal (the half-width offset axis).\n  let dir = normalize(b - a + vec2<f32>(1e-6, 0.0));\n  let ortho = vec2<f32>(-dir.y, dir.x);\n  // Lerp along the segment (alongQuad.x ∈ [-1,1] → [0,1]); offset by ortho × half-width.\n  // The accent tether reads a touch heavier (1.1× the neutral width).\n  let halfWPx = lineW * kVis * dpr * 0.5 * mix(1.0, 1.1, e.w.y);\n  let p = mix(a, b, alongQuad.x * 0.5 + 0.5) + ortho * (alongQuad.y) * halfWPx;\n\n  // px (y-down) → clip (y-up).\n  let ndc = vec2<f32>(\n    p.x / max(res.x, 1.0) * 2.0 - 1.0,\n    1.0 - p.y / max(res.y, 1.0) * 2.0,\n  );\n\n  var out: VSOut;\n  out.pos = vec4<f32>(ndc, 0.0, 1.0);\n  out.lineCoord = alongQuad.y;\n  out.alpha = e.w.x;\n  out.accent = e.w.y;\n  out.focus = e.w.z;\n  return out;\n}\n\n@fragment\nfn fs_main(in: VSOut) -> @location(0) vec4<f32> {\n  // Cross-line AA — a smoothstep on |lineCoord| so the hairline edge is crisp.\n  let aaBand = 0.6;\n  let cross = 1.0 - smoothstep(1.0 - aaBand, 1.0, abs(in.lineCoord));\n  if (cross <= 0.0) { discard; }\n\n  let dim = u.u1.w * u.u1.z; // alpha · opacityCeiling\n  // Resolve the edge class: accent tether · focus pointer-web · neutral ambient.\n  var col = u.uLine;\n  var weight = (u.uEdge.x * in.alpha + u.uEdge.w) * dim; // edgeAlpha·falloff + edgeFloor\n  if (in.accent > 0.5) {\n    col = u.uAccent;\n    weight = u.uEdge.z * in.alpha * dim; // edgeAccentAlpha\n  } else if (in.focus > 0.5) {\n    col = u.uLine;\n    weight = u.uEdge.y * u.u1.w * u.u1.z * in.alpha; // edgeFocusAlpha · alpha · ceiling\n  }\n\n  let a = col.a * weight * cross;\n  if (a <= 0.0) { discard; }\n  return vec4<f32>(col.rgb * a, a);\n}\n", Se = 256 * 16, Ce = N * 32, X = {
-	u0: 0,
-	u1: 4,
-	uEdge: 8,
-	uNode: 12,
-	uNodeDim: 16,
-	uLine: 20,
-	uAccent: 24
-};
-function we() {
-	let e = /* @__PURE__ */ new ArrayBuffer(112);
-	return {
-		buffer: e,
-		f32: new Float32Array(e)
-	};
-}
-function Te(e, t) {
-	let { f32: n } = e;
-	return n[X.u0 + 0] = t.resolutionX, n[X.u0 + 1] = t.resolutionY, n[X.u0 + 2] = t.dpr, n[X.u0 + 3] = t.kVis, n[X.u1 + 0] = t.time, n[X.u1 + 1] = t.lineWidth, n[X.u1 + 2] = t.opacityCeiling, n[X.u1 + 3] = t.alpha, n[X.uEdge + 0] = t.edgeAlpha, n[X.uEdge + 1] = t.edgeFocusAlpha, n[X.uEdge + 2] = t.edgeAccentAlpha, n[X.uEdge + 3] = t.edgeFloor, Z(n, X.uNode, t.node), Z(n, X.uNodeDim, t.nodeDim), Z(n, X.uLine, t.line), Z(n, X.uAccent, t.accent), e;
-}
-function Z(e, t, n) {
-	e[t + 0] = n[0], e[t + 1] = n[1], e[t + 2] = n[2], e[t + 3] = n[3];
-}
-function Ee() {
-	return new Float32Array(256 * 4);
-}
-function De() {
-	return new Float32Array(N * 8);
-}
-function Oe(e, t) {
-	let n = Math.min(t.length, 256);
-	for (let r = 0; r < n; r++) {
-		let n = r * 4, i = t[r];
-		e[n + 0] = i.x, e[n + 1] = i.y, e[n + 2] = i.r, e[n + 3] = i.dim;
-	}
-	return n;
-}
-function ke(e, t) {
-	let n = Math.min(t.length, N);
-	for (let r = 0; r < n; r++) {
-		let n = r * 8, i = t[r];
-		e[n + 0] = i.ax, e[n + 1] = i.ay, e[n + 2] = i.bx, e[n + 3] = i.by, e[n + 4] = i.alpha, e[n + 5] = i.accent, e[n + 6] = i.focus, e[n + 7] = 0;
-	}
-	return n;
-}
-//#endregion
-//#region src/components/custom/constellation/composables/constellationWGPUSetup.ts
-var Ae = 64, je = 128, Me = 8, Q = 1, Ne = 2;
-function Pe(e) {
-	let { canvas: t, resolveFrame: n, onResize: i, shouldContinue: a } = e;
-	return function(e, o, s) {
-		let c = e.createShaderModule({
-			label: "[Constellation] constellation-points.wgsl",
-			code: be
-		}), l = e.createShaderModule({
-			label: "[Constellation] constellation-lines.wgsl",
-			code: xe
-		}), u = e.createBuffer({
-			label: "[Constellation] uniforms",
-			size: 112,
-			usage: Ae | Me
-		}), d = e.createBuffer({
-			label: "[Constellation] nodes",
-			size: Se,
-			usage: je | Me
-		}), f = e.createBuffer({
-			label: "[Constellation] edges",
-			size: Ce,
-			usage: je | Me
-		}), p = e.createBindGroupLayout({
-			label: "[Constellation] points-bgl",
-			entries: [{
-				binding: 0,
-				visibility: Q | Ne,
-				buffer: { type: "uniform" }
-			}, {
-				binding: 1,
-				visibility: Q,
-				buffer: { type: "read-only-storage" }
-			}]
-		}), m = e.createBindGroupLayout({
-			label: "[Constellation] lines-bgl",
-			entries: [{
-				binding: 0,
-				visibility: Q | Ne,
-				buffer: { type: "uniform" }
-			}, {
-				binding: 1,
-				visibility: Q,
-				buffer: { type: "read-only-storage" }
-			}]
-		}), h = {
-			color: {
-				srcFactor: "one",
-				dstFactor: "one-minus-src-alpha",
-				operation: "add"
-			},
-			alpha: {
-				srcFactor: "one",
-				dstFactor: "one-minus-src-alpha",
-				operation: "add"
-			}
-		}, g = e.createRenderPipeline({
-			label: "[Constellation] points-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [p] }),
-			vertex: {
-				module: c,
-				entryPoint: "vs_main"
-			},
-			fragment: {
-				module: c,
-				entryPoint: "fs_main",
-				targets: [{
-					format: s,
-					blend: h
-				}]
-			},
-			primitive: { topology: "triangle-list" }
-		}), _ = e.createRenderPipeline({
-			label: "[Constellation] lines-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [m] }),
-			vertex: {
-				module: l,
-				entryPoint: "vs_main"
-			},
-			fragment: {
-				module: l,
-				entryPoint: "fs_main",
-				targets: [{
-					format: s,
-					blend: h
-				}]
-			},
-			primitive: { topology: "triangle-list" }
-		}), v = e.createBindGroup({
-			label: "[Constellation] points-bg",
-			layout: p,
-			entries: [{
-				binding: 0,
-				resource: { buffer: u }
-			}, {
-				binding: 1,
-				resource: { buffer: d }
-			}]
-		}), y = e.createBindGroup({
-			label: "[Constellation] lines-bg",
-			layout: m,
-			entries: [{
-				binding: 0,
-				resource: { buffer: u }
-			}, {
-				binding: 1,
-				resource: { buffer: f }
-			}]
-		}), b = we(), x = Ee(), S = De();
-		function C() {
-			let e = r(), n = t.clientWidth || 320, a = t.clientHeight || 320, o = Math.max(1, Math.round(n * e)), s = Math.max(1, Math.round(a * e));
-			(t.width !== o || t.height !== s) && (t.width = o, t.height = s), i?.(t.width, t.height);
-		}
-		function w(t) {
-			let r = n(t);
-			if (!r) return;
-			let i = Oe(x, r.nodes), a = ke(S, r.edges);
-			Te(b, r.uniforms), e.queue.writeBuffer(u, 0, b.buffer), i > 0 && e.queue.writeBuffer(d, 0, x.buffer, x.byteOffset, i * 4 * 4), a > 0 && e.queue.writeBuffer(f, 0, S.buffer, S.byteOffset, a * 8 * 4);
-			let s = o.getCurrentTexture().createView(), c = e.createCommandEncoder({ label: "[Constellation] frame" }), l = c.beginRenderPass({ colorAttachments: [{
-				view: s,
-				clearValue: {
-					r: 0,
-					g: 0,
-					b: 0,
-					a: 0
-				},
-				loadOp: "clear",
-				storeOp: "store"
-			}] });
-			a > 0 && (l.setPipeline(_), l.setBindGroup(0, y), l.draw(6, a, 0, 0)), i > 0 && (l.setPipeline(g), l.setBindGroup(0, v), l.draw(6, i, 0, 0)), l.end(), e.queue.submit([c.finish()]);
-		}
-		return {
-			frame: w,
-			shouldContinue: a,
-			resize: C,
-			teardown: () => {
-				u.destroy(), d.destroy(), f.destroy();
-			}
-		};
-	};
-}
-//#endregion
-//#region src/components/custom/constellation/shaders/constellation-points.glsl.ts
-var Fe = "#version 300 es\nprecision highp float;\n\n// per-instance node row (x, y, radius, dim) — vertexAttribDivisor(1).\nlayout(location = 0) in vec4 aNode;\n\nuniform vec2 uResolution;\nuniform float uDpr;\nuniform float uKVis;\n\nout vec2 vUv;   // [-1,1] billboard-local → fragment SDF coord\nout float vDim;\n\nvoid main() {\n  // Two-triangle quad corners (the SAME order as the WGSL QUAD).\n  vec2 quad[6] = vec2[6](\n    vec2(-1.0, -1.0), vec2(1.0, -1.0), vec2(-1.0, 1.0),\n    vec2(-1.0,  1.0), vec2(1.0, -1.0), vec2(1.0,  1.0)\n  );\n  vec2 corner = quad[gl_VertexID];\n\n  vec2 centerPx = aNode.xy;\n  // px (y-down) → clip (y-up).\n  vec2 centerNdc = vec2(\n    centerPx.x / max(uResolution.x, 1.0) * 2.0 - 1.0,\n    1.0 - centerPx.y / max(uResolution.y, 1.0) * 2.0\n  );\n  // half-extent: radius·kVis CSS px → backing-store px (·dpr) → NDC half (·2/res).\n  // (half is a GLSL reserved word — name it halfExt.)\n  float radPx = aNode.z * uKVis * uDpr;\n  vec2 halfExt = vec2(\n    radPx / max(uResolution.x, 1.0) * 2.0,\n    radPx / max(uResolution.y, 1.0) * 2.0\n  );\n\n  gl_Position = vec4(centerNdc + corner * halfExt, 0.0, 1.0);\n  vUv = corner;\n  vDim = aNode.w;\n}\n", Ie = "#version 300 es\nprecision highp float;\n\nuniform vec4 uNode;      // premultiplied-ready rgba\nuniform vec4 uNodeDim;\nuniform float uOpacityCeiling;\n\nin vec2 vUv;\nin float vDim;\nout vec4 fragColor;\n\nvoid main() {\n  // SDF: distance to the unit-circle edge (0 at the rim, neg inside).\n  float d = length(vUv) - 1.0;\n  // fwidth(d) — the pixel footprint, the resolution-independent AA width.\n  float aa = max(fwidth(d), 1e-4);\n  float coverage = 1.0 - smoothstep(-aa, aa, d);\n  if (coverage <= 0.0) { discard; }\n  vec4 col = mix(uNode, uNodeDim, vDim);\n  float a = col.a * coverage * uOpacityCeiling;\n  fragColor = vec4(col.rgb * a, a); // premultiplied\n}\n", Le = "#version 300 es\nprecision highp float;\n\n// per-instance edge rows — vertexAttribDivisor(1).\nlayout(location = 0) in vec4 aAB;  // (a.x, a.y, b.x, b.y)\nlayout(location = 1) in vec4 aW;   // (alpha, accent, focus, _pad)\n\nuniform vec2 uResolution;\nuniform float uDpr;\nuniform float uKVis;\nuniform float uLineWidth;\n\nout float vLineCoord;\nout float vAlpha;\nout float vAccent;\nout float vFocus;\n\nvoid main() {\n  vec2 quad[6] = vec2[6](\n    vec2(-1.0, -1.0), vec2(1.0, -1.0), vec2(-1.0, 1.0),\n    vec2(-1.0,  1.0), vec2(1.0, -1.0), vec2(1.0,  1.0)\n  );\n  vec2 alongQuad = quad[gl_VertexID];\n\n  vec2 a = aAB.xy;\n  vec2 b = aAB.zw;\n  vec2 dir = normalize(b - a + vec2(1e-6, 0.0));\n  vec2 ortho = vec2(-dir.y, dir.x);\n  // accent tether reads a touch heavier (1.1×).\n  float halfWPx = uLineWidth * uKVis * uDpr * 0.5 * mix(1.0, 1.1, aW.y);\n  vec2 p = mix(a, b, alongQuad.x * 0.5 + 0.5) + ortho * alongQuad.y * halfWPx;\n\n  vec2 ndc = vec2(\n    p.x / max(uResolution.x, 1.0) * 2.0 - 1.0,\n    1.0 - p.y / max(uResolution.y, 1.0) * 2.0\n  );\n\n  gl_Position = vec4(ndc, 0.0, 1.0);\n  vLineCoord = alongQuad.y;\n  vAlpha = aW.x;\n  vAccent = aW.y;\n  vFocus = aW.z;\n}\n", Re = "#version 300 es\nprecision highp float;\n\nuniform vec4 uLine;     // premultiplied-ready rgba\nuniform vec4 uAccent;\nuniform float uAlphaGlobal;       // --constellation-alpha\nuniform float uOpacityCeiling;\nuniform float uEdgeAlpha;\nuniform float uEdgeFocusAlpha;\nuniform float uEdgeAccentAlpha;\nuniform float uEdgeFloor;\n\nin float vLineCoord;\nin float vAlpha;\nin float vAccent;\nin float vFocus;\nout vec4 fragColor;\n\nvoid main() {\n  float aaBand = 0.6;\n  float cross = 1.0 - smoothstep(1.0 - aaBand, 1.0, abs(vLineCoord));\n  if (cross <= 0.0) { discard; }\n\n  float dim = uAlphaGlobal * uOpacityCeiling;\n  vec4 col = uLine;\n  float weight = (uEdgeAlpha * vAlpha + uEdgeFloor) * dim;\n  if (vAccent > 0.5) {\n    col = uAccent;\n    weight = uEdgeAccentAlpha * vAlpha * dim;\n  } else if (vFocus > 0.5) {\n    col = uLine;\n    weight = uEdgeFocusAlpha * uAlphaGlobal * uOpacityCeiling * vAlpha;\n  }\n\n  float a = col.a * weight * cross;\n  if (a <= 0.0) { discard; }\n  fragColor = vec4(col.rgb * a, a);\n}\n";
-//#endregion
-//#region src/components/custom/constellation/composables/constellationGLSetup.ts
-function $(e, t, n) {
-	let r = e.createShader(t);
-	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
-		let t = e.getShaderInfoLog(r);
-		throw e.deleteShader(r), Error(`[Constellation] shader compile failed: ${t}`);
-	}
-	return r;
-}
-function ze(e, t, n) {
-	let r = e.createProgram();
-	if (e.attachShader(r, t), e.attachShader(r, n), e.linkProgram(r), !e.getProgramParameter(r, e.LINK_STATUS)) throw Error(`[Constellation] link failed: ${e.getProgramInfoLog(r)}`);
-	return e.deleteShader(t), e.deleteShader(n), r;
-}
-function Be(e) {
-	let { canvas: t, resolveFrame: n, onResize: i, shouldContinue: a } = e;
-	return function(e) {
-		let o = ze(e, $(e, e.VERTEX_SHADER, Fe), $(e, e.FRAGMENT_SHADER, Ie)), s = ze(e, $(e, e.VERTEX_SHADER, Le), $(e, e.FRAGMENT_SHADER, Re)), c = e.createVertexArray();
-		e.bindVertexArray(c);
-		let l = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, l), e.bufferData(e.ARRAY_BUFFER, 256 * 4 * 4, e.DYNAMIC_DRAW), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 4, e.FLOAT, !1, 16, 0), e.vertexAttribDivisor(0, 1), e.bindVertexArray(null);
-		let u = e.createVertexArray();
-		e.bindVertexArray(u);
-		let d = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, d), e.bufferData(e.ARRAY_BUFFER, N * 8 * 4, e.DYNAMIC_DRAW), e.enableVertexAttribArray(0), e.vertexAttribPointer(0, 4, e.FLOAT, !1, 32, 0), e.vertexAttribDivisor(0, 1), e.enableVertexAttribArray(1), e.vertexAttribPointer(1, 4, e.FLOAT, !1, 32, 16), e.vertexAttribDivisor(1, 1), e.bindVertexArray(null);
-		let f = (t) => e.getUniformLocation(o, t), p = (t) => e.getUniformLocation(s, t), m = f("uResolution"), h = f("uDpr"), g = f("uKVis"), _ = f("uNode"), v = f("uNodeDim"), y = f("uOpacityCeiling"), b = p("uResolution"), x = p("uDpr"), S = p("uKVis"), C = p("uLineWidth"), w = p("uLine"), T = p("uAccent"), E = p("uAlphaGlobal"), D = p("uOpacityCeiling"), O = p("uEdgeAlpha"), k = p("uEdgeFocusAlpha"), A = p("uEdgeAccentAlpha"), j = p("uEdgeFloor"), M = Ee(), P = De();
-		function F() {
-			let n = r(), a = t.clientWidth || 320, o = t.clientHeight || 320, s = Math.max(1, Math.round(a * n)), c = Math.max(1, Math.round(o * n));
-			(t.width !== s || t.height !== c) && (t.width = s, t.height = c), e.viewport(0, 0, t.width, t.height), i?.(t.width, t.height);
-		}
-		function I(r) {
-			let i = n(r);
-			if (!i) return;
-			let a = Oe(M, i.nodes), f = ke(P, i.edges), p = i.uniforms;
-			e.viewport(0, 0, t.width, t.height), e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), f > 0 && (e.useProgram(s), e.bindVertexArray(u), e.bindBuffer(e.ARRAY_BUFFER, d), e.bufferSubData(e.ARRAY_BUFFER, 0, P.subarray(0, f * 8)), e.uniform2f(b, p.resolutionX, p.resolutionY), e.uniform1f(x, p.dpr), e.uniform1f(S, p.kVis), e.uniform1f(C, p.lineWidth), e.uniform4f(w, p.line[0], p.line[1], p.line[2], p.line[3]), e.uniform4f(T, p.accent[0], p.accent[1], p.accent[2], p.accent[3]), e.uniform1f(E, p.alpha), e.uniform1f(D, p.opacityCeiling), e.uniform1f(O, p.edgeAlpha), e.uniform1f(k, p.edgeFocusAlpha), e.uniform1f(A, p.edgeAccentAlpha), e.uniform1f(j, p.edgeFloor), e.drawArraysInstanced(e.TRIANGLES, 0, 6, f)), a > 0 && (e.useProgram(o), e.bindVertexArray(c), e.bindBuffer(e.ARRAY_BUFFER, l), e.bufferSubData(e.ARRAY_BUFFER, 0, M.subarray(0, a * 4)), e.uniform2f(m, p.resolutionX, p.resolutionY), e.uniform1f(h, p.dpr), e.uniform1f(g, p.kVis), e.uniform4f(_, p.node[0], p.node[1], p.node[2], p.node[3]), e.uniform4f(v, p.nodeDim[0], p.nodeDim[1], p.nodeDim[2], p.nodeDim[3]), e.uniform1f(y, p.opacityCeiling), e.drawArraysInstanced(e.TRIANGLES, 0, 6, a)), e.bindVertexArray(null);
-		}
-		return {
-			frame: I,
-			shouldContinue: a,
-			resize: F,
-			teardown: () => {
-				e.deleteProgram(o), e.deleteProgram(s), e.deleteVertexArray(c), e.deleteVertexArray(u), e.deleteBuffer(l), e.deleteBuffer(d);
-			}
-		};
-	};
-}
-//#endregion
-//#region src/components/custom/constellation/composables/useConstellation.ts
-function Ve(e, t, r) {
-	let c = Math.min(e.count ?? 64, 256), l = e.link ?? 132, u = e.speed ?? .16, f = e.parallax ?? .08, h = e.seed, _ = e.warpOnClick ?? !1, v = e.wander ?? !1, x = e.gravityWell ?? !1, S = e.pinned ?? !1, C = e.pinnedDrift ?? !1, w = e.warpAutoRelease ?? !1, T = s(() => h === void 0 ? Math.random : a(typeof h == "string" ? o(h) : h)), E = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), D = d()?.vnode.props?.freeze, O = s(() => D === void 0 ? E() : D === !0 || D === ""), { field: k, wanderOverride: A, wellOverride: j } = ye(v, x, S, C, w), M = {
+//#region src/components/constellation/composables/useConstellation.ts
+var Ce = {
+	gain: 5200,
+	reach: 480,
+	maxSpeed: 1.6,
+	soften: 24,
+	ramp: 4
+}, we = .5, Te = 0;
+function Ee(e, n, i, f = {}) {
+	let p = f.routePointer, m = Math.min(e.count ?? 64, 256), g = e.link ?? 132, y = e.speed ?? .16, C = e.parallax ?? 0, w = e.seed, T = e.warpOnClick ?? !1, O = e.wander ?? !1, k = e.gravityWell || (p ? { ...Ce } : !1), A = e.pinned ?? !1, j = e.pinnedDrift ?? !1, M = e.warpAutoRelease ?? !1, N = d(() => w === void 0 ? Math.random : l(typeof w == "string" ? u(w) : w)), P = h()?.vnode.props?.freeze, F = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), I = d(() => P === void 0 ? F() : P === !0 || P === ""), { field: L, wanderOverride: R, wellOverride: ee } = Se(O, k, A, j, M), B = {
 		x: -1,
 		y: -1
-	}, P = [], F = { ...b }, I = -1, L = !1, R = n({ respectReducedMotion: !0 }), z = null, B = "webgpu", V = g(null), H = [], te = He();
-	return p(() => {
-		let n = r.value;
-		if (!n) return;
-		let a = () => z ? z.reducedMotion : typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, o = t.value, s = (e) => {
-			let t = n.getBoundingClientRect();
+	}, V = [], H = x(null), U = r(p ? {
+		respectReducedMotion: !0,
+		halfLifeMs: 600,
+		mass: 1.3,
+		damping: .9,
+		attractorResponse: .5
+	} : { respectReducedMotion: !0 }), W = S(s("canvas2d")), G = null, K = () => U.dispose();
+	return v(() => K()), _(() => {
+		let r = i.value;
+		if (!r) return;
+		let s = { ...D }, l = !0, u = !1, d = -1, f = !1, h, _ = () => G?.reducedMotion ?? !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, v = (e) => {
+			let t = r.getBoundingClientRect();
 			if (!t.width || !t.height) return null;
-			let r = (e.clientX - t.left) / t.width, i = (e.clientY - t.top) / t.height;
-			return r < 0 || i < 0 || r > 1 || i > 1 ? null : {
-				x: r * k.w,
-				y: i * k.h
+			let n = (e.clientX - t.left) / t.width, i = (e.clientY - t.top) / t.height;
+			return n < 0 || i < 0 || n > 1 || i > 1 ? null : {
+				x: n * L.w,
+				y: i * L.h
 			};
 		};
-		V.value = s;
-		let d = () => e.pointerReactive ?? !0, p = (e) => {
-			if (O.value || a()) return;
-			if (R.onPointerMove(e), !d()) {
-				M.x = -1, M.y = -1;
-				return;
-			}
-			let t = s(e);
-			t && (M.x = t.x, M.y = t.y), z?.wake();
-		}, h = () => {
-			R.onPointerLeave(), M.x = -1, M.y = -1;
-		}, g = () => {
-			R.onPointerEnter(), z?.wake();
-		}, v = (e) => {
-			if (!_ || O.value || a()) return;
-			let t = s(e);
-			t && K(k, t.x, t.y), z?.wake();
-		}, b = o ?? n;
-		O.value || (b.addEventListener("pointermove", p), b.addEventListener("pointerenter", g), b.addEventListener("pointerleave", h), _ && b.addEventListener("pointerdown", v)), m(() => {
-			b.removeEventListener("pointermove", p), b.removeEventListener("pointerenter", g), b.removeEventListener("pointerleave", h), b.removeEventListener("pointerdown", v), R.dispose(), z?.dispose();
+		H.value = v;
+		let b = () => {
+			h !== void 0 && clearTimeout(h), h = void 0, L.well && (L.well.target = 0), G?.wake();
+		}, x = n.value ?? r, S = [], w = (e, t) => {
+			x.addEventListener(e, t), S.push([e, t]);
+		};
+		!p && !I.value && (w("pointerenter", (() => {
+			U.onPointerEnter(), G?.wake();
+		})), w("pointermove", ((t) => {
+			if (_()) return;
+			U.onPointerMove(t);
+			let n = v(t);
+			e.pointerReactive !== !1 && n ? (B.x = n.x, B.y = n.y) : (B.x = -1, B.y = -1), L.well?.target && n && (L.well.x = n.x, L.well.y = n.y), G?.wake();
+		})), w("pointerleave", (() => {
+			U.onPointerLeave(), B.x = -1, B.y = -1, b();
+		})), w("pointerdown", ((t) => {
+			if (_()) return;
+			let n = v(t);
+			n && (e.pointerReactive !== !1 && V.push({
+				...n,
+				start: -1
+			}), T && X(L, n.x, n.y), e.gravityWell && L.well && (L.well.x = n.x, L.well.y = n.y, h = setTimeout(() => {
+				L.well && (L.well.target = 1), G?.wake();
+			}, L.well.cfg.holdMs)), G?.wake());
+		})), w("pointerup", b), w("pointercancel", b), (T || e.gravityWell) && (w("keydown", ((t) => {
+			if (t.repeat || t.key !== "Enter" && t.key !== " " || _()) return;
+			t.preventDefault();
+			let n = L.w / 2, r = L.h / 2;
+			T && X(L, n, r), e.gravityWell && L.well && (L.well.x = n, L.well.y = r, L.well.target = 1), G?.wake();
+		})), w("keyup", ((e) => {
+			(e.key === "Enter" || e.key === " ") && b();
+		}))));
+		let O = typeof MutationObserver > "u" ? null : new MutationObserver(() => {
+			l = !0, I.value ? G?.resume("manual") : G?.wake();
 		});
-		let x = {
-			resolveFrame: (t) => {
-				let r = n.clientWidth || n.offsetWidth || 1280, i = n.clientHeight || n.offsetHeight || 720, o = r / y;
-				k.canvas = n;
-				let s = parseFloat(getComputedStyle(n).getPropertyValue("--constellation-k-floor"));
-				if (k.kFloor = Number.isFinite(s) ? s : void 0, k.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), k.w !== r || k.h !== i) {
-					let e = k.w, t = k.h;
-					if (k.w = r, k.h = i, k.k = o, k.nodes.length ? ue(k, e, t) : (k.nodes = le(T.value, c, r, i, u), k.warp.x = r / 2, k.warp.y = i / 2), F = ge(n), !L) {
-						L = !0;
-						let e = ee(n);
-						k.warpCfg = e.warp, k.well && (k.well.cfg = {
+		O?.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["class"]
+		}), G = t({
+			canvas: i,
+			respectReducedMotion: !0,
+			setup: () => ({ render(t, n) {
+				let i = Math.min(window.devicePixelRatio || 1, 2), c = r.width ? r.width / i : E, h = r.height ? r.height / i : 720, v = c / E;
+				L.canvas = r, L.dpr = i;
+				let b = Number.parseFloat(getComputedStyle(r).getPropertyValue("--constellation-k-floor"));
+				if (L.kFloor = Number.isFinite(b) ? b : void 0, L.w !== c || L.h !== h) {
+					let e = L.w, t = L.h;
+					if (L.w = c, L.h = h, L.k = v, L.nodes.length ? fe(L, e, t) : (L.nodes = de(N.value, m, c, h, y), L.warp.x = c / 2, L.warp.y = h / 2), !u) {
+						u = !0;
+						let e = re(r);
+						L.warpCfg = e.warp, L.well && (L.well.cfg = {
 							...e.well,
-							...j
-						}), k.wander && (k.wander.minIdle = A.minIdle ?? e.wander.minIdle, k.wander.jitter = A.jitter ?? e.wander.jitter);
+							...ee
+						}), L.wander && (L.wander.minIdle = R.minIdle ?? e.wander.minIdle, L.wander.jitter = R.jitter ?? e.wander.jitter);
 					}
 				}
-				k.k = o;
-				let d = t * 1e3, p = I < 0 ? 0 : (d - I) / 1e3, m = I < 0 ? 0 : d - I;
-				I = d;
-				let h = O.value || a();
-				h && k.well && (k.well.strength = 0, k.well.target = 0, k.well.x = -1, k.well.y = -1), R.tick(h ? 0 : m);
-				let g = e.pointerReactive ?? !0, _ = e.opacityCeiling ?? 1, v = e.accentEdges ?? !1, b = g ? M : null, x = null;
-				if (b && !h) {
-					let e = R.velocity.value;
-					x = {
-						x: e.x * r / 60,
-						y: e.y * i / 60
-					}, M.x >= 0 && ce(k, M, R.burst.value, P);
+				L.k = v, l &&= (s = _e(r), !1);
+				let x = I.value || _(), S = d < 0 ? 0 : n - d, w = S / 1e3;
+				if (d = n, x && L.well && (L.well.strength = 0, L.well.target = 0, L.well.x = -1, L.well.y = -1), p && !x) {
+					let e = p(), t = !1;
+					if (e?.active) {
+						let n = r.getBoundingClientRect();
+						if (n.width && n.height) {
+							let r = (e.x * window.innerWidth - n.left) / n.width, i = (e.y * window.innerHeight - n.top) / n.height;
+							t = r >= 0 && r <= 1 && i >= 0 && i <= 1, t && U.setPointer(r, i);
+						}
+					}
+					U.setActive(t);
+				}
+				if (U.tick(x ? 0 : S), p && L.well && !x) {
+					let e = o(a(U));
+					L.well.x = e.x * c, L.well.y = e.y * h, L.well.target = e.engagement * we;
 				}
-				h || de(k, o, u, b, p, d, T.value, x);
-				let S = k.dpr, C = he(k), w = n.width || Math.round(r * S), E = n.height || Math.round(i * S), D = te;
-				D.resolutionX = w, D.resolutionY = E, D.dpr = S, D.kVis = C, D.time = t, D.lineWidth = 1, D.opacityCeiling = _, D.alpha = F.alpha, D.edgeAlpha = F.edgeAlpha, D.edgeFocusAlpha = F.edgeFocusAlpha, D.edgeAccentAlpha = F.edgeAccentAlpha, D.edgeFloor = F.edgeFloor, D.node = J(F.node), D.nodeDim = J(F.nodeDim), D.line = J(F.line), D.accent = J(F.accent);
-				let z = h ? 0 : f, B = g ? M : null;
-				H.length = 0;
-				let V = w / Math.max(r, 1), U = E / Math.max(i, 1);
-				for (let e = 0; e < k.nodes.length; e++) {
-					let t = k.nodes[e], n = me(t, B, r, i, z);
-					H.push({
-						x: n.x * V,
-						y: n.y * U,
-						r: t.r,
-						dim: +!!t.dim
-					});
+				let T = e.pointerReactive !== !1, D = T ? B : null, O = null;
+				if (D && !x) {
+					let e = U.velocity.value;
+					O = {
+						x: e.x * c / 60,
+						y: e.y * h / 60
+					}, B.x >= 0 && ue(L, B, U.burst.value, V);
 				}
-				let W = fe(k, l, v ? k.pinnedIndex >= 0 ? k.pinnedIndex : k.focalIndex : -1, N);
-				g && !h && pe(W, k, l, M, N);
-				let G = [];
-				for (let e of W) G.push({
-					ax: e.ax * V,
-					ay: e.ay * U,
-					bx: e.bx * V,
-					by: e.by * U,
-					alpha: e.alpha,
-					accent: e.accent,
-					focus: e.focus
-				});
-				return {
-					nodes: H,
-					edges: G,
-					uniforms: D
-				};
-			},
-			shouldContinue: () => !0
+				x || pe(L, v, y, D, w, n, N.value, O);
+				let k = me(L, g, e.accentEdges ? L.pinnedIndex >= 0 ? L.pinnedIndex : L.focalIndex : -1, z);
+				T && !x && he(k, L, g, B, z);
+				let A = e.opacityCeiling ?? 1;
+				if (t.clearRect(0, 0, c, h), ve(t, L, k, s, A), ye(t, L, s, A, D, x ? 0 : C), T && !x && (be(t, L, B, s, A), xe(t, L, n, V, s, A)), e.drawOverlay) {
+					t.save();
+					try {
+						e.drawOverlay(t, L, x ? Te : n);
+					} finally {
+						t.restore();
+					}
+				}
+				I.value && G && !f && (f = !0, queueMicrotask(() => {
+					f = !1, G?.suspend("manual");
+				}));
+			} })
+		}), W.value = c(), K = () => {
+			h !== void 0 && clearTimeout(h), O?.disconnect();
+			for (let [e, t] of S) x.removeEventListener(e, t);
+			U.dispose(), G?.dispose(), G = null;
 		};
-		z = i(n, {
-			mode: "live",
-			respectReducedMotion: !0,
-			setupWGPU: Pe({
-				canvas: n,
-				...x
-			}),
-			setupGL: Be({
-				canvas: n,
-				...x
-			})
-		}), z.armAsync().then(() => {
-			B = z?.backend ?? "webgpu";
-		});
 	}), {
-		field: k,
-		isFrozen: O,
-		backend: () => B,
+		field: L,
+		isFrozen: I,
 		warpTo(e, t) {
-			if (typeof e == "number" && typeof t == "number") {
-				let n = V.value?.({
-					clientX: e,
-					clientY: t
-				});
-				return n ? K(k, n.x, n.y) : -1;
-			}
-			let n = e;
-			return K(k, n.x, n.y);
+			if (I.value) return -1;
+			let n = typeof e == "number" && typeof t == "number" ? H.value?.({
+				clientX: e,
+				clientY: t
+			}) : e;
+			if (!n) return -1;
+			let r = X(L, n.x, n.y);
+			return G?.wake(), r;
 		},
 		holdWellAt(e, t) {
-			return k.well ? (k.well.x = e, k.well.y = t, k.well.target = 1, !0) : !1;
+			return !L.well || I.value ? !1 : (L.well.x = e, L.well.y = t, L.well.target = 1, G?.wake(), !0);
 		},
 		releaseWell() {
-			k.well && (k.well.target = 0);
-		},
-		warpSettled() {
-			return q(k);
+			L.well && (L.well.target = 0, G?.wake());
 		},
+		warpSettled: () => Z(L),
 		pinNode(e) {
-			k.pinnedIndex = e, k.pinnedDrift && (k.pinnedDrift.nextAt = -1);
-		}
-	};
-}
-function He() {
-	return {
-		resolutionX: 0,
-		resolutionY: 0,
-		dpr: 1,
-		kVis: 1,
-		time: 0,
-		lineWidth: 1,
-		opacityCeiling: 1,
-		alpha: b.alpha,
-		edgeAlpha: b.edgeAlpha,
-		edgeFocusAlpha: b.edgeFocusAlpha,
-		edgeAccentAlpha: b.edgeAccentAlpha,
-		edgeFloor: b.edgeFloor,
-		node: [
-			.7,
-			.69,
-			.64,
-			1
-		],
-		nodeDim: [
-			.8,
-			.78,
-			.74,
-			1
-		],
-		line: [
-			.11,
-			.09,
-			.08,
-			1
-		],
-		accent: [
-			.7,
-			.31,
-			.19,
-			1
-		]
+			L.pinnedIndex = e, L.pinnedDrift && (L.pinnedDrift.nextAt = -1), G?.wake();
+		},
+		rendererStatus: b(W)
 	};
 }
 //#endregion
-//#region src/components/custom/constellation/Constellation.vue
-var Ue = /* @__PURE__ */ t(/* @__PURE__ */ u({
+//#region src/components/constellation/Constellation.vue?vue&type=script&setup=true&lang.ts
+var De = [
+	"role",
+	"tabindex",
+	"aria-label"
+], Oe = /* @__PURE__ */ n(/* @__PURE__ */ m({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
 		link: { default: 132 },
 		speed: { default: .16 },
-		parallax: { default: .08 },
+		parallax: { default: 0 },
 		opacityCeiling: { default: 1 },
 		seed: {},
 		pointerReactive: {
@@ -882,22 +568,37 @@ var Ue = /* @__PURE__ */ t(/* @__PURE__ */ u({
 			default: !1
 		},
 		freeze: { type: Boolean },
+		backgroundInteractive: {
+			type: Boolean,
+			default: !1
+		},
 		class: {},
 		drawOverlay: {}
 	},
-	setup(t, { expose: n }) {
-		let r = t, i = v("hostRef"), a = v("canvasRef");
-		return n(Ve(r, i, a)), (t, n) => (h(), c("div", {
+	emits: ["rendererStatus"],
+	setup(t, { expose: n, emit: r }) {
+		let a = r, o = t, s = w("hostRef"), c = w("canvasRef"), l = i(), u = o.backgroundInteractive ? () => ({
+			x: l.pointer.value.x,
+			y: l.pointer.value.y,
+			active: l.active.value
+		}) : void 0, m = d(() => !o.backgroundInteractive && (o.warpOnClick || !!o.gravityWell)), h = d(() => o.warpOnClick && o.gravityWell ? "Move the constellation focal point or pull the field" : o.gravityWell ? "Pull the constellation field" : "Move the constellation focal point"), _ = Ee(o, s, c, { routePointer: u });
+		return T(_.rendererStatus, (e) => a("rendererStatus", e), {
+			immediate: !0,
+			flush: "sync"
+		}), n(_), (t, n) => (y(), f("div", {
 			ref_key: "hostRef",
-			ref: i,
-			class: f(_(e)("constellation", r.class))
-		}, [l("canvas", {
+			ref: s,
+			class: g(C(e)("constellation", o.class)),
+			role: m.value ? "button" : void 0,
+			tabindex: m.value ? 0 : void 0,
+			"aria-label": m.value ? h.value : void 0
+		}, [p("canvas", {
 			ref_key: "canvasRef",
-			ref: a,
+			ref: c,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
-		}, null, 512)], 2));
+		}, null, 512)], 10, De));
 	}
-}), [["__scopeId", "data-v-a177fa6a"]]);
+}), [["__scopeId", "data-v-24255510"]]);
 //#endregion
-export { y as BASE_WIDTH, se as BURST_FIRE_THRESHOLD, Ue as Constellation, A as DEFAULT_K_FLOOR, b as DEFAULT_PALETTE, P as DEFAULT_PARALLAX, D as DEFAULT_PINNED_DRIFT_DUR, E as DEFAULT_PINNED_DRIFT_FRAC, O as DEFAULT_PINNED_DRIFT_IDLE, k as DEFAULT_PINNED_DRIFT_JITTER, w as DEFAULT_WANDER_IDLE, T as DEFAULT_WANDER_JITTER, C as DEFAULT_WELL_CONFIG, N as E_MAX, M as MAX_DEGREE, j as MAX_NODES, x as WARP_RESPONSE, S as WARP_ZETA, pe as appendPointerWeb, fe as buildEdges, ce as fireBurst, he as kVisOf, ie as makePinnedDrift, U as nearestNode, me as parallaxNodePos, J as parseColorRGBA, re as pickWanderTarget, ee as readInteractionConfig, ge as readPalette, ue as refitField, le as seedField, G as setWarpTarget, de as stepField, oe as stepPinnedDrift, H as stepWell, q as warpSettled, W as warpStep, K as warpTo };
+export { E as BASE_WIDTH, le as BURST_FIRE_THRESHOLD, Oe as Constellation, L as DEFAULT_K_FLOOR, D as DEFAULT_PALETTE, B as DEFAULT_PARALLAX, P as DEFAULT_PINNED_DRIFT_DUR, N as DEFAULT_PINNED_DRIFT_FRAC, F as DEFAULT_PINNED_DRIFT_IDLE, I as DEFAULT_PINNED_DRIFT_JITTER, j as DEFAULT_WANDER_IDLE, M as DEFAULT_WANDER_JITTER, A as DEFAULT_WELL_CONFIG, z as E_MAX, ee as MAX_DEGREE, R as MAX_NODES, O as WARP_RESPONSE, k as WARP_ZETA, he as appendPointerWeb, me as buildEdges, ue as fireBurst, $ as kVisOf, se as makePinnedDrift, q as nearestNode, ge as parallaxNodePos, oe as pickWanderTarget, re as readInteractionConfig, _e as readPalette, fe as refitField, de as seedField, Y as setWarpTarget, pe as stepField, Q as stepPinnedDrift, ne as stepWell, Z as warpSettled, J as warpStep, X as warpTo };