@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/fourier-field.js

@@ -1,17 +1,17 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { n as t } from "./useResolveTokenColor-DVT5kwv6.js";
-import { t as n } from "./usePointerVelocityField-CwXyeW0Z.js";
-import { t as r } from "./useRoutePointer-DL7I0gY4.js";
-import { d as i, u as a } from "./pointerFieldMappings-4VtmkOWv.js";
-import { t as o } from "./useGlobalDark-DjKMEQE2.js";
-import { n as s, o as c, r as l, s as u } from "./procedural-color.wgsl-ByduxnzV.js";
-import { a as d, t as f } from "./useGpuSubstrate-DcY584kE.js";
-import { c as p, t as m } from "./color-Bp5jmv4Z.js";
-import { n as h, t as g } from "./prng-B0PLRmR6.js";
-import { a as _, c as v, i as y, n as b, o as x, r as S, s as C, t as w } from "./math-CIEcwsYi.js";
-import { computed as T, createElementBlock as E, createElementVNode as D, defineComponent as O, normalizeClass as k, onMounted as A, onScopeDispose as j, openBlock as M, shallowRef as N, useTemplateRef as P, watch as F } from "vue";
+import { n as e } from "./useResolveTokenColor-B2FfJnd9.js";
+import { t } from "./_plugin-vue_export-helper-B3ysoDQm.js";
+import { t as n } from "./usePointerVelocityField-DsIf7yyq.js";
+import { t as r } from "./useRoutePointer-B8itM7Ka.js";
+import { d as i, u as a } from "./pointerFieldMappings-DP5tla5z.js";
+import { i as o } from "./dark-z_P5QwqI.js";
+import { cssToOklch as s, oklchToLinear as c } from "./color.js";
+import { FOURIER_FIGURES as l, FOURIER_FIGURE_KEYS as u, comp as d, dftFromPoints as f, makeEllipticSpectrum as p, makeHarmonicFigure as m, partialSumAt as h, positionsAt as g } from "./fourier-math.js";
+import { m as _, n as v, o as y, r as b, s as x, u as S } from "./color.wgsl-Ct5o9dpf.js";
+import { a as C } from "./rendererStatus-BxUlBLVy.js";
+import { n as w, t as T } from "./prng-2uS6J_A1.js";
+import { computed as E, createElementBlock as D, createElementVNode as O, defineComponent as k, normalizeClass as A, onMounted as j, onScopeDispose as M, openBlock as N, readonly as P, shallowRef as F, useTemplateRef as I, watch as L } from "vue";
 //#region src/components/fourier-field/constants.ts
