@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/constellation.js

@@ -1,13 +1,14 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as n } from "./usePointerVelocityField-CwXyeW0Z.js";
-import { t as r } from "./useRoutePointer-DL7I0gY4.js";
-import { d as i, l as a } from "./pointerFieldMappings-4VtmkOWv.js";
-import { a as o, t as s } from "./useGpuSubstrate-DcY584kE.js";
-import { n as c, t as l } from "./prng-B0PLRmR6.js";
-import { computed as u, createElementBlock as d, createElementVNode as f, defineComponent as p, getCurrentInstance as m, normalizeClass as h, onMounted as g, onUnmounted as _, openBlock as v, ref as y, unref as b, useTemplateRef as x } from "vue";
+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 S = 1280, C = {
+var E = 1280, D = {
 	node: "#b4afa3",
 	nodeDim: "#cdc8bd",
 	line: "#1c1714",
@@ -17,20 +18,20 @@ var S = 1280, C = {
 	accent: "#b35030",
 	edgeFloor: 0,
 	edgeAccentAlpha: .3
-}, w = .55, T = 1, E = {
+}, O = .55, k = 1, A = {
 	gain: 19e3,
 	reach: 340,
 	ramp: 8,
 	maxSpeed: 4,
 	soften: 8,
 	holdMs: 140
-}, D = 8e3, O = 8e3, k = .14, A = 2600, j = 6e3, M = 8e3, N = .72, P = 256, F = 12, I = 256 * 12, ee = 0, L = 1.6, te = 1.6, R = .001, z = .6, ne = 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 < R && (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 ? z : ne, m = Math.min(p * a, 1), h = i.strength > R && 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];
@@ -52,11 +53,11 @@ function H(e, t, n, r) {
 //#region src/components/constellation/constellationInteraction.ts
 function re(e) {
 	let t = {
-		response: w,
+		response: O,
 		zeta: 1
-	}, n = { ...E }, r = {
-		minIdle: D,
-		jitter: O
+	}, n = { ...A }, r = {
+		minIdle: j,
+		jitter: M
 	};
 	if (typeof window > "u") return {
 		warp: t,
@@ -69,14 +70,14 @@ function re(e) {
 		let r = Number.parseFloat(n);
 		return Number.isFinite(r) ? r : t;
 	};
-	return t.response = a("--constellation-warp-response", w), t.zeta = a("--constellation-warp-zeta", 1), n.gain = a("--constellation-well-gain", E.gain), n.reach = a("--constellation-well-reach", E.reach), n.ramp = a("--constellation-well-ramp", E.ramp), n.maxSpeed = a("--constellation-well-max-speed", E.maxSpeed), n.holdMs = a("--constellation-well-hold-ms", E.holdMs), r.minIdle = a("--constellation-wander-idle", D), r.jitter = a("--constellation-wander-jitter", O), {
+	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 U = .05;
-function W(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;
@@ -85,13 +86,13 @@ function W(e, t, n, r = -1) {
 	}
 	return a;
 }
-function ie(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, U), 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;
@@ -99,14 +100,14 @@ function G(e, t) {
 	}
 	e.focalIndex = t, n.targetIdx = t;
 }
-function K(e, t, n) {
-	let r = W(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 = W(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 ae = 24;
-function q(e) {
+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];
@@ -139,7 +140,7 @@ function se(e = {}) {
 function ce(e) {
 	return e < .5 ? 2 * e * e : 1 - (-2 * e + 2) ** 2 / 2;
 }
-function le(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];
@@ -156,9 +157,9 @@ function le(e, t, n) {
 	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 ue = .45;
-function de(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
@@ -166,7 +167,7 @@ function de(e, t, n, r) {
 }
 //#endregion
 //#region src/components/constellation/constellationField.ts
-function fe(e, t, n, r, i) {
+function de(e, t, n, r, i) {
 	let a = [];
 	for (let o = 0; o < t; o++) {
 		let t = e() * Math.PI * 2;
@@ -175,20 +176,20 @@ function fe(e, t, n, r, i) {
 			y: e() * r,
 			vx: Math.cos(t) * i,
 			vy: Math.sin(t) * i,
-			r: L + e() * te,
+			r: V + e() * H,
 			dim: e() < .45,
 			z: e()
 		});
 	}
 	return a;
 }
-function pe(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 me(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;
@@ -206,12 +207,12 @@ function me(e, t, n, r, i = 0, a = 0, o = Math.random, s = null) {
 			}
 		}
 	}
-	if (H(e, t, n, i), le(e, a, o), ie(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, oe(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 he(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];
@@ -232,7 +233,7 @@ function he(e, t, n = -1, r = Infinity) {
 	}
 	return c.length > r && (c.sort((e, t) => t.alpha - e.alpha), c.length = r), c;
 }
-function ge(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) {
@@ -249,7 +250,7 @@ function ge(e, t, n, r, i = Infinity) {
 		});
 	}
 }
-function _e(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
@@ -262,113 +263,58 @@ function _e(e, t, n, r, i) {
 }
 //#endregion
 //#region src/components/constellation/constellationRender.ts
-function ve(e) {
+function $(e) {
 	return Math.max(e.k, e.kFloor ?? .72);
 }
-function ye(e) {
-	if (typeof window > "u") return { ...C };
+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", C.node),
-		nodeDim: n("--constellation-node-dim", C.nodeDim),
-		line: n("--constellation-line", C.line),
-		edgeAlpha: r("--constellation-edge-alpha", C.edgeAlpha),
-		edgeFocusAlpha: r("--constellation-edge-focus-alpha", C.edgeFocusAlpha),
-		alpha: r("--constellation-alpha", C.alpha),
-		accent: n("--constellation-accent", C.accent),
-		edgeFloor: r("--constellation-edge-floor", C.edgeFloor),
-		edgeAccentAlpha: r("--constellation-edge-accent-alpha", C.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
-			];
-		}
-	}
-	let r = t.match(/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:[\s,/]+([\d.]+%?))?\s*\)$/i);
-	if (r) {
-		let e = r[4] == null ? 1 : be(r[4]);
-		return [
-			Y(Number(r[1]) / 255),
-			Y(Number(r[2]) / 255),
-			Y(Number(r[3]) / 255),
-			e
-		];
+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 i = t.match(/^hsla?\(\s*([\d.]+)(?:deg)?[\s,]+([\d.]+)%[\s,]+([\d.]+)%(?:[\s,/]+([\d.]+%?))?\s*\)$/i);
-	if (i) {
-		let e = i[4] == null ? 1 : be(i[4]), [t, n, r] = xe(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 be(e) {
-	return Y(e.endsWith("%") ? Number(e.slice(0, -1)) / 100 : Number(e));
-}
-function xe(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/constellation/composables/createConstellationField.ts
@@ -405,7 +351,7 @@ function Se(e, t, n = !1, r = !1, i = !1) {
 		strength: 0,
 		target: 0,
 		cfg: {
-			...E,
+			...A,
 			...s
 		}
 	} : void 0, {
@@ -415,461 +361,172 @@ function Se(e, t, n = !1, r = !1, i = !1) {
 	};
 }
 //#endregion
-//#region src/components/constellation/shaders/constellation-points.wgsl.ts
-var Ce = "\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", we = "\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", Te = 256 * 16, Ee = I * 32, X = {
-	u0: 0,
-	u1: 4,
-	uEdge: 8,
-	uNode: 12,
-	uNodeDim: 16,
-	uLine: 20,
-	uAccent: 24
-};
-function De() {
-	let e = /* @__PURE__ */ new ArrayBuffer(112);
-	return {
-		buffer: e,
-		f32: new Float32Array(e)
-	};
-}
-function Oe(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 ke() {
-	return new Float32Array(256 * 4);
-}
-function Ae() {
-	return new Float32Array(I * 8);
-}
-function je(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 Me(e, t) {
-	let n = Math.min(t.length, I);
-	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/constellation/composables/constellationWGPUSetup.ts
-var Ne = 64, Pe = 128, Fe = 8, Q = 1, Ie = 2;
-function Le(e) {
-	let { canvas: t, resolveFrame: n, onResize: r, shouldContinue: i } = e;
-	return function(e, a, o) {
-		let s = e.createShaderModule({
-			label: "[Constellation] constellation-points.wgsl",
-			code: Ce
-		}), c = e.createShaderModule({
-			label: "[Constellation] constellation-lines.wgsl",
-			code: we
-		}), l = e.createBuffer({
-			label: "[Constellation] uniforms",
-			size: 112,
-			usage: Ne | Fe
-		}), u = e.createBuffer({
-			label: "[Constellation] nodes",
-			size: Te,
-			usage: Pe | Fe
-		}), d = e.createBuffer({
-			label: "[Constellation] edges",
-			size: Ee,
-			usage: Pe | Fe
-		}), f = e.createBindGroupLayout({
-			label: "[Constellation] points-bgl",
-			entries: [{
-				binding: 0,
-				visibility: Q | Ie,
-				buffer: { type: "uniform" }
-			}, {
-				binding: 1,
-				visibility: Q,
-				buffer: { type: "read-only-storage" }
-			}]
-		}), p = e.createBindGroupLayout({
-			label: "[Constellation] lines-bgl",
-			entries: [{
-				binding: 0,
-				visibility: Q | Ie,
-				buffer: { type: "uniform" }
-			}, {
-				binding: 1,
-				visibility: Q,
-				buffer: { type: "read-only-storage" }
-			}]
-		}), m = {
-			color: {
-				srcFactor: "one",
-				dstFactor: "one-minus-src-alpha",
-				operation: "add"
-			},
-			alpha: {
-				srcFactor: "one",
-				dstFactor: "one-minus-src-alpha",
-				operation: "add"
-			}
-		}, h = e.createRenderPipeline({
-			label: "[Constellation] points-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [f] }),
-			vertex: {
-				module: s,
-				entryPoint: "vs_main"
-			},
-			fragment: {
-				module: s,
-				entryPoint: "fs_main",
-				targets: [{
-					format: o,
-					blend: m
-				}]
-			},
-			primitive: { topology: "triangle-list" }
-		}), g = e.createRenderPipeline({
-			label: "[Constellation] lines-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [p] }),
-			vertex: {
-				module: c,
-				entryPoint: "vs_main"
-			},
-			fragment: {
-				module: c,
-				entryPoint: "fs_main",
-				targets: [{
-					format: o,
-					blend: m
-				}]
-			},
-			primitive: { topology: "triangle-list" }
-		}), _ = e.createBindGroup({
-			label: "[Constellation] points-bg",
-			layout: f,
-			entries: [{
-				binding: 0,
-				resource: { buffer: l }
-			}, {
-				binding: 1,
-				resource: { buffer: u }
-			}]
-		}), v = e.createBindGroup({
-			label: "[Constellation] lines-bg",
-			layout: p,
-			entries: [{
-				binding: 0,
-				resource: { buffer: l }
-			}, {
-				binding: 1,
-				resource: { buffer: d }
-			}]
-		}), y = De(), b = ke(), x = Ae();
-		function S(e) {
-			r?.(e?.w ?? t.width, e?.h ?? t.height);
-		}
-		function C(t) {
-			let r = n(t);
-			if (!r) return;
-			let i = je(b, r.nodes), o = Me(x, r.edges);
-			Oe(y, r.uniforms), e.queue.writeBuffer(l, 0, y.buffer), i > 0 && e.queue.writeBuffer(u, 0, b.buffer, b.byteOffset, i * 4 * 4), o > 0 && e.queue.writeBuffer(d, 0, x.buffer, x.byteOffset, o * 8 * 4);
-			let s = a.getCurrentTexture().createView(), c = e.createCommandEncoder({ label: "[Constellation] frame" }), f = c.beginRenderPass({ colorAttachments: [{
-				view: s,
-				clearValue: {
-					r: 0,
-					g: 0,
-					b: 0,
-					a: 0
-				},
-				loadOp: "clear",
-				storeOp: "store"
-			}] });
-			o > 0 && (f.setPipeline(g), f.setBindGroup(0, v), f.draw(6, o, 0, 0)), i > 0 && (f.setPipeline(h), f.setBindGroup(0, _), f.draw(6, i, 0, 0)), f.end(), e.queue.submit([c.finish()]);
-		}
-		return {
-			frame: C,
-			shouldContinue: i,
-			resize: S,
-			teardown: () => {
-				l.destroy(), u.destroy(), d.destroy();
-			}
-		};
-	};
-}
-//#endregion
-//#region src/components/constellation/shaders/constellation-points.glsl.ts
-var Re = "#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", ze = "#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", Be = "#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", Ve = "#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/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 He(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 Ue(e) {
-	let { canvas: t, resolveFrame: n, onResize: r, shouldContinue: i } = e;
-	return function(e) {
-		let a = He(e, $(e, e.VERTEX_SHADER, Re), $(e, e.FRAGMENT_SHADER, ze)), o = He(e, $(e, e.VERTEX_SHADER, Be), $(e, e.FRAGMENT_SHADER, Ve)), s = e.createVertexArray();
-		e.bindVertexArray(s);
-		let c = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, c), 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 l = e.createVertexArray();
-		e.bindVertexArray(l);
-		let u = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, u), e.bufferData(e.ARRAY_BUFFER, I * 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 d = (t) => e.getUniformLocation(a, t), f = (t) => e.getUniformLocation(o, t), p = d("uResolution"), m = d("uDpr"), h = d("uKVis"), g = d("uNode"), _ = d("uNodeDim"), v = d("uOpacityCeiling"), y = f("uResolution"), b = f("uDpr"), x = f("uKVis"), S = f("uLineWidth"), C = f("uLine"), w = f("uAccent"), T = f("uAlphaGlobal"), E = f("uOpacityCeiling"), D = f("uEdgeAlpha"), O = f("uEdgeFocusAlpha"), k = f("uEdgeAccentAlpha"), A = f("uEdgeFloor"), j = ke(), M = Ae();
-		function N(n) {
-			e.viewport(0, 0, n?.w ?? t.width, n?.h ?? t.height), r?.(n?.w ?? t.width, n?.h ?? t.height);
-		}
-		function P(r) {
-			let i = n(r);
-			if (!i) return;
-			let d = je(j, i.nodes), f = Me(M, i.edges), N = 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(o), e.bindVertexArray(l), e.bindBuffer(e.ARRAY_BUFFER, u), e.bufferSubData(e.ARRAY_BUFFER, 0, M.subarray(0, f * 8)), e.uniform2f(y, N.resolutionX, N.resolutionY), e.uniform1f(b, N.dpr), e.uniform1f(x, N.kVis), e.uniform1f(S, N.lineWidth), e.uniform4f(C, N.line[0], N.line[1], N.line[2], N.line[3]), e.uniform4f(w, N.accent[0], N.accent[1], N.accent[2], N.accent[3]), e.uniform1f(T, N.alpha), e.uniform1f(E, N.opacityCeiling), e.uniform1f(D, N.edgeAlpha), e.uniform1f(O, N.edgeFocusAlpha), e.uniform1f(k, N.edgeAccentAlpha), e.uniform1f(A, N.edgeFloor), e.drawArraysInstanced(e.TRIANGLES, 0, 6, f)), d > 0 && (e.useProgram(a), e.bindVertexArray(s), e.bindBuffer(e.ARRAY_BUFFER, c), e.bufferSubData(e.ARRAY_BUFFER, 0, j.subarray(0, d * 4)), e.uniform2f(p, N.resolutionX, N.resolutionY), e.uniform1f(m, N.dpr), e.uniform1f(h, N.kVis), e.uniform4f(g, N.node[0], N.node[1], N.node[2], N.node[3]), e.uniform4f(_, N.nodeDim[0], N.nodeDim[1], N.nodeDim[2], N.nodeDim[3]), e.uniform1f(v, N.opacityCeiling), e.drawArraysInstanced(e.TRIANGLES, 0, 6, d)), e.bindVertexArray(null);
-		}
-		return {
-			frame: P,
-			shouldContinue: i,
-			resize: N,
-			teardown: () => {
-				e.deleteProgram(a), e.deleteProgram(o), e.deleteVertexArray(s), e.deleteVertexArray(l), e.deleteBuffer(c), e.deleteBuffer(u);
-			}
-		};
-	};
-}
-//#endregion
 //#region src/components/constellation/composables/useConstellation.ts
-var We = {
+var Ce = {
 	gain: 5200,
 	reach: 480,
 	maxSpeed: 1.6,
 	soften: 24,
 	ramp: 4
-}, Ge = .5;
-function Ke(e, t, r, d = {}) {
-	let f = d.routePointer, p = Math.min(e.count ?? 64, 256), h = e.link ?? 132, v = e.speed ?? .16, b = e.parallax ?? 0, x = e.seed, w = e.warpOnClick ?? !1, T = e.wander ?? !1, E = e.gravityWell || (f ? { ...We } : !1), D = e.pinned ?? !1, O = e.pinnedDrift ?? !1, k = e.warpAutoRelease ?? !1, A = u(() => x === void 0 ? Math.random : c(typeof x == "string" ? l(x) : x)), j = () => typeof window < "u" && /[?&](export|print|freeze)\b/.test(window.location.search), M = m()?.vnode.props?.freeze, N = u(() => M === void 0 ? j() : M === !0 || M === ""), { field: P, wanderOverride: F, wellOverride: ee } = Se(T, E, D, O, k), L = {
+}, 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
-	}, te = [], R = { ...C }, z = -1, ne = !1, B = n(f ? {
+	}, V = [], H = x(null), U = r(p ? {
 		respectReducedMotion: !0,
 		halfLifeMs: 600,
 		mass: 1.3,
 		damping: .9,
 		attractorResponse: .5
-	} : { respectReducedMotion: !0 }), V = null, H = "webgpu", U = y(null), W = [], ie = qe();
-	return g(() => {
-		let n = r.value;
-		if (!n) return;
-		let c = () => V ? V.reducedMotion : typeof window < "u" && !!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches, l = t.value, u = (e) => {
-			let t = n.getBoundingClientRect();
+	} : { 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 * P.w,
-				y: i * P.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
 			};
 		};
-		U.value = u;
-		let d = () => e.pointerReactive ?? !0, m = (e) => {
-			if (N.value || c()) return;
-			if (B.onPointerMove(e), !d()) {
-				L.x = -1, L.y = -1;
-				return;
-			}
-			let t = u(e);
-			t && (L.x = t.x, L.y = t.y), V?.wake();
-		}, g = () => {
-			B.onPointerLeave(), L.x = -1, L.y = -1;
-		}, y = () => {
-			B.onPointerEnter(), V?.wake();
-		}, x = (e) => {
-			if (!w || N.value || c()) return;
-			let t = u(e);
-			t && K(P, t.x, t.y), V?.wake();
-		}, C = l ?? n;
-		N.value || (C.addEventListener("pointermove", m), C.addEventListener("pointerenter", y), C.addEventListener("pointerleave", g), w && C.addEventListener("pointerdown", x)), _(() => {
-			C.removeEventListener("pointermove", m), C.removeEventListener("pointerenter", y), C.removeEventListener("pointerleave", g), C.removeEventListener("pointerdown", x), B.dispose(), V?.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 T = {
-			resolveFrame: (t) => {
-				let r = Math.min(typeof window < "u" && window.devicePixelRatio || 1, 2), o = n.width ? n.width / r : S, s = n.height ? n.height / r : 720, l = o / S;
-				P.canvas = n;
-				let u = parseFloat(getComputedStyle(n).getPropertyValue("--constellation-k-floor"));
-				if (P.kFloor = Number.isFinite(u) ? u : void 0, P.dpr = r, P.w !== o || P.h !== s) {
-					let e = P.w, t = P.h;
-					if (P.w = o, P.h = s, P.k = l, P.nodes.length ? pe(P, e, t) : (P.nodes = fe(A.value, p, o, s, v), P.warp.x = o / 2, P.warp.y = s / 2), R = ye(n), !ne) {
-						ne = !0;
-						let e = re(n);
-						P.warpCfg = e.warp, P.well && (P.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,
 							...ee
-						}), P.wander && (P.wander.minIdle = F.minIdle ?? e.wander.minIdle, P.wander.jitter = F.jitter ?? e.wander.jitter);
+						}), L.wander && (L.wander.minIdle = R.minIdle ?? e.wander.minIdle, L.wander.jitter = R.jitter ?? e.wander.jitter);
 					}
 				}
-				P.k = l;
-				let d = t * 1e3, m = z < 0 ? 0 : (d - z) / 1e3, g = z < 0 ? 0 : d - z;
-				z = d;
-				let _ = N.value || c();
-				if (_ && P.well && (P.well.strength = 0, P.well.target = 0, P.well.x = -1, P.well.y = -1), f && !_) {
-					let e = f(), t = !1;
-					if (e && e.active && typeof window < "u") {
-						let r = n.getBoundingClientRect();
-						if (r.width > 0 && r.height > 0) {
-							let n = (e.x * window.innerWidth - r.left) / r.width, i = (e.y * window.innerHeight - r.top) / r.height;
-							t = n >= 0 && n <= 1 && i >= 0 && i <= 1, t && B.setPointer(n, i);
+				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);
 						}
 					}
-					B.setActive(t);
+					U.setActive(t);
 				}
-				if (B.tick(_ ? 0 : g), f && P.well && !_) {
-					let e = a(i(B));
-					P.well.x = e.x * o, P.well.y = e.y * s, P.well.target = e.engagement * Ge;
+				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;
 				}
-				let y = e.pointerReactive ?? !0, x = e.opacityCeiling ?? 1, C = e.accentEdges ?? !1, w = y ? L : null, T = null;
-				if (w && !_) {
-					let e = B.velocity.value;
-					T = {
-						x: e.x * o / 60,
-						y: e.y * s / 60
-					}, L.x >= 0 && de(P, L, B.burst.value, te);
+				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);
 				}
-				_ || me(P, l, v, w, m, d, A.value, T);
-				let E = ve(P), D = n.width || Math.round(o * r), O = n.height || Math.round(s * r), k = ie;
-				k.resolutionX = D, k.resolutionY = O, k.dpr = r, k.kVis = E, k.time = t, k.lineWidth = 1, k.opacityCeiling = x, k.alpha = R.alpha, k.edgeAlpha = R.edgeAlpha, k.edgeFocusAlpha = R.edgeFocusAlpha, k.edgeAccentAlpha = R.edgeAccentAlpha, k.edgeFloor = R.edgeFloor, k.node = J(R.node), k.nodeDim = J(R.nodeDim), k.line = J(R.line), k.accent = J(R.accent);
-				let j = _ ? 0 : b, M = y ? L : null;
-				W.length = 0;
-				let V = D / Math.max(o, 1), H = O / Math.max(s, 1);
-				for (let e = 0; e < P.nodes.length; e++) {
-					let t = P.nodes[e], n = _e(t, M, o, s, j);
-					W.push({
-						x: n.x * V,
-						y: n.y * H,
-						r: t.r,
-						dim: +!!t.dim
-					});
+				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();
+					}
 				}
-				let U = he(P, h, C ? P.pinnedIndex >= 0 ? P.pinnedIndex : P.focalIndex : -1, I);
-				y && !_ && ge(U, P, h, L, I);
-				let G = [];
-				for (let e of U) G.push({
-					ax: e.ax * V,
-					ay: e.ay * H,
-					bx: e.bx * V,
-					by: e.by * H,
-					alpha: e.alpha,
-					accent: e.accent,
-					focus: e.focus
-				});
-				return {
-					nodes: W,
-					edges: G,
-					uniforms: k
-				};
-			},
-			shouldContinue: () => !0
+				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;
 		};
-		V = s(n, {
-			mode: "live",
-			respectReducedMotion: !0,
-			dprPolicy: o,
-			revealBloom: !0,
-			setupWGPU: Le({
-				canvas: n,
-				...T
-			}),
-			setupGL: Ue({
-				canvas: n,
-				...T
-			})
-		}), V.armAsync().then(() => {
-			H = V?.backend ?? "webgpu";
-		});
 	}), {
-		field: P,
-		isFrozen: N,
-		backend: () => H,
+		field: L,
+		isFrozen: I,
 		warpTo(e, t) {
-			if (typeof e == "number" && typeof t == "number") {
-				let n = U.value?.({
-					clientX: e,
-					clientY: t
-				});
-				return n ? K(P, n.x, n.y) : -1;
-			}
-			let n = e;
-			return K(P, 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 P.well ? (P.well.x = e, P.well.y = t, P.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() {
-			P.well && (P.well.target = 0);
-		},
-		warpSettled() {
-			return q(P);
+			L.well && (L.well.target = 0, G?.wake());
 		},
+		warpSettled: () => Z(L),
 		pinNode(e) {
-			P.pinnedIndex = e, P.pinnedDrift && (P.pinnedDrift.nextAt = -1);
-		}
-	};
-}
-function qe() {
-	return {
-		resolutionX: 0,
-		resolutionY: 0,
-		dpr: 1,
-		kVis: 1,
-		time: 0,
-		lineWidth: 1,
-		opacityCeiling: 1,
-		alpha: C.alpha,
-		edgeAlpha: C.edgeAlpha,
-		edgeFocusAlpha: C.edgeFocusAlpha,
-		edgeAccentAlpha: C.edgeAccentAlpha,
-		edgeFloor: C.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/constellation/Constellation.vue
-var Je = /* @__PURE__ */ t(/* @__PURE__ */ p({
+//#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 },
@@ -918,23 +575,30 @@ var Je = /* @__PURE__ */ t(/* @__PURE__ */ p({
 		class: {},
 		drawOverlay: {}
 	},
-	setup(t, { expose: n }) {
-		let i = t, a = x("hostRef"), o = x("canvasRef"), s = r();
-		return n(Ke(i, a, o, { routePointer: i.backgroundInteractive ? () => ({
-			x: s.pointer.value.x,
-			y: s.pointer.value.y,
-			active: s.active.value
-		}) : void 0 })), (t, n) => (v(), d("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: a,
-			class: h(b(e)("constellation", i.class))
-		}, [f("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: o,
+			ref: c,
 			class: "constellation-canvas",
 			"aria-hidden": "true"
-		}, null, 512)], 2));
+		}, null, 512)], 10, De));
 	}
-}), [["__scopeId", "data-v-077b3057"]]);
+}), [["__scopeId", "data-v-24255510"]]);
 //#endregion
-export { S as BASE_WIDTH, ue as BURST_FIRE_THRESHOLD, Je as Constellation, N as DEFAULT_K_FLOOR, C as DEFAULT_PALETTE, ee as DEFAULT_PARALLAX, A as DEFAULT_PINNED_DRIFT_DUR, k as DEFAULT_PINNED_DRIFT_FRAC, j as DEFAULT_PINNED_DRIFT_IDLE, M as DEFAULT_PINNED_DRIFT_JITTER, D as DEFAULT_WANDER_IDLE, O as DEFAULT_WANDER_JITTER, E as DEFAULT_WELL_CONFIG, I as E_MAX, F as MAX_DEGREE, P as MAX_NODES, w as WARP_RESPONSE, T as WARP_ZETA, ge as appendPointerWeb, he as buildEdges, de as fireBurst, ve as kVisOf, se as makePinnedDrift, W as nearestNode, _e as parallaxNodePos, J as parseColorRGBA, oe as pickWanderTarget, re as readInteractionConfig, ye as readPalette, pe as refitField, fe as seedField, G as setWarpTarget, me as stepField, le as stepPinnedDrift, H as stepWell, q as warpSettled, ie 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 };