@mkbabb/glass-ui 4.1.0 → 4.2.0

package/dist/dot-flow-field.js

@@ -1,17 +1,288 @@
-import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t } from "./usePointerVelocityField-QLsy3_kv.js";
-import { n, o as r, r as i, s as a } from "./procedural-color.wgsl-m7Zgv35j.js";
-import { a as o, t as s } from "./useGpuSubstrate-4pTcp6mX.js";
-import { c } from "./color-Cs0-oxYL.js";
+import { t as e } from "./_plugin-vue_export-helper-gLzyemvl.js";
+import { t } from "./usePointerVelocityField-BrkqZFhj.js";
+import { n, o as r, r as i, s as a } from "./procedural-color.wgsl-C1Y5PkM6.js";
+import { a as o, t as s } from "./useGpuSubstrate-Ceet70xq.js";
+import { c } from "./color-B9jZdhJX.js";
 import { computed as l, createElementBlock as u, createElementVNode as d, defineComponent as f, normalizeStyle as p, onScopeDispose as m, openBlock as h, useTemplateRef as g, watch as _ } from "vue";
+//#region src/components/custom/dot-flow-field/composables/flowField.ts
+var v = 9.81, y = Math.PI * 2;
+function b(e) {
+	let t = e * Math.PI / 180;
+	return {
+		x: Math.cos(t),
+		y: Math.sin(t)
+	};
+}
+function x(e, t, n, r) {
+	let i = 0, a = 0;
+	for (let o of n) {
+		let n = y / Math.max(o.wavelength, 1e-4), s = b(o.direction), c = Math.sqrt(v * n) * r, l = n * (s.x * e.x + s.y * e.y) - c * t + o.phase, u = Math.cos(l), d = o.amplitude * n * u;
+		i += d * s.x, a += d * s.y;
+	}
+	return {
+		x: a,
+		y: -i
+	};
+}
+var S = .012;
+function C(e, t) {
+	let n = e * .1031 % 1, r = t * .1031 % 1, i = e * .1031 % 1;
+	n < 0 && (n += 1), r < 0 && (r += 1), i < 0 && (i += 1);
+	let a = n * (r + 33.33) + r * (i + 33.33) + i * (n + 33.33);
+	n += a, r += a, i += a;
+	let o = (n + r) * i % 1;
+	return o < 0 && (o += 1), o;
+}
+function w(e, t, n) {
+	return e + (t - e) * n;
+}
+function T(e, t) {
+	let n = Math.floor(e), r = Math.floor(t), i = e - n, a = t - r, o = i * i * i * (i * (i * 6 - 15) + 10), s = a * a * a * (a * (a * 6 - 15) + 10), c = C(n, r), l = C(n + 1, r), u = C(n, r + 1), d = C(n + 1, r + 1);
+	return w(w(c, l, o), w(u, d, o), s);
+}
+function E(e, t) {
+	let n = 0, r = .5, i = 1, a = e, o = t;
+	for (let e = 0; e < 3; e++) {
+		n += r * T(a * i, o * i);
+		let e = .8 * a - .6 * o, t = .6 * a + .8 * o;
+		a = e, o = t, i *= 2, r *= .5;
+	}
+	return n;
+}
+function D(e) {
+	let t = E(e.x + S, e.y) - E(e.x - S, e.y), n = E(e.x, e.y + S) - E(e.x, e.y - S), r = t / (2 * S);
+	return {
+		x: n / (2 * S),
+		y: -r
+	};
+}
+function O(e, t, n, r, i) {
+	let a = x(e, t, n, r);
+	if (i <= 0) return a;
+	let o = D({
+		x: e.x * .55 + t * .15,
+		y: e.y * .55
+	});
+	return {
+		x: a.x + o.x * i,
+		y: a.y + o.y * i
+	};
+}
+function k(e, t) {
+	if (!t.active) return {
+		x: 0,
+		y: 0
+	};
+	let n = e.x - t.cursor.x, r = e.y - t.cursor.y, i = Math.hypot(n, r), a = Math.max(t.radius, .001), o = Math.exp(-(i * i) / (a * a)), s = -r, c = n, l = Math.hypot(s, c) || 1e-6, u = s / l, d = c / l, f = n / Math.max(i, 1e-4), p = r / Math.max(i, 1e-4), m = u * t.spin + t.pointerVel.x * t.dragGain + f * t.burst * t.burstShove, h = d * t.spin + t.pointerVel.y * t.dragGain + p * t.burst * t.burstShove;
+	return {
+		x: m * o,
+		y: h * o
+	};
+}
+var A = .85;
+function j(e, t, n) {
+	let r = Math.max(t, 1), i = e % r, a = Math.floor(e / r), o = (r - 1) * n / 2;
+	return {
+		x: i * n - o,
+		y: a * n - o
+	};
+}
+function M(e, t, n, r) {
+	let i = 0, a = 0;
+	for (let o of n) {
+		let n = y / Math.max(o.wavelength, 1e-4), s = b(o.direction), c = Math.sqrt(v * n) * r, l = n * (s.x * e.x + s.y * e.y) - c * t + o.phase;
+		i += o.amplitude * Math.sin(l), a += Math.abs(o.amplitude);
+	}
+	return i / Math.max(a, 1e-4);
+}
+function N(e, t, n, r, i) {
+	let a = O(e, t, n, r, i), o = Math.hypot(a.x, a.y);
+	if (o < 1e-5) return {
+		x: 0,
+		y: 0
+	};
+	let s = Math.tanh(o) / o;
+	return {
+		x: a.x * s,
+		y: a.y * s
+	};
+}
+function P(e, t, n) {
+	return 1 - F(0, Math.max(n, .001), Math.abs(e - t));
+}
+function F(e, t, n) {
+	let r = Math.min(Math.max((n - e) / Math.max(t - e, 1e-6), 0), 1);
+	return r * r * (3 - 2 * r);
+}
+function I(e, t = 3, n = 2.5) {
+	let r = 2 * A, i = Math.max(n, .5) * r, a = i / y, o = r / 3, s = Math.max(1, Math.min(Math.round(t), 3)), c = [], l = i, u = 1;
+	for (let t = 0; t < s; t++) {
+		let n = Math.max(l, o), r = y / n, i = Math.exp(-1 / (r * a) ** 2) / (r * r), s = (t % 2 == 0 ? 1 : -1) * (8 + t * 4);
+		c.push({
+			amplitude: i * u,
+			wavelength: n,
+			direction: e + s,
+			phase: t * 1.618033 % y
+		}), l *= .58, u *= .38;
+	}
+	return c;
+}
+//#endregion
+//#region src/components/custom/dot-flow-field/constants.ts
+var L = 16384, R = 8, z = 4, B = 1.618033988749895;
+function ee(e, t = 1 / 60) {
+	let n = Math.max(e, .001);
+	return 2 ** (-t / n);
+}
+var V = [{
+	L: .92,
+	C: .03,
+	h: 78
+}, {
+	L: .84,
+	C: .07,
+	h: 62
+}], H = I(35, 3, 2.5), U = {
+	mode: "flow",
+	particleCount: 12e3,
+	trailHalfLife: .55,
+	trailScale: .5,
+	turnRate: .14,
+	speedScale: .9,
+	speedGlow: 1.25,
+	lifetimeSec: .55 * B,
+	edgeBias: .35,
+	contentMask: null,
+	vortexRadius: .3,
+	vortexSpin: 1.6,
+	dragGain: 1,
+	burstShove: 1.8,
+	shadowOffset: .18,
+	stretchAmp: .6,
+	waveComponents: H,
+	windSpeed: .3,
+	curlStrength: .12,
+	gridPitch: 26,
+	dotSize: 2,
+	displaceAmp: .18,
+	springK: 6,
+	waveBandCenter: 0,
+	waveBandWidth: .55,
+	contrast: .6,
+	coherence: .8,
+	globeMask: !1,
+	palette: V,
+	background: "transparent",
+	interactive: !0,
+	respectReducedMotion: !0
+}, W = A, te = 16384;
+function G(e, t) {
+	let n = Math.min(Math.max(Math.ceil((t || 320) / Math.max(e, 4)) + 2, 4), 128);
+	return {
+		cols: n,
+		count: Math.min(n * n, te),
+		pitchDomain: 2 * W / Math.max(n, 1)
+	};
+}
+var ne = 240, K = {
+	p0: 0,
+	p1: 4,
+	ints: 8,
+	f0: 12,
+	f1: 16,
+	ptr: 20,
+	ptr2: 24,
+	waves: 28
+}, re = {
+	cursorX: 0,
+	cursorY: 0,
+	velX: 0,
+	velY: 0,
+	burst: 0,
+	active: 0
+};
+function ie() {
+	let e = new ArrayBuffer(ne);
+	return {
+		buffer: e,
+		f32: new Float32Array(e),
+		i32: new Int32Array(e)
+	};
+}
+function ae(e, t, n, r, i, a, o = re) {
+	let { f32: s, i32: c } = e, l = t.mode === "flow";
+	s[K.p0 + 0] = n, s[K.p0 + 1] = r, s[K.p0 + 2] = t.windSpeed, s[K.p0 + 3] = t.curlStrength, s[K.p1 + 0] = i.pitchDomain, s[K.p1 + 1] = t.displaceAmp, s[K.p1 + 2] = t.springK, s[K.p1 + 3] = i.cols;
+	let u = Math.min(t.waveComponents.length, 8);
+	return c[K.ints + 0] = u, c[K.ints + 1] = a, c[K.ints + 2] = i.cols, c[K.ints + 3] = +!!l, s[K.f0 + 0] = t.turnRate, s[K.f0 + 1] = t.speedScale, s[K.f0 + 2] = t.lifetimeSec, s[K.f0 + 3] = W, s[K.f1 + 0] = t.vortexRadius, s[K.f1 + 1] = t.vortexSpin, s[K.f1 + 2] = t.dragGain, s[K.f1 + 3] = t.burstShove, s[K.ptr + 0] = o.cursorX, s[K.ptr + 1] = o.cursorY, s[K.ptr + 2] = o.velX, s[K.ptr + 3] = o.velY, s[K.ptr2 + 0] = o.burst, s[K.ptr2 + 1] = o.active, s[K.ptr2 + 2] = t.edgeBias, s[K.ptr2 + 3] = 0, pe(s, K.waves, t.waveComponents), e;
+}
+var oe = 160, se = .022, q = {
+	r0: 0,
+	r1: 4,
+	r2: 8,
+	ints: 12,
+	bg: 16,
+	f0: 20,
+	palette: 24
+};
+function ce() {
+	let e = new ArrayBuffer(oe);
+	return {
+		buffer: e,
+		f32: new Float32Array(e),
+		i32: new Int32Array(e)
+	};
+}
+var le = .22, ue = .4;
+function de(e, t) {
+	let n = (t || 320) / (2 * W);
+	return e / Math.max(n, 1e-4);
+}
+function fe(e, t, n, r, i, a, o) {
+	let { f32: s, i32: l } = e;
+	s[q.r0 + 0] = n, s[q.r0 + 1] = t.contrast, s[q.r0 + 2] = le, s[q.r0 + 3] = W, s[q.r1 + 0] = de(t.dotSize, i), s[q.r1 + 1] = ue, s[q.r1 + 2] = r, s[q.r1 + 3] = a.pitchDomain, s[q.r2 + 0] = t.waveBandCenter, s[q.r2 + 1] = t.waveBandWidth, s[q.r2 + 2] = +!!t.globeMask, s[q.r2 + 3] = +(t.mode === "flow"), s[q.f0 + 0] = t.speedGlow, s[q.f0 + 1] = se, s[q.f0 + 2] = t.shadowOffset, s[q.f0 + 3] = t.stretchAmp;
+	let u = Math.min(o.length, 4);
+	if (l[q.ints + 0] = u, l[q.ints + 1] = a.count, l[q.ints + 2] = 0, l[q.ints + 3] = 0, t.background === "transparent") s[q.bg + 0] = 0, s[q.bg + 1] = 0, s[q.bg + 2] = 0, s[q.bg + 3] = 0;
+	else {
+		let e = c(t.background);
+		s[q.bg + 0] = e[0], s[q.bg + 1] = e[1], s[q.bg + 2] = e[2], s[q.bg + 3] = 1;
+	}
+	for (let e = 0; e < 4; e++) {
+		let t = q.palette + e * 4, n = c(o[Math.min(e, u - 1)] ?? o[0]);
+		s[t + 0] = n[0], s[t + 1] = n[1], s[t + 2] = n[2], s[t + 3] = 0;
+	}
+	return e;
+}
+function pe(e, t, n) {
+	for (let r = 0; r < 8; r++) {
+		let i = t + r * 4, a = n[r];
+		a ? (e[i + 0] = a.amplitude, e[i + 1] = a.wavelength, e[i + 2] = a.direction, e[i + 3] = a.phase) : (e[i + 0] = 0, e[i + 1] = 1, e[i + 2] = 0, e[i + 3] = 0);
+	}
+}
+function me(e) {
+	let { cols: t, count: n, pitchDomain: r } = e, i = new Float32Array(n * 4), a = (t - 1) * r / 2;
+	for (let e = 0; e < n; e++) {
+		let n = e % t, o = Math.floor(e / t), s = e * 4;
+		i[s + 0] = n * r - a, i[s + 1] = o * r - a, i[s + 2] = 0, i[s + 3] = 0;
+	}
+	return i;
+}
+function he(e, t) {
+	let n = new Float32Array(e * 4), r = W, i = 2654435769, a = () => (i = i * 1664525 + 1013904223 >>> 0, i / 4294967295);
+	for (let i = 0; i < e; i++) {
+		let e = i * 4;
+		n[e + 0] = (a() * 2 - 1) * r, n[e + 1] = (a() * 2 - 1) * r, n[e + 2] = 0, n[e + 3] = a() * Math.max(t, .001);
+	}
+	return n;
+}
+//#endregion
 //#region src/components/custom/dot-flow-field/shaders/flow-field.compute.wgsl.ts