-var I = 64, ee = 384, te = .15, L = .4, R = 2.5 / (L + (1 - L) * .5) + .05, ne = .55, z = .35, re = [{
+var R = 64, z = 384, B = .15, V = 3.6214285714285714, H = .55, ee = .35, te = [{
 	L: .62,
 	C: .19,
 	h: 34
@@ -19,7 +19,7 @@ var I = 64, ee = 384, te = .15, L = .4, R = 2.5 / (L + (1 - L) * .5) + .05, ne =
 	L: .86,
 	C: .06,
 	h: 70
-}], ie = {
+}], ne = {
 	source: "elliptic",
 	harmonics: 6,
 	showEpicycles: !0,
@@ -30,23 +30,23 @@ var I = 64, ee = 384, te = .15, L = .4, R = 2.5 / (L + (1 - L) * .5) + .05, ne =
 	intensity: 1,
 	harmonicScale: .24,
 	speed: 1,
-	palette: re,
+	palette: te,
 	respectReducedMotion: !0,
 	interactive: !0,
-	squashGain: ne,
-	celGain: z
-}, ae = "\nconst MAX_PHASORS: i32 = 64;\nconst TAU: f32 = 6.283185307179586;\n\nstruct Phasor {\n  // (re, im, index, _pad)\n  data: vec4<f32>,\n};\n\n// ── Compute uniforms (the typed-struct source-of-truth — see uniformBridgeWGPU.ts) ──\nstruct ComputeUniforms {\n  // c0: (headT, trailArc, _pad, _pad)\n  c0: vec4<f32>,\n  // ints: (harmonicN, epicycleArmN, sampleCount, phasorCount)\n  ints: vec4<i32>,\n};\n\n@group(0) @binding(0) var<uniform> u: ComputeUniforms;\n@group(0) @binding(1) var<storage, read> phasors: array<Phasor>;\n// curveSamples[i] = (x, y, age, _pad)\n@group(0) @binding(2) var<storage, read_write> curveSamples: array<vec4<f32>>;\n// chainTips[k] = (x, y, _pad, _pad) — the running tip after stacking phasor k\n@group(0) @binding(3) var<storage, read_write> chainTips: array<vec4<f32>>;\n\n// The PARTIAL-SUM curve point at parameter t over the first n phasors — the WGSL\n// transcription of math.ts:78-95 (partialSumAt). EXACTLY:\n//   c += vec2(re·cos − im·sin, re·sin + im·cos)  with angle = TAU·index·t.\nfn partialSumAt(t: f32, n: i32) -> vec2<f32> {\n  var c = vec2<f32>(0.0, 0.0);\n  let phasorCount = u.ints.w;\n  let lim = min(n, phasorCount);\n  for (var i = 0; i < MAX_PHASORS; i = i + 1) {\n    if (i >= lim) { break; }\n    let p = phasors[i].data;\n    let re = p.x;\n    let im = p.y;\n    let index = p.z;\n    let angle = TAU * index * t;\n    let cs = cos(angle);\n    let sn = sin(angle);\n    c = c + vec2<f32>(re * cs - im * sn, re * sn + im * cs);\n  }\n  return c;\n}\n\n// The epicycle chain tip after stacking the first k phasors at head_t — the WGSL\n// transcription of math.ts:41-60 (positionsAt, read at the running tip). The running tip\n// after phasor (k−1) is exactly the partial sum over the first k terms.\nfn epicycleChainTip(t: f32, k: i32) -> vec2<f32> {\n  return partialSumAt(t, k);\n}\n\n@compute @workgroup_size(64)\nfn cs_main(@builtin(global_invocation_id) gid: vec3<u32>) {\n  let i = i32(gid.x);\n  let headT = u.c0.x;\n  let trailArc = u.c0.y;\n  let harmonicN = u.ints.x;\n  let armN = u.ints.y;\n  let sampleCount = u.ints.z;\n\n  // ── The comet body samples ──\n  if (i < sampleCount) {\n    // age: 0 at the oldest tail (i = sampleCount−1), 1 at the head (i = 0).\n    let denom = max(f32(sampleCount - 1), 1.0);\n    let frac = f32(i) / denom;                 // 0 = head, 1 = tail\n    let age = 1.0 - frac;                       // 1 = head, 0 = tail\n    // sample back along the period from the head by trailArc.\n    var t = headT - trailArc * frac;\n    t = t - floor(t);                           // fract → [0,1)\n    let pt = partialSumAt(t, harmonicN);\n    curveSamples[i] = vec4<f32>(pt.x, pt.y, age, 0.0);\n  }\n\n  // ── The epicycle chain tips (k = 0..armN, capped to harmonicN) ──\n  // chainTips[0] is the origin; chainTips[k] is the tip after phasor (k−1).\n  let armLim = min(armN, harmonicN);\n  if (i <= armLim && i <= MAX_PHASORS) {\n    let tip = epicycleChainTip(headT, i);\n    chainTips[i] = vec4<f32>(tip.x, tip.y, 0.0, 0.0);\n  }\n}\n", oe = `
+	squashGain: H,
+	celGain: ee
+}, re = "\nconst MAX_PHASORS: i32 = 64;\nconst TAU: f32 = 6.283185307179586;\n\nstruct Phasor {\n  // (re, im, index, _pad)\n  data: vec4<f32>,\n};\n\n// ── Compute uniforms (the typed-struct source-of-truth — see uniformBridgeWGPU.ts) ──\nstruct ComputeUniforms {\n  // c0: (headT, trailArc, _pad, _pad)\n  c0: vec4<f32>,\n  // ints: (harmonicN, epicycleArmN, sampleCount, phasorCount)\n  ints: vec4<i32>,\n};\n\n@group(0) @binding(0) var<uniform> u: ComputeUniforms;\n@group(0) @binding(1) var<storage, read> phasors: array<Phasor>;\n// curveSamples[i] = (x, y, age, _pad)\n@group(0) @binding(2) var<storage, read_write> curveSamples: array<vec4<f32>>;\n// chainTips[k] = (x, y, _pad, _pad) — the running tip after stacking phasor k\n@group(0) @binding(3) var<storage, read_write> chainTips: array<vec4<f32>>;\n\n// The PARTIAL-SUM curve point at parameter t over the first n phasors — the WGSL\n// transcription of math.ts:78-95 (partialSumAt). EXACTLY:\n//   c += vec2(re·cos − im·sin, re·sin + im·cos)  with angle = TAU·index·t.\nfn partialSumAt(t: f32, n: i32) -> vec2<f32> {\n  var c = vec2<f32>(0.0, 0.0);\n  let phasorCount = u.ints.w;\n  let lim = min(n, phasorCount);\n  for (var i = 0; i < MAX_PHASORS; i = i + 1) {\n    if (i >= lim) { break; }\n    let p = phasors[i].data;\n    let re = p.x;\n    let im = p.y;\n    let index = p.z;\n    let angle = TAU * index * t;\n    let cs = cos(angle);\n    let sn = sin(angle);\n    c = c + vec2<f32>(re * cs - im * sn, re * sn + im * cs);\n  }\n  return c;\n}\n\n// The epicycle chain tip after stacking the first k phasors at head_t — the WGSL\n// transcription of math.ts:41-60 (positionsAt, read at the running tip). The running tip\n// after phasor (k−1) is exactly the partial sum over the first k terms.\nfn epicycleChainTip(t: f32, k: i32) -> vec2<f32> {\n  return partialSumAt(t, k);\n}\n\n@compute @workgroup_size(64)\nfn cs_main(@builtin(global_invocation_id) gid: vec3<u32>) {\n  let i = i32(gid.x);\n  let headT = u.c0.x;\n  let trailArc = u.c0.y;\n  let harmonicN = u.ints.x;\n  let armN = u.ints.y;\n  let sampleCount = u.ints.z;\n\n  // ── The comet body samples ──\n  if (i < sampleCount) {\n    // age: 0 at the oldest tail (i = sampleCount−1), 1 at the head (i = 0).\n    let denom = max(f32(sampleCount - 1), 1.0);\n    let frac = f32(i) / denom;                 // 0 = head, 1 = tail\n    let age = 1.0 - frac;                       // 1 = head, 0 = tail\n    // sample back along the period from the head by trailArc.\n    var t = headT - trailArc * frac;\n    t = t - floor(t);                           // fract → [0,1)\n    let pt = partialSumAt(t, harmonicN);\n    curveSamples[i] = vec4<f32>(pt.x, pt.y, age, 0.0);\n  }\n\n  // ── The epicycle chain tips (k = 0..armN, capped to harmonicN) ──\n  // chainTips[0] is the origin; chainTips[k] is the tip after phasor (k−1).\n  let armLim = min(armN, harmonicN);\n  if (i <= armLim && i <= MAX_PHASORS) {\n    let tip = epicycleChainTip(headT, i);\n    chainTips[i] = vec4<f32>(tip.x, tip.y, 0.0, 0.0);\n  }\n}\n", ie = `
 // The instanced-ribbon LAYER selector (a pipeline-overridable constant — 5 pipelines share the
 // ONE module, each specializing this): 0 trail · 1 epicycle · 2 head · 3 cel-rope · 4 cel-arm.
 override LAYER: i32 = 0;
 
 const PI: f32 = 3.141592653589793;
-// BD.W-FOURIER-LOOM §2b — the degenerate-tangent guard (must equal FOURIER_TANGENT_EPS in
-// constants.ts + the GL CPU bead path so a cusp resolves IDENTICALLY across both engines).
+// The degenerate-tangent guard must equal FOURIER_TANGENT_EPS in
+// constants.ts and the GL CPU bead path so a cusp resolves identically across both engines.
 const TANGENT_EPS: f32 = 1e-4;
 const SPEED_REF_HALFWIDTHS: f32 = 6.0;
-// BG.W-FOURIER-BEAUTY B1 — the THICK luminous RIBBON. RIBBON_TAIL_FRAC is MIRRORED verbatim
-// from constants.ts (the WGSL twin cannot import a TS const); proof:viz FB1 cross-checks the
+// The thick luminous ribbon mirrors RIBBON_TAIL_FRAC verbatim
+// from constants.ts because the WGSL twin cannot import a TS const; parity coverage verifies the
 // two copies are equal so the mid-body floor (RIBBON_HEAD_FLOOR_PX) can never drift off it.
 const RIBBON_TAIL_FRAC: f32 = 0.4;
 const RIBBON_UNDERGLOW_SCALE: f32 = 2.2;
@@ -74,8 +74,8 @@ struct RenderUniforms {
 // chainTips[k] = (x, y, _pad, _pad) in MODEL space.
 @group(0) @binding(2) var<storage, read> chainTips: array<vec4<f32>>;
 
-${s}
-${l}
+${v}
+${b}
 
 fn samplePaletteLin(t: f32) -> vec3<f32> {
   let stopCount = u.ints.z;
@@ -108,7 +108,7 @@ fn segDist(p: vec2<f32>, a: vec2<f32>, b: vec2<f32>) -> f32 {
   return length(pa - ba * h);
 }
 
-// BD.W-FOURIER-LOOM §2b — the head travel frame + the volume-preserving anisotropic distance.
+// The head travel frame + the volume-preserving anisotropic distance.
 struct HeadFrame { T: vec2<f32>, sHat: f32, };
 fn headFrame(head: vec2<f32>, headBack: vec2<f32>, halfW: f32) -> HeadFrame {
   let d = head - headBack;
@@ -301,7 +301,7 @@ fn fs_main(in: VSOut) -> @location(0) vec4<f32> {
     accum = vec4<f32>(vec3<f32>(1.0) * spec, spec) + accum * (1.0 - spec);
     return accum;
   } else {
-    // ── CEL — the technicolor ink shadow (rope LAYER==3 / arm LAYER==4) ──
+    // ── CEL — the technicolor ink shadow (rope LAYER==3, arm LAYER==4) ──
     let celA = clamp(celGain, 0.0, 1.0);
     let d = segDist(p, a, b);
     let cover = 1.0 - smoothstep(halfW, halfW + aa, d);
@@ -309,14 +309,14 @@ fn fs_main(in: VSOut) -> @location(0) vec4<f32> {
     return vec4<f32>(0.0, 0.0, 0.0, m);
   }
 }
-`, B = {
+`, U = {
 	trail: 0,
 	epicycle: 1,
 	head: 2,
 	"cel-rope": 3,
 	"cel-arm": 4
 };
-function se(e) {
+function ae(e) {
 	let t = Math.max(0, Math.floor(e.sampleCount) - 1), n = e.showEpicycles ? Math.max(0, Math.floor(e.armCount)) : 0, r = e.celGain > .001, i = [];
 	return r && t > 0 && i.push({
 		kind: "cel-rope",
@@ -340,7 +340,7 @@ function se(e) {
 		blend: "over"
 	}), i;
 }
-var ce = new Float32Array([
+var oe = new Float32Array([
 	0,
 	0,
 	1,
@@ -349,11 +349,11 @@ var ce = new Float32Array([
 	1,
 	1,
 	1
-]), V = {
+]), W = {
 	c0: 0,
 	ints: 4
 };
-function H() {
+function G() {
 	let e = /* @__PURE__ */ new ArrayBuffer(32);
 	return {
 		buffer: e,
@@ -361,11 +361,11 @@ function H() {
 		i32: new Int32Array(e)
 	};
 }
-function U(e, t, n, r, i, a, o) {
+function se(e, t, n, r, i, a, o) {
 	let { f32: s, i32: c } = e;
-	return s[V.c0 + 0] = t, s[V.c0 + 1] = n, s[V.c0 + 2] = 0, s[V.c0 + 3] = 0, c[V.ints + 0] = r, c[V.ints + 1] = i, c[V.ints + 2] = a, c[V.ints + 3] = o, e;
+	return s[W.c0 + 0] = t, s[W.c0 + 1] = n, s[W.c0 + 2] = 0, s[W.c0 + 3] = 0, c[W.ints + 0] = r, c[W.ints + 1] = i, c[W.ints + 2] = a, c[W.ints + 3] = o, e;
 }
-var le = 144, W = {
+var ce = 144, K = {
 	r0: 0,
 	r1: 4,
 	r2: 8,
@@ -373,18 +373,18 @@ var le = 144, W = {
 	ints: 16,
 	palette: 20
 };
-function G() {
-	let e = new ArrayBuffer(le);
+function q() {
+	let e = new ArrayBuffer(ce);
 	return {
 		buffer: e,
 		f32: new Float32Array(e),
 		i32: new Int32Array(e)
 	};
 }
-function K(e) {
+function J(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = e;
 	for (let e = 0; e < 720; e++) {
-		let o = v(a, e / 720), [s, c] = o[o.length - 1];
+		let o = g(a, e / 720), [s, c] = o[o.length - 1];
 		s < t && (t = s), c < n && (n = c), s > r && (r = s), c > i && (i = c);
 	}
 	if (!isFinite(t)) return {
@@ -399,23 +399,23 @@ function K(e) {
 		scale: c
 	};
 }
-function ue(e, t, n) {
-	let r = Math.max(e, R), i = Math.max(n, 1) / 2;
+function le(e, t, n) {
+	let r = Math.max(e, V), i = Math.max(n, 1) / 2;
 	return r / Math.max(t, 1e-6) / i;
 }
-function de(e, t, n, r, i, a, o, s, c, l, u, d, f, m, h, g, _) {
+function Y(e, t, n, r, i, a, o, s, l, u, d, f, p, m, h, g, _) {
 	let { f32: v, i32: y } = e;
-	v[W.r0 + 0] = t.centerX, v[W.r0 + 1] = t.centerY, v[W.r0 + 2] = t.scale, v[W.r0 + 3] = n, v[W.r1 + 0] = r, v[W.r1 + 1] = i, v[W.r1 + 2] = a, v[W.r1 + 3] = o, v[W.r2 + 0] = s, v[W.r2 + 1] = c, v[W.r2 + 2] = +!!l, v[W.r2 + 3] = +!!u, v[W.r3 + 0] = d, v[W.r3 + 1] = f, v[W.r3 + 2] = m, v[W.r3 + 3] = 0;
+	v[K.r0 + 0] = t.centerX, v[K.r0 + 1] = t.centerY, v[K.r0 + 2] = t.scale, v[K.r0 + 3] = n, v[K.r1 + 0] = r, v[K.r1 + 1] = i, v[K.r1 + 2] = a, v[K.r1 + 3] = o, v[K.r2 + 0] = s, v[K.r2 + 1] = l, v[K.r2 + 2] = +!!u, v[K.r2 + 3] = +!!d, v[K.r3 + 0] = f, v[K.r3 + 1] = p, v[K.r3 + 2] = m, v[K.r3 + 3] = 0;
 	let b = Math.min(_.length, 4);
-	y[W.ints + 0] = h, y[W.ints + 1] = g, y[W.ints + 2] = b, y[W.ints + 3] = 0;
+	y[K.ints + 0] = h, y[K.ints + 1] = g, y[K.ints + 2] = b, y[K.ints + 3] = 0;
 	for (let e = 0; e < 4; e++) {
-		let t = W.palette + e * 4, n = p(_[Math.min(e, b - 1)] ?? _[0]);
+		let t = K.palette + e * 4, n = c(_[Math.min(e, b - 1)] ?? _[0]);
 		v[t + 0] = n[0], v[t + 1] = n[1], v[t + 2] = n[2], v[t + 3] = 0;
 	}
 	return e;
 }
-function fe(e) {
-	let t = Math.min(e.length, 64), n = new Float32Array(256);
+function X(e) {
+	let t = Math.min(e.length, 64), n = /* @__PURE__ */ new Float32Array(256);
 	for (let r = 0; r < t; r++) {
 		let t = e[r], i = r * 4;
 		n[i + 0] = t.coefficient[0], n[i + 1] = t.coefficient[1], n[i + 2] = t.index, n[i + 3] = 0;
@@ -424,36 +424,36 @@ function fe(e) {
 }
 //#endregion
 //#region src/components/fourier-field/composables/fourierFieldWGPUSetup.ts
-var q = 64, J = 128, Y = 8, X = 1, Z = 2, Q = 4, pe = 64, me = .92, he = .95, ge = 1.35, _e = .34;
-function ve(e) {
+var Z = 128, Q = 4, $ = 64, ue = .92, de = .95, fe = 1.35, pe = .34;
+function me(e) {
 	let { canvas: t, config: n, getSpectrum: r, getPalette: i, getHeadT: a, shouldContinue: o, onFrame: s } = e, c = e.getPointerLean;
 	return function(e, l, u) {
-		let f = e.createShaderModule({
+		let d = e.createShaderModule({
 			label: "[FourierField] fourier-field.compute.wgsl",
-			code: ae
-		}), p = e.createShaderModule({
+			code: re
+		}), f = e.createShaderModule({
 			label: "[FourierField] fourier-field.render.wgsl",
-			code: oe
-		}), m = e.createBuffer({
+			code: ie
+		}), p = e.createBuffer({
 			label: "[FourierField] phasors",
 			size: 1024,
-			usage: J | Y
-		}), h = e.createBuffer({
+			usage: 136
+		}), m = e.createBuffer({
 			label: "[FourierField] curve-samples",
 			size: 384 * 16,
-			usage: J
-		}), g = e.createBuffer({
+			usage: Z
+		}), h = e.createBuffer({
 			label: "[FourierField] chain-tips",
 			size: 1040,
-			usage: J
-		}), _ = e.createBuffer({
+			usage: Z
+		}), g = e.createBuffer({
 			label: "[FourierField] compute-uniforms",
-			size: H().buffer.byteLength,
-			usage: q | Y
+			size: G().buffer.byteLength,
+			usage: 72
 		}), v = e.createBuffer({
 			label: "[FourierField] render-uniforms",
-			size: G().buffer.byteLength,
-			usage: q | Y
+			size: q().buffer.byteLength,
+			usage: 72
 		}), y = e.createBindGroupLayout({
 			label: "[FourierField] compute-bgl",
 			entries: [
@@ -482,7 +482,7 @@ function ve(e) {
 			label: "[FourierField] compute-pipeline",
 			layout: e.createPipelineLayout({ bindGroupLayouts: [y] }),
 			compute: {
-				module: f,
+				module: d,
 				entryPoint: "cs_main"
 			}
 		}), x = e.createBindGroup({
@@ -491,19 +491,19 @@ function ve(e) {
 			entries: [
 				{
 					binding: 0,
-					resource: { buffer: _ }
+					resource: { buffer: g }
 				},
 				{
 					binding: 1,
-					resource: { buffer: m }
+					resource: { buffer: p }
 				},
 				{
 					binding: 2,
-					resource: { buffer: h }
+					resource: { buffer: m }
 				},
 				{
 					binding: 3,
-					resource: { buffer: g }
+					resource: { buffer: h }
 				}
 			]
 		}), S = e.createBindGroupLayout({
@@ -511,17 +511,17 @@ function ve(e) {
 			entries: [
 				{
 					binding: 0,
-					visibility: X | Z,
+					visibility: 3,
 					buffer: { type: "uniform" }
 				},
 				{
 					binding: 1,
-					visibility: X | Z,
+					visibility: 3,
 					buffer: { type: "read-only-storage" }
 				},
 				{
 					binding: 2,
-					visibility: X | Z,
+					visibility: 3,
 					buffer: { type: "read-only-storage" }
 				}
 			]
@@ -551,12 +551,12 @@ function ve(e) {
 			label: `[FourierField] ribbon-pipeline-L${t}`,
 			layout: C,
 			vertex: {
-				module: p,
+				module: f,
 				entryPoint: "vs_main",
 				constants: { LAYER: t }
 			},
 			fragment: {
-				module: p,
+				module: f,
 				entryPoint: "fs_main",
 				constants: { LAYER: t },
 				targets: [{
@@ -566,11 +566,11 @@ function ve(e) {
 			},
 			primitive: { topology: "triangle-list" }
 		}), D = {
-			trail: E(B.trail, w),
-			epicycle: E(B.epicycle, T),
-			head: E(B.head, w),
-			"cel-rope": E(B["cel-rope"], w),
-			"cel-arm": E(B["cel-arm"], w)
+			trail: E(U.trail, w),
+			epicycle: E(U.epicycle, T),
+			head: E(U.head, w),
+			"cel-rope": E(U["cel-rope"], w),
+			"cel-arm": E(U["cel-arm"], w)
 		}, O = e.createBindGroup({
 			label: "[FourierField] render-bg",
 			layout: S,
@@ -581,40 +581,40 @@ function ve(e) {
 				},
 				{
 					binding: 1,
-					resource: { buffer: h }
+					resource: { buffer: m }
 				},
 				{
 					binding: 2,
-					resource: { buffer: g }
+					resource: { buffer: h }
 				}
 			]
-		}), k = H(), A = G(), j = null, M = {
+		}), k = G(), A = q(), j = null, M = {
 			centerX: 0,
 			centerY: 0,
 			scale: 1
 		}, N = 0;
 		function P() {
 			let t = r();
-			t !== j && (j = t, N = Math.min(t.length, 64), M = K(t), e.queue.writeBuffer(m, 0, fe(t)));
+			t !== j && (j = t, N = Math.min(t.length, 64), M = J(t), e.queue.writeBuffer(p, 0, X(t)));
 		}
 		function F(e) {}
 		function I(r) {
 			s?.(r), P();
-			let o = a(), u = Math.max(1, Math.min(Math.round(n.harmonics), N)), f = n.showEpicycles ? Math.max(1, Math.min(Math.round(n.epicycleArms), u)) : 0;
-			U(k, o, n.trailArc, u, f, 384, N), e.queue.writeBuffer(_, 0, k.buffer);
-			let p = Math.min(t.width, t.height) / Math.max(d(), 1), m = t.width / Math.max(t.height, 1), h = ue(n.trailWidth, M.scale, p), g = 12 / (Math.max(M.scale, 1e-6) * Math.max(p, 1)), y = c?.() ?? {
+			let o = a(), u = Math.max(1, Math.min(Math.round(n.harmonics), N)), d = n.showEpicycles ? Math.max(1, Math.min(Math.round(n.epicycleArms), u)) : 0;
+			se(k, o, n.trailArc, u, d, 384, N), e.queue.writeBuffer(g, 0, k.buffer);
+			let f = Math.min(t.width, t.height) / Math.max(_(), 1), p = t.width / Math.max(t.height, 1), m = le(n.trailWidth, M.scale, f), h = 12 / (Math.max(M.scale, 1e-6) * Math.max(f, 1)), y = c?.() ?? {
 				x: 0,
 				y: 0
-			};
-			de(A, y.x !== 0 || y.y !== 0 ? {
+			}, S = y.x !== 0 || y.y !== 0 ? {
 				...M,
 				centerX: M.centerX - y.x,
 				centerY: M.centerY - y.y
-			} : M, m, h, me, he, ge, _e, n.intensity, n.showEpicycles, n.rainbowChain, n.squashGain, n.celGain, g, 384, f, i()), e.queue.writeBuffer(v, 0, A.buffer);
-			let S = e.createCommandEncoder({ label: "[FourierField] frame" }), C = S.beginComputePass();
-			C.setPipeline(b), C.setBindGroup(0, x), C.dispatchWorkgroups(Math.ceil(384 / pe)), C.end();
-			let w = l.getCurrentTexture().createView(), T = S.beginRenderPass({ colorAttachments: [{
-				view: w,
+			} : M;
+			Y(A, S, p, m, ue, de, fe, pe, n.intensity, n.showEpicycles, n.rainbowChain, n.squashGain, n.celGain, h, 384, d, i()), e.queue.writeBuffer(v, 0, A.buffer);
+			let C = e.createCommandEncoder({ label: "[FourierField] frame" }), w = C.beginComputePass();
+			w.setPipeline(b), w.setBindGroup(0, x), w.dispatchWorkgroups(Math.ceil(384 / $)), w.end();
+			let T = l.getCurrentTexture().createView(), E = C.beginRenderPass({ colorAttachments: [{
+				view: T,
 				clearValue: {
 					r: 0,
 					g: 0,
@@ -624,37 +624,37 @@ function ve(e) {
 				loadOp: "clear",
 				storeOp: "store"
 			}] });
-			T.setBindGroup(0, O);
-			let E = se({
+			E.setBindGroup(0, O);
+			let j = ae({
 				sampleCount: 384,
-				armCount: f,
+				armCount: d,
 				showEpicycles: n.showEpicycles,
 				celGain: n.celGain
 			});
-			for (let e of E) T.setPipeline(D[e.kind]), T.draw(6, e.instanceCount, 0, 0);
-			T.end(), e.queue.submit([S.finish()]);
+			for (let e of j) E.setPipeline(D[e.kind]), E.draw(6, e.instanceCount, 0, 0);
+			E.end(), e.queue.submit([C.finish()]);
 		}
 		return {
 			frame: I,
 			shouldContinue: o,
 			resize: F,
 			teardown: () => {
-				m.destroy(), h.destroy(), g.destroy(), _.destroy(), v.destroy();
+				p.destroy(), m.destroy(), h.destroy(), g.destroy(), v.destroy();
 			}
 		};
 	};
 }
 //#endregion
 //#region src/components/fourier-field/shaders/fourier-field.glsl.ts
-var ye = "#version 300 es\n// BI.W-FOURIER-RIBBON §2b — MUST equal the WGSL twin + FOURIER_TANGENT_EPS (constants.ts).\n#define RIBBON_UNDERGLOW_SCALE 2.2\n\nin vec2 aCorner;   // the unit quad corner ∈ [0,1]²\nin vec4 aSeg;      // (ax, ay, bx, by) — segment endpoints in MODEL space\nin vec4 aData;     // (age, strokeHalf, arg2, _pad) — strokeHalf/age/arg2 per layer\n\nuniform vec4 uFit;         // (centerX, centerY, scale, aspect) — model→clip fit\nuniform int  uLayer;       // 0 trail · 1 epicycle · 2 head · 3 cel-rope · 4 cel-arm\nuniform float uEdgeMargin; // AA-feather slop in MODEL units (a few CSS px), padding the bbox\n\nout vec2 vP;       // the MODEL-space fragment coordinate (the fs runs the SDF on it)\nout vec2 vA;\nout vec2 vB;\nout float vAge;\nout float vHalf;\nout float vArg2;\n\nvoid main() {\n  vec2 a = aSeg.xy;\n  vec2 b = aSeg.zw;\n  float strokeHalf = aData.y;\n  vA = a; vB = b; vAge = aData.x; vHalf = strokeHalf; vArg2 = aData.z;\n\n  vec2 pos;\n  if (uLayer == 1 || uLayer == 2) {\n    // AABB around a — the epicycle orbit RING (radius = |b-a|) or the head HALO.\n    float ext = (uLayer == 1) ? (length(b - a) + strokeHalf * 0.7) : (strokeHalf * 4.5);\n    ext += uEdgeMargin;\n    pos = a + (aCorner * 2.0 - 1.0) * ext;\n  } else {\n    // Capsule along a→b padded by the covered extent (trail under-glow / cel stroke).\n    float ext = (uLayer == 0) ? (strokeHalf * RIBBON_UNDERGLOW_SCALE) : strokeHalf;\n    ext += uEdgeMargin;\n    vec2 d = b - a;\n    float len = length(d);\n    vec2 dir = len > 1e-6 ? d / len : vec2(1.0, 0.0);\n    vec2 perp = vec2(-dir.y, dir.x);\n    vec2 along = mix(a - dir * ext, b + dir * ext, aCorner.x);\n    pos = along + perp * (aCorner.y * 2.0 - 1.0) * ext;\n  }\n\n  vP = pos;\n  vec2 center = uFit.xy;\n  float scale = max(uFit.z, 1e-6);\n  float aspect = max(uFit.w, 1e-4);\n  // model → clip (the inverse of the fs's p = center + vClip·aspect / scale).\n  float clipX = (pos.x - center.x) * scale / aspect;\n  float clipY = (pos.y - center.y) * scale;\n  gl_Position = vec4(clipX, clipY, 0.0, 1.0);\n}\n", be = `#version 300 es
+var he = "#version 300 es\n// Must equal the WGSL twin and FOURIER_TANGENT_EPS in constants.ts.\n#define RIBBON_UNDERGLOW_SCALE 2.2\n\nin vec2 aCorner;   // the unit quad corner ∈ [0,1]²\nin vec4 aSeg;      // (ax, ay, bx, by) — segment endpoints in MODEL space\nin vec4 aData;     // (age, strokeHalf, arg2, _pad) — strokeHalf/age/arg2 per layer\n\nuniform vec4 uFit;         // (centerX, centerY, scale, aspect) — model→clip fit\nuniform int  uLayer;       // 0 trail · 1 epicycle · 2 head · 3 cel-rope · 4 cel-arm\nuniform float uEdgeMargin; // AA-feather slop in MODEL units (a few CSS px), padding the bbox\n\nout vec2 vP;       // the MODEL-space fragment coordinate (the fs runs the SDF on it)\nout vec2 vA;\nout vec2 vB;\nout float vAge;\nout float vHalf;\nout float vArg2;\n\nvoid main() {\n  vec2 a = aSeg.xy;\n  vec2 b = aSeg.zw;\n  float strokeHalf = aData.y;\n  vA = a; vB = b; vAge = aData.x; vHalf = strokeHalf; vArg2 = aData.z;\n\n  vec2 pos;\n  if (uLayer == 1 || uLayer == 2) {\n    // AABB around a — the epicycle orbit RING (radius = |b-a|) or the head HALO.\n    float ext = (uLayer == 1) ? (length(b - a) + strokeHalf * 0.7) : (strokeHalf * 4.5);\n    ext += uEdgeMargin;\n    pos = a + (aCorner * 2.0 - 1.0) * ext;\n  } else {\n    // Capsule along a→b padded by the covered extent (trail under-glow, cel stroke).\n    float ext = (uLayer == 0) ? (strokeHalf * RIBBON_UNDERGLOW_SCALE) : strokeHalf;\n    ext += uEdgeMargin;\n    vec2 d = b - a;\n    float len = length(d);\n    vec2 dir = len > 1e-6 ? d / len : vec2(1.0, 0.0);\n    vec2 perp = vec2(-dir.y, dir.x);\n    vec2 along = mix(a - dir * ext, b + dir * ext, aCorner.x);\n    pos = along + perp * (aCorner.y * 2.0 - 1.0) * ext;\n  }\n\n  vP = pos;\n  vec2 center = uFit.xy;\n  float scale = max(uFit.z, 1e-6);\n  float aspect = max(uFit.w, 1e-4);\n  // model → clip (the inverse of the fs's p = center + vClip·aspect, scale).\n  float clipX = (pos.x - center.x) * scale / aspect;\n  float clipY = (pos.y - center.y) * scale;\n  gl_Position = vec4(clipX, clipY, 0.0, 1.0);\n}\n", ge = `#version 300 es
 precision highp float;
 
 #define MAX_FOURIER_STOPS 4
-// BD.W-FOURIER-LOOM §2b — MUST equal the WGSL twin + FOURIER_TANGENT_EPS (constants.ts).
+// Must equal the WGSL twin and FOURIER_TANGENT_EPS in constants.ts.
 #define TANGENT_EPS 1e-4
 #define SPEED_REF_HALFWIDTHS 6.0
-// BG.W-FOURIER-BEAUTY B1 — the THICK luminous RIBBON. RIBBON_TAIL_FRAC is MIRRORED verbatim
-// from constants.ts (the GLSL twin cannot import a TS const); proof:viz FB1 cross-checks the
+// The thick luminous ribbon mirrors RIBBON_TAIL_FRAC verbatim
+// from constants.ts because the GLSL twin cannot import a TS const; parity coverage verifies the
 // two copies are equal so the mid-body floor (RIBBON_HEAD_FLOOR_PX) can never drift off it.
 #define RIBBON_TAIL_FRAC 0.4
 #define RIBBON_UNDERGLOW_SCALE 2.2
@@ -677,8 +677,8 @@ uniform vec3 uPalette[MAX_FOURIER_STOPS]; // linear-sRGB stops
 
 const float PI = 3.141592653589793;
 
-${c}
-${u}
+${y}
+${x}
 
 // Negative-safe cube root (the WGSL chunk's cbrt3 twin; the GLSL chunk inlines it).
 vec3 cbrt3(vec3 v) { return sign(v) * pow(abs(v), vec3(1.0 / 3.0)); }
@@ -712,7 +712,7 @@ float segDist(vec2 p, vec2 a, vec2 b) {
   return length(pa - ba * h);
 }
 
-// BD.W-FOURIER-LOOM §2b — the head travel frame (T, ŝ), the GLSL twin of the WGSL headFrame.
+// The head travel frame (T, ŝ), the GLSL twin of the WGSL headFrame.
 struct HeadFrame { vec2 T; float sHat; };
 HeadFrame headFrame(vec2 head, vec2 headBack, float halfW) {
   vec2 d = head - headBack;
@@ -751,15 +751,15 @@ void main() {
     // ── TRAIL — the tapered luminous ribbon over its own soft under-glow ──
     float age = vAge;
     float d = segDist(p, vA, vB);
-    // B1 — the head→tail TAPER: the ribbon half-width scales with age (thick head, thin tail).
+    // Head→tail taper: the ribbon half-width scales with age (thick head, thin tail).
     float ribbonHalf = halfW * (RIBBON_TAIL_FRAC + (1.0 - RIBBON_TAIL_FRAC) * age);
     vec3 lin = samplePaletteLin(1.0 - age * 0.4);
     vec3 rgb = clamp(linearToSrgb(lin), vec3(0.0), vec3(1.0));
-    // B1 — the soft UNDER-GLOW: a wider, low-alpha copy UNDER the crisp ribbon (ONE color event).
+    // Soft under-glow: a wider, low-alpha copy under the crisp ribbon (one color event).
     float glowHalf = ribbonHalf * RIBBON_UNDERGLOW_SCALE;
     float glowCover = 1.0 - smoothstep(glowHalf, glowHalf + aa * 3.0, d);
     float ga = peak * RIBBON_UNDERGLOW_ALPHA * pow(age, fadeExp) * glowCover;
-    // the crisp tapered ribbon core.
+    // The crisp tapered ribbon core.
     float cover = 1.0 - smoothstep(ribbonHalf, ribbonHalf + aa, d);
     float ca = max(peak * pow(age, fadeExp), peak * trailFloor) * cover;
     // core OVER glow OVER transparent (both premultiplied on the SAME rgb → out = rgb·outA).
@@ -798,7 +798,7 @@ void main() {
     accum = vec4(vec3(1.0) * spec, spec) + accum * (1.0 - spec);
     fragColor = accum;
   } else {
-    // ── CEL — the technicolor ink shadow (rope uLayer==3 / arm uLayer==4) ──
+    // ── CEL — the technicolor ink shadow (rope uLayer==3, arm uLayer==4) ──
     float celA = clamp(celGain, 0.0, 1.0);
     float d = segDist(p, vA, vB);
     float cover = 1.0 - smoothstep(halfW, halfW + aa, d);
@@ -806,8 +806,8 @@ void main() {
     fragColor = vec4(0.0, 0.0, 0.0, m);
   }
 }
-`, xe = 256, $ = 64, Se = .92, Ce = .95, we = 1.35, Te = .34;
-function Ee(e, t, n) {
+`, _e = 256, ve = 64, ye = .92, be = .95, xe = 1.35, Se = .34;
+function Ce(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);
@@ -815,147 +815,147 @@ function Ee(e, t, n) {
 	}
 	return r;
 }
-function De(e) {
-	let { canvas: t, config: n, getSpectrum: r, getPalette: i, getHeadT: a, shouldContinue: o, onFrame: s } = e, c = e.getPointerLean;
+function we(e) {
+	let { canvas: t, config: n, getSpectrum: r, getPalette: i, getHeadT: a, shouldContinue: o, onFrame: s } = e, l = e.getPointerLean;
 	return function(e) {
-		let l = Ee(e, e.VERTEX_SHADER, ye), u = Ee(e, e.FRAGMENT_SHADER, be), f = e.createProgram();
-		if (e.attachShader(f, l), e.attachShader(f, u), e.linkProgram(f), !e.getProgramParameter(f, e.LINK_STATUS)) throw Error(`[FourierField] link failed: ${e.getProgramInfoLog(f)}`);
-		e.deleteShader(l), e.deleteShader(u);
-		let m = e.createVertexArray();
-		e.bindVertexArray(m);
-		let h = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, h), e.bufferData(e.ARRAY_BUFFER, ce, e.STATIC_DRAW);
+		let u = Ce(e, e.VERTEX_SHADER, he), d = Ce(e, e.FRAGMENT_SHADER, ge), f = e.createProgram();
+		if (e.attachShader(f, u), e.attachShader(f, d), e.linkProgram(f), !e.getProgramParameter(f, e.LINK_STATUS)) throw Error(`[FourierField] link failed: ${e.getProgramInfoLog(f)}`);
+		e.deleteShader(u), e.deleteShader(d);
+		let p = e.createVertexArray();
+		e.bindVertexArray(p);
+		let m = e.createBuffer();
+		e.bindBuffer(e.ARRAY_BUFFER, m), e.bufferData(e.ARRAY_BUFFER, oe, e.STATIC_DRAW);
 		let g = e.getAttribLocation(f, "aCorner");
 		e.enableVertexAttribArray(g), e.vertexAttribPointer(g, 2, e.FLOAT, !1, 0, 0), e.vertexAttribDivisor(g, 0);
-		let _ = (xe - 1) * 2 + $ * 2 + 1, v = new Float32Array(_ * 8), y = e.createBuffer();
+		let v = new Float32Array(639 * 8), y = e.createBuffer();
 		e.bindBuffer(e.ARRAY_BUFFER, y), e.bufferData(e.ARRAY_BUFFER, v.byteLength, e.DYNAMIC_DRAW);
 		let b = e.getAttribLocation(f, "aSeg"), x = e.getAttribLocation(f, "aData");
 		e.enableVertexAttribArray(b), e.enableVertexAttribArray(x), e.vertexAttribPointer(b, 4, e.FLOAT, !1, 32, 0), e.vertexAttribPointer(x, 4, e.FLOAT, !1, 32, 16), e.vertexAttribDivisor(b, 1), e.vertexAttribDivisor(x, 1), e.bindVertexArray(null);
-		let S = (t) => e.getUniformLocation(f, t), w = S("uFit"), T = S("uTrail"), E = S("uEnv"), D = S("uLoom"), O = S("uLayer"), k = S("uEdgeMargin"), A = S("uStopCount"), j = S("uPalette[0]"), M = new Float32Array(xe * 3), N = new Float32Array(($ + 1) * 2), P = new Float32Array(12), F = null, I = {
+		let S = (t) => e.getUniformLocation(f, t), C = S("uFit"), w = S("uTrail"), T = S("uEnv"), E = S("uLoom"), D = S("uLayer"), O = S("uEdgeMargin"), k = S("uStopCount"), A = S("uPalette[0]"), j = new Float32Array(_e * 3), M = /* @__PURE__ */ new Float32Array(130), N = /* @__PURE__ */ new Float32Array(12), P = null, F = {
 			centerX: 0,
 			centerY: 0,
 			scale: 1
-		}, ee = 0;
-		function te() {
+		}, I = 0;
+		function L() {
 			let e = r();
-			e !== F && (F = e, ee = Math.min(e.length, $), I = K(e));
+			e !== P && (P = e, I = Math.min(e.length, ve), F = J(e));
 		}
-		function L(n) {
+		function R(n) {
 			e.viewport(0, 0, n?.w ?? t.width, n?.h ?? t.height);
 		}
-		function R(r) {
-			s?.(r), te();
-			let o = F;
+		function z(r) {
+			s?.(r), L();
+			let o = P;
 			if (!o) return;
-			let l = a(), u = Math.max(1, Math.min(Math.round(n.harmonics), ee)), h = n.showEpicycles ? Math.max(1, Math.min(Math.round(n.epicycleArms), u)) : 0, g = xe, _ = Math.max(g - 1, 1);
+			let u = a(), d = Math.max(1, Math.min(Math.round(n.harmonics), I)), m = n.showEpicycles ? Math.max(1, Math.min(Math.round(n.epicycleArms), d)) : 0, g = _e, S = Math.max(g - 1, 1);
 			for (let e = 0; e < g; e++) {
-				let t = e / _, r = 1 - t, i = l - n.trailArc * t;
+				let t = e / S, r = 1 - t, i = u - n.trailArc * t;
 				i -= Math.floor(i);
-				let [a, s] = C(o, i, u), c = e * 3;
-				M[c + 0] = a, M[c + 1] = s, M[c + 2] = r;
+				let [a, s] = h(o, i, d), c = e * 3;
+				j[c + 0] = a, j[c + 1] = s, j[c + 2] = r;
 			}
-			let S = Math.min(h, u);
-			for (let e = 0; e <= $; e++) {
+			let R = Math.min(m, d);
+			for (let e = 0; e <= ve; e++) {
 				let t = e * 2;
-				if (e <= S) {
-					let [n, r] = C(o, l, e);
-					N[t + 0] = n, N[t + 1] = r;
-				} else N[t + 0] = 0, N[t + 1] = 0;
+				if (e <= R) {
+					let [n, r] = h(o, u, e);
+					M[t + 0] = n, M[t + 1] = r;
+				} else M[t + 0] = 0, M[t + 1] = 0;
 			}
-			let L = t.width / Math.max(t.height, 1), R = Math.min(t.width, t.height) / Math.max(d(), 1), ne = ue(n.trailWidth, I.scale, R), z = ne * .5, re = 12 / (Math.max(I.scale, 1e-6) * Math.max(R, 1)), ie = M[0], ae = M[1], oe = M[3], ce = M[4], V = ie - oe, H = ae - ce, U = Math.hypot(V, H), le = U > 1e-4 ? V / U : 1, W = U > 1e-4 ? H / U : 0, G = -le * z * 1.4, K = -W * z * 1.4, de = se({
+			let z = t.width / Math.max(t.height, 1), B = Math.min(t.width, t.height) / Math.max(_(), 1), V = le(n.trailWidth, F.scale, B), H = V * .5, ee = 12 / (Math.max(F.scale, 1e-6) * Math.max(B, 1)), te = j[0], ne = j[1], re = j[3], ie = j[4], oe = te - re, W = ne - ie, G = Math.hypot(oe, W), se = G > 1e-4 ? oe / G : 1, ce = G > 1e-4 ? W / G : 0, K = -se * H * 1.4, q = -ce * H * 1.4, J = ae({
 				sampleCount: g,
-				armCount: h,
+				armCount: m,
 				showEpicycles: n.showEpicycles,
 				celGain: n.celGain
-			}), fe = /* @__PURE__ */ new Map(), q = 0, J = (e, t, n, r, i, a, o) => {
-				v[q++] = e, v[q++] = t, v[q++] = n, v[q++] = r, v[q++] = i, v[q++] = a, v[q++] = o, v[q++] = 0;
+			}), Y = /* @__PURE__ */ new Map(), X = 0, Z = (e, t, n, r, i, a, o) => {
+				v[X++] = e, v[X++] = t, v[X++] = n, v[X++] = r, v[X++] = i, v[X++] = a, v[X++] = o, v[X++] = 0;
 			};
-			for (let e of de) if (fe.set(e.kind, q), e.kind === "cel-rope") for (let e = 0; e < g - 1; e++) {
+			for (let e of J) if (Y.set(e.kind, X), e.kind === "cel-rope") for (let e = 0; e < g - 1; e++) {
 				let t = e * 3;
-				J(M[t] + G, M[t + 1] + K, M[t + 3] + G, M[t + 4] + K, 0, z, 1);
+				Z(j[t] + K, j[t + 1] + q, j[t + 3] + K, j[t + 4] + q, 0, H, 1);
 			}
-			else if (e.kind === "cel-arm") for (let e = 0; e < h; e++) {
+			else if (e.kind === "cel-arm") for (let e = 0; e < m; e++) {
 				let t = e * 2;
-				J(N[t] + G, N[t + 1] + K, N[t + 2] + G, N[t + 3] + K, 0, z * .55, .7);
+				Z(M[t] + K, M[t + 1] + q, M[t + 2] + K, M[t + 3] + q, 0, H * .55, .7);
 			}
 			else if (e.kind === "epicycle") {
-				let e = Math.max(h - 1, 1);
-				for (let t = 0; t < h; t++) {
+				let e = Math.max(m - 1, 1);
+				for (let t = 0; t < m; t++) {
 					let n = t * 2;
-					J(N[n], N[n + 1], N[n + 2], N[n + 3], 0, z, t / e);
+					Z(M[n], M[n + 1], M[n + 2], M[n + 3], 0, H, t / e);
 				}
 			} else if (e.kind === "trail") for (let e = 0; e < g - 1; e++) {
-				let t = e * 3, n = Math.max(M[t + 2], M[t + 5]);
-				J(M[t], M[t + 1], M[t + 3], M[t + 4], n, z, 0);
+				let t = e * 3, n = Math.max(j[t + 2], j[t + 5]);
+				Z(j[t], j[t + 1], j[t + 3], j[t + 4], n, H, 0);
 			}
-			else J(M[0], M[1], M[3], M[4], 0, z, 0);
-			let Y = q, X = i(), Z = Math.min(X.length, 4);
+			else Z(j[0], j[1], j[3], j[4], 0, H, 0);
+			let Q = X, $ = i(), ue = Math.min($.length, 4);
 			for (let e = 0; e < 4; e++) {
-				let t = p(X[Math.min(e, Z - 1)] ?? X[0]);
-				P[e * 3 + 0] = t[0], P[e * 3 + 1] = t[1], P[e * 3 + 2] = t[2];
+				let t = c($[Math.min(e, ue - 1)] ?? $[0]);
+				N[e * 3 + 0] = t[0], N[e * 3 + 1] = t[1], N[e * 3 + 2] = t[2];
 			}
-			e.useProgram(f), e.bindVertexArray(m), e.enable(e.BLEND), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.bindBuffer(e.ARRAY_BUFFER, y), e.bufferSubData(e.ARRAY_BUFFER, 0, v.subarray(0, Y));
-			let Q = c?.() ?? {
+			e.useProgram(f), e.bindVertexArray(p), e.enable(e.BLEND), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.bindBuffer(e.ARRAY_BUFFER, y), e.bufferSubData(e.ARRAY_BUFFER, 0, v.subarray(0, Q));
+			let de = l?.() ?? {
 				x: 0,
 				y: 0
 			};
-			e.uniform4f(w, I.centerX - Q.x, I.centerY - Q.y, I.scale, L), e.uniform4f(T, ne, Se, Ce, we), e.uniform4f(E, Te, n.intensity, +!!n.showEpicycles, +!!n.rainbowChain), e.uniform4f(D, n.squashGain, n.celGain, 0, 0), e.uniform1f(k, re), e.uniform1i(A, Z), e.uniform3fv(j, P);
-			for (let t of de) {
-				let n = (fe.get(t.kind) ?? 0) * 4;
-				e.vertexAttribPointer(b, 4, e.FLOAT, !1, 32, n), e.vertexAttribPointer(x, 4, e.FLOAT, !1, 32, n + 16), e.uniform1i(O, B[t.kind]), t.blend === "max" ? (e.blendEquation(e.MAX), e.blendFunc(e.ONE, e.ONE)) : (e.blendEquation(e.FUNC_ADD), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA)), e.drawArraysInstanced(e.TRIANGLE_STRIP, 0, 4, t.instanceCount);
+			e.uniform4f(C, F.centerX - de.x, F.centerY - de.y, F.scale, z), e.uniform4f(w, V, ye, be, xe), e.uniform4f(T, Se, n.intensity, +!!n.showEpicycles, +!!n.rainbowChain), e.uniform4f(E, n.squashGain, n.celGain, 0, 0), e.uniform1f(O, ee), e.uniform1i(k, ue), e.uniform3fv(A, N);
+			for (let t of J) {
+				let n = (Y.get(t.kind) ?? 0) * 4;
+				e.vertexAttribPointer(b, 4, e.FLOAT, !1, 32, n), e.vertexAttribPointer(x, 4, e.FLOAT, !1, 32, n + 16), e.uniform1i(D, U[t.kind]), t.blend === "max" ? (e.blendEquation(e.MAX), e.blendFunc(e.ONE, e.ONE)) : (e.blendEquation(e.FUNC_ADD), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA)), e.drawArraysInstanced(e.TRIANGLE_STRIP, 0, 4, t.instanceCount);
 			}
 			e.blendEquation(e.FUNC_ADD);
 		}
 		return {
-			frame: R,
+			frame: z,
 			shouldContinue: o,
-			resize: L,
+			resize: R,
 			teardown: () => {
-				e.deleteProgram(f), e.deleteBuffer(h), e.deleteBuffer(y), e.deleteVertexArray(m);
+				e.deleteProgram(f), e.deleteBuffer(m), e.deleteBuffer(y), e.deleteVertexArray(p);
 			}
 		};
 	};
 }
 //#endregion
 //#region src/components/fourier-field/composables/useFourierField.ts
-function Oe(e, t) {
-	let { config: r, getSpectrum: o, getPalette: s } = t, c = t.mode ?? "live", l = t.frozenT ?? .34, u = t.periodS ?? 16, p = 0, m = -1, h = 0, g = 0;
-	function _(e) {
-		if (h === 0 && g === 0) return;
-		let t = -64 * h - 2 * .62 * 8 * g;
-		g += t * e, h += g * e, Math.abs(h) < 1e-4 && Math.abs(g) < 1e-4 && (h = 0, g = 0);
+function Te(e, t) {
+	let { config: r, getSpectrum: o, getPalette: s } = t, c = t.mode ?? "live", l = t.frozenT ?? .34, u = t.periodS ?? 16, d = 0, f = -1, p = 0, m = 0;
+	function h(e) {
+		if (p === 0 && m === 0) return;
+		let t = -64 * p - 2 * .62 * 8 * m;
+		m += t * e, p += m * e, Math.abs(p) < 1e-4 && Math.abs(m) < 1e-4 && (p = 0, m = 0);
 	}
-	let v = n({ respectReducedMotion: r.respectReducedMotion }), y = () => (t.freeze?.() ?? !1) || (N?.reducedMotion ?? !1);
-	function b(e) {
-		x(e);
+	let g = n({ respectReducedMotion: r.respectReducedMotion }), v = () => (t.freeze?.() ?? !1) || (I?.reducedMotion ?? !1);
+	function y(e) {
+		b(e);
 	}
-	function x(e) {
-		let n = m >= 0 ? (e - m) * 1e3 : 16.7;
-		m = e;
+	function b(e) {
+		let n = f >= 0 ? (e - f) * 1e3 : 16.7;
+		f = e;
 		let i = t.routePointer?.();
-		if (i && (v.setActive(i.active), i.active && v.setPointer(i.x, i.y)), v.tick(n), y()) {
-			p = l, h = 0, g = 0;
+		if (t.routePointer && (g.setActive(i?.active ?? !1), i?.active && g.setPointer(i.x, i.y)), g.tick(n), v()) {
+			d = l, p = 0, m = 0;
 			return;
 		}
 		let a = Math.min(Math.max(n / 1e3, 0), .05);
-		if (r.interactive && v.active.value) {
-			let e = r.speed / u + v.velocity.value.x * te + h;
-			p = (p + e * a) % 1, p < 0 && (p += 1);
-			let t = v.burst.value * 4;
-			t !== 0 && (h = t, g = 0), _(a);
+		if (r.interactive && g.active.value) {
+			let e = r.speed / u + g.velocity.value.x * B + p;
+			d = (d + e * a) % 1, d < 0 && (d += 1);
+			let t = g.burst.value * 4;
+			t !== 0 && (p = t, m = 0), h(a);
 			return;
 		}
-		let o = r.speed / u + h;
-		p = (p + o * a) % 1, p < 0 && (p += 1), _(a);
+		let o = r.speed / u + p;
+		d = (d + o * a) % 1, d < 0 && (d += 1), h(a);
 	}
-	let S = () => p, C = null, w = {
+	let x = () => d, w = null, T = {
 		centerX: 0,
 		centerY: 0,
 		scale: 1
-	}, T = () => {
-		let e = o();
-		return e !== C && (C = e, w = K(e)), w;
 	}, E = () => {
+		let e = o();
+		return e !== w && (w = e, T = J(e)), T;
+	}, D = () => {
 		if (!r.interactive) return {
 			x: 0,
 			y: 0
@@ -965,84 +965,89 @@ function Oe(e, t) {
 			x: 0,
 			y: 0
 		};
-		let { leanX: n, leanY: o } = a(i(v), {
+		let { leanX: n, leanY: o } = a(i(g), {
 			aspect: t.width / t.height,
-			scale: Math.max(T().scale, 1e-6)
+			scale: Math.max(E().scale, 1e-6)
 		});
 		return {
 			x: n,
 			y: o
 		};
-	}, D = (e) => {
-		v.onPointerMove(e), r.interactive && N?.wake();
-	}, O = () => {
-		v.onPointerEnter(), r.interactive && N?.wake();
-	}, k = (e) => e.parentElement ?? e;
-	function A(e) {
-		let t = k(e);
-		t.addEventListener("pointermove", D), t.addEventListener("pointerenter", O), t.addEventListener("pointerleave", v.onPointerLeave);
+	}, O = (e) => {
+		g.onPointerMove(e), r.interactive && I?.wake();
+	}, k = () => {
+		g.onPointerEnter(), r.interactive && I?.wake();
+	}, A = (e) => e.parentElement ?? e;
+	function j(e) {
+		let t = A(e);
+		t.addEventListener("pointermove", O), t.addEventListener("pointerenter", k), t.addEventListener("pointerleave", g.onPointerLeave);
 	}
-	function M(e) {
-		let t = k(e);
-		t.removeEventListener("pointermove", D), t.removeEventListener("pointerenter", O), t.removeEventListener("pointerleave", v.onPointerLeave);
+	function N(e) {
+		let t = A(e);
+		t.removeEventListener("pointermove", O), t.removeEventListener("pointerenter", k), t.removeEventListener("pointerleave", g.onPointerLeave);
 	}
-	let N = null, P = () => {
+	let I = null, L = F(C("webgpu")), R = !1, z = () => {
+		if (R) return null;
 		let t = e.value;
-		return t ? (N || (A(t), N = f(t, {
+		return t ? (I || (j(t), I = S(t, {
 			mode: c,
 			respectReducedMotion: r.respectReducedMotion,
-			dprPolicy: d,
+			dprPolicy: _,
 			revealBloom: !0,
-			setupWGPU: ve({
+			setupWGPU: me({
 				canvas: t,
 				config: r,
 				getSpectrum: o,
 				getPalette: s,
-				getHeadT: S,
+				getHeadT: x,
 				shouldContinue: () => !0,
-				onFrame: b,
-				getPointerLean: E
+				onFrame: y,
+				getPointerLean: D
 			}),
-			setupGL: De({
+			setupGL: we({
 				canvas: t,
 				config: r,
 				getSpectrum: o,
 				getPalette: s,
-				getHeadT: S,
+				getHeadT: x,
 				shouldContinue: () => !0,
-				onFrame: b,
-				getPointerLean: E
-			})
-		}), N.armAsync()), N) : null;
+				onFrame: y,
+				getPointerLean: D
+			}),
+			onStatus: (e) => L.value = e
+		}), I.armAsync().catch(() => void 0)), I) : null;
 	};
-	queueMicrotask(() => P());
-	let F = {
+	queueMicrotask(() => z());
+	let V = {
 		get backend() {
-			return P()?.backend ?? "webgpu";
+			return z()?.backend ?? "webgpu";
 		},
-		pause: () => P()?.suspend("manual"),
-		resume: () => P()?.resume("manual"),
-		wake: () => P()?.wake(),
-		renderAt: (e) => P()?.renderAt(e),
+		pause: () => z()?.suspend("manual"),
+		resume: () => z()?.resume("manual"),
+		wake: () => z()?.wake(),
+		renderAt: (e) => z()?.renderAt(e),
 		get reducedMotion() {
-			return N?.reducedMotion ?? !1;
+			return I?.reducedMotion ?? !1;
 		},
 		get headT() {
-			return p;
+			return d;
 		},
+		rendererStatus: P(L),
 		setHeadT: (e) => {
-			p = (e % 1 + 1) % 1, P()?.wake();
+			d = (e % 1 + 1) % 1, z()?.wake();
 		},
 		dispose: () => {
+			if (R) return;
+			R = !0;
 			let t = e.value;
-			t && M(t), v.dispose(), N?.dispose();
+			t && N(t), g.dispose(), I?.dispose();
 		}
 	};
-	return j(() => F.dispose()), F;
+	return M(() => V.dispose()), V;
 }
 //#endregion
 //#region src/components/fourier-field/FourierField.vue
-var ke = /* @__PURE__ */ e(/* @__PURE__ */ O({
+var Ee = /*#__PURE__*/ t(/* @__PURE__ */ k({
 	__name: "FourierField",
 	props: {
 		config: {},
@@ -1057,47 +1062,48 @@ var ke = /* @__PURE__ */ e(/* @__PURE__ */ O({
 		},
 		intensity: {}
 	},
-	setup(e, { expose: n }) {
-		let i = e, a = P("hostRef"), s = P("canvasRef"), { isDark: c } = o(), l = r(), u = T(() => {
-			let e = i.config ?? ie, t = i.intensity == null ? e.intensity : Math.max(0, Math.min(2, i.intensity)), n = i.config ? e.interactive : !0;
+	emits: ["rendererStatus"],
+	setup(t, { expose: n, emit: i }) {
+		let a = i, c = t, u = I("hostRef"), d = I("canvasRef"), { isDark: f } = o(), h = r(), g = E(() => {
+			let e = c.config ?? ne, t = c.intensity == null ? e.intensity : Math.max(0, Math.min(2, c.intensity)), n = !c.config || e.interactive;
 			return {
 				...e,
 				intensity: t,
 				interactive: n
 			};
-		}), d = T(() => !!i.config && u.value.interactive), f = i.config ? void 0 : () => ({
-			x: l.pointer.value.x,
-			y: l.pointer.value.y,
-			active: l.active.value
-		}), p = T(() => {
-			if (i.spectrum && i.spectrum.length > 0) return i.spectrum;
-			let e = w[u.value.source];
-			return e ? x(e) : _(h(g((i.freeze ? "fourier-field/frozen" : i.seed || "fourier-field") + i.seed)), {
-				harmonics: Math.min(u.value.harmonics + 4, 62),
-				harmonicScale: u.value.harmonicScale
+		}), _ = E(() => !!c.config && g.value.interactive), v = c.config ? void 0 : () => ({
+			x: h.pointer.value.x,
+			y: h.pointer.value.y,
+			active: h.active.value
+		}), y = E(() => {
+			if (c.spectrum && c.spectrum.length > 0) return c.spectrum;
+			let e = l[g.value.source];
+			return e ? m(e) : p(w(T((c.freeze ? "fourier-field/frozen" : c.seed || "fourier-field") + c.seed)), {
+				harmonics: Math.min(g.value.harmonics + 4, 62),
+				harmonicScale: g.value.harmonicScale
 			});
-		}), v = () => p.value;
-		function y(e) {
-			if (!e.includes("var(") && !e.includes("light-dark(")) return e;
-			let n = a.value;
-			if (typeof window > "u" || !n) return e;
-			if (e.includes("var(")) return t(e, n);
+		}), b = () => y.value;
+		function x(t) {
+			if (!t.includes("var(") && !t.includes("light-dark(")) return t;
+			let n = u.value;
+			if (typeof window > "u" || !n) return t;
+			if (t.includes("var(")) return e(t, n);
 			let r = n.style.color;
-			n.style.color = e;
+			n.style.color = t;
 			let i = getComputedStyle(n).color;
-			return n.style.color = r, i || e;
+			return n.style.color = r, i || t;
 		}
-		let b = N(u.value.palette);
-		function S() {
-			if (i.getPalette) {
-				b.value = i.getPalette();
+		let S = F(g.value.palette);
+		function C() {
+			if (c.getPalette) {
+				S.value = c.getPalette();
 				return;
 			}
-			if (c.value, i.color) {
-				let e = y(i.color);
+			if (f.value, c.color) {
+				let e = x(c.color);
 				if (e.includes("var(") || e.includes("light-dark(")) return;
-				let t = m(e);
-				b.value = [{
+				let t = s(e);
+				S.value = [{
 					L: Math.max(.5, t.L),
 					C: Math.max(.12, t.C),
 					h: t.h
@@ -1108,44 +1114,48 @@ var ke = /* @__PURE__ */ e(/* @__PURE__ */ O({
 				}];
 				return;
 			}
-			b.value = u.value.palette;
+			S.value = g.value.palette;
 		}
-		let C = Oe(s, {
+		let k = Te(d, {
 			config: new Proxy({}, {
-				get: (e, t) => Reflect.get(u.value, t),
-				has: (e, t) => Reflect.has(u.value, t),
-				ownKeys: () => Reflect.ownKeys(u.value),
-				getOwnPropertyDescriptor: (e, t) => Reflect.getOwnPropertyDescriptor(u.value, t)
+				get: (e, t) => Reflect.get(g.value, t),
+				has: (e, t) => Reflect.has(g.value, t),
+				ownKeys: () => Reflect.ownKeys(g.value),
+				getOwnPropertyDescriptor: (e, t) => Reflect.getOwnPropertyDescriptor(g.value, t)
 			}),
-			getSpectrum: v,
-			getPalette: () => b.value,
-			freeze: () => i.freeze,
-			routePointer: f
+			getSpectrum: b,
+			getPalette: () => S.value,
+			freeze: () => c.freeze,
+			routePointer: v
 		});
-		return F(() => i.config, () => C.wake(), { deep: !0 }), F([
-			() => i.color,
-			() => i.getPalette,
-			c
-		], S, { immediate: !0 }), A(() => {
-			S();
-		}), F(c, () => C.wake()), F(() => i.freeze, () => C.wake()), n({
-			backend: () => C.backend,
-			pause: C.pause,
-			resume: C.resume,
-			wake: C.wake,
-			renderAt: C.renderAt,
-			setHeadT: C.setHeadT
-		}), (e, t) => (M(), E("div", {
+		return L(k.rendererStatus, (e) => a("rendererStatus", e), {
+			immediate: !0,
+			flush: "sync"
+		}), L(() => c.config, () => k.wake(), { deep: !0 }), L([
+			() => c.color,
+			() => c.getPalette,
+			f
+		], C, { immediate: !0 }), j(() => {
+			C();
+		}), L(f, () => k.wake()), L(() => c.freeze, () => k.wake()), n({
+			backend: () => k.backend,
+			pause: k.pause,
+			resume: k.resume,
+			wake: k.wake,
+			renderAt: k.renderAt,
+			setHeadT: k.setHeadT,
+			rendererStatus: k.rendererStatus
+		}), (e, t) => (N(), D("div", {
 			ref_key: "hostRef",
-			ref: a,
-			class: k(["fourier-field", { "fourier-field--interactive": d.value }])
-		}, [D("canvas", {
+			ref: u,
+			class: A(["fourier-field", { "fourier-field--interactive": _.value }])
+		}, [O("canvas", {
 			ref_key: "canvasRef",
-			ref: s,
+			ref: d,
 			class: "fourier-field-canvas",
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-2b2aeb28"]]);
+}), [["__scopeId", "data-v-d72961ca"]]);
 //#endregion
-export { ie as DEFAULT_FOURIER_CONFIG, w as FOURIER_FIGURES, b as FOURIER_FIGURE_KEYS, ke as FourierField, ee as MAX_CURVE_SAMPLES, I as MAX_PHASORS, re as WARM_IDENTITY_PALETTE, S as comp, y as dftFromPoints, _ as makeEllipticSpectrum, x as makeHarmonicFigure, C as partialSumAt, v as positionsAt, Oe as useFourierField };
+export { ne as DEFAULT_FOURIER_CONFIG, l as FOURIER_FIGURES, u as FOURIER_FIGURE_KEYS, Ee as FourierField, z as MAX_CURVE_SAMPLES, R as MAX_PHASORS, te as WARM_IDENTITY_PALETTE, d as comp, f as dftFromPoints, p as makeEllipticSpectrum, m as makeHarmonicFigure, h as partialSumAt, g as positionsAt, Te as useFourierField };