@mkbabb/glass-ui 4.0.1 → 4.1.0

package/dist/constellation.js

@@ -1,10 +1,11 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./useCanvas2D-B8w_E3Rr.js";
-import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as r, t as i } from "./prng-Za0Rmgag.js";
-import { computed as a, createElementBlock as o, createElementVNode as s, defineComponent as c, getCurrentInstance as l, normalizeClass as u, onMounted as d, openBlock as f, ref as p, unref as m, useTemplateRef as h } from "vue";
+import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as n } from "./usePointerVelocityField-QLsy3_kv.js";
+import { a as r, t as i } from "./useGpuSubstrate-4pTcp6mX.js";
+import { n as a, t as o } from "./prng-B-d9eYX8.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 g = 1280, _ = {
+var y = 1280, b = {
 	node: "#b4afa3",
 	nodeDim: "#cdc8bd",
 	line: "#1c1714",
@@ -14,23 +15,46 @@ var g = 1280, _ = {
 	accent: "#b35030",
 	edgeFloor: 0,
 	edgeAccentAlpha: .3
-}, v = .55, y = 1, b = {
-	gain: 14e3,
+}, x = .55, S = 1, C = {
+	gain: 19e3,
 	reach: 340,
-	ramp: 4,
+	ramp: 8,
 	maxSpeed: 4,
 	soften: 8,
 	holdMs: 140
-}, x = 8e3, S = 8e3, C = .14, w = 2600, T = 6e3, E = 8e3, D = .72;
+}, 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) {
+	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;
+	for (let e = 0; e < l.length; e++) {
+		if (e === g) continue;
+		let t = l[e];
+		if (h) {
+			let e = i.x - t.x, n = i.y - t.y, r = e * e + n * n;
+			if (r <= d) {
+				let s = Math.max(Math.sqrt(r), o.soften), c = o.gain * i.strength / (s * s), l = t.vx + e / s * c * a, u = t.vy + n / s * c * a, d = Math.hypot(l, u);
+				d > f && (l = l / d * f, u = u / d * f), t.vx = l, t.vy = u;
+			}
+		}
+		let r = Math.hypot(t.vx, t.vy);
+		if (r > 1e-9) {
+			let e = (r + (n - r) * m) / r;
+			t.vx *= e, t.vy *= e;
+		}
+	}
+}
 //#endregion
 //#region src/components/custom/constellation/constellationInteraction.ts
