@mkbabb/glass-ui 6.0.0 → 8.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-C07e-qaT.js";
-import { t as n } from "./usePointerVelocityField-BdvnO0py.js";
-import { t as r } from "./useRoutePointer-BDNMFN73.js";
-import { d as i, u as a } from "./pointerFieldMappings-CZojkgKj.js";
-import { i as o } from "./dark-DIH-blY1.js";
+import { n as e } from "./useResolveTokenColor-CspQv_ik.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 { a as _, d as v, f as y, l as b, n as x, r as S } from "./procedural-color.wgsl-B9mLK7v0.js";
-import { a as C } from "./rendererStatus-C2-zC2Q-.js";
-import { n as w, t as T } from "./prng-Dz2_9RJu.js";
+import { m as _, n as v, o as y, r as b, s as x, u as S } from "./color.wgsl-B0N3mKMb.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 R = 64, z = 384, B = .15, V = .4, H = 2.5 / (V + (1 - V) * .5) + .05, ee = .55, te = .35, ne = [{
+var R = 64, z = 384, B = .15, V = 3.6214285714285714, H = .55, ee = .35, U = [{
 	L: .62,
 	C: .19,
 	h: 34
@@ -19,7 +19,7 @@ var R = 64, z = 384, B = .15, V = .4, H = 2.5 / (V + (1 - V) * .5) + .05, ee = .
 	L: .86,
 	C: .06,
 	h: 70
-}], re = {
+}], te = {
 	source: "elliptic",
 	harmonics: 6,
 	showEpicycles: !0,
@@ -30,23 +30,23 @@ var R = 64, z = 384, B = .15, V = .4, H = 2.5 / (V + (1 - V) * .5) + .05, ee = .
 	intensity: 1,
 	harmonicScale: .24,
 	speed: 1,
-	palette: ne,
+	palette: U,
 	respectReducedMotion: !0,
 	interactive: !0,
-	squashGain: ee,
-	celGain: te
-}, ie = "\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", ae = `
+	squashGain: H,
+	celGain: ee
+}, ne = "\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", re = `
 // 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>>;
 
-${x}
-${S}
+${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);
   }
 }
-`, U = {
+`, W = {
 	trail: 0,
 	epicycle: 1,
 	head: 2,
 	"cel-rope": 3,
 	"cel-arm": 4
 };
-function oe(e) {
+function ie(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 oe(e) {
 		blend: "over"
 	}), i;
 }