-var v = "\nconst MAX_WAVE_COMPONENTS: i32 = 8;\nconst PI: f32 = 3.141592653589793;\nconst TAU: f32 = 6.283185307179586;\nconst FLOW_GRAVITY: f32 = 9.81;\nconst CURL_EPS: f32 = 0.012;\nconst FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);\n\nstruct Particle {\n  // (pos.x, pos.y, height, |disp|) — the anchored-lattice live state\n  data: vec4<f32>,\n};\n\n// ── Uniforms (the typed-struct source-of-truth — see uniformBridgeWGPU.ts) ──\nstruct FlowUniforms {\n  // p0: (uTime, uDt, uWindSpeed, uCurlStrength)\n  p0: vec4<f32>,\n  // p1: (uGridPitch, uDisplaceAmp, uSpringK, uGridCols)  — the lattice geometry\n  p1: vec4<f32>,\n  // ints: (uWaveCount, uParticleCount, uGridColsI, _pad)\n  ints: vec4<i32>,\n  // each wave row: (amplitude, wavelength, directionDeg, phase)\n  waves: array<vec4<f32>, 8>,\n};\n\n@group(0) @binding(0) var<uniform> u: FlowUniforms;\n@group(0) @binding(1) var<storage, read_write> particles: array<Particle>;\n\n// ── The deterministic lattice origin (transcribes flowField.ts gridOrigin) ──\nfn gridOrigin(index: u32, cols: i32, pitch: f32) -> vec2<f32> {\n  let c = max(cols, 1);\n  let col = i32(index) % c;\n  let row = i32(index) / c;\n  let half = f32(c - 1) * pitch * 0.5;\n  return vec2<f32>(f32(col) * pitch - half, f32(row) * pitch - half);\n}\n\n// ── The Gerstner-sum analytic ∇⊥h velocity (transcribes flowField.ts gerstnerVelocity) ──\nfn gerstnerVelocity(p: vec2<f32>, t: f32) -> vec2<f32> {\n  var dhdx = 0.0;\n  var dhdy = 0.0;\n  let windSpeed = u.p0.z;\n  let waveCount = u.ints.x;\n  for (var i = 0; i < MAX_WAVE_COMPONENTS; i = i + 1) {\n    if (i >= waveCount) { break; }\n    let w = u.waves[i];\n    let amplitude = w.x;\n    let wavelength = max(w.y, 1e-4);\n    let dirRad = w.z * PI / 180.0;\n    let phase = w.w;\n    let k = TAU / wavelength;\n    let d = vec2<f32>(cos(dirRad), sin(dirRad));\n    let omega = sqrt(FLOW_GRAVITY * k) * windSpeed;\n    let theta = k * (d.x * p.x + d.y * p.y) - omega * t + phase;\n    let akc = amplitude * k * cos(theta);\n    dhdx = dhdx + akc * d.x;\n    dhdy = dhdy + akc * d.y;\n  }\n  // v = ∇⊥h = (∂h/∂y, −∂h/∂x).\n  return vec2<f32>(dhdy, -dhdx);\n}\n\n// ── The scalar Gerstner HEIGHT (transcribes flowField.ts sampleHeight — the brightness\n//    driver, normalized to ≈[-1,1] by the total amplitude so the band thresholds are\n//    wave-table-independent). ──\nfn sampleHeight(o: vec2<f32>, t: f32) -> f32 {\n  var h = 0.0;\n  var ampSum = 0.0;\n  let windSpeed = u.p0.z;\n  let waveCount = u.ints.x;\n  for (var i = 0; i < MAX_WAVE_COMPONENTS; i = i + 1) {\n    if (i >= waveCount) { break; }\n    let w = u.waves[i];\n    let k = TAU / max(w.y, 1e-4);\n    let dirRad = w.z * PI / 180.0;\n    let d = vec2<f32>(cos(dirRad), sin(dirRad));\n    let omega = sqrt(FLOW_GRAVITY * k) * windSpeed;\n    let theta = k * (d.x * o.x + d.y * o.y) - omega * t + w.w;\n    h = h + w.x * sin(theta);\n    ampSum = ampSum + abs(w.x);\n  }\n  return h / max(ampSum, 1e-4);\n}\n\n// ── Shared curl-noise basis (the WGSL twin of flow.glsl.ts curlFBM) ──\nfn hash21(p: vec2<f32>) -> f32 {\n  var p3 = fract(vec3<f32>(p.x, p.y, p.x) * 0.1031);\n  p3 = p3 + dot(p3, p3.yzx + 33.33);\n  return fract((p3.x + p3.y) * p3.z);\n}\n\nfn valueNoise(p: vec2<f32>) -> f32 {\n  let i = floor(p);\n  let f = fract(p);\n  let u2 = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n  let a = hash21(i + vec2<f32>(0.0, 0.0));\n  let b = hash21(i + vec2<f32>(1.0, 0.0));\n  let c = hash21(i + vec2<f32>(0.0, 1.0));\n  let d = hash21(i + vec2<f32>(1.0, 1.0));\n  return mix(mix(a, b, u2.x), mix(c, d, u2.x), u2.y);\n}\n\nfn potentialFBM(p0: vec2<f32>) -> f32 {\n  var v = 0.0;\n  var amp = 0.5;\n  var freq = 1.0;\n  var p = p0;\n  for (var i = 0; i < 3; i = i + 1) {\n    v = v + amp * valueNoise(p * freq);\n    p = FBM_ROT * p;\n    freq = freq * 2.0;\n    amp = amp * 0.5;\n  }\n  return v;\n}\n\nfn curlFBM(p: vec2<f32>) -> vec2<f32> {\n  let dx = potentialFBM(p + vec2<f32>(CURL_EPS, 0.0)) - potentialFBM(p - vec2<f32>(CURL_EPS, 0.0));\n  let dy = potentialFBM(p + vec2<f32>(0.0, CURL_EPS)) - potentialFBM(p - vec2<f32>(0.0, CURL_EPS));\n  let g = vec2<f32>(dx, dy) / (2.0 * CURL_EPS);\n  return vec2<f32>(g.y, -g.x);\n}\n\n// The composite flow velocity (transcribes flowField.ts sampleVelocity EXACTLY — the\n// coarse ×0.55 curl domain-scale, the §3.2 inversion).\nfn sampleVelocity(p: vec2<f32>, t: f32) -> vec2<f32> {\n  let curlStrength = u.p0.w;\n  var v = gerstnerVelocity(p, t);\n  if (curlStrength > 0.0) {\n    let c = curlFBM(vec2<f32>(p.x * 0.55 + t * 0.15, p.y * 0.55));\n    v = v + c * curlStrength;\n  }\n  return v;\n}\n\n// The sub-cell DISPLACEMENT (transcribes flowField.ts sampleDisplacement — ∇⊥h + the\n// coarse curl break, soft-clamped through tanh so the magnitude rides into [0,1)).\nfn sampleDisplacement(o: vec2<f32>, t: f32) -> vec2<f32> {\n  let v = sampleVelocity(o, t);\n  let mag = length(v);\n  if (mag < 1e-5) { return vec2<f32>(0.0, 0.0); }\n  let bounded = tanh(mag);\n  return v * (bounded / mag);\n}\n\n@compute @workgroup_size(64)\nfn cs_main(@builtin(global_invocation_id) gid: vec3<u32>) {\n  let idx = gid.x;\n  let count = u32(u.ints.y);\n  if (idx >= count) { return; } // bounds-guard the dispatch tail\n\n  let t = u.p0.x;\n  let dt = u.p0.y;\n  let pitch = u.p1.x;\n  let displaceAmp = u.p1.y;\n  let springK = u.p1.z;\n  let cols = u.ints.z;\n\n  // The PERMANENT anchor — no wrap, no re-seed (the coherence fix).\n  let o = gridOrigin(idx, cols, pitch);\n  let disp = sampleDisplacement(o, t);\n  let anchorTarget = o + disp * (displaceAmp * pitch);\n\n  var pr = particles[idx];\n  var pos = pr.data.xy;\n  // Framerate-independent critically-damped pull-to-anchor:\n  //   p ← mix(p, anchorTarget, 1 - exp(-springK·dt))  (the GPGPU influence-pull pattern).\n  let k = 1.0 - exp(-springK * dt);\n  pos = mix(pos, anchorTarget, k);\n\n  let h = sampleHeight(o, t);\n  particles[idx] = Particle(vec4<f32>(pos, h, length(disp)));\n}\n", y = `
+var ge = "\nconst MAX_WAVE_COMPONENTS: i32 = 8;\nconst PI: f32 = 3.141592653589793;\nconst TAU: f32 = 6.283185307179586;\nconst FLOW_GRAVITY: f32 = 9.81;\nconst CURL_EPS: f32 = 0.012;\nconst FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);\n\nstruct Particle {\n  // field: (pos.x, pos.y, height, |disp|) — the anchored-lattice live state\n  // flow:  (pos.x, pos.y, speed, life)    — the advected-mote live state\n  data: vec4<f32>,\n};\n\n// ── Uniforms (the typed-struct source-of-truth — see uniformBridgeWGPU.ts) ──\nstruct FlowUniforms {\n  // p0: (uTime, uDt, uWindSpeed, uCurlStrength)\n  p0: vec4<f32>,\n  // p1: (uGridPitch, uDisplaceAmp, uSpringK, uGridCols)  — the lattice geometry (field)\n  p1: vec4<f32>,\n  // ints: (uWaveCount, uParticleCount, uGridColsI, uMode)  — uMode: 0=field, 1=flow\n  ints: vec4<i32>,\n  // f0: (uTurnRate, uSpeedScale, uLifetimeSec, uDomainHalf)  — the flow advection levers\n  f0: vec4<f32>,\n  // f1: (uVortexRadius, uVortexSpin, uDragGain, uBurstShove)  — the cursor vortex\n  f1: vec4<f32>,\n  // ptr: (cursor.x, cursor.y, vel.x, vel.y)  — the pointer in domain space + its velocity\n  ptr: vec4<f32>,\n  // ptr2: (burst, pointerActive, edgeBias, _pad)\n  ptr2: vec4<f32>,\n  // each wave row: (amplitude, wavelength, directionDeg, phase)\n  waves: array<vec4<f32>, 8>,\n};\n\n@group(0) @binding(0) var<uniform> u: FlowUniforms;\n@group(0) @binding(1) var<storage, read_write> particles: array<Particle>;\n\n// ── The deterministic lattice origin (transcribes flowField.ts gridOrigin) ──\nfn gridOrigin(index: u32, cols: i32, pitch: f32) -> vec2<f32> {\n  let c = max(cols, 1);\n  let col = i32(index) % c;\n  let row = i32(index) / c;\n  let half = f32(c - 1) * pitch * 0.5;\n  return vec2<f32>(f32(col) * pitch - half, f32(row) * pitch - half);\n}\n\n// ── The Gerstner-sum analytic ∇⊥h velocity (transcribes flowField.ts gerstnerVelocity) ──\nfn gerstnerVelocity(p: vec2<f32>, t: f32) -> vec2<f32> {\n  var dhdx = 0.0;\n  var dhdy = 0.0;\n  let windSpeed = u.p0.z;\n  let waveCount = u.ints.x;\n  for (var i = 0; i < MAX_WAVE_COMPONENTS; i = i + 1) {\n    if (i >= waveCount) { break; }\n    let w = u.waves[i];\n    let amplitude = w.x;\n    let wavelength = max(w.y, 1e-4);\n    let dirRad = w.z * PI / 180.0;\n    let phase = w.w;\n    let k = TAU / wavelength;\n    let d = vec2<f32>(cos(dirRad), sin(dirRad));\n    let omega = sqrt(FLOW_GRAVITY * k) * windSpeed;\n    let theta = k * (d.x * p.x + d.y * p.y) - omega * t + phase;\n    let akc = amplitude * k * cos(theta);\n    dhdx = dhdx + akc * d.x;\n    dhdy = dhdy + akc * d.y;\n  }\n  // v = ∇⊥h = (∂h/∂y, −∂h/∂x).\n  return vec2<f32>(dhdy, -dhdx);\n}\n\n// ── The scalar Gerstner HEIGHT (transcribes flowField.ts sampleHeight — the brightness\n//    driver, normalized to ≈[-1,1] by the total amplitude so the band thresholds are\n//    wave-table-independent). ──\nfn sampleHeight(o: vec2<f32>, t: f32) -> f32 {\n  var h = 0.0;\n  var ampSum = 0.0;\n  let windSpeed = u.p0.z;\n  let waveCount = u.ints.x;\n  for (var i = 0; i < MAX_WAVE_COMPONENTS; i = i + 1) {\n    if (i >= waveCount) { break; }\n    let w = u.waves[i];\n    let k = TAU / max(w.y, 1e-4);\n    let dirRad = w.z * PI / 180.0;\n    let d = vec2<f32>(cos(dirRad), sin(dirRad));\n    let omega = sqrt(FLOW_GRAVITY * k) * windSpeed;\n    let theta = k * (d.x * o.x + d.y * o.y) - omega * t + w.w;\n    h = h + w.x * sin(theta);\n    ampSum = ampSum + abs(w.x);\n  }\n  return h / max(ampSum, 1e-4);\n}\n\n// ── Shared curl-noise basis (the WGSL twin of flow.glsl.ts curlFBM) ──\nfn hash21(p: vec2<f32>) -> f32 {\n  var p3 = fract(vec3<f32>(p.x, p.y, p.x) * 0.1031);\n  p3 = p3 + dot(p3, p3.yzx + 33.33);\n  return fract((p3.x + p3.y) * p3.z);\n}\n\nfn valueNoise(p: vec2<f32>) -> f32 {\n  let i = floor(p);\n  let f = fract(p);\n  let u2 = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n  let a = hash21(i + vec2<f32>(0.0, 0.0));\n  let b = hash21(i + vec2<f32>(1.0, 0.0));\n  let c = hash21(i + vec2<f32>(0.0, 1.0));\n  let d = hash21(i + vec2<f32>(1.0, 1.0));\n  return mix(mix(a, b, u2.x), mix(c, d, u2.x), u2.y);\n}\n\nfn potentialFBM(p0: vec2<f32>) -> f32 {\n  var v = 0.0;\n  var amp = 0.5;\n  var freq = 1.0;\n  var p = p0;\n  for (var i = 0; i < 3; i = i + 1) {\n    v = v + amp * valueNoise(p * freq);\n    p = FBM_ROT * p;\n    freq = freq * 2.0;\n    amp = amp * 0.5;\n  }\n  return v;\n}\n\nfn curlFBM(p: vec2<f32>) -> vec2<f32> {\n  let dx = potentialFBM(p + vec2<f32>(CURL_EPS, 0.0)) - potentialFBM(p - vec2<f32>(CURL_EPS, 0.0));\n  let dy = potentialFBM(p + vec2<f32>(0.0, CURL_EPS)) - potentialFBM(p - vec2<f32>(0.0, CURL_EPS));\n  let g = vec2<f32>(dx, dy) / (2.0 * CURL_EPS);\n  return vec2<f32>(g.y, -g.x);\n}\n\n// The composite flow velocity (transcribes flowField.ts sampleVelocity EXACTLY — the\n// coarse ×0.55 curl domain-scale, the §3.2 inversion).\nfn sampleVelocity(p: vec2<f32>, t: f32) -> vec2<f32> {\n  let curlStrength = u.p0.w;\n  var v = gerstnerVelocity(p, t);\n  if (curlStrength > 0.0) {\n    let c = curlFBM(vec2<f32>(p.x * 0.55 + t * 0.15, p.y * 0.55));\n    v = v + c * curlStrength;\n  }\n  return v;\n}\n\n// The sub-cell DISPLACEMENT (transcribes flowField.ts sampleDisplacement — ∇⊥h + the\n// coarse curl break, soft-clamped through tanh so the magnitude rides into [0,1)).\nfn sampleDisplacement(o: vec2<f32>, t: f32) -> vec2<f32> {\n  let v = sampleVelocity(o, t);\n  let mag = length(v);\n  if (mag < 1e-5) { return vec2<f32>(0.0, 0.0); }\n  let bounded = tanh(mag);\n  return v * (bounded / mag);\n}\n\n// ── The cursor VORTEX injected into the velocity field (transcribes flowField.ts\n//    pointerVortex). r = p − cursor; a gaussian fall-off; a TRUE tangential ∇⊥ swirl +\n//    a drag-along term + a radial burst shove. Inert when the pointer is inactive. ──\nfn pointerVortex(p: vec2<f32>) -> vec2<f32> {\n  if (u.ptr2.y < 0.5) { return vec2<f32>(0.0, 0.0); } // pointer inactive → no vortex\n  let cursor = u.ptr.xy;\n  let vel = u.ptr.zw;\n  let burst = u.ptr2.x;\n  let radius = max(u.f1.x, 1e-3);\n  let r = p - cursor;\n  let d = length(r);\n  let fall = exp(-(d * d) / (radius * radius));\n  let swirl = normalize(vec2<f32>(-r.y, r.x) + vec2<f32>(1e-6, 0.0)); // tangential ∇⊥\n  let radial = r / max(d, 1e-4);\n  let v = swirl * u.f1.y          // the spin\n        + vel * u.f1.z            // the drag (streamlines follow the gesture)\n        + radial * burst * u.f1.w; // the flick shockwave\n  return v * fall;\n}\n\n// ── density-weighted respawn: a hash-stratified seed inside the domain, biased toward the\n//    edges by edgeBias (a faint vignette — the field never thins to a hole). ──\nfn respawn(idx: u32, t: f32) -> vec2<f32> {\n  let half = u.f0.w;\n  let s = f32(idx) * 0.013 + t * 0.37;\n  let rx = hash21(vec2<f32>(s, 1.7)) * 2.0 - 1.0;\n  let ry = hash21(vec2<f32>(3.1, s)) * 2.0 - 1.0;\n  // edgeBias>0 pushes the seed toward the perimeter (a power-curve on |coord|).\n  let bias = clamp(u.ptr2.z, 0.0, 1.0);\n  let bx = sign(rx) * pow(abs(rx), mix(1.0, 0.5, bias));\n  let by = sign(ry) * pow(abs(ry), mix(1.0, 0.5, bias));\n  return vec2<f32>(bx, by) * half;\n}\n\n// ── cs_field — the ANCHORED-LATTICE evaluator (BYTE-MOVED from cs_main; the field-mode\n//    fence-scoped unit; F1 greps the no-advection/no-reseed witness WITHIN this brace-span).\nfn cs_field(idx: u32, t: f32, dt: f32) {\n  let pitch = u.p1.x;\n  let displaceAmp = u.p1.y;\n  let springK = u.p1.z;\n  let cols = u.ints.z;\n\n  // The PERMANENT anchor — no wrap, no re-seed (the coherence fix).\n  let o = gridOrigin(idx, cols, pitch);\n  let disp = sampleDisplacement(o, t);\n  let anchorTarget = o + disp * (displaceAmp * pitch);\n\n  var pr = particles[idx];\n  var pos = pr.data.xy;\n  // Framerate-independent critically-damped pull-to-anchor:\n  //   p ← mix(p, anchorTarget, 1 - exp(-springK·dt))  (the GPGPU influence-pull pattern).\n  let k = 1.0 - exp(-springK * dt);\n  pos = mix(pos, anchorTarget, k);\n\n  let h = sampleHeight(o, t);\n  particles[idx] = Particle(vec4<f32>(pos, h, length(disp)));\n}\n\n// ── cs_flow — the AURORA CURRENT (the RE-INVENT register). Momentum-integrated advection\n//    along the curl current + the live cursor vortex, with lifetime decay + density-weighted\n//    respawn. F1b greps the pos+=v*dt + respawn( + pointerVortex( witness in THIS function.\nfn cs_flow(idx: u32, t: f32, dt: f32) {\n  let half = u.f0.w;\n  let turnRate = u.f0.x;\n  let speedScale = u.f0.y;\n  let lifetimeSec = max(u.f0.z, 1e-3);\n\n  var pr = particles[idx];\n  var pos = pr.data.xy;\n  var life = pr.data.w;\n\n  // First-frame / dead / out-of-domain seed (the density-weighted respawn).\n  let outOfDomain = max(abs(pos.x), abs(pos.y)) > half * 1.05;\n  if (life <= 0.0 || outOfDomain) {\n    pos = respawn(idx, t);\n    // stratify the initial life across [0,lifetime] so deaths don't synchronize.\n    life = lifetimeSec * hash21(vec2<f32>(f32(idx) * 0.027, t * 0.11));\n  }\n\n  // The target velocity: the divergence-free curl current + the cursor vortex.\n  let vField = sampleVelocity(pos, t) + pointerVortex(pos);\n  // Momentum/inertia: the low turnRate scales how hard the mote commits to the field\n  // each step — a weighty ease into the current's turns (arcs, not snaps), the\n  // overlapping-action/follow-through on a particle (R4-motion).\n  let v = vField * turnRate * speedScale;\n  // Forward-Euler advection step (the integrator — F1b's witness pos = pos + v*dt).\n  pos = pos + v * dt * 60.0;\n\n  life = life - dt;\n  let speed = length(v);\n  particles[idx] = Particle(vec4<f32>(pos, speed, life));\n}\n\n@compute @workgroup_size(64)\nfn cs_main(@builtin(global_invocation_id) gid: vec3<u32>) {\n  let idx = gid.x;\n  let count = u32(u.ints.y);\n  if (idx >= count) { return; } // bounds-guard the dispatch tail\n\n  let t = u.p0.x;\n  let dt = u.p0.y;\n  let mode = u.ints.w;\n\n  if (mode == 1) {\n    cs_flow(idx, t, dt);\n  } else {\n    cs_field(idx, t, dt);\n  }\n}\n", _e = `
 const PI: f32 = 3.141592653589793;
 const TAU: f32 = 6.283185307179586;
 const MAX_FLOW_STOPS: i32 = 4;
 
 struct Particle {
-  // (pos.x, pos.y, height, |disp|)
+  // field: (pos.x, pos.y, height, |disp|)   flow: (pos.x, pos.y, speed, life)
   data: vec4<f32>,
 };
 