-function O(e) {
+function ee(e) {
 	let t = {
-		response: v,
+		response: x,
 		zeta: 1
-	}, n = { ...b }, r = {
-		minIdle: x,
-		jitter: S
+	}, n = { ...C }, r = {
+		minIdle: w,
+		jitter: T
 	};
 	if (typeof window > "u") return {
 		warp: t,
@@ -43,38 +67,14 @@ function O(e) {
 		let r = Number.parseFloat(n);
 		return Number.isFinite(r) ? r : t;
 	};
-	return t.response = a("--constellation-warp-response", v), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", b.gain), n.reach = a("--constellation-well-reach", b.reach), n.ramp = a("--constellation-well-ramp", b.ramp), n.maxSpeed = a("--constellation-well-max-speed", b.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", b.holdMs), r.minIdle = a("--constellation-wander-idle", x), r.jitter = a("--constellation-wander-jitter", S), {
+	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), {
 		warp: t,
 		well: n,
 		wander: r
 	};
 }
-var k = .001, A = 1.5, j = 7, M = 22;
-function N(e, t, n, r) {
-	let i = e.well;
-	if (!i || !(r > 0)) return;
-	let a = Math.min(r, P), o = i.cfg, s = i.target > 0 ? o.ramp : M, c = Math.min(s * a, 1);
-	i.strength += (i.target - i.strength) * c, i.strength < k && (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 ? A : j, m = Math.min(p * a, 1), h = i.strength > k && i.x >= 0, g = e.pinnedIndex;
-	for (let e = 0; e < l.length; e++) {
-		if (e === g) continue;
-		let t = l[e];
-		if (h) {
-			let e = i.x - t.x, n = i.y - t.y, r = e * e + n * n;
-			if (r <= d) {
-				let s = Math.max(Math.sqrt(r), o.soften), c = o.gain * i.strength / (s * s), l = t.vx + e / s * c * a, u = t.vy + n / s * c * a, d = Math.hypot(l, u);
-				d > f && (l = l / d * f, u = u / d * f), t.vx = l, t.vy = u;
-			}
-		}
-		let r = Math.hypot(t.vx, t.vy);
-		if (r > 1e-9) {
-			let e = (r + (n - r) * m) / r;
-			t.vx *= e, t.vy *= e;
-		}
-	}
-}
-var P = .05;
-function F(e, t, n, r = -1) {
+var te = .05;
+function U(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 +83,13 @@ function F(e, t, n, r = -1) {
 	}
 	return a;
 }
-function I(e, t) {
+function W(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, P), 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, 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);
 	n.vx += l * i, n.vy += u * i, n.x += n.vx * i, n.y += n.vy * i;
 }
-function L(e, t) {
+function G(e, t) {
 	let { warp: n, nodes: r } = e;
 	if (t < 0 || t >= r.length) {
 		n.targetIdx = -1, e.focalIndex = -1;
@@ -97,20 +97,20 @@ function L(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function R(e, t, n) {
-	let r = F(e, t, n, -1);
+function K(e, t, n) {
+	let r = U(e, t, n, -1);
 	if (r >= 0 && r === e.focalIndex) return e.focalIndex;
-	let i = F(e, t, n, e.focalIndex);
-	return i < 0 ? -1 : (L(e, i), i);
+	let i = U(e, t, n, e.focalIndex);
+	return i < 0 ? -1 : (G(e, i), i);
 }
-var z = 24;
-function B(e) {
+var ne = 24;
+function q(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) < z;
+	return Math.hypot(t.x - r.x, t.y - r.y) < ne;
 }
-function V(e, t) {
+function re(e, t) {
 	let n = e.nodes.length;
 	if (n <= 1) return e.focalIndex;
 	let r = e.focalIndex;
@@ -118,7 +118,7 @@ function V(e, t) {
 	let i = Math.floor(t() * (n - 1));
 	return i < r ? i : i + 1;
 }
-function H(e = {}) {
+function ie(e = {}) {
 	return {
 		anchorX: 0,
 		anchorY: 0,
@@ -134,10 +134,10 @@ function H(e = {}) {
 		jitter: e.jitter ?? 8e3
 	};
 }
-function U(e) {
+function ae(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
-function W(e, t, n) {
+function oe(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,12 +151,20 @@ function W(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 = U(a);
+	let a = Math.min((t - r.legStart) / r.durMs, 1), o = ae(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({
+		x: e.warp.x,
+		y: e.warp.y,
+		start: -1
+	}), !0) : !1;
+}
 //#endregion
 //#region src/components/custom/constellation/constellationField.ts
-function G(e, t, n, r, i) {
+function le(e, t, n, r, i) {
 	let a = [];
 	for (let o = 0; o < t; o++) {
 		let t = e() * Math.PI * 2;
@@ -165,48 +173,98 @@ function G(e, t, n, r, i) {
 			y: e() * r,
 			vx: Math.cos(t) * i,
 			vy: Math.sin(t) * i,
-			r: 1.6 + e() * 1.6,
-			dim: e() < .45
+			r: F + e() * I,
+			dim: e() < .45,
+			z: e()
 		});
 	}
 	return a;
 }
-function K(e, t, n) {
+function ue(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 q(e, t, n, r, i = 0, a = 0, o = Math.random) {
-	let { nodes: s, w: c, h: l } = e, u = e.pinnedIndex;
-	for (let e = 0; e < s.length; e++) {
-		if (e === u) continue;
-		let n = s[e];
-		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > c && (n.x = c, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > l && (n.y = l, n.vy *= -1);
+function de(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;
+		let n = c[e];
+		n.x += n.vx * t, n.y += n.vy * t, n.x < 0 ? (n.x = 0, n.vx *= -1) : n.x > l && (n.x = l, n.vx *= -1), n.y < 0 ? (n.y = 0, n.vy *= -1) : n.y > u && (n.y = u, n.vy *= -1);
 	}
 	if (r && r.x >= 0) {
-		let e = 180 * t;
-		for (let t = 0; t < s.length; t++) {
-			if (t === u) continue;
-			let i = s[t], a = r.x - i.x, o = r.y - i.y, c = Math.hypot(a, o);
-			if (c > .5 && c < e) {
-				let t = Math.hypot(i.vx, i.vy) || n, r = (1 - c / e) * .08, s = i.vx + a / c * r * t, l = i.vy + o / c * r * t, u = Math.hypot(s, l) || 1;
-				i.vx = s / u * t, i.vy = l / u * t;
+		let e = 180 * t, i = s ? Math.hypot(s.x, s.y) : 0, a = Math.min(i * .05, .16), o = i > 1e-4 && s ? i : 0, l = o > 0 && s ? s.x / o : 0, u = o > 0 && s ? s.y / o : 0;
+		for (let t = 0; t < c.length; t++) {
+			if (t === d) continue;
+			let i = c[t], o = r.x - i.x, s = r.y - i.y, f = Math.hypot(o, s);
+			if (f > .5 && f < e) {
+				let t = Math.hypot(i.vx, i.vy) || n, r = 1 - f / e, c = r * .08, d = r * a, p = i.vx + (o / f * c + l * d) * t, m = i.vy + (s / f * c + u * d) * t, h = Math.hypot(p, m) || 1;
+				i.vx = p / h * t, i.vy = m / h * t;
 			}
 		}
 	}
-	if (N(e, t, n, i), W(e, a, o), I(e, i), e.warpAutoRelease && e.warp.targetIdx >= 0 && B(e) && (e.warp.targetIdx = -1), e.wander && a > 0) {
+	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) {
 		let t = e.wander;
-		t.nextAt < 0 ? t.nextAt = a + t.minIdle + o() * t.jitter : a >= t.nextAt && B(e) && (L(e, V(e, o)), t.nextAt = a + t.minIdle + o() * t.jitter);
+		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);
 	}
 }
+function fe(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];
+		for (let r = e + 1; r < i.length; r++) {
+			let a = i[r], o = t.x - a.x, l = t.y - a.y, u = o * o + l * l;
+			if (u > s) continue;
+			let d = 1 - u / s, f = +(n >= 0 && (e === n || r === n));
+			c.push({
+				ax: t.x,
+				ay: t.y,
+				bx: a.x,
+				by: a.y,
+				alpha: d,
+				accent: f,
+				focus: 0
+			});
+		}
+	}
+	return c.length > r && (c.sort((e, t) => t.alpha - e.alpha), c.length = r), c;
+}
+function pe(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) {
+		if (e.length >= i) break;
+		let n = t.x - r.x, a = t.y - r.y, o = n * n + a * a;
+		o > c || e.push({
+			ax: r.x,
+			ay: r.y,
+			bx: t.x,
+			by: t.y,
+			alpha: 1 - o / c,
+			accent: 0,
+			focus: 1
+		});
+	}
+}
+function me(e, t, n, r, i) {
+	if (!t || t.x < 0 || i <= 0) return {
+		x: e.x,
+		y: e.y
+	};
+	let a = e.z ?? .5, o = n / 2, s = r / 2, c = (t.x - o) / Math.max(n, 1) * i * a * n, l = (t.y - s) / Math.max(r, 1) * i * a * r;
+	return {
+		x: e.x + c,
+		y: e.y + l
+	};
+}
 //#endregion
-//#region src/components/custom/constellation/constellationDraw.ts
-function J(e) {
+//#region src/components/custom/constellation/constellationRender.ts
+function he(e) {
 	return Math.max(e.k, e.kFloor ?? .72);
 }
-function Y(e) {
-	if (typeof window > "u") return { ..._ };
+function ge(e) {
+	if (typeof window > "u") return { ...b };
 	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;
@@ -214,111 +272,105 @@ function Y(e) {
 		return Number.isFinite(i) ? i : n;
 	};
 	return {
-		node: n("--constellation-node", _.node),
-		nodeDim: n("--constellation-node-dim", _.nodeDim),
-		line: n("--constellation-line", _.line),
-		edgeAlpha: r("--constellation-edge-alpha", _.edgeAlpha),
-		edgeFocusAlpha: r("--constellation-edge-focus-alpha", _.edgeFocusAlpha),
-		alpha: r("--constellation-alpha", _.alpha),
-		accent: n("--constellation-accent", _.accent),
-		edgeFloor: r("--constellation-edge-floor", _.edgeFloor),
-		edgeAccentAlpha: r("--constellation-edge-accent-alpha", _.edgeAccentAlpha)
+		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)
 	};
 }
-function X(e, t, n, r, i = 1, a = -1) {
-	let { nodes: o, k: s } = t, c = J(t), l = n * s, u = l * l, d = r.alpha * i, f = r.edgeAccentAlpha * d;
-	for (let t = 0; t < o.length; t++) {
-		let n = o[t];
-		for (let i = t + 1; i < o.length; i++) {
-			let s = o[i], l = n.x - s.x, p = n.y - s.y, m = l * l + p * p;
-			if (m > u) continue;
-			let h = 1 - m / u;
-			a >= 0 && (t === a || i === a) ? (e.strokeStyle = r.accent, e.lineWidth = 1.1 * c, e.globalAlpha = f * h) : (e.strokeStyle = r.line, e.lineWidth = 1 * c, e.globalAlpha = (r.edgeAlpha * h + r.edgeFloor) * d), e.beginPath(), e.moveTo(n.x, n.y), e.lineTo(s.x, s.y), e.stroke();
+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
+			];
 		}
 	}
-	e.globalAlpha = 1;
-}
-function Z(e, t, n, r = 1) {
-	let { nodes: i } = t, a = J(t);
-	e.globalAlpha = r;
-	for (let t = 0; t < i.length; t++) {
-		let r = i[t];
-		e.fillStyle = r.dim ? n.nodeDim : n.node, e.beginPath(), e.arc(r.x, r.y, r.r * a, 0, Math.PI * 2), e.fill();
-	}
-	e.globalAlpha = 1;
-}
-function Q(e, t, n, r, i, a = 1) {
-	if (!i || i.x < 0) return;
-	let { nodes: o, k: s } = t, c = J(t), l = n * s, u = l * l, d = r.edgeFocusAlpha * r.alpha * a;
-	e.strokeStyle = r.line, e.lineWidth = 1 * c;
-	for (let t of o) {
-		let n = t.x - i.x, r = t.y - i.y, a = n * n + r * r;
-		a > u || (e.globalAlpha = (1 - a / u) * d, e.beginPath(), e.moveTo(i.x, i.y), e.lineTo(t.x, t.y), e.stroke());
+	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
+		];
 	}
-	e.globalAlpha = .55 * a, e.fillStyle = r.node, e.beginPath(), e.arc(i.x, i.y, 2.6 * c, 0, Math.PI * 2), e.fill(), e.globalAlpha = 1;
-}
-function $(e, t, n, r, i, a = 1) {
-	let o = J(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();
+	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;
+	return [
+		.11,
+		.09,
+		.08,
+		1
+	];
 }
-//#endregion
-//#region src/components/custom/constellation/composables/useConstellationPointer.ts
-function ee(e) {
-	let { host: t, canvas: n, field: r, pointer: i, ripples: a, handle: o, toLocalRef: s, pointerReactive: c, warpOnClick: l, gravityWell: u, isFrozen: d } = e, f = (e) => {
-		let t = n.getBoundingClientRect();
-		if (!t.width || !t.height) return null;
-		let i = (e.clientX - t.left) / t.width, a = (e.clientY - t.top) / t.height;
-		return i < 0 || a < 0 || i > 1 || a > 1 ? null : {
-			x: i * r.w,
-			y: a * r.h
-		};
-	};
-	if (s.value = f, c && t && !d && !o.reducedMotion && (t.addEventListener("pointermove", (e) => {
-		let t = f(e);
-		t ? (i.x = t.x, i.y = t.y) : (i.x = -1, i.y = -1), o.wake();
-	}), t.addEventListener("pointerleave", () => {
-		i.x = -1, i.y = -1;
-	}), t.addEventListener("pointerdown", (e) => {
-		let t = f(e);
-		t && a.push({
-			x: t.x,
-			y: t.y,
-			start: -1
-		}), o.wake();
-	})), l && t && !d && !o.reducedMotion && t.addEventListener("pointerdown", (e) => {
-		let t = f(e);
-		t && (R(r, t.x, t.y), o.wake());
-	}), u && t && r.well && !d && !o.reducedMotion) {
-		let e = r.well, n, i = (t) => {
-			let r = f(t);
-			r && (e.x = r.x, e.y = r.y, n = window.setTimeout(() => {
-				e.target = 1, o.wake();
-			}, e.cfg.holdMs), o.wake());
-		}, a = (t) => {
-			if (e.target > 0) {
-				let n = f(t);
-				n && (e.x = n.x, e.y = n.y);
-			}
-		}, s = () => {
-			n !== void 0 && (clearTimeout(n), n = void 0), e.target = 0, o.wake();
-		};
-		t.addEventListener("pointerdown", i), t.addEventListener("pointermove", a), t.addEventListener("pointerup", s), t.addEventListener("pointerleave", s), t.addEventListener("pointercancel", s);
-	}
+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)
+	];
 }
 //#endregion
 //#region src/components/custom/constellation/composables/createConstellationField.ts
-function te(e, t, n = !1, r = !1, i = !1) {
+function ye(e, t, n = !1, r = !1, i = !1) {
 	let a = {
 		nodes: [],
 		canvas: null,
@@ -337,7 +389,7 @@ function te(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 ? H(r === !0 ? {} : r) : void 0;
+	a.pinnedDrift = r ? ie(r === !0 ? {} : r) : void 0;
 	let o = e && e !== !0 ? e : {};
 	a.wander = e ? {
 		nextAt: -1,
@@ -351,7 +403,7 @@ function te(e, t, n = !1, r = !1, i = !1) {
 		strength: 0,
 		target: 0,
 		cfg: {
-			...b,
+			...C,
 			...s
 		}
 	} : void 0, {
@@ -361,92 +413,440 @@ function te(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 ne(e, n, o) {
-	let s = e.count ?? 64, c = e.link ?? 132, u = e.speed ?? .16, f = e.seed, m = e.warpOnClick ?? !1, h = e.wander ?? !1, v = e.gravityWell ?? !1, y = e.pinned ?? !1, b = e.pinnedDrift ?? !1, x = e.warpAutoRelease ?? !1, S = a(() => f === void 0 ? Math.random : r(typeof f == "string" ? i(f) : f)), C = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), w = l()?.vnode.props?.freeze, T = a(() => w === void 0 ? C() : w === !0 || w === ""), { field: E, wanderOverride: D, wellOverride: k } = te(h, v, y, b, x), A = {
+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 = {
 		x: -1,
 		y: -1
-	}, j = [], M = { ..._ }, N = -1, P = !1, F = p(null);
-	return d(() => {
-		let r = o.value;
-		if (!r) return;
-		let i = null, a = () => i ? i.reducedMotion : typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches;
-		i = t({
-			canvas: o,
-			setup: () => ({ render(t, n) {
-				let i = r.clientWidth || r.offsetWidth || 1280, o = r.clientHeight || r.offsetHeight || 720, l = i / g;
-				E.canvas = r;
-				let d = parseFloat(getComputedStyle(r).getPropertyValue("--constellation-k-floor"));
-				if (E.kFloor = Number.isFinite(d) ? d : void 0, E.dpr = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), E.w !== i || E.h !== o) {
-					let e = E.w, t = E.h;
-					if (E.w = i, E.h = o, E.k = l, E.nodes.length ? K(E, e, t) : (E.nodes = G(S.value, s, i, o, u), E.warp.x = i / 2, E.warp.y = o / 2), M = Y(r), !P) {
-						P = !0;
-						let e = O(r);
-						E.warpCfg = e.warp, E.well && (E.well.cfg = {
+	}, 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();
+			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
+			};
+		};
+		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();
+		});
+		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 = {
 							...e.well,
-							...k
-						}), E.wander && (E.wander.minIdle = D.minIdle ?? e.wander.minIdle, E.wander.jitter = D.jitter ?? e.wander.jitter);
+							...j
+						}), k.wander && (k.wander.minIdle = A.minIdle ?? e.wander.minIdle, k.wander.jitter = A.jitter ?? e.wander.jitter);
 					}
 				}
-				E.k = l;
-				let f = N < 0 ? 0 : (n - N) / 1e3;
-				N = n;
-				let p = T.value || a();
-				p && E.well && (E.well.strength = 0, E.well.target = 0, E.well.x = -1, E.well.y = -1);
-				let m = e.pointerReactive ?? !0, h = e.opacityCeiling ?? 1, _ = e.accentEdges ?? !1, v = e.drawOverlay;
-				p || q(E, l, u, m ? A : null, f, n, S.value), t.clearRect(0, 0, i, o);
-				let y = _ ? E.pinnedIndex >= 0 ? E.pinnedIndex : E.focalIndex : -1;
-				X(t, E, c, M, h, y), Z(t, E, M, h), m && !p && (Q(t, E, c, M, A, h), $(t, E, n, j, M, h)), v?.(t, E, p ? 0 : n);
-			} })
-		}), ee({
-			host: n.value,
-			canvas: r,
-			field: E,
-			pointer: A,
-			ripples: j,
-			handle: i,
-			toLocalRef: F,
-			pointerReactive: e.pointerReactive ?? !0,
-			warpOnClick: m,
-			gravityWell: !!v,
-			isFrozen: T.value
+				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);
+				}
+				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 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
+		};
+		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: E,
-		isFrozen: T,
+		field: k,
+		isFrozen: O,
+		backend: () => B,
 		warpTo(e, t) {
 			if (typeof e == "number" && typeof t == "number") {
-				let n = F.value?.({
+				let n = V.value?.({
 					clientX: e,
 					clientY: t
 				});
-				return n ? R(E, n.x, n.y) : -1;
+				return n ? K(k, n.x, n.y) : -1;
 			}
 			let n = e;
-			return R(E, n.x, n.y);
+			return K(k, n.x, n.y);
 		},
 		holdWellAt(e, t) {
-			return E.well ? (E.well.x = e, E.well.y = t, E.well.target = 1, !0) : !1;
+			return k.well ? (k.well.x = e, k.well.y = t, k.well.target = 1, !0) : !1;
 		},
 		releaseWell() {
-			E.well && (E.well.target = 0);
+			k.well && (k.well.target = 0);
 		},
 		warpSettled() {
-			return B(E);
+			return q(k);
 		},
 		pinNode(e) {
-			E.pinnedIndex = e, E.pinnedDrift && (E.pinnedDrift.nextAt = -1);
+			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
+		]
+	};
+}
 //#endregion
 //#region src/components/custom/constellation/Constellation.vue
-var re = /* @__PURE__ */ n(/* @__PURE__ */ c({
+var Ue = /* @__PURE__ */ t(/* @__PURE__ */ u({
 	__name: "Constellation",
 	props: {
 		count: { default: 64 },
 		link: { default: 132 },
 		speed: { default: .16 },
+		parallax: { default: .08 },
 		opacityCeiling: { default: 1 },
 		seed: {},
 		pointerReactive: {
@@ -486,18 +886,18 @@ var re = /* @__PURE__ */ n(/* @__PURE__ */ c({
 		drawOverlay: {}
 	},
 	setup(t, { expose: n }) {
-		let r = t, i = h("hostRef"), a = h("canvasRef");
-		return n(ne(r, i, a)), (t, n) => (f(), o("div", {
+		let r = t, i = v("hostRef"), a = v("canvasRef");
+		return n(Ve(r, i, a)), (t, n) => (h(), c("div", {
 			ref_key: "hostRef",
 			ref: i,
-			class: u(m(e)("constellation", r.class))
-		}, [s("canvas", {
+			class: f(_(e)("constellation", r.class))
+		}, [l("canvas", {
 			ref_key: "canvasRef",
 			ref: a,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-2ada60ff"]]);
+}), [["__scopeId", "data-v-a177fa6a"]]);
 //#endregion
-export { g as BASE_WIDTH, re as Constellation, D as DEFAULT_K_FLOOR, _ as DEFAULT_PALETTE, w as DEFAULT_PINNED_DRIFT_DUR, C as DEFAULT_PINNED_DRIFT_FRAC, T as DEFAULT_PINNED_DRIFT_IDLE, E as DEFAULT_PINNED_DRIFT_JITTER, x as DEFAULT_WANDER_IDLE, S as DEFAULT_WANDER_JITTER, b as DEFAULT_WELL_CONFIG, v as WARP_RESPONSE, y as WARP_ZETA, X as drawEdges, Z as drawNodes, Q as drawPointerWeb, $ as drawRipples, J as kVisOf, H as makePinnedDrift, F as nearestNode, V as pickWanderTarget, O as readInteractionConfig, Y as readPalette, K as refitField, G as seedField, L as setWarpTarget, q as stepField, W as stepPinnedDrift, N as stepWell, B as warpSettled, I as warpStep, R as warpTo };
+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 };