-var se = new Float32Array([
+var ae = new Float32Array([
 	0,
 	0,
 	1,
@@ -349,23 +349,23 @@ var se = new Float32Array([
 	1,
 	1,
 	1
-]), W = {
+]), oe = 32, G = {
 	c0: 0,
 	ints: 4
 };
-function ce() {
-	let e = /* @__PURE__ */ new ArrayBuffer(32);
+function K() {
+	let e = /* @__PURE__ */ new ArrayBuffer(oe);
 	return {
 		buffer: e,
 		f32: new Float32Array(e),
 		i32: new Int32Array(e)
 	};
 }
-function le(e, t, n, r, i, a, o) {
+function se(e, t, n, r, i, a, o) {
 	let { f32: s, i32: c } = 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;
+	return s[G.c0 + 0] = t, s[G.c0 + 1] = n, s[G.c0 + 2] = 0, s[G.c0 + 3] = 0, c[G.ints + 0] = r, c[G.ints + 1] = i, c[G.ints + 2] = a, c[G.ints + 3] = o, e;
 }
-var G = 144, K = {
+var q = 144, J = {
 	r0: 0,
 	r1: 4,
 	r2: 8,
@@ -373,15 +373,15 @@ var G = 144, K = {
 	ints: 16,
 	palette: 20
 };
-function q() {
-	let e = new ArrayBuffer(G);
+function Y() {
+	let e = new ArrayBuffer(q);
 	return {
 		buffer: e,
 		f32: new Float32Array(e),
 		i32: new Int32Array(e)
 	};
 }
-function J(e) {
+function X(e) {
 	let t = Infinity, n = Infinity, r = -Infinity, i = -Infinity, a = e;
 	for (let e = 0; e < 720; e++) {
 		let o = g(a, e / 720), [s, c] = o[o.length - 1];
@@ -399,23 +399,23 @@ function J(e) {
 		scale: c
 	};
 }
-function ue(e, t, n) {
-	let r = Math.max(e, H), i = Math.max(n, 1) / 2;
+function ce(e, t, n) {
+	let r = Math.max(e, V), i = Math.max(n, 1) / 2;
 	return r / Math.max(t, 1e-6) / i;
 }
-function Y(e, t, n, r, i, a, o, s, l, u, d, f, p, m, h, g, _) {
+function Z(e, t, n, r, i, a, o, s, l, u, d, f, p, m, h, g, _) {
 	let { f32: v, i32: y } = e;
-	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;
+	v[J.r0 + 0] = t.centerX, v[J.r0 + 1] = t.centerY, v[J.r0 + 2] = t.scale, v[J.r0 + 3] = n, v[J.r1 + 0] = r, v[J.r1 + 1] = i, v[J.r1 + 2] = a, v[J.r1 + 3] = o, v[J.r2 + 0] = s, v[J.r2 + 1] = l, v[J.r2 + 2] = +!!u, v[J.r2 + 3] = +!!d, v[J.r3 + 0] = f, v[J.r3 + 1] = p, v[J.r3 + 2] = m, v[J.r3 + 3] = 0;
 	let b = Math.min(_.length, 4);
-	y[K.ints + 0] = h, y[K.ints + 1] = g, y[K.ints + 2] = b, y[K.ints + 3] = 0;
+	y[J.ints + 0] = h, y[J.ints + 1] = g, y[J.ints + 2] = b, y[J.ints + 3] = 0;
 	for (let e = 0; e < 4; e++) {
-		let t = K.palette + e * 4, n = c(_[Math.min(e, b - 1)] ?? _[0]);
+		let t = J.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 X(e) {
-	let t = Math.min(e.length, 64), n = new Float32Array(256);
+function Q(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,70 +424,70 @@ function X(e) {
 }
 //#endregion
 //#region src/components/fourier-field/composables/fourierFieldWGPUSetup.ts
-var de = 64, Z = 128, Q = 8, $ = 1, fe = 2, pe = 4, me = 64, he = .92, ge = .95, _e = 1.35, ve = .34;
-function ye(e) {
+var le = 128, $ = 4, ue = 64, de = .92, fe = .95, pe = 1.35, me = .34;
+function he(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 d = e.createShaderModule({
 			label: "[FourierField] fourier-field.compute.wgsl",
-			code: ie
+			code: ne
 		}), f = e.createShaderModule({
 			label: "[FourierField] fourier-field.render.wgsl",
-			code: ae
+			code: re
 		}), p = e.createBuffer({
 			label: "[FourierField] phasors",
 			size: 1024,
-			usage: Z | Q
+			usage: 136
 		}), m = e.createBuffer({
 			label: "[FourierField] curve-samples",
 			size: 384 * 16,
-			usage: Z
+			usage: le
 		}), h = e.createBuffer({
 			label: "[FourierField] chain-tips",
 			size: 1040,
-			usage: Z
+			usage: le
 		}), g = e.createBuffer({
 			label: "[FourierField] compute-uniforms",
-			size: ce().buffer.byteLength,
-			usage: de | Q
-		}), _ = e.createBuffer({
+			size: K().buffer.byteLength,
+			usage: 72
+		}), v = e.createBuffer({
 			label: "[FourierField] render-uniforms",
-			size: q().buffer.byteLength,
-			usage: de | Q
-		}), v = e.createBindGroupLayout({
+			size: Y().buffer.byteLength,
+			usage: 72
+		}), y = e.createBindGroupLayout({
 			label: "[FourierField] compute-bgl",
 			entries: [
 				{
 					binding: 0,
-					visibility: pe,
+					visibility: $,
 					buffer: { type: "uniform" }
 				},
 				{
 					binding: 1,
-					visibility: pe,
+					visibility: $,
 					buffer: { type: "read-only-storage" }
 				},
 				{
 					binding: 2,
-					visibility: pe,
+					visibility: $,
 					buffer: { type: "storage" }
 				},
 				{
 					binding: 3,
-					visibility: pe,
+					visibility: $,
 					buffer: { type: "storage" }
 				}
 			]
-		}), y = e.createComputePipeline({
+		}), b = e.createComputePipeline({
 			label: "[FourierField] compute-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [v] }),
+			layout: e.createPipelineLayout({ bindGroupLayouts: [y] }),
 			compute: {
 				module: d,
 				entryPoint: "cs_main"
 			}
 		}), x = e.createBindGroup({
 			label: "[FourierField] compute-bg",
-			layout: v,
+			layout: y,
 			entries: [
 				{
 					binding: 0,
@@ -511,17 +511,17 @@ function ye(e) {
 			entries: [
 				{
 					binding: 0,
-					visibility: $ | fe,
+					visibility: 3,
 					buffer: { type: "uniform" }
 				},
 				{
 					binding: 1,
-					visibility: $ | fe,
+					visibility: 3,
 					buffer: { type: "read-only-storage" }
 				},
 				{
 					binding: 2,
-					visibility: $ | fe,
+					visibility: 3,
 					buffer: { type: "read-only-storage" }
 				}
 			]
@@ -566,18 +566,18 @@ function ye(e) {
 			},
 			primitive: { topology: "triangle-list" }
 		}), D = {
-			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)
+			trail: E(W.trail, w),
+			epicycle: E(W.epicycle, T),
+			head: E(W.head, w),
+			"cel-rope": E(W["cel-rope"], w),
+			"cel-arm": E(W["cel-arm"], w)
 		}, O = e.createBindGroup({
 			label: "[FourierField] render-bg",
 			layout: S,
 			entries: [
 				{
 					binding: 0,
-					resource: { buffer: _ }
+					resource: { buffer: v }
 				},
 				{
 					binding: 1,
@@ -588,33 +588,33 @@ function ye(e) {
 					resource: { buffer: h }
 				}
 			]
-		}), k = ce(), A = q(), j = null, M = {
+		}), k = K(), A = Y(), 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 = J(t), e.queue.writeBuffer(p, 0, X(t)));
+			t !== j && (j = t, N = Math.min(t.length, 64), M = X(t), e.queue.writeBuffer(p, 0, Q(t)));
 		}
 		function F(e) {}
 		function I(r) {
 			s?.(r), P();
 			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;
-			le(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(b(), 1), p = t.width / Math.max(t.height, 1), m = ue(n.trailWidth, M.scale, f), h = 12 / (Math.max(M.scale, 1e-6) * Math.max(f, 1)), v = c?.() ?? {
+			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 = ce(n.trailWidth, M.scale, f), h = 12 / (Math.max(M.scale, 1e-6) * Math.max(f, 1)), y = c?.() ?? {
 				x: 0,
 				y: 0
-			};
-			Y(A, v.x !== 0 || v.y !== 0 ? {
+			}, S = y.x !== 0 || y.y !== 0 ? {
 				...M,
-				centerX: M.centerX - v.x,
-				centerY: M.centerY - v.y
-			} : M, p, m, he, ge, _e, ve, n.intensity, n.showEpicycles, n.rainbowChain, n.squashGain, n.celGain, h, 384, d, i()), e.queue.writeBuffer(_, 0, A.buffer);
-			let S = e.createCommandEncoder({ label: "[FourierField] frame" }), C = S.beginComputePass();
-			C.setPipeline(y), C.setBindGroup(0, x), C.dispatchWorkgroups(Math.ceil(384 / me)), C.end();
-			let w = l.getCurrentTexture().createView(), T = S.beginRenderPass({ colorAttachments: [{
-				view: w,
+				centerX: M.centerX - y.x,
+				centerY: M.centerY - y.y
+			} : M;
+			Z(A, S, p, m, de, fe, pe, me, 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 / ue)), w.end();
+			let T = l.getCurrentTexture().createView(), E = C.beginRenderPass({ colorAttachments: [{
+				view: T,
 				clearValue: {
 					r: 0,
 					g: 0,
@@ -624,37 +624,37 @@ function ye(e) {
 				loadOp: "clear",
 				storeOp: "store"
 			}] });
-			T.setBindGroup(0, O);
-			let E = oe({
+			E.setBindGroup(0, O);
+			let j = ie({
 				sampleCount: 384,
 				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: () => {
-				p.destroy(), m.destroy(), h.destroy(), g.destroy(), _.destroy();
+				p.destroy(), m.destroy(), h.destroy(), g.destroy(), v.destroy();
 			}
 		};
 	};
 }
 //#endregion
 //#region src/components/fourier-field/shaders/fourier-field.glsl.ts
-var be = "#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", xe = `#version 300 es
+var ge = "#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", _e = `#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;
 
-${v}
 ${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);
   }
 }
-`, Se = 256, Ce = 64, we = .92, Te = .95, Ee = 1.35, De = .34;
-function Oe(e, t, n) {
+`, ve = 256, ye = 64, be = .92, xe = .95, Se = 1.35, Ce = .34;
+function we(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,101 +815,101 @@ function Oe(e, t, n) {
 	}
 	return r;
 }
-function ke(e) {
+function Te(e) {
 	let { canvas: t, config: n, getSpectrum: r, getPalette: i, getHeadT: a, shouldContinue: o, onFrame: s } = e, l = e.getPointerLean;
 	return function(e) {
-		let u = Oe(e, e.VERTEX_SHADER, be), d = Oe(e, e.FRAGMENT_SHADER, xe), f = e.createProgram();
+		let u = we(e, e.VERTEX_SHADER, ge), d = we(e, e.FRAGMENT_SHADER, _e), 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, se, e.STATIC_DRAW);
+		e.bindBuffer(e.ARRAY_BUFFER, m), e.bufferData(e.ARRAY_BUFFER, ae, 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 _ = (Se - 1) * 2 + Ce * 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 x = e.getAttribLocation(f, "aSeg"), S = e.getAttribLocation(f, "aData");
-		e.enableVertexAttribArray(x), e.enableVertexAttribArray(S), e.vertexAttribPointer(x, 4, e.FLOAT, !1, 32, 0), e.vertexAttribPointer(S, 4, e.FLOAT, !1, 32, 16), e.vertexAttribDivisor(x, 1), e.vertexAttribDivisor(S, 1), e.bindVertexArray(null);
-		let C = (t) => e.getUniformLocation(f, t), w = C("uFit"), T = C("uTrail"), E = C("uEnv"), D = C("uLoom"), O = C("uLayer"), k = C("uEdgeMargin"), A = C("uStopCount"), j = C("uPalette[0]"), M = new Float32Array(Se * 3), N = new Float32Array((Ce + 1) * 2), P = new Float32Array(12), F = null, I = {
+		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), 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(ve * 3), M = /* @__PURE__ */ new Float32Array(130), N = /* @__PURE__ */ new Float32Array(12), P = null, F = {
 			centerX: 0,
 			centerY: 0,
 			scale: 1
-		}, L = 0;
-		function R() {
+		}, I = 0;
+		function L() {
 			let e = r();
-			e !== F && (F = e, L = Math.min(e.length, Ce), I = J(e));
+			e !== P && (P = e, I = Math.min(e.length, ye), F = X(e));
 		}
-		function z(n) {
-			e.viewport(0, 0, n?.w ?? t.width, n?.h ?? t.height);
+		function R(t) {
+			e.viewport(0, 0, t.w, t.h);
 		}
-		function B(r) {
-			s?.(r), R();
-			let o = F;
+		function z(r) {
+			s?.(r), L();
+			let o = P;
 			if (!o) return;
-			let u = a(), d = Math.max(1, Math.min(Math.round(n.harmonics), L)), m = n.showEpicycles ? Math.max(1, Math.min(Math.round(n.epicycleArms), d)) : 0, g = Se, _ = 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 = ve, S = Math.max(g - 1, 1);
 			for (let e = 0; e < g; e++) {
-				let t = e / _, r = 1 - t, i = u - n.trailArc * t;
+				let t = e / S, r = 1 - t, i = u - n.trailArc * t;
 				i -= Math.floor(i);
 				let [a, s] = h(o, i, d), c = e * 3;
-				M[c + 0] = a, M[c + 1] = s, M[c + 2] = r;
+				j[c + 0] = a, j[c + 1] = s, j[c + 2] = r;
 			}
-			let C = Math.min(m, d);
-			for (let e = 0; e <= Ce; e++) {
+			let R = Math.min(m, d);
+			for (let e = 0; e <= ye; e++) {
 				let t = e * 2;
-				if (e <= C) {
+				if (e <= R) {
 					let [n, r] = h(o, u, e);
-					N[t + 0] = n, N[t + 1] = r;
-				} else N[t + 0] = 0, N[t + 1] = 0;
+					M[t + 0] = n, M[t + 1] = r;
+				} else M[t + 0] = 0, M[t + 1] = 0;
 			}
-			let z = t.width / Math.max(t.height, 1), B = Math.min(t.width, t.height) / Math.max(b(), 1), V = ue(n.trailWidth, I.scale, B), H = V * .5, ee = 12 / (Math.max(I.scale, 1e-6) * Math.max(B, 1)), te = M[0], ne = M[1], re = M[3], ie = M[4], ae = te - re, se = ne - ie, W = Math.hypot(ae, se), ce = W > 1e-4 ? ae / W : 1, le = W > 1e-4 ? se / W : 0, G = -ce * H * 1.4, K = -le * H * 1.4, q = oe({
+			let z = t.width / Math.max(t.height, 1), B = Math.min(t.width, t.height) / Math.max(_(), 1), V = ce(n.trailWidth, F.scale, B), H = V * .5, ee = 12 / (Math.max(F.scale, 1e-6) * Math.max(B, 1)), U = j[0], te = j[1], ne = j[3], re = j[4], ae = U - ne, oe = te - re, G = Math.hypot(ae, oe), K = G > 1e-4 ? ae / G : 1, se = G > 1e-4 ? oe / G : 0, q = -K * H * 1.4, J = -se * H * 1.4, Y = ie({
 				sampleCount: g,
 				armCount: m,
 				showEpicycles: n.showEpicycles,
 				celGain: n.celGain
-			}), J = /* @__PURE__ */ new Map(), Y = 0, X = (e, t, n, r, i, a, o) => {
-				v[Y++] = e, v[Y++] = t, v[Y++] = n, v[Y++] = r, v[Y++] = i, v[Y++] = a, v[Y++] = o, v[Y++] = 0;
+			}), X = /* @__PURE__ */ new Map(), Z = 0, Q = (e, t, n, r, i, a, o) => {
+				v[Z++] = e, v[Z++] = t, v[Z++] = n, v[Z++] = r, v[Z++] = i, v[Z++] = a, v[Z++] = o, v[Z++] = 0;
 			};
-			for (let e of q) if (J.set(e.kind, Y), e.kind === "cel-rope") for (let e = 0; e < g - 1; e++) {
+			for (let e of Y) if (X.set(e.kind, Z), e.kind === "cel-rope") for (let e = 0; e < g - 1; e++) {
 				let t = e * 3;
-				X(M[t] + G, M[t + 1] + K, M[t + 3] + G, M[t + 4] + K, 0, H, 1);
+				Q(j[t] + q, j[t + 1] + J, j[t + 3] + q, j[t + 4] + J, 0, H, 1);
 			}
 			else if (e.kind === "cel-arm") for (let e = 0; e < m; e++) {
 				let t = e * 2;
-				X(N[t] + G, N[t + 1] + K, N[t + 2] + G, N[t + 3] + K, 0, H * .55, .7);
+				Q(M[t] + q, M[t + 1] + J, M[t + 2] + q, M[t + 3] + J, 0, H * .55, .7);
 			}
 			else if (e.kind === "epicycle") {
 				let e = Math.max(m - 1, 1);
 				for (let t = 0; t < m; t++) {
 					let n = t * 2;
-					X(N[n], N[n + 1], N[n + 2], N[n + 3], 0, H, t / e);
+					Q(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]);
-				X(M[t], M[t + 1], M[t + 3], M[t + 4], n, H, 0);
+				let t = e * 3, n = Math.max(j[t + 2], j[t + 5]);
+				Q(j[t], j[t + 1], j[t + 3], j[t + 4], n, H, 0);
 			}
-			else X(M[0], M[1], M[3], M[4], 0, H, 0);
-			let de = Y, Z = i(), Q = Math.min(Z.length, 4);
+			else Q(j[0], j[1], j[3], j[4], 0, H, 0);
+			let le = Z, $ = i(), ue = Math.min($.length, 4);
 			for (let e = 0; e < 4; e++) {
-				let t = c(Z[Math.min(e, Q - 1)] ?? Z[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(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, de));
-			let $ = l?.() ?? {
+			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, le));
+			let de = l?.() ?? {
 				x: 0,
 				y: 0
 			};
-			e.uniform4f(w, I.centerX - $.x, I.centerY - $.y, I.scale, z), e.uniform4f(T, V, we, Te, Ee), e.uniform4f(E, De, n.intensity, +!!n.showEpicycles, +!!n.rainbowChain), e.uniform4f(D, n.squashGain, n.celGain, 0, 0), e.uniform1f(k, ee), e.uniform1i(A, Q), e.uniform3fv(j, P);
-			for (let t of q) {
-				let n = (J.get(t.kind) ?? 0) * 4;
-				e.vertexAttribPointer(x, 4, e.FLOAT, !1, 32, n), e.vertexAttribPointer(S, 4, e.FLOAT, !1, 32, n + 16), e.uniform1i(O, 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.uniform4f(C, F.centerX - de.x, F.centerY - de.y, F.scale, z), e.uniform4f(w, V, be, xe, Se), e.uniform4f(T, Ce, 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 Y) {
+				let n = (X.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, W[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: B,
+			frame: z,
 			shouldContinue: o,
-			resize: z,
+			resize: R,
 			teardown: () => {
 				e.deleteProgram(f), e.deleteBuffer(m), e.deleteBuffer(y), e.deleteVertexArray(p);
 			}
@@ -918,7 +918,7 @@ function ke(e) {
 }
 //#endregion
 //#region src/components/fourier-field/composables/useFourierField.ts
-function Ae(e, t) {
+function Ee(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;
@@ -927,9 +927,9 @@ function Ae(e, t) {
 	}
 	let g = n({ respectReducedMotion: r.respectReducedMotion }), v = () => (t.freeze?.() ?? !1) || (I?.reducedMotion ?? !1);
 	function y(e) {
-		x(e);
+		b(e);
 	}
-	function x(e) {
+	function b(e) {
 		let n = f >= 0 ? (e - f) * 1e3 : 16.7;
 		f = e;
 		let i = t.routePointer?.();
@@ -948,13 +948,13 @@ function Ae(e, t) {
 		let o = r.speed / u + p;
 		d = (d + o * a) % 1, d < 0 && (d += 1), h(a);
 	}
-	let S = () => d, w = null, T = {
+	let x = () => d, w = null, T = {
 		centerX: 0,
 		centerY: 0,
 		scale: 1
 	}, E = () => {
 		let e = o();
-		return e !== w && (w = e, T = J(e)), T;
+		return e !== w && (w = e, T = X(e)), T;
 	}, D = () => {
 		if (!r.interactive) return {
 			x: 0,
@@ -989,27 +989,27 @@ function Ae(e, t) {
 	let I = null, L = F(C("webgpu")), R = !1, z = () => {
 		if (R) return null;
 		let t = e.value;
-		return t ? (I || (j(t), I = _(t, {
+		return t ? (I || (j(t), I = S(t, {
 			mode: c,
 			respectReducedMotion: r.respectReducedMotion,
-			dprPolicy: b,
+			dprPolicy: _,
 			revealBloom: !0,
-			setupWGPU: ye({
+			setupWGPU: he({
 				canvas: t,
 				config: r,
 				getSpectrum: o,
 				getPalette: s,
-				getHeadT: S,
+				getHeadT: x,
 				shouldContinue: () => !0,
 				onFrame: y,
 				getPointerLean: D
 			}),
-			setupGL: ke({
+			setupGL: Te({
 				canvas: t,
 				config: r,
 				getSpectrum: o,
 				getPalette: s,
-				getHeadT: S,
+				getHeadT: x,
 				shouldContinue: () => !0,
 				onFrame: y,
 				getPointerLean: D
@@ -1047,7 +1047,7 @@ function Ae(e, t) {
 }
 //#endregion
 //#region src/components/fourier-field/FourierField.vue
-var je = /* @__PURE__ */ e(/* @__PURE__ */ k({
+var De = /*#__PURE__*/ t(/* @__PURE__ */ k({
 	__name: "FourierField",
 	props: {
 		config: {},
@@ -1059,17 +1059,15 @@ var je = /* @__PURE__ */ e(/* @__PURE__ */ k({
 		freeze: {
 			type: Boolean,
 			default: !1
-		},
-		intensity: {}
+		}
 	},
 	emits: ["rendererStatus"],
-	setup(e, { expose: n, emit: i }) {
-		let a = i, c = e, u = I("hostRef"), d = I("canvasRef"), { isDark: f } = o(), h = r(), g = E(() => {
-			let e = c.config ?? re, t = c.intensity == null ? e.intensity : Math.max(0, Math.min(2, c.intensity)), n = c.config ? e.interactive : !0;
+	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 ?? te, t = !c.config || e.interactive;
 			return {
 				...e,
-				intensity: t,
-				interactive: n
+				interactive: t
 			};
 		}), _ = E(() => !!c.config && g.value.interactive), v = c.config ? void 0 : () => ({
 			x: h.pointer.value.x,
@@ -1083,15 +1081,15 @@ var je = /* @__PURE__ */ e(/* @__PURE__ */ k({
 				harmonicScale: g.value.harmonicScale
 			});
 		}), b = () => y.value;
-		function x(e) {
-			if (!e.includes("var(") && !e.includes("light-dark(")) return e;
+		function x(t) {
+			if (!t.includes("var(") && !t.includes("light-dark(")) return t;
 			let n = u.value;
-			if (typeof window > "u" || !n) return e;
-			if (e.includes("var(")) return t(e, n);
+			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 S = F(g.value.palette);
 		function C() {
@@ -1116,7 +1114,7 @@ var je = /* @__PURE__ */ e(/* @__PURE__ */ k({
 			}
 			S.value = g.value.palette;
 		}
-		let k = Ae(d, {
+		let k = Ee(d, {
 			config: new Proxy({}, {
 				get: (e, t) => Reflect.get(g.value, t),
 				has: (e, t) => Reflect.has(g.value, t),
@@ -1156,6 +1154,6 @@ var je = /* @__PURE__ */ e(/* @__PURE__ */ k({
 			"aria-hidden": "true"
 		}, null, 512)], 2));
 	}
-}), [["__scopeId", "data-v-1fd521e9"]]);
+}), [["__scopeId", "data-v-c4976ac3"]]);
 //#endregion
-export { re as DEFAULT_FOURIER_CONFIG, l as FOURIER_FIGURES, u as FOURIER_FIGURE_KEYS, je as FourierField, z as MAX_CURVE_SAMPLES, R as MAX_PHASORS, ne as WARM_IDENTITY_PALETTE, d as comp, f as dftFromPoints, p as makeEllipticSpectrum, m as makeHarmonicFigure, h as partialSumAt, g as positionsAt, Ae as useFourierField };
+export { te as DEFAULT_FOURIER_CONFIG, l as FOURIER_FIGURES, u as FOURIER_FIGURE_KEYS, De as FourierField, z as MAX_CURVE_SAMPLES, R as MAX_PHASORS, U as WARM_IDENTITY_PALETTE, d as comp, f as dftFromPoints, p as makeEllipticSpectrum, m as makeHarmonicFigure, h as partialSumAt, g as positionsAt, Ee as useFourierField };