@@ -21,12 +292,14 @@ struct RenderUniforms {
   r0: vec4<f32>,
   // r1: (uDotSize, uSizePulse, uAspect, uGridPitch)
   r1: vec4<f32>,
-  // r2: (uWaveBandCenter, uWaveBandWidth, uGlobeMask, _pad)
+  // r2: (uWaveBandCenter, uWaveBandWidth, uGlobeMask, uMode)  — uMode: 0=field, 1=flow
   r2: vec4<f32>,
   // ints: (uStopCount, uParticleCount, _pad, _pad)
   ints: vec4<i32>,
   // bg: (background.rgb, hasBackground)
   bg: vec4<f32>,
+  // f0: (uSpeedGlow, uSpeedNorm, uShadowOffset, uStretchAmp)  — the flow velocity-map levers
+  f0: vec4<f32>,
   // each palette stop: linear-sRGB rgb + _pad
   palette: array<vec4<f32>, 4>,
 };
@@ -74,7 +347,9 @@ fn samplePaletteLin(t: f32) -> vec3<f32> {
 struct VSOut {
   @builtin(position) pos: vec4<f32>,
   @location(0) local: vec2<f32>,   // [-1,1] billboard-local coords for the soft circle
-  @location(1) bright: f32,        // band-driven brightness [0, ~1.6]
+  @location(1) bright: f32,        // brightness [0, ~1.6]
+  @location(2) ramp: f32,          // palette-ramp coord (field: tone, flow: speedNorm)
+  @location(3) flowFade: f32,      // flow life-fade [0,1] (field: 1)
 };
 
 @vertex
@@ -91,24 +366,39 @@ fn vs_main(
 
   let pr = particles[ii].data;
   let p = pr.xy;
-  let h = pr.z;
-  let dispMag = pr.w;
   let half = u.r0.w;
+  let aspect = u.r1.z;
+  let mode = i32(u.r2.w + 0.5);
 
-  // Brightness = base + band·contrast, masked by the optional globe (read at the live
-  // position — close enough to the anchor at the sub-cell cap). The band SWEEPS as h
-  // translates across the lattice.
-  let band = waveBand(h, u.r2.x, u.r2.y);
-  var bright = u.r0.z + band * u.r0.y;
-  bright = bright * globeMask(p, u.r0.x, u.r2.z);
+  var bright: f32;
+  var ramp: f32;
+  var sizeWorld: f32;
+  var flowFade: f32 = 1.0;
 
-  // A subtle drift-driven size pulse (never a re-seed — the dot only breathes).
-  let sizePulse = u.r1.y;
-  let sizeWorld = u.r1.x * (1.0 + dispMag * sizePulse);
+  if (mode == 1) {
+    // ── flow (AURORA CURRENT): speed→hue, speed·life→brightness, speed→size bloom ──
+    let speed = pr.z;
+    let life = pr.w;
+    let speedNorm = clamp(speed / max(u.f0.y, 1e-4), 0.0, 1.0);
+    // life fades the mote over its last third (the trail's tail / overlapping-action).
+    flowFade = clamp(life * 3.0, 0.0, 1.0);
+    ramp = speedNorm;
+    bright = (0.35 + speedNorm * u.f0.x) * flowFade;
+    // a speed bloom (the cartoon "more" on WGPU — faster motes read as hot speed-cores) +
+    // the √φ stretch lever scales the bloom (the squash-stretch as an isotropic core here).
+    sizeWorld = u.r1.x * (1.0 + speedNorm * (u.f0.w + 1.0));
+  } else {
+    // ── field: the sweeping bright band over the anchored lattice (BC.W-VIZ-DOTFLOW) ──
+    let h = pr.z;
+    let dispMag = pr.w;
+    let band = waveBand(h, u.r2.x, u.r2.y);
+    bright = (u.r0.z + band * u.r0.y) * globeMask(p, u.r0.x, u.r2.z);
+    ramp = clamp(bright, 0.0, 1.0);
+    sizeWorld = u.r1.x * (1.0 + dispMag * u.r1.y);
+  }
 
   // Position the quad at the dot in clip space. Domain [-half,half] → NDC [-1,1];
   // the quad half-extent rides sizeWorld (in domain units, aspect-corrected x).
-  let aspect = u.r1.z;
   let ndc = p / half;
   let off = local * sizeWorld / half;
   let offX = off.x / max(aspect, 1e-4);
@@ -117,6 +407,8 @@ fn vs_main(
   out.pos = vec4<f32>(ndc.x + offX, ndc.y + off.y, 0.0, 1.0);
   out.local = local;
   out.bright = bright;
+  out.ramp = ramp;
+  out.flowFade = flowFade;
   return out;
 }
 
@@ -128,98 +420,434 @@ fn fs_main(in: VSOut) -> @location(0) vec4<f32> {
   let mask = 1.0 - smoothstep(1.0 - feather, 1.0, r);
   if (mask < 0.002) { return vec4<f32>(0.0); }
 
-  // The brightness lights the dot core; the palette tints it (the warm-cream identity).
+  let mode = i32(u.r2.w + 0.5);
   let bright = clamp(in.bright, 0.0, 1.6);
-  let tone = clamp(bright, 0.0, 1.0);
-  let lin = samplePaletteLin(tone) * bright;
-  // A floor alpha so even an off-band dot stays a faint lattice point (the calm grid).
-  let alpha = mask * clamp(bright * 0.8 + 0.12, 0.0, 1.0);
+  let lin = samplePaletteLin(in.ramp) * bright;
   let rgb = clamp(linearToSrgb(lin), vec3<f32>(0.0), vec3<f32>(1.0));
-  // Premultiplied-alpha output.
+
+  if (mode == 1) {
+    // flow: additive premultiplied — a soft glowing core, alpha rides speed·life.
+    let coreAlpha = mask * mask; // a tighter hot core (less white wash — H2 cap)
+    let a = coreAlpha * clamp(bright, 0.0, 1.0);
+    return vec4<f32>(rgb * a, a);
+  }
+  // field: a floor alpha so even an off-band dot stays a faint lattice point.
+  let alpha = mask * clamp(bright * 0.8 + 0.12, 0.0, 1.0);
   return vec4<f32>(rgb * alpha, alpha);
 }
-`, b = "#version 300 es\nprecision highp float;\nin vec2 aPosition;\nout vec2 vUv;\nvoid main() {\n  vUv = aPosition;            // [-1,1]² domain\n  gl_Position = vec4(aPosition, 0.0, 1.0);\n}", x = `#version 300 es
-precision highp float;
-
-#define PI 3.141592653589793
-#define TAU 6.283185307179586
-#define FLOW_GRAVITY 9.81
-#define CURL_EPS 0.012
-#define MAX_WAVE_COMPONENTS 8
-#define MAX_FLOW_STOPS 4
-
-in vec2 vUv;
-out vec4 fragColor;
-
-uniform float uTime;
-uniform float uWindSpeed;
-uniform float uCurlStrength;
-uniform float uDomainHalf;
-uniform float uAspect;
-uniform float uGridPitchDomain;  // lattice pitch in DOMAIN units
-uniform float uDotRadiusDomain;  // dot radius in DOMAIN units
-uniform float uDisplaceAmp;      // sub-cell drift in pitch fractions
-uniform float uContrast;
-uniform float uBaseBright;
-uniform float uWaveBandCenter;
-uniform float uWaveBandWidth;
-uniform float uGlobeMask;
-uniform int   uWaveCount;
-uniform int   uStopCount;
-uniform float uHasBackground;
-uniform vec3  uBg;
-uniform vec4  uWaves[MAX_WAVE_COMPONENTS];   // (amplitude, wavelength, directionDeg, phase)
-uniform vec3  uPalette[MAX_FLOW_STOPS];      // linear-sRGB stops
+`, ve = `
+struct TrailUniforms {
+  // (decay, hasGround, time, _pad)
+  p: vec4<f32>,
+  // floor.rgb (linear-sRGB) + _pad
+  floorC: vec4<f32>,
+  // bloom.rgb (linear-sRGB) + _pad
+  bloomC: vec4<f32>,
+};
+@group(0) @binding(0) var<uniform> u: TrailUniforms;
+@group(0) @binding(1) var samp: sampler;
+@group(0) @binding(2) var tex: texture_2d<f32>;
 
-const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);
+${n}
 
-${r}
-${a}
+struct FSQ { @builtin(position) pos: vec4<f32>, @location(0) uv: vec2<f32> };
 
-// ── The Gerstner-sum analytic ∇⊥h velocity (transcribes flowField.ts gerstnerVelocity) ──
-vec2 gerstnerVelocity(vec2 p, float t) {
-  float dhdx = 0.0;
-  float dhdy = 0.0;
-  for (int i = 0; i < MAX_WAVE_COMPONENTS; i++) {
-    if (i >= uWaveCount) break;
-    vec4 w = uWaves[i];
-    float k = TAU / max(w.y, 1e-4);
-    float dirRad = w.z * PI / 180.0;
-    vec2 d = vec2(cos(dirRad), sin(dirRad));
-    float omega = sqrt(FLOW_GRAVITY * k) * uWindSpeed;
-    float theta = k * (d.x * p.x + d.y * p.y) - omega * t + w.w;
-    float akc = w.x * k * cos(theta);
-    dhdx += akc * d.x;
-    dhdy += akc * d.y;
-  }
-  return vec2(dhdy, -dhdx);
+@vertex
+fn vs_fsq(@builtin(vertex_index) vi: u32) -> FSQ {
+  var c = array<vec2<f32>, 3>(
+    vec2<f32>(-1.0, -1.0), vec2<f32>(3.0, -1.0), vec2<f32>(-1.0, 3.0),
+  );
+  let p = c[vi];
+  var out: FSQ;
+  out.pos = vec4<f32>(p, 0.0, 1.0);
+  out.uv = p * 0.5 + 0.5;
+  return out;
 }
 
-// ── The scalar Gerstner HEIGHT (transcribes flowField.ts sampleHeight) ──
-float sampleHeight(vec2 o, float t) {
-  float h = 0.0;
-  float ampSum = 0.0;
-  for (int i = 0; i < MAX_WAVE_COMPONENTS; i++) {
-    if (i >= uWaveCount) break;
-    vec4 w = uWaves[i];
-    float k = TAU / max(w.y, 1e-4);
-    float dirRad = w.z * PI / 180.0;
-    vec2 d = vec2(cos(dirRad), sin(dirRad));
-    float omega = sqrt(FLOW_GRAVITY * k) * uWindSpeed;
-    float theta = k * (d.x * o.x + d.y * o.y) - omega * t + w.w;
-    h += w.x * sin(theta);
-    ampSum += abs(w.x);
-  }
-  return h / max(ampSum, 1e-4);
+@fragment
+fn fs_decay(in: FSQ) -> @location(0) vec4<f32> {
+  let prev = textureSample(tex, samp, in.uv);
+  return prev * u.p.x;   // fade toward black
 }
 
-// ── Shared curl-noise basis (the GLSL twin of flow.glsl.ts curlFBM) ──
-float hash21(vec2 p) {
-  vec3 p3 = fract(vec3(p.x, p.y, p.x) * 0.1031);
-  p3 += dot(p3, p3.yzx + 33.33);
-  return fract((p3.x + p3.y) * p3.z);
+@fragment
+fn fs_present(in: FSQ) -> @location(0) vec4<f32> {
+  let trail = textureSample(tex, samp, in.uv).rgb;
+  let mapped = trail / (trail + vec3<f32>(0.85)); // Reinhard — hot cores, not white wash
+  if (u.p.y < 0.5) {
+    let rgb = clamp(linearToSrgb(mapped), vec3<f32>(0.0), vec3<f32>(1.0));
+    let a = clamp(max(mapped.r, max(mapped.g, mapped.b)), 0.0, 1.0);
+    return vec4<f32>(rgb * a, a);
+  }
+  let bloom = smoothstep(1.3, 0.0, distance(in.uv, vec2<f32>(0.12, 0.88)));
+  let floorLin = u.floorC.rgb + u.bloomC.rgb * bloom * 0.5;
+  let lin = floorLin + mapped;
+  let rgb = clamp(linearToSrgb(lin), vec3<f32>(0.0), vec3<f32>(1.0));
+  return vec4<f32>(rgb, 1.0);
 }
-float valueNoise(vec2 p) {
+`, J = 64, ye = 128, Y = 8, be = 16, xe = 4, Se = 1, X = 2, Ce = 4, we = 64;
+function Te(e) {
+	let { canvas: t, config: n, getPalette: r, shouldContinue: i, onFrame: a, getPointer: s } = e;
+	return function(e, l, u) {
+		let d = n.mode === "flow", f = G(n.gridPitch, $(t)), p = d ? He(n) : f.count, m = d ? he(p, n.lifetimeSec) : me(f), h = e.createShaderModule({
+			label: "[DotFlowField] flow-field.compute.wgsl",
+			code: ge
+		}), g = e.createShaderModule({
+			label: "[DotFlowField] flow-field.render.wgsl",
+			code: _e
+		}), _ = e.createBuffer({
+			label: "[DotFlowField] particles",
+			size: m.length / 4 * 16,
+			usage: ye | Y,
+			mappedAtCreation: !0
+		});
+		new Float32Array(_.getMappedRange()).set(m), _.unmap();
+		let v = e.createBuffer({
+			label: "[DotFlowField] compute-uniforms",
+			size: ie().buffer.byteLength,
+			usage: J | Y
+		}), y = e.createBuffer({
+			label: "[DotFlowField] render-uniforms",
+			size: ce().buffer.byteLength,
+			usage: J | Y
+		}), b = e.createBindGroupLayout({
+			label: "[DotFlowField] compute-bgl",
+			entries: [{
+				binding: 0,
+				visibility: Ce,
+				buffer: { type: "uniform" }
+			}, {
+				binding: 1,
+				visibility: Ce,
+				buffer: { type: "storage" }
+			}]
+		}), x = e.createComputePipeline({
+			label: "[DotFlowField] compute-pipeline",
+			layout: e.createPipelineLayout({ bindGroupLayouts: [b] }),
+			compute: {
+				module: h,
+				entryPoint: "cs_main"
+			}
+		}), S = e.createBindGroup({
+			label: "[DotFlowField] compute-bg",
+			layout: b,
+			entries: [{
+				binding: 0,
+				resource: { buffer: v }
+			}, {
+				binding: 1,
+				resource: { buffer: _ }
+			}]
+		}), C = e.createBindGroupLayout({
+			label: "[DotFlowField] render-bgl",
+			entries: [{
+				binding: 0,
+				visibility: Se | X,
+				buffer: { type: "uniform" }
+			}, {
+				binding: 1,
+				visibility: Se,
+				buffer: { type: "read-only-storage" }
+			}]
+		}), w = "rgba16float", T = e.createRenderPipeline({
+			label: "[DotFlowField] render-pipeline",
+			layout: e.createPipelineLayout({ bindGroupLayouts: [C] }),
+			vertex: {
+				module: g,
+				entryPoint: "vs_main"
+			},
+			fragment: {
+				module: g,
+				entryPoint: "fs_main",
+				targets: [{
+					format: d ? w : u,
+					blend: d ? {
+						color: {
+							srcFactor: "one",
+							dstFactor: "one",
+							operation: "add"
+						},
+						alpha: {
+							srcFactor: "one",
+							dstFactor: "one",
+							operation: "add"
+						}
+					} : {
+						color: {
+							srcFactor: "one",
+							dstFactor: "one-minus-src-alpha",
+							operation: "add"
+						},
+						alpha: {
+							srcFactor: "one",
+							dstFactor: "one-minus-src-alpha",
+							operation: "add"
+						}
+					}
+				}]
+			},
+			primitive: { topology: "triangle-list" }
+		}), E = e.createBindGroup({
+			label: "[DotFlowField] render-bg",
+			layout: C,
+			entries: [{
+				binding: 0,
+				resource: { buffer: y }
+			}, {
+				binding: 1,
+				resource: { buffer: _ }
+			}]
+		}), D = d ? e.createShaderModule({
+			label: "[DotFlowField] flow-field.trail.wgsl",
+			code: ve
+		}) : null, O = d ? e.createBuffer({
+			label: "[DotFlowField] trail-uniforms",
+			size: 48,
+			usage: J | Y
+		}) : null, k = d ? e.createSampler({
+			magFilter: "linear",
+			minFilter: "linear"
+		}) : null, A = d && D ? e.createBindGroupLayout({
+			label: "[DotFlowField] trail-bgl",
+			entries: [
+				{
+					binding: 0,
+					visibility: X,
+					buffer: { type: "uniform" }
+				},
+				{
+					binding: 1,
+					visibility: X,
+					sampler: { type: "filtering" }
+				},
+				{
+					binding: 2,
+					visibility: X,
+					texture: { sampleType: "float" }
+				}
+			]
+		}) : null, j = d && D && A ? e.createRenderPipeline({
+			label: "[DotFlowField] trail-decay-pipeline",
+			layout: e.createPipelineLayout({ bindGroupLayouts: [A] }),
+			vertex: {
+				module: D,
+				entryPoint: "vs_fsq"
+			},
+			fragment: {
+				module: D,
+				entryPoint: "fs_decay",
+				targets: [{ format: w }]
+			},
+			primitive: { topology: "triangle-list" }
+		}) : null, M = d && D && A ? e.createRenderPipeline({
+			label: "[DotFlowField] trail-present-pipeline",
+			layout: e.createPipelineLayout({ bindGroupLayouts: [A] }),
+			vertex: {
+				module: D,
+				entryPoint: "vs_fsq"
+			},
+			fragment: {
+				module: D,
+				entryPoint: "fs_present",
+				targets: [{ format: u }]
+			},
+			primitive: { topology: "triangle-list" }
+		}) : null, N = null, P = null, F = null, I = null, L = 0;
+		function R() {
+			if (!d || !A || !O || !k) return;
+			let r = Math.min(Math.max(n.trailScale, .25), 1), i = Math.max(2, Math.round(t.width * r)), a = Math.max(2, Math.round(t.height * r));
+			N?.forEach((e) => e.destroy());
+			let o = () => e.createTexture({
+				label: "[DotFlowField] trail",
+				size: {
+					width: i,
+					height: a
+				},
+				format: w,
+				usage: be | xe
+			}), s = o(), c = o();
+			N = [s, c], P = [s.createView(), c.createView()];
+			let l = (t) => e.createBindGroup({
+				layout: A,
+				entries: [
+					{
+						binding: 0,
+						resource: { buffer: O }
+					},
+					{
+						binding: 1,
+						resource: k
+					},
+					{
+						binding: 2,
+						resource: t
+					}
+				]
+			});
+			F = [l(P[1]), l(P[0])], I = [l(P[0]), l(P[1])];
+		}
+		let z = ie(), B = ce(), V = new Float32Array(12), H = -1;
+		function U() {
+			let e = o(), r = t.clientWidth || 320, i = t.clientHeight || 320, a = Math.max(1, Math.round(r * e)), s = Math.max(1, Math.round(i * e));
+			if ((t.width !== a || t.height !== s) && (t.width = a, t.height = s), !d) {
+				let e = G(n.gridPitch, $(t));
+				f = {
+					...e,
+					count: Math.min(e.count, m.length / 4)
+				};
+			}
+			R();
+		}
+		function W(i) {
+			a?.(i);
+			let o = H < 0 ? 0 : Math.min(Math.max(i - H, 0), .05);
+			H = i;
+			let u = (t.clientWidth || 320) / Math.max(t.clientHeight || 320, 1), m = d ? p : f.count, h = s?.();
+			ae(z, n, i, o, f, m, h), e.queue.writeBuffer(v, 0, z.buffer), fe(B, n, i, u, $(t), f, r()), e.queue.writeBuffer(y, 0, B.buffer);
+			let g = e.createCommandEncoder({ label: "[DotFlowField] frame" }), _ = g.beginComputePass();
+			if (_.setPipeline(x), _.setBindGroup(0, S), _.dispatchWorkgroups(Math.ceil(m / we)), _.end(), d && P && F && I && j && M && O) {
+				let t = L, r = 1 - L, a = ee(n.trailHalfLife), o = n.background === "transparent" ? 0 : 1, s = c(n.background === "transparent" ? Be : n.background), u = c(Ve);
+				V[0] = a, V[1] = o, V[2] = i, V[4] = s[0], V[5] = s[1], V[6] = s[2], V[8] = u[0], V[9] = u[1], V[10] = u[2], e.queue.writeBuffer(O, 0, V.buffer);
+				let d = g.beginRenderPass({ colorAttachments: [{
+					view: P[t],
+					clearValue: {
+						r: 0,
+						g: 0,
+						b: 0,
+						a: 0
+					},
+					loadOp: "clear",
+					storeOp: "store"
+				}] });
+				d.setPipeline(j), d.setBindGroup(0, F[t]), d.draw(3, 1, 0, 0), d.end();
+				let f = g.beginRenderPass({ colorAttachments: [{
+					view: P[t],
+					loadOp: "load",
+					storeOp: "store"
+				}] });
+				f.setPipeline(T), f.setBindGroup(0, E), f.draw(6, m, 0, 0), f.end();
+				let p = l.getCurrentTexture().createView(), h = g.beginRenderPass({ colorAttachments: [{
+					view: p,
+					clearValue: {
+						r: 0,
+						g: 0,
+						b: 0,
+						a: 0
+					},
+					loadOp: "clear",
+					storeOp: "store"
+				}] });
+				h.setPipeline(M), h.setBindGroup(0, I[t]), h.draw(3, 1, 0, 0), h.end(), L = r;
+			} else {
+				let e = l.getCurrentTexture().createView(), t = g.beginRenderPass({ colorAttachments: [{
+					view: e,
+					clearValue: {
+						r: 0,
+						g: 0,
+						b: 0,
+						a: 0
+					},
+					loadOp: "clear",
+					storeOp: "store"
+				}] });
+				t.setPipeline(T), t.setBindGroup(0, E), t.draw(6, m, 0, 0), t.end();
+			}
+			e.queue.submit([g.finish()]);
+		}
+		return {
+			frame: W,
+			shouldContinue: i,
+			resize: U,
+			teardown: () => {
+				_.destroy(), v.destroy(), y.destroy(), O?.destroy(), N?.forEach((e) => e.destroy());
+			}
+		};
+	};
+}
+//#endregion
+//#region src/components/custom/dot-flow-field/shaders/flow-field.glsl.ts
+var Ee = "#version 300 es\nprecision highp float;\nin vec2 aPosition;\nout vec2 vUv;\nvoid main() {\n  vUv = aPosition;            // [-1,1]² domain\n  gl_Position = vec4(aPosition, 0.0, 1.0);\n}", De = `#version 300 es
+precision highp float;
+
+#define PI 3.141592653589793
+#define TAU 6.283185307179586
+#define FLOW_GRAVITY 9.81
+#define CURL_EPS 0.012
+#define MAX_WAVE_COMPONENTS 8
+#define MAX_FLOW_STOPS 4
+
+in vec2 vUv;
+out vec4 fragColor;
+
+uniform float uTime;
+uniform float uWindSpeed;
+uniform float uCurlStrength;
+uniform float uDomainHalf;
+uniform float uAspect;
+uniform float uGridPitchDomain;  // lattice pitch in DOMAIN units
+uniform float uDotRadiusDomain;  // dot radius in DOMAIN units
+uniform float uDisplaceAmp;      // sub-cell drift in pitch fractions
+uniform float uContrast;
+uniform float uBaseBright;
+uniform float uWaveBandCenter;
+uniform float uWaveBandWidth;
+uniform float uGlobeMask;
+uniform int   uWaveCount;
+uniform int   uStopCount;
+uniform float uHasBackground;
+uniform vec3  uBg;
+uniform vec4  uWaves[MAX_WAVE_COMPONENTS];   // (amplitude, wavelength, directionDeg, phase)
+uniform vec3  uPalette[MAX_FLOW_STOPS];      // linear-sRGB stops
+
+const mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);
+
+${r}
+${a}
+
+// ── The Gerstner-sum analytic ∇⊥h velocity (transcribes flowField.ts gerstnerVelocity) ──
+vec2 gerstnerVelocity(vec2 p, float t) {
+  float dhdx = 0.0;
+  float dhdy = 0.0;
+  for (int i = 0; i < MAX_WAVE_COMPONENTS; i++) {
+    if (i >= uWaveCount) break;
+    vec4 w = uWaves[i];
+    float k = TAU / max(w.y, 1e-4);
+    float dirRad = w.z * PI / 180.0;
+    vec2 d = vec2(cos(dirRad), sin(dirRad));
+    float omega = sqrt(FLOW_GRAVITY * k) * uWindSpeed;
+    float theta = k * (d.x * p.x + d.y * p.y) - omega * t + w.w;
+    float akc = w.x * k * cos(theta);
+    dhdx += akc * d.x;
+    dhdy += akc * d.y;
+  }
+  return vec2(dhdy, -dhdx);
+}
+
+// ── The scalar Gerstner HEIGHT (transcribes flowField.ts sampleHeight) ──
+float sampleHeight(vec2 o, float t) {
+  float h = 0.0;
+  float ampSum = 0.0;
+  for (int i = 0; i < MAX_WAVE_COMPONENTS; i++) {
+    if (i >= uWaveCount) break;
+    vec4 w = uWaves[i];
+    float k = TAU / max(w.y, 1e-4);
+    float dirRad = w.z * PI / 180.0;
+    vec2 d = vec2(cos(dirRad), sin(dirRad));
+    float omega = sqrt(FLOW_GRAVITY * k) * uWindSpeed;
+    float theta = k * (d.x * o.x + d.y * o.y) - omega * t + w.w;
+    h += w.x * sin(theta);
+    ampSum += abs(w.x);
+  }
+  return h / max(ampSum, 1e-4);
+}
+
+// ── Shared curl-noise basis (the GLSL twin of flow.glsl.ts curlFBM) ──
+float hash21(vec2 p) {
+  vec3 p3 = fract(vec3(p.x, p.y, p.x) * 0.1031);
+  p3 += dot(p3, p3.yzx + 33.33);
+  return fract((p3.x + p3.y) * p3.z);
+}
+float valueNoise(vec2 p) {
   vec2 i = floor(p);
   vec2 f = fract(p);
   vec2 u2 = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);
@@ -340,388 +968,326 @@ void main() {
     return;
   }
   fragColor = vec4(rgb * alpha, alpha);
-}`, S = 9.81, C = Math.PI * 2;
-function w(e) {
-	let t = e * Math.PI / 180;
-	return {
-		x: Math.cos(t),
-		y: Math.sin(t)
-	};
-}
-function T(e, t, n, r) {
-	let i = 0, a = 0;
-	for (let o of n) {
-		let n = C / Math.max(o.wavelength, 1e-4), s = w(o.direction), c = Math.sqrt(S * n) * r, l = n * (s.x * e.x + s.y * e.y) - c * t + o.phase, u = Math.cos(l), d = o.amplitude * n * u;
-		i += d * s.x, a += d * s.y;
-	}
-	return {
-		x: a,
-		y: -i
-	};
-}
-var E = .012;
-function D(e, t) {
-	let n = e * .1031 % 1, r = t * .1031 % 1, i = e * .1031 % 1;
-	n < 0 && (n += 1), r < 0 && (r += 1), i < 0 && (i += 1);
-	let a = n * (r + 33.33) + r * (i + 33.33) + i * (n + 33.33);
-	n += a, r += a, i += a;
-	let o = (n + r) * i % 1;
-	return o < 0 && (o += 1), o;
-}
-function O(e, t, n) {
-	return e + (t - e) * n;
-}
-function k(e, t) {
-	let n = Math.floor(e), r = Math.floor(t), i = e - n, a = t - r, o = i * i * i * (i * (i * 6 - 15) + 10), s = a * a * a * (a * (a * 6 - 15) + 10), c = D(n, r), l = D(n + 1, r), u = D(n, r + 1), d = D(n + 1, r + 1);
-	return O(O(c, l, o), O(u, d, o), s);
-}
-function A(e, t) {
-	let n = 0, r = .5, i = 1, a = e, o = t;
-	for (let e = 0; e < 3; e++) {
-		n += r * k(a * i, o * i);
-		let e = .8 * a - .6 * o, t = .6 * a + .8 * o;
-		a = e, o = t, i *= 2, r *= .5;
-	}
-	return n;
-}
-function j(e) {
-	let t = A(e.x + E, e.y) - A(e.x - E, e.y), n = A(e.x, e.y + E) - A(e.x, e.y - E), r = t / (2 * E);
-	return {
-		x: n / (2 * E),
-		y: -r
-	};
-}
-function M(e, t, n, r, i) {
-	let a = T(e, t, n, r);
-	if (i <= 0) return a;
-	let o = j({
-		x: e.x * .55 + t * .15,
-		y: e.y * .55
-	});
-	return {
-		x: a.x + o.x * i,
-		y: a.y + o.y * i
-	};
-}
-var N = .85;
-function P(e, t, n) {
-	let r = Math.max(t, 1), i = e % r, a = Math.floor(e / r), o = (r - 1) * n / 2;
-	return {
-		x: i * n - o,
-		y: a * n - o
-	};
-}
-function F(e, t, n, r) {
-	let i = 0, a = 0;
-	for (let o of n) {
-		let n = C / Math.max(o.wavelength, 1e-4), s = w(o.direction), c = Math.sqrt(S * n) * r, l = n * (s.x * e.x + s.y * e.y) - c * t + o.phase;
-		i += o.amplitude * Math.sin(l), a += Math.abs(o.amplitude);
-	}
-	return i / Math.max(a, 1e-4);
-}
-function I(e, t, n, r, i) {
-	let a = M(e, t, n, r, i), o = Math.hypot(a.x, a.y);
-	if (o < 1e-5) return {
-		x: 0,
-		y: 0
-	};
-	let s = Math.tanh(o) / o;
-	return {
-		x: a.x * s,
-		y: a.y * s
-	};
-}
-function L(e, t, n) {
-	return 1 - ee(0, Math.max(n, .001), Math.abs(e - t));
+}`, Oe = "\n#define PI 3.141592653589793\n#define TAU 6.283185307179586\n#define FLOW_GRAVITY 9.81\n#define CURL_EPS 0.012\n#define MAX_WAVE_COMPONENTS 8\nconst mat2 FBM_ROT = mat2(0.8, 0.6, -0.6, 0.8);\n\nuniform float uTime;\nuniform float uWindSpeed;\nuniform float uCurlStrength;\nuniform int   uWaveCount;\nuniform vec4  uWaves[MAX_WAVE_COMPONENTS];   // (amplitude, wavelength, directionDeg, phase)\n\nvec2 gerstnerVelocity(vec2 p, float t) {\n  float dhdx = 0.0; float dhdy = 0.0;\n  for (int i = 0; i < MAX_WAVE_COMPONENTS; i++) {\n    if (i >= uWaveCount) break;\n    vec4 w = uWaves[i];\n    float k = TAU / max(w.y, 1e-4);\n    float dirRad = w.z * PI / 180.0;\n    vec2 d = vec2(cos(dirRad), sin(dirRad));\n    float omega = sqrt(FLOW_GRAVITY * k) * uWindSpeed;\n    float theta = k * (d.x * p.x + d.y * p.y) - omega * t + w.w;\n    float akc = w.x * k * cos(theta);\n    dhdx += akc * d.x; dhdy += akc * d.y;\n  }\n  return vec2(dhdy, -dhdx);\n}\nfloat hash21f(vec2 p) {\n  vec3 p3 = fract(vec3(p.x, p.y, p.x) * 0.1031);\n  p3 += dot(p3, p3.yzx + 33.33);\n  return fract((p3.x + p3.y) * p3.z);\n}\nfloat valueNoiseF(vec2 p) {\n  vec2 i = floor(p); vec2 f = fract(p);\n  vec2 u2 = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n  float a = hash21f(i + vec2(0.0, 0.0));\n  float b = hash21f(i + vec2(1.0, 0.0));\n  float c = hash21f(i + vec2(0.0, 1.0));\n  float d = hash21f(i + vec2(1.0, 1.0));\n  return mix(mix(a, b, u2.x), mix(c, d, u2.x), u2.y);\n}\nfloat potentialFBMf(vec2 p0) {\n  float v = 0.0; float amp = 0.5; float freq = 1.0; vec2 p = p0;\n  for (int i = 0; i < 3; i++) { v += amp * valueNoiseF(p * freq); p = FBM_ROT * p; freq *= 2.0; amp *= 0.5; }\n  return v;\n}\nvec2 curlFBMf(vec2 p) {\n  float dx = potentialFBMf(p + vec2(CURL_EPS, 0.0)) - potentialFBMf(p - vec2(CURL_EPS, 0.0));\n  float dy = potentialFBMf(p + vec2(0.0, CURL_EPS)) - potentialFBMf(p - vec2(0.0, CURL_EPS));\n  vec2 g = vec2(dx, dy) / (2.0 * CURL_EPS);\n  return vec2(g.y, -g.x);\n}\nvec2 sampleVelocityF(vec2 p, float t) {\n  vec2 v = gerstnerVelocity(p, t);\n  if (uCurlStrength > 0.0) { v += curlFBMf(vec2(p.x * 0.55 + t * 0.15, p.y * 0.55)) * uCurlStrength; }\n  return v;\n}\n", Z = "#version 300 es\nprecision highp float;\nin vec2 aPosition;\nout vec2 vUv;\nvoid main() {\n  vUv = aPosition * 0.5 + 0.5;   // [0,1] texel space\n  gl_Position = vec4(aPosition, 0.0, 1.0);\n}", ke = `#version 300 es
+precision highp float;
+in vec2 vUv;
+out vec4 fragColor;
+
+uniform sampler2D uState;        // prev particle state (RGBA = pos.xy, speed, life)
+uniform float uDt;
+uniform float uDomainHalf;
+uniform float uTurnRate;
+uniform float uSpeedScale;
+uniform float uLifetimeSec;
+uniform float uEdgeBias;
+uniform vec2  uCursor;           // pointer in domain space
+uniform vec2  uPointerVel;       // pointer velocity (domain/s)
+uniform float uBurst;            // flick-burst impulse
+uniform float uPointerActive;    // 0/1
+uniform float uVortexRadius;
+uniform float uVortexSpin;
+uniform float uDragGain;
+uniform float uBurstShove;
+
+${Oe}
+
+vec2 pointerVortex(vec2 p) {
+  if (uPointerActive < 0.5) return vec2(0.0);
+  vec2 r = p - uCursor;
+  float d = length(r);
+  float radius = max(uVortexRadius, 1e-3);
+  float fall = exp(-(d * d) / (radius * radius));
+  vec2 swirl = normalize(vec2(-r.y, r.x) + vec2(1e-6, 0.0));
+  vec2 radial = r / max(d, 1e-4);
+  vec2 v = swirl * uVortexSpin + uPointerVel * uDragGain + radial * uBurst * uBurstShove;
+  return v * fall;
 }
-function ee(e, t, n) {
-	let r = Math.min(Math.max((n - e) / Math.max(t - e, 1e-6), 0), 1);
-	return r * r * (3 - 2 * r);
+
+vec2 respawn(vec2 seed, float t) {
+  float rx = hash21f(seed + vec2(t * 0.37, 1.7)) * 2.0 - 1.0;
+  float ry = hash21f(seed.yx + vec2(3.1, t * 0.37)) * 2.0 - 1.0;
+  float bias = clamp(uEdgeBias, 0.0, 1.0);
+  float bx = sign(rx) * pow(abs(rx), mix(1.0, 0.5, bias));
+  float by = sign(ry) * pow(abs(ry), mix(1.0, 0.5, bias));
+  return vec2(bx, by) * uDomainHalf;
 }
-function R(e, t = 3, n = 2.5) {
-	let r = 2 * N, i = Math.max(n, .5) * r, a = i / C, o = r / 3, s = Math.max(1, Math.min(Math.round(t), 3)), c = [], l = i, u = 1;
-	for (let t = 0; t < s; t++) {
-		let n = Math.max(l, o), r = C / n, i = Math.exp(-1 / (r * a) ** 2) / (r * r), s = (t % 2 == 0 ? 1 : -1) * (8 + t * 4);
-		c.push({
-			amplitude: i * u,
-			wavelength: n,
-			direction: e + s,
-			phase: t * 1.618033 % C
-		}), l *= .58, u *= .38;
-	}
-	return c;
+
+void main() {
+  vec4 st = texture(uState, vUv);
+  vec2 pos = st.xy;
+  float life = st.w;
+  float half = uDomainHalf;
+
+  bool dead = life <= 0.0;
+  bool outOfDomain = max(abs(pos.x), abs(pos.y)) > half * 1.05;
+  if (dead || outOfDomain) {
+    pos = respawn(vUv, uTime);
+    life = max(uLifetimeSec, 1e-3) * hash21f(vUv * 7.0 + uTime * 0.11);
+  }
+
+  vec2 vField = sampleVelocityF(pos, uTime) + pointerVortex(pos);
+  // momentum: low turnRate = weighty arcs (eases into the current's turns).
+  vec2 v = vField * uTurnRate * uSpeedScale;
+  // forward-Euler advection (pos = pos + v*dt — the integrand twin of cs_flow).
+  pos = pos + v * uDt * 60.0;
+  life = life - uDt;
+
+  fragColor = vec4(pos, length(v), life);
+}`, Ae = "#version 300 es\nprecision highp float;\nuniform sampler2D uState;\nuniform int   uStateCols;\nuniform float uDomainHalf;\nuniform float uPointSize;\nuniform float uSpeedNorm;     // the speed→[0,1] normalizer (modal-speed at ramp middle)\nuniform float uStretchAmp;\nout float vSpeedNorm;\nout float vFade;\nvoid main() {\n  int id = gl_VertexID;\n  int col = id % uStateCols;\n  int row = id / uStateCols;\n  vec2 uv = (vec2(float(col), float(row)) + 0.5) / float(uStateCols);\n  vec4 st = texture(uState, uv);\n  vec2 pos = st.xy;\n  float speed = st.z;\n  float life = st.w;\n  float sn = clamp(speed / max(uSpeedNorm, 1e-4), 0.0, 1.0);\n  vSpeedNorm = sn;\n  vFade = clamp(life * 3.0, 0.0, 1.0);\n  // NDC: domain [-half,half] → [-1,1].\n  gl_Position = vec4(pos / uDomainHalf, 0.0, 1.0);\n  // faster motes read as larger hot speed-cores (the cartoon \"more\" as point size).\n  gl_PointSize = max(uPointSize * (1.0 + sn * (uStretchAmp + 1.0)), 1.0);\n}", je = `#version 300 es
+precision highp float;
+#define MAX_FLOW_STOPS 4
+in float vSpeedNorm;
+in float vFade;
+out vec4 fragColor;
+uniform int  uStopCount;
+uniform vec3 uPalette[MAX_FLOW_STOPS];
+uniform float uSpeedGlow;
+
+${r}
+${a}
+
+vec3 samplePaletteLin(float t) {
+  if (uStopCount <= 1) return uPalette[0];
+  float n = float(uStopCount);
+  float ft = clamp(t, 0.0, 1.0) * (n - 1.0);
+  int i0 = int(floor(ft));
+  int i1 = min(i0 + 1, uStopCount - 1);
+  float f = ft - float(i0);
+  vec3 lmsA = LINEAR_SRGB_TO_LMS * uPalette[i0];
+  vec3 lmsB = LINEAR_SRGB_TO_LMS * uPalette[i1];
+  vec3 labA = LMS_TO_OKLAB * (sign(lmsA) * pow(abs(lmsA), vec3(1.0 / 3.0)));
+  vec3 labB = LMS_TO_OKLAB * (sign(lmsB) * pow(abs(lmsB), vec3(1.0 / 3.0)));
+  return oklabToLinearSrgb(mix(labA, labB, f));
 }
+
+void main() {
+  // soft round sprite — a tight hot core (mask² caps the white wash, H2).
+  vec2 pc = gl_PointCoord * 2.0 - 1.0;
+  float r = length(pc);
+  float mask = 1.0 - smoothstep(0.55, 1.0, r);
+  if (mask < 0.002) discard;
+  float core = mask * mask;
+  float bright = (0.35 + vSpeedNorm * uSpeedGlow) * vFade;
+  vec3 lin = samplePaletteLin(vSpeedNorm) * bright;
+  vec3 rgb = clamp(linearToSrgb(lin), vec3(0.0), vec3(1.0));
+  float a = core * clamp(bright, 0.0, 1.0);
+  fragColor = vec4(rgb * a, a);   // additive premultiplied (the trail braids the ribbons)
+}`, Me = "#version 300 es\nprecision highp float;\nin vec2 vUv;\nout vec4 fragColor;\nuniform sampler2D uPrev;\nuniform float uDecay;       // per-frame trail persistence (DERIVED from trailHalfLife)\nvoid main() {\n  vec4 prev = texture(uPrev, vUv);\n  fragColor = prev * uDecay;  // fade toward black; the warm floor is the present-blit's\n}", Ne = `#version 300 es
+precision highp float;
+in vec2 vUv;
+out vec4 fragColor;
+uniform sampler2D uTrail;
+uniform vec3 uFloor;        // the deep warm-near-black floor (linear-sRGB)
+uniform vec3 uBloomColor;   // the warm rose/magenta corner-bloom (linear-sRGB)
+uniform float uHasGround;   // 0 → transparent (compose over the page field); 1 → opaque floor
+
+${r}
+
+void main() {
+  vec3 trail = texture(uTrail, vUv).rgb;
+  // soft tone-map the accumulated additive trail (Reinhard — hot cores, not white wash).
+  vec3 mapped = trail / (trail + vec3(0.85));
+  if (uHasGround < 0.5) {
+    // compose OVER the page's warm field: emit the lit ribbons premultiplied, no floor.
+    vec3 rgb = clamp(linearToSrgb(mapped), vec3(0.0), vec3(1.0));
+    float a = clamp(max(mapped.r, max(mapped.g, mapped.b)), 0.0, 1.0);
+    fragColor = vec4(rgb * a, a);
+    return;
+  }
+  // the corner-bloom: a faint warm rose radial in one corner (NOT teal).
+  float bloom = smoothstep(1.3, 0.0, distance(vUv, vec2(0.12, 0.88)));
+  vec3 floorLin = uFloor + uBloomColor * bloom * 0.5;
+  vec3 lin = floorLin + mapped;             // the ribbons sit OVER the warm floor
+  vec3 rgb = clamp(linearToSrgb(lin), vec3(0.0), vec3(1.0));
+  fragColor = vec4(rgb, 1.0);
+}`;
 //#endregion
-//#region src/components/custom/dot-flow-field/constants.ts
-var te = 16384, ne = 8, re = 4, z = [{
-	L: .92,
-	C: .03,
-	h: 78
-}, {
-	L: .84,
-	C: .07,
-	h: 62
-}], B = R(35, 3, 2.5), V = {
-	waveComponents: B,
-	windSpeed: .3,
-	curlStrength: .12,
-	gridPitch: 26,
-	dotSize: 2,
-	displaceAmp: .18,
-	springK: 6,
-	waveBandCenter: 0,
-	waveBandWidth: .55,
-	contrast: .6,
-	coherence: .8,
-	globeMask: !1,
-	palette: z,
-	background: "transparent",
-	interactive: !1,
-	respectReducedMotion: !0
-}, H = N, ie = 16384;
-function U(e, t) {
-	let n = Math.min(Math.max(Math.ceil((t || 320) / Math.max(e, 4)) + 2, 4), 128);
-	return {
-		cols: n,
-		count: Math.min(n * n, ie),
-		pitchDomain: 2 * H / Math.max(n, 1)
-	};
-}
-var ae = 176, W = {
-	p0: 0,
-	p1: 4,
-	ints: 8,
-	waves: 12
-};
-function G() {
-	let e = new ArrayBuffer(ae);
-	return {
-		buffer: e,
-		f32: new Float32Array(e),
-		i32: new Int32Array(e)
-	};
-}
-function oe(e, t, n, r, i) {
-	let { f32: a, i32: o } = e;
-	a[W.p0 + 0] = n, a[W.p0 + 1] = r, a[W.p0 + 2] = t.windSpeed, a[W.p0 + 3] = t.curlStrength, a[W.p1 + 0] = i.pitchDomain, a[W.p1 + 1] = t.displaceAmp, a[W.p1 + 2] = t.springK, a[W.p1 + 3] = i.cols;
-	let s = Math.min(t.waveComponents.length, 8);
-	return o[W.ints + 0] = s, o[W.ints + 1] = i.count, o[W.ints + 2] = i.cols, o[W.ints + 3] = 0, de(a, W.waves, t.waveComponents), e;
-}
-var se = 144, K = {
-	r0: 0,
-	r1: 4,
-	r2: 8,
-	ints: 12,
-	bg: 16,
-	palette: 20
-};
-function q() {
-	let e = new ArrayBuffer(se);
-	return {
-		buffer: e,
-		f32: new Float32Array(e),
-		i32: new Int32Array(e)
-	};
+//#region src/components/custom/dot-flow-field/composables/flowGLProgram.ts
+function Pe(e, t, n) {
+	let r = e.createShader(t);
+	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
+		let t = e.getShaderInfoLog(r);
+		throw e.deleteShader(r), Error(`[DotFlowField] shader compile failed: ${t}`);
+	}
+	return r;
 }
-var J = .22, ce = .4;
-function le(e, t) {
-	let n = (t || 320) / (2 * H);
-	return e / Math.max(n, 1e-4);
+function Q(e, t, n) {
+	let r = Pe(e, e.VERTEX_SHADER, t), i = Pe(e, e.FRAGMENT_SHADER, n), a = e.createProgram();
+	if (e.attachShader(a, r), e.attachShader(a, i), e.linkProgram(a), !e.getProgramParameter(a, e.LINK_STATUS)) throw Error(`[DotFlowField] link failed: ${e.getProgramInfoLog(a)}`);
+	return e.deleteShader(r), e.deleteShader(i), a;
 }
-function ue(e, t, n, r, i, a, o) {
-	let { f32: s, i32: l } = e;
-	s[K.r0 + 0] = n, s[K.r0 + 1] = t.contrast, s[K.r0 + 2] = J, s[K.r0 + 3] = H, s[K.r1 + 0] = le(t.dotSize, i), s[K.r1 + 1] = ce, s[K.r1 + 2] = r, s[K.r1 + 3] = a.pitchDomain, s[K.r2 + 0] = t.waveBandCenter, s[K.r2 + 1] = t.waveBandWidth, s[K.r2 + 2] = +!!t.globeMask, s[K.r2 + 3] = 0;
-	let u = Math.min(o.length, 4);
-	if (l[K.ints + 0] = u, l[K.ints + 1] = a.count, l[K.ints + 2] = 0, l[K.ints + 3] = 0, t.background === "transparent") s[K.bg + 0] = 0, s[K.bg + 1] = 0, s[K.bg + 2] = 0, s[K.bg + 3] = 0;
-	else {
-		let e = c(t.background);
-		s[K.bg + 0] = e[0], s[K.bg + 1] = e[1], s[K.bg + 2] = e[2], s[K.bg + 3] = 1;
-	}
-	for (let e = 0; e < 4; e++) {
-		let t = K.palette + e * 4, n = c(o[Math.min(e, u - 1)] ?? o[0]);
-		s[t + 0] = n[0], s[t + 1] = n[1], s[t + 2] = n[2], s[t + 3] = 0;
-	}
-	return e;
+function Fe(e, t, n) {
+	let r = e.createTexture(), i = e.createFramebuffer();
+	e.bindTexture(e.TEXTURE_2D, r), e.texImage2D(e.TEXTURE_2D, 0, t, 2, 2, 0, e.RGBA, n, null), e.bindFramebuffer(e.FRAMEBUFFER, i), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, r, 0);
+	let a = e.checkFramebufferStatus(e.FRAMEBUFFER) === e.FRAMEBUFFER_COMPLETE;
+	return e.bindFramebuffer(e.FRAMEBUFFER, null), e.deleteFramebuffer(i), e.deleteTexture(r), a;
 }
-function de(e, t, n) {
-	for (let r = 0; r < 8; r++) {
-		let i = t + r * 4, a = n[r];
-		a ? (e[i + 0] = a.amplitude, e[i + 1] = a.wavelength, e[i + 2] = a.direction, e[i + 3] = a.phase) : (e[i + 0] = 0, e[i + 1] = 1, e[i + 2] = 0, e[i + 3] = 0);
-	}
+function Ie(e) {
+	let t = new Uint16Array(e.length);
+	for (let n = 0; n < e.length; n++) t[n] = Le(e[n]);
+	return t;
 }
-function fe(e) {
-	let { cols: t, count: n, pitchDomain: r } = e, i = new Float32Array(n * 4), a = (t - 1) * r / 2;
-	for (let e = 0; e < n; e++) {
-		let n = e % t, o = Math.floor(e / t), s = e * 4;
-		i[s + 0] = n * r - a, i[s + 1] = o * r - a, i[s + 2] = 0, i[s + 3] = 0;
-	}
-	return i;
+function Le(e) {
+	let t = new Float32Array(1), n = new Int32Array(t.buffer);
+	t[0] = e;
+	let r = n[0], i = r >> 16 & 32768, a = (r >> 23 & 255) - 127 + 15, o = r & 8388607;
+	return a <= 0 ? i : a >= 31 ? i | 31744 : (o >>= 13, i | a << 10 | o);
 }
 //#endregion
-//#region src/components/custom/dot-flow-field/composables/useFlowParticles.ts
-var Y = 64, pe = 128, X = 8, Z = 1, me = 2, Q = 4, he = 64;
-function $(e) {
-	return Math.min(e.clientWidth || 320, e.clientHeight || 320);
-}
-function ge(e) {
-	let { canvas: t, config: n, getPalette: r, shouldContinue: i, onFrame: a } = e;
-	return function(e, s, c) {
-		let l = U(n.gridPitch, $(t)), u = e.createShaderModule({
-			label: "[DotFlowField] flow-field.compute.wgsl",
-			code: v
-		}), d = e.createShaderModule({
-			label: "[DotFlowField] flow-field.render.wgsl",
-			code: y
-		}), f = fe(l), p = e.createBuffer({
-			label: "[DotFlowField] lattice",
-			size: l.count * 16,
-			usage: pe | X,
-			mappedAtCreation: !0
-		});
-		new Float32Array(p.getMappedRange()).set(f), p.unmap();
-		let m = e.createBuffer({
-			label: "[DotFlowField] compute-uniforms",
-			size: G().buffer.byteLength,
-			usage: Y | X
-		}), h = e.createBuffer({
-			label: "[DotFlowField] render-uniforms",
-			size: q().buffer.byteLength,
-			usage: Y | X
-		}), g = e.createBindGroupLayout({
-			label: "[DotFlowField] compute-bgl",
-			entries: [{
-				binding: 0,
-				visibility: Q,
-				buffer: { type: "uniform" }
-			}, {
-				binding: 1,
-				visibility: Q,
-				buffer: { type: "storage" }
-			}]
-		}), _ = e.createComputePipeline({
-			label: "[DotFlowField] compute-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [g] }),
-			compute: {
-				module: u,
-				entryPoint: "cs_main"
-			}
-		}), b = e.createBindGroup({
-			label: "[DotFlowField] compute-bg",
-			layout: g,
-			entries: [{
-				binding: 0,
-				resource: { buffer: m }
-			}, {
-				binding: 1,
-				resource: { buffer: p }
-			}]
-		}), x = e.createBindGroupLayout({
-			label: "[DotFlowField] render-bgl",
-			entries: [{
-				binding: 0,
-				visibility: Z | me,
-				buffer: { type: "uniform" }
-			}, {
-				binding: 1,
-				visibility: Z,
-				buffer: { type: "read-only-storage" }
-			}]
-		}), S = e.createRenderPipeline({
-			label: "[DotFlowField] render-pipeline",
-			layout: e.createPipelineLayout({ bindGroupLayouts: [x] }),
-			vertex: {
-				module: d,
-				entryPoint: "vs_main"
-			},
-			fragment: {
-				module: d,
-				entryPoint: "fs_main",
-				targets: [{
-					format: c,
-					blend: {
-						color: {
-							srcFactor: "one",
-							dstFactor: "one-minus-src-alpha",
-							operation: "add"
-						},
-						alpha: {
-							srcFactor: "one",
-							dstFactor: "one-minus-src-alpha",
-							operation: "add"
-						}
-					}
-				}]
-			},
-			primitive: { topology: "triangle-list" }
-		}), C = e.createBindGroup({
-			label: "[DotFlowField] render-bg",
-			layout: x,
-			entries: [{
-				binding: 0,
-				resource: { buffer: h }
-			}, {
-				binding: 1,
-				resource: { buffer: p }
-			}]
-		}), w = G(), T = q(), E = -1;
-		function D() {
-			let e = o(), r = t.clientWidth || 320, i = t.clientHeight || 320, a = Math.max(1, Math.round(r * e)), s = Math.max(1, Math.round(i * e));
-			(t.width !== a || t.height !== s) && (t.width = a, t.height = s);
-			let c = U(n.gridPitch, $(t));
-			l = {
-				...c,
-				count: Math.min(c.count, f.length / 4)
-			};
+//#region src/components/custom/dot-flow-field/composables/flowSetupGLFlow.ts
+function Re(e) {
+	let { canvas: t, config: n, getPalette: r, shouldContinue: i, onFrame: a, getPointer: s } = e;
+	return function(e) {
+		let l = He(n), u = Ue(l);
+		e.getExtension("EXT_color_buffer_float"), e.getExtension("EXT_color_buffer_half_float"), e.getExtension("OES_texture_float_linear");
+		let d = Fe(e, e.RGBA32F, e.FLOAT) ? {
+			internal: e.RGBA32F,
+			type: e.FLOAT
+		} : {
+			internal: e.RGBA16F,
+			type: e.HALF_FLOAT
+		}, f = Fe(e, e.RGBA16F, e.HALF_FLOAT) ? {
+			internal: e.RGBA16F,
+			type: e.HALF_FLOAT
+		} : {
+			internal: e.RGBA8,
+			type: e.UNSIGNED_BYTE
+		}, p = Q(e, Z, ke), m = Q(e, Ae, je), h = Q(e, Z, Me), g = Q(e, Z, Ne), _ = e.createVertexArray();
+		e.bindVertexArray(_);
+		let v = e.createBuffer();
+		e.bindBuffer(e.ARRAY_BUFFER, v), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
+			-1,
+			-1,
+			3,
+			-1,
+			-1,
+			3
+		]), e.STATIC_DRAW);
+		for (let t of [
+			p,
+			h,
+			g
+		]) {
+			let n = e.getAttribLocation(t, "aPosition");
+			n >= 0 && (e.enableVertexAttribArray(n), e.vertexAttribPointer(n, 2, e.FLOAT, !1, 0, 0));
 		}
-		function O(i) {
-			a?.(i);
-			let o = E < 0 ? 0 : Math.min(Math.max(i - E, 0), .05);
-			E = i;
-			let c = (t.clientWidth || 320) / Math.max(t.clientHeight || 320, 1);
-			oe(w, n, i, o, l), e.queue.writeBuffer(m, 0, w.buffer), ue(T, n, i, c, $(t), l, r()), e.queue.writeBuffer(h, 0, T.buffer);
-			let u = Math.ceil(l.count / he), d = e.createCommandEncoder({ label: "[DotFlowField] frame" }), f = d.beginComputePass();
-			f.setPipeline(_), f.setBindGroup(0, b), f.dispatchWorkgroups(u), f.end();
-			let p = s.getCurrentTexture().createView(), g = d.beginRenderPass({ colorAttachments: [{
-				view: p,
-				clearValue: {
-					r: 0,
-					g: 0,
-					b: 0,
-					a: 0
-				},
-				loadOp: "clear",
-				storeOp: "store"
-			}] });
-			g.setPipeline(S), g.setBindGroup(0, C), g.draw(6, l.count, 0, 0), g.end(), e.queue.submit([d.finish()]);
+		e.bindVertexArray(null);
+		let y = e.createVertexArray(), b = he(l, n.lifetimeSec), x = new Float32Array(u * u * 4);
+		x.set(b.subarray(0, Math.min(b.length, x.length)));
+		function S(t) {
+			let n = e.createTexture();
+			e.bindTexture(e.TEXTURE_2D, n), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE);
+			let r = t && d.type === e.FLOAT ? t : t ? Ie(t) : null;
+			return e.texImage2D(e.TEXTURE_2D, 0, d.internal, u, u, 0, e.RGBA, d.type, r), n;
+		}
+		let C = [S(x), S(null)], w = [e.createFramebuffer(), e.createFramebuffer()];
+		for (let t = 0; t < 2; t++) e.bindFramebuffer(e.FRAMEBUFFER, w[t]), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, C[t], 0);
+		e.bindFramebuffer(e.FRAMEBUFFER, null);
+		let T = null, E = null, D = 2, O = 2;
+		function k() {
+			let r = Math.min(Math.max(n.trailScale, .25), 1);
+			D = Math.max(2, Math.round(t.width * r)), O = Math.max(2, Math.round(t.height * r)), T?.forEach((t) => e.deleteTexture(t)), E?.forEach((t) => e.deleteFramebuffer(t));
+			let i = () => {
+				let t = e.createTexture();
+				return e.bindTexture(e.TEXTURE_2D, t), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MIN_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_MAG_FILTER, e.NEAREST), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_S, e.CLAMP_TO_EDGE), e.texParameteri(e.TEXTURE_2D, e.TEXTURE_WRAP_T, e.CLAMP_TO_EDGE), e.texImage2D(e.TEXTURE_2D, 0, f.internal, D, O, 0, e.RGBA, f.type, null), t;
+			}, a = i(), o = i();
+			T = [a, o];
+			let s = e.createFramebuffer(), c = e.createFramebuffer();
+			e.bindFramebuffer(e.FRAMEBUFFER, s), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, a, 0), e.bindFramebuffer(e.FRAMEBUFFER, c), e.framebufferTexture2D(e.FRAMEBUFFER, e.COLOR_ATTACHMENT0, e.TEXTURE_2D, o, 0), e.bindFramebuffer(e.FRAMEBUFFER, null);
+			for (let t of [s, c]) e.bindFramebuffer(e.FRAMEBUFFER, t), e.viewport(0, 0, D, O), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT);
+			e.bindFramebuffer(e.FRAMEBUFFER, null), E = [s, c];
+		}
+		let A = (t) => e.getUniformLocation(p, t), j = {
+			uState: A("uState"),
+			uDt: A("uDt"),
+			uDomainHalf: A("uDomainHalf"),
+			uTurnRate: A("uTurnRate"),
+			uSpeedScale: A("uSpeedScale"),
+			uLifetimeSec: A("uLifetimeSec"),
+			uEdgeBias: A("uEdgeBias"),
+			uCursor: A("uCursor"),
+			uPointerVel: A("uPointerVel"),
+			uBurst: A("uBurst"),
+			uPointerActive: A("uPointerActive"),
+			uVortexRadius: A("uVortexRadius"),
+			uVortexSpin: A("uVortexSpin"),
+			uDragGain: A("uDragGain"),
+			uBurstShove: A("uBurstShove"),
+			uTime: A("uTime"),
+			uWindSpeed: A("uWindSpeed"),
+			uCurlStrength: A("uCurlStrength"),
+			uWaveCount: A("uWaveCount"),
+			uWaves: A("uWaves[0]")
+		}, M = (t) => e.getUniformLocation(m, t), N = {
+			uState: M("uState"),
+			uStateCols: M("uStateCols"),
+			uDomainHalf: M("uDomainHalf"),
+			uPointSize: M("uPointSize"),
+			uSpeedNorm: M("uSpeedNorm"),
+			uStretchAmp: M("uStretchAmp"),
+			uStopCount: M("uStopCount"),
+			uPalette: M("uPalette[0]"),
+			uSpeedGlow: M("uSpeedGlow")
+		}, P = (t) => e.getUniformLocation(h, t), F = {
+			uPrev: P("uPrev"),
+			uDecay: P("uDecay")
+		}, I = (t) => e.getUniformLocation(g, t), L = {
+			uTrail: I("uTrail"),
+			uFloor: I("uFloor"),
+			uBloom: I("uBloomColor"),
+			uHasGround: I("uHasGround")
+		}, R = 0, z = -1;
+		function B() {
+			let e = o(), n = t.clientWidth || 320, r = t.clientHeight || 320, i = Math.max(1, Math.round(n * e)), a = Math.max(1, Math.round(r * e));
+			(t.width !== i || t.height !== a) && (t.width = i, t.height = a), k();
+		}
+		function V(i) {
+			a?.(i), (!E || !T) && k();
+			let d = z < 0 ? 0 : Math.min(Math.max(i - z, 0), .05);
+			z = i;
+			let f = s?.(), v = R, b = 1 - R;
+			e.disable(e.BLEND), e.bindFramebuffer(e.FRAMEBUFFER, w[v]), e.viewport(0, 0, u, u), e.useProgram(p), e.bindVertexArray(_), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, C[b]), e.uniform1i(j.uState, 0), e.uniform1f(j.uDt, d), e.uniform1f(j.uDomainHalf, W), e.uniform1f(j.uTurnRate, n.turnRate), e.uniform1f(j.uSpeedScale, n.speedScale), e.uniform1f(j.uLifetimeSec, n.lifetimeSec), e.uniform1f(j.uEdgeBias, n.edgeBias), e.uniform1f(j.uTime, i), e.uniform1f(j.uWindSpeed, n.windSpeed), e.uniform1f(j.uCurlStrength, n.curlStrength), e.uniform1f(j.uVortexRadius, n.vortexRadius), e.uniform1f(j.uVortexSpin, n.vortexSpin), e.uniform1f(j.uDragGain, n.dragGain), e.uniform1f(j.uBurstShove, n.burstShove), f ? (e.uniform2f(j.uCursor, f.cursorX, f.cursorY), e.uniform2f(j.uPointerVel, f.velX, f.velY), e.uniform1f(j.uBurst, f.burst), e.uniform1f(j.uPointerActive, f.active)) : e.uniform1f(j.uPointerActive, 0);
+			let x = Math.min(n.waveComponents.length, 8);
+			e.uniform1i(j.uWaveCount, x);
+			let S = new Float32Array(32);
+			for (let e = 0; e < 8; e++) {
+				let t = n.waveComponents[e];
+				S[e * 4 + 0] = t?.amplitude ?? 0, S[e * 4 + 1] = t?.wavelength ?? 1, S[e * 4 + 2] = t?.direction ?? 0, S[e * 4 + 3] = t?.phase ?? 0;
+			}
+			e.uniform4fv(j.uWaves, S), e.drawArrays(e.TRIANGLES, 0, 3), e.bindFramebuffer(e.FRAMEBUFFER, E[v]), e.viewport(0, 0, D, O), e.disable(e.BLEND), e.useProgram(h), e.bindVertexArray(_), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, T[b]), e.uniform1i(F.uPrev, 0), e.uniform1f(F.uDecay, ee(n.trailHalfLife)), e.drawArrays(e.TRIANGLES, 0, 3), e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE), e.useProgram(m), e.bindVertexArray(y), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, C[v]), e.uniform1i(N.uState, 0), e.uniform1i(N.uStateCols, u), e.uniform1f(N.uDomainHalf, W);
+			let A = o();
+			e.uniform1f(N.uPointSize, Math.max(n.dotSize * A * 1.5, 1)), e.uniform1f(N.uSpeedNorm, se), e.uniform1f(N.uStretchAmp, n.stretchAmp), e.uniform1f(N.uSpeedGlow, n.speedGlow);
+			let M = r(), P = Math.min(M.length, 4);
+			e.uniform1i(N.uStopCount, P);
+			let I = new Float32Array(12);
+			for (let e = 0; e < 4; e++) {
+				let t = c(M[Math.min(e, P - 1)] ?? M[0]);
+				I[e * 3 + 0] = t[0], I[e * 3 + 1] = t[1], I[e * 3 + 2] = t[2];
+			}
+			e.uniform3fv(N.uPalette, I), e.drawArrays(e.POINTS, 0, l), e.bindFramebuffer(e.FRAMEBUFFER, null), e.viewport(0, 0, t.width, t.height), e.disable(e.BLEND), e.useProgram(g), e.bindVertexArray(_), e.activeTexture(e.TEXTURE0), e.bindTexture(e.TEXTURE_2D, T[v]), e.uniform1i(L.uTrail, 0);
+			let B = n.background === "transparent" ? 0 : 1, V = c(n.background === "transparent" ? Be : n.background), H = c(Ve);
+			e.uniform3f(L.uFloor, V[0], V[1], V[2]), e.uniform3f(L.uBloom, H[0], H[1], H[2]), e.uniform1f(L.uHasGround, B), e.drawArrays(e.TRIANGLES, 0, 3), e.bindVertexArray(null), R = b;
 		}
 		return {
-			frame: O,
+			frame: V,
 			shouldContinue: i,
-			resize: D,
+			resize: B,
 			teardown: () => {
-				p.destroy(), m.destroy(), h.destroy();
+				e.deleteProgram(p), e.deleteProgram(m), e.deleteProgram(h), e.deleteProgram(g), e.deleteVertexArray(_), e.deleteVertexArray(y), e.deleteBuffer(v), C.forEach((t) => e.deleteTexture(t)), w.forEach((t) => e.deleteFramebuffer(t)), T?.forEach((t) => e.deleteTexture(t)), E?.forEach((t) => e.deleteFramebuffer(t));
 			}
 		};
 	};
 }
