@mkbabb/glass-ui 5.0.0 → 6.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 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 { 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 { 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 = .4, H = 2.5 / (V + (1 - V) * .5) + .05, ee = .55, te = .35, ne = [{
 	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 = {
+}], re = {
 	source: "elliptic",
 	harmonics: 6,
 	showEpicycles: !0,
@@ -30,12 +30,12 @@ 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: ne,
 	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: 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 = `
 // 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;
@@ -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}
+${x}
+${S}
 
 fn samplePaletteLin(t: f32) -> vec3<f32> {
   let stopCount = u.ints.z;
@@ -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 oe(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 se = 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 ce() {
 	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 le(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 G = 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(G);
 	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 {
@@ -400,21 +400,21 @@ function K(e) {
 	};
 }
 function ue(e, t, n) {
-	let r = Math.max(e, R), i = Math.max(n, 1) / 2;
+	let r = Math.max(e, H), 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) {
+function X(e) {
 	let t = Math.min(e.length, 64), n = new Float32Array(256);
 	for (let r = 0; r < t; r++) {
 		let t = e[r], i = r * 4;
@@ -424,86 +424,86 @@ 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 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) {
 	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: ie
+		}), f = e.createShaderModule({
 			label: "[FourierField] fourier-field.render.wgsl",
-			code: oe
-		}), m = e.createBuffer({
+			code: ae
+		}), p = e.createBuffer({
 			label: "[FourierField] phasors",
 			size: 1024,
-			usage: J | Y
-		}), h = e.createBuffer({
+			usage: Z | Q
+		}), 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
-		}), v = e.createBuffer({
+			size: ce().buffer.byteLength,
+			usage: de | Q
+		}), _ = e.createBuffer({
 			label: "[FourierField] render-uniforms",
-			size: G().buffer.byteLength,
-			usage: q | Y
-		}), y = e.createBindGroupLayout({
+			size: q().buffer.byteLength,
+			usage: de | Q
+		}), v = e.createBindGroupLayout({
 			label: "[FourierField] compute-bgl",
 			entries: [
 				{
 					binding: 0,
-					visibility: Q,
+					visibility: pe,
 					buffer: { type: "uniform" }
 				},
 				{
 					binding: 1,
-					visibility: Q,
+					visibility: pe,
 					buffer: { type: "read-only-storage" }
 				},
 				{
 					binding: 2,
-					visibility: Q,
+					visibility: pe,
 					buffer: { type: "storage" }
 				},
 				{
 					binding: 3,
-					visibility: Q,
+					visibility: pe,
 					buffer: { type: "storage" }
 				}
 			]
-		}), b = e.createComputePipeline({
+		}), y = e.createComputePipeline({
 			label: "[FourierField] compute-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [y] }),
+			layout: e.createPipelineLayout({ bindGroupLayouts: [v] }),
 			compute: {
-				module: f,
+				module: d,
 				entryPoint: "cs_main"
 			}
 		}), x = e.createBindGroup({
 			label: "[FourierField] compute-bg",
-			layout: y,
+			layout: v,
 			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: $ | fe,
 					buffer: { type: "uniform" }
 				},
 				{
 					binding: 1,
-					visibility: X | Z,
+					visibility: $ | fe,
 					buffer: { type: "read-only-storage" }
 				},
 				{
 					binding: 2,
-					visibility: X | Z,
+					visibility: $ | fe,
 					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,53 +566,53 @@ 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,
 			entries: [
 				{
 					binding: 0,
-					resource: { buffer: v }
+					resource: { buffer: _ }
 				},
 				{
 					binding: 1,
-					resource: { buffer: h }
+					resource: { buffer: m }
 				},
 				{
 					binding: 2,
-					resource: { buffer: g }
+					resource: { buffer: h }
 				}
 			]
-		}), k = H(), A = G(), j = null, M = {
+		}), k = ce(), 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;
+			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?.() ?? {
 				x: 0,
 				y: 0
 			};
-			de(A, y.x !== 0 || y.y !== 0 ? {
+			Y(A, v.x !== 0 || v.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);
+				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(b), C.setBindGroup(0, x), C.dispatchWorkgroups(Math.ceil(384 / pe)), C.end();
+			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,
 				clearValue: {
@@ -625,9 +625,9 @@ function ve(e) {
 				storeOp: "store"
 			}] });
 			T.setBindGroup(0, O);
-			let E = se({
+			let E = oe({
 				sampleCount: 384,
-				armCount: f,
+				armCount: d,
 				showEpicycles: n.showEpicycles,
 				celGain: n.celGain
 			});
@@ -639,14 +639,14 @@ function ve(e) {
 			shouldContinue: o,
 			resize: F,
 			teardown: () => {
-				m.destroy(), h.destroy(), g.destroy(), _.destroy(), v.destroy();
+				p.destroy(), m.destroy(), h.destroy(), g.destroy(), _.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 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
 precision highp float;
 
 #define MAX_FOURIER_STOPS 4
@@ -677,8 +677,8 @@ uniform vec3 uPalette[MAX_FOURIER_STOPS]; // linear-sRGB stops
 
 const float PI = 3.141592653589793;
 
-${c}
-${u}
+${v}
+${y}
 
 // 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)); }
@@ -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) {
+`, Se = 256, Ce = 64, we = .92, Te = .95, Ee = 1.35, De = .34;
+function Oe(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 ke(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 = Oe(e, e.VERTEX_SHADER, be), d = Oe(e, e.FRAGMENT_SHADER, xe), 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);
 		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 _ = (Se - 1) * 2 + Ce * 2 + 1, v = new Float32Array(_ * 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 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 = {
 			centerX: 0,
 			centerY: 0,
 			scale: 1
-		}, ee = 0;
-		function te() {
+		}, L = 0;
+		function R() {
 			let e = r();
-			e !== F && (F = e, ee = Math.min(e.length, $), I = K(e));
+			e !== F && (F = e, L = Math.min(e.length, Ce), I = J(e));
 		}
-		function L(n) {
+		function z(n) {
 			e.viewport(0, 0, n?.w ?? t.width, n?.h ?? t.height);
 		}
-		function R(r) {
-			s?.(r), te();
+		function B(r) {
+			s?.(r), R();
 			let o = F;
 			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), L)), m = n.showEpicycles ? Math.max(1, Math.min(Math.round(n.epicycleArms), d)) : 0, g = Se, _ = 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 / _, r = 1 - t, i = u - n.trailArc * t;
 				i -= Math.floor(i);
-				let [a, s] = C(o, i, u), c = e * 3;
+				let [a, s] = h(o, i, d), c = e * 3;
 				M[c + 0] = a, M[c + 1] = s, M[c + 2] = r;
 			}
-			let S = Math.min(h, u);
-			for (let e = 0; e <= $; e++) {
+			let C = Math.min(m, d);
+			for (let e = 0; e <= Ce; e++) {
 				let t = e * 2;
-				if (e <= S) {
-					let [n, r] = C(o, l, e);
+				if (e <= C) {
+					let [n, r] = h(o, u, e);
 					N[t + 0] = n, N[t + 1] = r;
 				} else N[t + 0] = 0, N[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(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({
 				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;
+			}), 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;
 			};
-			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 q) if (J.set(e.kind, Y), 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);
+				X(M[t] + G, M[t + 1] + K, M[t + 3] + G, M[t + 4] + K, 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);
+				X(N[t] + G, N[t + 1] + K, N[t + 2] + G, N[t + 3] + K, 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);
+					X(N[n], N[n + 1], N[n + 2], N[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);
+				X(M[t], M[t + 1], M[t + 3], M[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 X(M[0], M[1], M[3], M[4], 0, H, 0);
+			let de = Y, Z = i(), Q = Math.min(Z.length, 4);
 			for (let e = 0; e < 4; e++) {
-				let t = p(X[Math.min(e, Z - 1)] ?? X[0]);
+				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];
 			}
-			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, de));
+			let $ = 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(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.blendEquation(e.FUNC_ADD);
 		}
 		return {
-			frame: R,
+			frame: B,
 			shouldContinue: o,
-			resize: L,
+			resize: z,
 			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 Ae(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) {
+	let g = n({ respectReducedMotion: r.respectReducedMotion }), v = () => (t.freeze?.() ?? !1) || (I?.reducedMotion ?? !1);
+	function y(e) {
 		x(e);
 	}
 	function x(e) {
-		let n = m >= 0 ? (e - m) * 1e3 : 16.7;
-		m = 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 S = () => 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 = _(t, {
 			mode: c,
 			respectReducedMotion: r.respectReducedMotion,
-			dprPolicy: d,
+			dprPolicy: b,
 			revealBloom: !0,
-			setupWGPU: ve({
+			setupWGPU: ye({
 				canvas: t,
 				config: r,
 				getSpectrum: o,
 				getPalette: s,
 				getHeadT: S,
 				shouldContinue: () => !0,
-				onFrame: b,
-				getPointerLean: E
+				onFrame: y,
+				getPointerLean: D
 			}),
-			setupGL: De({
+			setupGL: ke({
 				canvas: t,
 				config: r,
 				getSpectrum: o,
 				getPalette: s,
 				getHeadT: S,
 				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 je = /* @__PURE__ */ e(/* @__PURE__ */ k({
 	__name: "FourierField",
 	props: {
 		config: {},
@@ -1057,29 +1062,30 @@ 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(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;
 			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) {
+		}), b = () => y.value;
+		function x(e) {
 			if (!e.includes("var(") && !e.includes("light-dark(")) return e;
-			let n = a.value;
+			let n = u.value;
 			if (typeof window > "u" || !n) return e;
 			if (e.includes("var(")) return t(e, n);
 			let r = n.style.color;
@@ -1087,17 +1093,17 @@ var ke = /* @__PURE__ */ e(/* @__PURE__ */ O({
 			let i = getComputedStyle(n).color;
 			return n.style.color = r, i || e;
 		}
-		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 = Ae(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-1fd521e9"]]);
 //#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 { 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 };