-function _e(e, t, n) {
-	let r = e.createShader(t);
-	if (e.shaderSource(r, n), e.compileShader(r), !e.getShaderParameter(r, e.COMPILE_STATUS)) {
-		let t = e.getShaderInfoLog(r);
-		throw e.deleteShader(r), Error(`[DotFlowField] shader compile failed: ${t}`);
-	}
-	return r;
-}
-function ve(e) {
+//#endregion
+//#region src/components/custom/dot-flow-field/composables/flowSetupGL.ts
+function ze(e) {
+	if (e.config.mode === "flow") return Re(e);
 	let { canvas: t, config: n, getPalette: r, shouldContinue: i, onFrame: a } = e;
 	return function(e) {
-		let s = _e(e, e.VERTEX_SHADER, b), l = _e(e, e.FRAGMENT_SHADER, x), u = e.createProgram();
-		if (e.attachShader(u, s), e.attachShader(u, l), e.linkProgram(u), !e.getProgramParameter(u, e.LINK_STATUS)) throw Error(`[DotFlowField] link failed: ${e.getProgramInfoLog(u)}`);
-		e.deleteShader(s), e.deleteShader(l);
-		let d = e.createVertexArray();
-		e.bindVertexArray(d);
-		let f = e.createBuffer();
-		e.bindBuffer(e.ARRAY_BUFFER, f), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
+		let s = Q(e, Ee, De), l = e.createVertexArray();
+		e.bindVertexArray(l);
+		let u = e.createBuffer();
+		e.bindBuffer(e.ARRAY_BUFFER, u), e.bufferData(e.ARRAY_BUFFER, new Float32Array([
 			-1,
 			-1,
 			3,
@@ -729,134 +1295,159 @@ function ve(e) {
 			-1,
 			3
 		]), e.STATIC_DRAW);
-		let p = e.getAttribLocation(u, "aPosition");
-		e.enableVertexAttribArray(p), e.vertexAttribPointer(p, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
-		let m = (t) => e.getUniformLocation(u, t), h = m("uTime"), g = m("uWindSpeed"), _ = m("uCurlStrength"), v = m("uDomainHalf"), y = m("uAspect"), S = m("uGridPitchDomain"), C = m("uDotRadiusDomain"), w = m("uDisplaceAmp"), T = m("uContrast"), E = m("uBaseBright"), D = m("uWaveBandCenter"), O = m("uWaveBandWidth"), k = m("uGlobeMask"), A = m("uWaveCount"), j = m("uStopCount"), M = m("uHasBackground"), N = m("uBg"), P = m("uWaves[0]"), F = m("uPalette[0]");
-		function I() {
+		let d = e.getAttribLocation(s, "aPosition");
+		e.enableVertexAttribArray(d), e.vertexAttribPointer(d, 2, e.FLOAT, !1, 0, 0), e.bindVertexArray(null);
+		let f = (t) => e.getUniformLocation(s, t), p = f("uTime"), m = f("uWindSpeed"), h = f("uCurlStrength"), g = f("uDomainHalf"), _ = f("uAspect"), v = f("uGridPitchDomain"), y = f("uDotRadiusDomain"), b = f("uDisplaceAmp"), x = f("uContrast"), S = f("uBaseBright"), C = f("uWaveBandCenter"), w = f("uWaveBandWidth"), T = f("uGlobeMask"), E = f("uWaveCount"), D = f("uStopCount"), O = f("uHasBackground"), k = f("uBg"), A = f("uWaves[0]"), j = f("uPalette[0]");
+		function M() {
 			let n = o(), r = t.clientWidth || 320, i = t.clientHeight || 320, a = Math.max(1, Math.round(r * n)), s = Math.max(1, Math.round(i * n));
 			(t.width !== a || t.height !== s) && (t.width = a, t.height = s), e.viewport(0, 0, t.width, t.height);
 		}
-		function L(i) {
+		function N(i) {
 			a?.(i);
-			let o = $(t), s = (t.clientWidth || 320) / Math.max(t.clientHeight || 320, 1), l = U(n.gridPitch, o), f = o / (2 * H), p = n.dotSize / Math.max(f, 1e-4);
-			e.useProgram(u), e.bindVertexArray(d), e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.uniform1f(h, i), e.uniform1f(g, n.windSpeed), e.uniform1f(_, n.curlStrength), e.uniform1f(v, H), e.uniform1f(y, s), e.uniform1f(S, l.pitchDomain), e.uniform1f(C, p), e.uniform1f(w, n.displaceAmp), e.uniform1f(T, n.contrast), e.uniform1f(E, J), e.uniform1f(D, n.waveBandCenter), e.uniform1f(O, n.waveBandWidth), e.uniform1f(k, +!!n.globeMask);
-			let m = Math.min(n.waveComponents.length, 8), b = r(), x = Math.min(b.length, 4);
-			if (e.uniform1i(A, m), e.uniform1i(j, x), n.background === "transparent") e.uniform1f(M, 0), e.uniform3f(N, 0, 0, 0);
+			let o = $(t), u = (t.clientWidth || 320) / Math.max(t.clientHeight || 320, 1), d = G(n.gridPitch, o), f = o / (2 * W), M = n.dotSize / Math.max(f, 1e-4);
+			e.useProgram(s), e.bindVertexArray(l), e.enable(e.BLEND), e.blendFunc(e.ONE, e.ONE_MINUS_SRC_ALPHA), e.clearColor(0, 0, 0, 0), e.clear(e.COLOR_BUFFER_BIT), e.uniform1f(p, i), e.uniform1f(m, n.windSpeed), e.uniform1f(h, n.curlStrength), e.uniform1f(g, W), e.uniform1f(_, u), e.uniform1f(v, d.pitchDomain), e.uniform1f(y, M), e.uniform1f(b, n.displaceAmp), e.uniform1f(x, n.contrast), e.uniform1f(S, le), e.uniform1f(C, n.waveBandCenter), e.uniform1f(w, n.waveBandWidth), e.uniform1f(T, +!!n.globeMask);
+			let N = Math.min(n.waveComponents.length, 8), P = r(), F = Math.min(P.length, 4);
+			if (e.uniform1i(E, N), e.uniform1i(D, F), n.background === "transparent") e.uniform1f(O, 0), e.uniform3f(k, 0, 0, 0);
 			else {
-				e.uniform1f(M, 1);
+				e.uniform1f(O, 1);
 				let t = c(n.background);
-				e.uniform3f(N, t[0], t[1], t[2]);
+				e.uniform3f(k, t[0], t[1], t[2]);
 			}
 			let I = new Float32Array(32);
 			for (let e = 0; e < 8; e++) {
 				let t = n.waveComponents[e];
 				I[e * 4 + 0] = t?.amplitude ?? 0, I[e * 4 + 1] = t?.wavelength ?? 1, I[e * 4 + 2] = t?.direction ?? 0, I[e * 4 + 3] = t?.phase ?? 0;
 			}
-			e.uniform4fv(P, I);
+			e.uniform4fv(A, I);
 			let L = new Float32Array(12);
 			for (let e = 0; e < 4; e++) {
-				let t = c(b[Math.min(e, x - 1)] ?? b[0]);
+				let t = c(P[Math.min(e, F - 1)] ?? P[0]);
 				L[e * 3 + 0] = t[0], L[e * 3 + 1] = t[1], L[e * 3 + 2] = t[2];
 			}
-			e.uniform3fv(F, L), e.drawArrays(e.TRIANGLES, 0, 3), e.bindVertexArray(null);
+			e.uniform3fv(j, L), e.drawArrays(e.TRIANGLES, 0, 3), e.bindVertexArray(null);
 		}
 		return {
-			frame: L,
+			frame: N,
 			shouldContinue: i,
-			resize: I,
+			resize: M,
 			teardown: () => {
-				e.deleteProgram(u), e.deleteVertexArray(d), e.deleteBuffer(f);
+				e.deleteProgram(s), e.deleteVertexArray(l), e.deleteBuffer(u);
 			}
 		};
 	};
 }
 //#endregion
+//#region src/components/custom/dot-flow-field/composables/useFlowParticles.ts
+var Be = {
+	L: .11,
+	C: .012,
+	h: 50
+}, Ve = {
+	L: .5,
+	C: .16,
+	h: 330
+};
+function $(e) {
+	return Math.min(e.clientWidth || 320, e.clientHeight || 320);
+}
+function He(e) {
+	return Math.min(Math.max(Math.floor(e.particleCount), 1), te);
+}
+function Ue(e) {
+	return Math.max(1, Math.ceil(Math.sqrt(e)));
+}
+//#endregion
 //#region src/components/custom/dot-flow-field/composables/useDotFlowField.ts
-function ye(e, n) {
+function We(e, n) {
 	let { config: r, getPalette: i } = n, a = n.mode ?? "live", o = t({ respectReducedMotion: r.respectReducedMotion }), c = {
 		displaceBoost: 1,
 		bloom: 0
-	}, l = { ...r }, u = () => (Object.assign(l, r), l.displaceAmp = r.displaceAmp * c.displaceBoost, l.contrast = r.contrast * (1 + c.bloom * .8), l), d = null, f = 0;
-	function p(e) {
-		let t = f > 0 ? (e - f) * 1e3 : 16.7;
-		if (f = e, o.tick(t), !r.interactive || !o.active.value) {
+	}, l = { ...re }, u = () => {
+		if (!r.interactive || !o.active.value) return l.active = 0, l;
+		let e = o.position.value, t = o.velocity.value, n = 2 * W;
+		return l.cursorX = (e.x * 2 - 1) * W, l.cursorY = (1 - e.y * 2) * W, l.velX = t.x * n, l.velY = -t.y * n, l.burst = o.burst.value, l.active = 1, l;
+	}, d = { ...r }, f = () => (Object.assign(d, r), d.displaceAmp = r.displaceAmp * c.displaceBoost, d.contrast = r.contrast * (1 + c.bloom * .8), d), p = null, h = 0;
+	function g(e) {
+		let t = h > 0 ? (e - h) * 1e3 : 16.7;
+		if (h = e, o.tick(t), !r.interactive || !o.active.value) {
 			c.displaceBoost += (1 - c.displaceBoost) * .1, c.bloom *= .9;
 			return;
 		}
 		let n = o.speed.value, i = 1 + Math.min(2.5, n * 3);
 		c.displaceBoost += (i - c.displaceBoost) * .2, c.bloom = Math.max(c.bloom * .9, o.burst.value);
 	}
-	let h = () => {
-		o.onPointerEnter(), r.interactive && d?.wake();
-	}, g = (e) => {
-		o.onPointerMove(e), r.interactive && d?.wake();
-	}, _ = (e) => e.parentElement ?? e;
-	function v(e) {
-		let t = _(e);
-		t.addEventListener("pointermove", g), t.addEventListener("pointerenter", h), t.addEventListener("pointerleave", o.onPointerLeave);
+	let _ = () => {
+		o.onPointerEnter(), r.interactive && p?.wake();
+	}, v = (e) => {
+		o.onPointerMove(e), r.interactive && p?.wake();
+	}, y = (e) => e.parentElement ?? e;
+	function b(e) {
+		let t = y(e);
+		t.addEventListener("pointermove", v), t.addEventListener("pointerenter", _), t.addEventListener("pointerleave", o.onPointerLeave);
 	}
-	function y(e) {
-		let t = _(e);
-		t.removeEventListener("pointermove", g), t.removeEventListener("pointerenter", h), t.removeEventListener("pointerleave", o.onPointerLeave);
+	function x(e) {
+		let t = y(e);
+		t.removeEventListener("pointermove", v), t.removeEventListener("pointerenter", _), t.removeEventListener("pointerleave", o.onPointerLeave);
 	}
-	let b = () => {
+	let S = () => {
 		let t = e.value;
 		if (!t) return null;
-		if (!d) {
-			v(t);
+		if (!p) {
+			b(t);
 			let e = {
 				canvas: t,
-				config: u(),
+				config: f(),
 				getPalette: i,
+				getPointer: u,
 				shouldContinue: () => !0,
-				onFrame: p
+				onFrame: g
 			};
-			d = s(t, {
+			p = s(t, {
 				mode: a,
 				respectReducedMotion: r.respectReducedMotion,
-				setupWGPU: ge({
+				setupWGPU: Te({
 					...e,
-					config: l,
+					config: d,
 					onFrame: (e) => {
-						p(e), u();
+						g(e), f();
 					}
 				}),
-				setupGL: ve({
+				setupGL: ze({
 					...e,
-					config: l,
+					config: d,
 					onFrame: (e) => {
-						p(e), u();
+						g(e), f();
 					}
 				})
-			}), d.armAsync();
+			}), p.armAsync();
 		}
-		return d;
+		return p;
 	};
-	queueMicrotask(() => b());
-	let x = {
+	queueMicrotask(() => S());
+	let C = {
 		get backend() {
-			return b()?.backend ?? "webgpu";
+			return S()?.backend ?? "webgpu";
 		},
-		pause: () => b()?.suspend("manual"),
-		resume: () => b()?.resume("manual"),
-		wake: () => b()?.wake(),
-		renderAt: (e) => b()?.renderAt(e),
+		pause: () => S()?.suspend("manual"),
+		resume: () => S()?.resume("manual"),
+		wake: () => S()?.wake(),
+		renderAt: (e) => S()?.renderAt(e),
 		get reducedMotion() {
-			return d?.reducedMotion ?? !1;
+			return p?.reducedMotion ?? !1;
 		},
 		dispose: () => {
 			let t = e.value;
-			t && y(t), o.dispose(), d?.dispose();
+			t && x(t), o.dispose(), p?.dispose();
 		}
 	};
-	return m(() => x.dispose()), x;
+	return m(() => C.dispose()), C;
 }
 //#endregion
 //#region src/components/custom/dot-flow-field/DotFlowField.vue
-var be = /* @__PURE__ */ e(/* @__PURE__ */ f({
+var Ge = /* @__PURE__ */ e(/* @__PURE__ */ f({
 	__name: "DotFlowField",
 	props: {
-		config: { default: () => V },
+		config: { default: () => U },
 		paused: {
 			type: Boolean,
 			default: !1
@@ -864,7 +1455,7 @@ var be = /* @__PURE__ */ e(/* @__PURE__ */ f({
 	},
 	emits: ["update:paused"],
 	setup(e, { expose: t }) {
-		let n = g("canvasRef"), r = ye(n, {
+		let n = g("canvasRef"), r = We(n, {
 			config: e.config,
 			getPalette: () => e.config.palette
 		});
@@ -891,4 +1482,4 @@ var be = /* @__PURE__ */ e(/* @__PURE__ */ f({
 	}
 }), [["__scopeId", "data-v-01c7721a"]]);
 //#endregion
-export { V as DEFAULT_FLOW_CONFIG, B as DEFAULT_WAVE_COMPONENTS, be as DotFlowField, N as FLOW_DOMAIN_HALF, S as FLOW_GRAVITY, re as MAX_FLOW_STOPS, te as MAX_PARTICLES, ne as MAX_WAVE_COMPONENTS, z as WARM_IDENTITY_PALETTE, R as buildWaveLadder, j as curlFBM, T as gerstnerVelocity, P as gridOrigin, I as sampleDisplacement, F as sampleHeight, M as sampleVelocity, ye as useDotFlowField, L as waveBand };
+export { U as DEFAULT_FLOW_CONFIG, H as DEFAULT_WAVE_COMPONENTS, Ge as DotFlowField, A as FLOW_DOMAIN_HALF, v as FLOW_GRAVITY, z as MAX_FLOW_STOPS, L as MAX_PARTICLES, R as MAX_WAVE_COMPONENTS, V as WARM_IDENTITY_PALETTE, I as buildWaveLadder, D as curlFBM, x as gerstnerVelocity, j as gridOrigin, k as pointerVortex, N as sampleDisplacement, M as sampleHeight, O as sampleVelocity, We as useDotFlowField, P as waveBand };