@mkbabb/glass-ui 4.0.0 → 4.1.0

package/dist/components/custom/goo-blob/composables/useMetaballRenderer.d.ts

@@ -40,18 +40,25 @@ export interface UseMetaballRendererReturn {
     wake: () => void;
 }
 /**
- * The GooBlob WebGL renderer — composes the `useWebGLCanvas` substrate (AU.W6).
+ * The GooBlob renderer — composes the `createGpuSubstrate` picker (BB.W-VIZ-SUITE /
+ * W-GOOBLOB-WGPU): the WebGPU-first `metaball.wgsl` primary OR the WebGL2
+ * `metaball.frag.ts` fallback, selected ONCE by `navigator.gpu` feature-detect. Both
+ * backends compose the SAME `createCanvasLifecycle` leaf (AU.W6), so the demand-driven
+ * scheduling + offscreen-park + live-PRM-freeze are byte-identical across backends.
  *
- * This module owns ONLY the metaball-specific concerns: compiling the shader,
- * building the quad + uniform cache (the `buildMetaballProgram` leaf), and
- * uploading the per-frame uniforms (the `uploadBlobUniforms` leaf) derived from the
- * mood / pointer / satellite systems and the resolved base color. The generic
- * WebGL2 lifecycle — context creation, the suspend/resume model, the demand-driven
- * rAF loop, the tab-visibility owner, the ResizeObserver, and the
- * webglcontextlost/restored robustness — lives in the substrate; this renderer
- * threads its behaviour through the substrate's
- * `setup`/`frame`/`shouldContinue`/`resize`/`teardown` callbacks. It does NOT call
- * `getContext("webgl2")` itself (the single-bootstrap contract).
+ * This module owns ONLY the metaball-specific concerns: compiling the shader, building
+ * the quad + uniform cache (the WebGL2 `buildMetaballProgram` leaf) OR the WGSL pipeline
+ * + the typed-struct uniform buffer (the WGSL `createBlobWGPUSetup` leaf), and the
+ * per-frame SIMULATION advance + uniform upload derived from the mood / pointer /
+ * satellite systems and the resolved base color. The simulation advance is SHARED — the
+ * `resolveFrame(timeSec)` closure advances the systems and returns the settled
+ * `BlobFrameState`; the WebGL2 `drawFrame` and the WGSL `frame` both call it, so the
+ * physics is substrate-agnostic and only the upload+draw leg differs. The generic
+ * lifecycle (context creation, the suspend/resume model, the demand-driven rAF loop, the
+ * tab-visibility owner, the ResizeObserver, and the context-loss self-heal) lives in the
+ * substrate; this renderer threads its behaviour through the substrate's
+ * `setupGL`/`setupWGPU`/`frame`/`shouldContinue`/`resize`/`teardown` callbacks. It does
+ * NOT call `getContext("webgl2")`/`navigator.gpu` itself (the single-bootstrap contract).
  *
  * Color is resolved INTERNALLY through the `/color` leaf (`cssToOklch →
  * oklchToGammaRgb`) — the GAMMA-sRGB triple fed straight into the base-color uniform

package/dist/components/custom/goo-blob/composables/wgpuSetup.d.ts

@@ -0,0 +1,23 @@
+import type { WebGPUCanvasFrame } from "../../../../composables/glass/webgpu/useWebGPUCanvas";
+import type { BlobConfig } from "../types";
+import type { BlobPointer } from "./useBlobPointer";
+import type { BlobSatelliteSystem } from "./useBlobSatellites";
+import type { BlobFrameState } from "./uploadBlobUniforms";
+export interface BlobWGPUSetupDeps {
+    canvas: HTMLCanvasElement;
+    config: BlobConfig;
+    pointer: BlobPointer;
+    satellites: BlobSatelliteSystem;
+    /** Resolve the per-frame state (advances the sim, returns the settled values). */
+    resolveFrame: (timeSec: number) => BlobFrameState | null;
+    /** Demand-gate (the renderer's quiescence layer — substrate-agnostic). */
+    shouldContinue: () => boolean;
+    /** Reduced-motion read (the substrate owns the query; the renderer drives tempo). */
+    getReducedMotion: () => boolean;
+}
+/**
+ * Build the goo-blob `setupWGPU(device, context, format)` callback. Closes over the
+ * blob-specific state (config/pointer/satellites + the renderer's resolveFrame) — the
+ * same closures the WebGL2 `setup` threads.
+ */
+export declare function createBlobWGPUSetup(deps: BlobWGPUSetupDeps): (device: GPUDevice, context: GPUCanvasContext, format: GPUTextureFormat) => WebGPUCanvasFrame;

package/dist/components/custom/goo-blob/constants.d.ts

@@ -53,5 +53,5 @@ export declare const BASE_OPACITY = 0.75;
 export declare const ORBIT_BLEND_MS = 2000;
 /** Minimum spacing (ms) between satellite merge events. */
 export declare const MERGE_STAGGER_MS = 3000;
-export declare const UNIFORM_NAMES: readonly ["uResolution", "uTime", "uBaseColor", "uPointer", "uPointerActive", "uPointerAttraction", "uPointerStrength", "uBodyRadius", "uPulsePhase", "uPulseAmp", "uNoiseAmp", "uNoiseFreq", "uNoiseSpeed", "uWarpAmp", "uSmoothK", "uMerge", "uMaxReach", "uLit", "uRimColor", "uLightDir", "uSpecStrength", "uSpecShininess", "uRimPower", "uRimStrength", "uIridescence", "uIridHue", "uIridSpeed", "uSssScale", "uSssPower", "uCoreGlow", "uHueRange", "uSatShift", "uBrightnessShift", "uColorNoiseFreq", "uColorNoiseSpeed", "uStopCount", "uSatCount", "uTrailCount", "uVelocity", "uStretch"];
+export declare const UNIFORM_NAMES: readonly ["uResolution", "uTime", "uBaseColor", "uPointer", "uPointerActive", "uPointerAttraction", "uPointerStrength", "uBodyRadius", "uPulsePhase", "uPulseAmp", "uNoiseAmp", "uNoiseFreq", "uNoiseSpeed", "uWarpAmp", "uSmoothK", "uMerge", "uStage", "uMaxReach", "uLit", "uRimColor", "uLightDir", "uSpecStrength", "uSpecShininess", "uRimPower", "uRimStrength", "uShadow", "uShadowSoftness", "uIridescence", "uIridHue", "uIridSpeed", "uSssScale", "uSssPower", "uCoreGlow", "uHueRange", "uSatShift", "uBrightnessShift", "uColorNoiseFreq", "uColorNoiseSpeed", "uStopCount", "uSatCount", "uTrailCount", "uVelocity", "uStretch"];
 export type UniformName = (typeof UNIFORM_NAMES)[number];

package/dist/components/custom/goo-blob/index.d.ts

@@ -1,5 +1,5 @@
 export { default as GooBlob } from "./GooBlob.vue";
-export type { BlobMood, BlobMerge, BlobQuality, MoodParams, MetaballSource, BlobConfig, BlobGeometry, BlobSatelliteTiming, BlobMembrane, BlobColor, BlobSurface, BlobInteraction, SatellitePhase, SatelliteInternal, } from "./types";
+export type { BlobMood, BlobMerge, BlobVariant, BlobQuality, MoodParams, MetaballSource, BlobConfig, BlobGeometry, BlobSatelliteTiming, BlobMembrane, BlobColor, BlobSurface, BlobInteraction, SatellitePhase, SatelliteInternal, } from "./types";
 export { BLOB_CONFIG_DEFAULTS, BLOB_CONFIG_KEY } from "./types";
 export { useBlobMood, type BlobMoodSystem } from "./composables/useBlobMood";
 export { useBlobPointer, type BlobPointer } from "./composables/useBlobPointer";

package/dist/components/custom/goo-blob/shaders/metaball-noise.wgsl.d.ts

@@ -0,0 +1 @@
+export declare const METABALL_NOISE_WGSL = "\nconst FBM_LACUNARITY: f32 = 1.8;\nconst FBM_GAIN: f32 = 0.42;\n\n// \u2500\u2500 Noise (blob-LOCAL 3D-p3 hash + IQ analytic-derivative gradient noise) \u2500\u2500\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\n// IQ analytic-derivative gradient noise \u2014 value in .x, ANALYTIC gradient (d/dx, d/dy) in\n// .yz, from one eval. The quintic fade has a continuous 2nd derivative.\nfn noised(p: vec2<f32>) -> vec3<f32> {\n  let i = floor(p);\n  let f = fract(p);\n  let uu = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n  let du = 30.0 * f * f * (f * (f - 2.0) + 1.0);\n\n  let ga = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(0.0, 0.0)), hash21(i + vec2<f32>(7.3, 0.0)));\n  let gb = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(1.0, 0.0)), hash21(i + vec2<f32>(8.3, 0.0)));\n  let gc = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(0.0, 1.0)), hash21(i + vec2<f32>(7.3, 1.0)));\n  let gd = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(1.0, 1.0)), hash21(i + vec2<f32>(8.3, 1.0)));\n\n  let va = dot(ga, f - vec2<f32>(0.0, 0.0));\n  let vb = dot(gb, f - vec2<f32>(1.0, 0.0));\n  let vc = dot(gc, f - vec2<f32>(0.0, 1.0));\n  let vd = dot(gd, f - vec2<f32>(1.0, 1.0));\n\n  let n = va + uu.x * (vb - va) + uu.y * (vc - va) + uu.x * uu.y * (va - vb - vc + vd);\n  let value = 0.5 + 0.5 * n;\n\n  let grad =\n    ga + uu.x * (gb - ga) + uu.y * (gc - ga) + uu.x * uu.y * (ga - gb - gc + gd) +\n    du * (vec2<f32>(uu.y, uu.x) * (va - vb - vc + vd) + vec2<f32>(vb, vc) - va);\n  return vec3<f32>(value, 0.5 * grad);\n}\n\nfn fbm(p0: vec2<f32>, octaves: i32) -> f32 {\n  var value = 0.0;\n  var amp = 0.5;\n  var freq = 1.0;\n  var p = p0;\n  for (var i = 0; i < 4; i = i + 1) {\n    if (i >= octaves) { break; }\n    value = value + amp * noised(p * freq).x;\n    p = FBM_ROT * p;\n    freq = freq * FBM_LACUNARITY;\n    amp = amp * FBM_GAIN;\n  }\n  return value;\n}\n\n// FBM with ANALYTIC GRADIENT \u2014 value in .x, \u2202/\u2202x, \u2202/\u2202y in .yz. The gradient accumulates\n// noised()'s analytic gradient per octave, chain-ruled through the per-octave frequency\n// scale AND the FBM_ROT rotation (the keystone feed for the analytic surface normal).\nfn fbmG(p: vec2<f32>, octaves: i32) -> vec3<f32> {\n  var value = 0.0;\n  var grad = vec2<f32>(0.0, 0.0);\n  var amp = 0.5;\n  var freq = 1.0;\n  var rotAccum = mat2x2<f32>(1.0, 0.0, 0.0, 1.0);\n  var pp = p;\n  for (var i = 0; i < 4; i = i + 1) {\n    if (i >= octaves) { break; }\n    let n = noised(pp * freq);\n    value = value + amp * n.x;\n    grad = grad + amp * freq * (transpose(rotAccum) * n.yz);\n    pp = FBM_ROT * pp;\n    freq = freq * FBM_LACUNARITY;\n    amp = amp * FBM_GAIN;\n    rotAccum = FBM_ROT * rotAccum;\n  }\n  return vec3<f32>(value, grad);\n}\n\n// One domain-warp pass with the ANALYTIC GRADIENT carried (warp-Jacobian approximation).\nfn fbmWarpedG(p: vec2<f32>, octaves: i32, warpAmp: f32) -> vec3<f32> {\n  if (warpAmp <= 0.0) { return fbmG(p, octaves); }\n  let q = vec2<f32>(fbm(p + vec2<f32>(0.0, 0.0), octaves),\n                    fbm(p + vec2<f32>(5.2, 1.3), octaves));\n  return fbmG(p + warpAmp * (q - 0.5), octaves);\n}\n";

package/dist/components/custom/goo-blob/shaders/metaball-palette.wgsl.d.ts

@@ -0,0 +1 @@
+export declare const METABALL_PALETTE_WGSL = "\n// \u2500\u2500 OKLCh gamut clamp (hue-preserving inward chroma clamp \u2014 blob-local) \u2500\u2500\nfn inGamut(lin: vec3<f32>) -> bool {\n  return all(lin >= vec3<f32>(0.0)) && all(lin <= vec3<f32>(1.0));\n}\nfn gamutClampOklch(lch: vec3<f32>) -> vec3<f32> {\n  let lin = oklabToLinearSrgb(oklchToOklab(lch));\n  if (inGamut(lin)) { return lch; }\n  var lo = 0.0;\n  var hi = lch.y;\n  for (var i = 0; i < 16; i = i + 1) {\n    let mid = 0.5 * (lo + hi);\n    let test = vec3<f32>(lch.x, mid, lch.z);\n    if (inGamut(oklabToLinearSrgb(oklchToOklab(test)))) { lo = mid; } else { hi = mid; }\n  }\n  return vec3<f32>(lch.x, lo, lch.z);\n}\n\n// W11.b \u2014 sample the multi-stop palette at t, OKLab mix + midpoint chroma-bump. Returns\n// an OKLCh stop [L, C, h(rad)]. Falls back to uBaseColor when uStopCount <= 1.\nfn samplePaletteOklch(t: f32) -> vec3<f32> {\n  let uStopCount = u.ints.x;\n  if (uStopCount <= 1) { return oklabToOklch(srgbToOklab(u.base.rgb)); }\n  let n = f32(uStopCount);\n  let ft = clamp(t, 0.0, 1.0) * (n - 1.0);\n  let i0 = i32(floor(ft));\n  let i1 = min(i0 + 1, uStopCount - 1);\n  let f = ft - f32(i0);\n  let labA = srgbToOklab(u.palette[i0].rgb);\n  let labB = srgbToOklab(u.palette[i1].rgb);\n  let lab = mix(labA, labB, f);\n  var lch = oklabToOklch(lab);\n  lch.y = lch.y + 0.03 * sin(PI * f);\n  return lch;\n}\n\n// AX.W15 \u2014 de-synced breath (three DETUNED sines at irrational ratios).\nfn breath(phase: f32) -> f32 {\n  return (sin(phase) + 0.5 * sin(phase * 1.4444 + 1.7) + 0.28 * sin(phase * 0.31 + 4.1)) / 1.78;\n}\n";

package/dist/components/custom/goo-blob/shaders/metaball-uniforms.glsl.d.ts

@@ -1 +1 @@
-export declare const METABALL_UNIFORMS_GLSL = "#version 300 es\nprecision highp float;\n\nin vec2 vUv;\nout vec4 fragColor;\n\nuniform vec2 uResolution;\nuniform float uTime;\nuniform vec3 uBaseColor;\n\n// Multi-stop palette (W11.b) \u2014 2-4 in-family OKLCh stops (uploaded GAMMA sRGB, like\n// uBaseColor). uStopCount <= 1 falls back to uBaseColor (the single-color default,\n// zero regression). MAX_BLOB_STOPS is a compile-time #define.\n#define MAX_BLOB_STOPS 4\nuniform int uStopCount;\nuniform vec3 uPalette[MAX_BLOB_STOPS];\n\n// Pointer\nuniform vec2 uPointer;\nuniform float uPointerActive;\nuniform float uPointerAttraction;\nuniform float uPointerStrength;\n\n// Main body\nuniform float uBodyRadius;\n\n// Pulsation\nuniform float uPulsePhase;\nuniform float uPulseAmp;\n\n// Surface noise\nuniform float uNoiseAmp;\nuniform float uNoiseFreq;\nuniform float uNoiseSpeed;\n\n// Gooey\nuniform float uSmoothK;\nuniform float uMerge;   // 0 = quadratic smin, 1 = circular smin (rounder menisci)\n\n// AX.W16 (arm 5) \u2014 the PRE-FBM bounding-discard radius (UV space). main() early-outs\n// to a transparent write for any fragment OUTSIDE this radius BEFORE the two 3-octave\n// FBM calls + the OKLCh round-trip. The renderer uploads it PADDED by every\n// outward-expanding term (body + eccentric orbit + sat radius + smin band + FBM edge\n// amplitude + click-pulse + a lean/squash safety pad) so it NEVER clips the wet\n// meniscus (IQ: inflate the bound to match any outward op).\nuniform float uMaxReach;\n\n// Membrane \u2014 domain-warp strength on the FBM edge displacement (0 = plain fbm).\nuniform float uWarpAmp;\n\n// Lit glass surface (W9.b) \u2014 gated behind uLit so the flat fill stays default.\nuniform float uLit;             // 0 = flat fill (default), 1 = lit droplet\nuniform vec3 uRimColor;         // Fresnel rim tint (GAMMA sRGB, via the /color leaf)\nuniform vec3 uLightDir;         // normalized light direction (x, y, z)\nuniform float uSpecStrength;    // Blinn-Phong specular weight\nuniform float uSpecShininess;   // specular exponent (16-64, tight glint)\nuniform float uRimPower;        // Fresnel/Schlick exponent (~2-3)\nuniform float uRimStrength;     // Fresnel rim weight\n\n// Iridescence + fake subsurface (W11.a) \u2014 translucent-gel read.\nuniform float uIridescence;     // warm-pearl rim sheen weight (0 = off)\nuniform float uIridHue;         // base hue (radians) the cosine palette biases toward (warm)\nuniform float uIridSpeed;       // animated-thickness scroll for the iridescent t\nuniform float uSssScale;        // fast-SSS back-light weight\nuniform float uSssPower;        // fast-SSS exponent\nuniform float uCoreGlow;        // thickness-driven inner-luminosity lift\n\n// Color perturbation (perceptually uniform \u2014 OKLCh L/C/h)\nuniform float uHueRange;        // degrees of hue swing (converted to radians)\nuniform float uSatShift;        // OKLCh chroma swing\nuniform float uBrightnessShift; // OKLCh lightness bias\nuniform float uColorNoiseFreq;\nuniform float uColorNoiseSpeed;\n\n// Satellites (max 4)\n#define MAX_SATS 4\nuniform int uSatCount;\nuniform vec2 uSatPos[MAX_SATS];\nuniform float uSatRadius[MAX_SATS];\nuniform float uSatOpacity[MAX_SATS];\n\n// Pointer trail (W10) \u2014 a decaying-radius pseudopod toward the cursor. uTrail is a\n// COMPILE-TIME-SIZED array (GLSL ES 3.00 forbids a uniform-sized array) with a\n// DYNAMIC break on uTrailCount, mirroring the satellite loop. Later samples paint\n// smaller metaballs (r *= 1 - i/N) so the trail tapers into a tail.\n#define TRAIL_N 15\nuniform int uTrailCount;\nuniform vec2 uTrailPos[TRAIL_N];\nuniform float uTrailRadius[TRAIL_N];\n\n// Velocity-driven volume-preserving squash-and-stretch (W10).\nuniform vec2 uVelocity;   // smoothed pointer velocity (motion direction + speed)\nuniform float uStretch;   // squash-stretch magnitude (0 = off)\n\nconst float PI = 3.141592653589793;\n";
+export declare const METABALL_UNIFORMS_GLSL = "#version 300 es\nprecision highp float;\n\nin vec2 vUv;\nout vec4 fragColor;\n\nuniform vec2 uResolution;\nuniform float uTime;\nuniform vec3 uBaseColor;\n\n// Multi-stop palette (W11.b) \u2014 2-4 in-family OKLCh stops (uploaded GAMMA sRGB, like\n// uBaseColor). uStopCount <= 1 falls back to uBaseColor (the single-color default,\n// zero regression). MAX_BLOB_STOPS is a compile-time #define.\n#define MAX_BLOB_STOPS 4\nuniform int uStopCount;\nuniform vec3 uPalette[MAX_BLOB_STOPS];\n\n// Pointer\nuniform vec2 uPointer;\nuniform float uPointerActive;\nuniform float uPointerAttraction;\nuniform float uPointerStrength;\n\n// Main body\nuniform float uBodyRadius;\n\n// Pulsation\nuniform float uPulsePhase;\nuniform float uPulseAmp;\n\n// Surface noise\nuniform float uNoiseAmp;\nuniform float uNoiseFreq;\nuniform float uNoiseSpeed;\n\n// Gooey\nuniform float uSmoothK;\nuniform float uMerge;   // 0 = quadratic smin, 1 = circular smin (rounder menisci)\n\n// BC.W-GOOBLOB-PLAIN \u2014 the STAGE-1 gate. 1.0 = the plain shadowless lightless\n// fill-only floor (variant=\"blob\"); 0.0 = the full lit pipeline (variant=\"meatball\" /\n// STAGE 2). The WebGL2 fallback transcribes the SAME stripped branch the WGSL primary\n// gates (research/viz/goo-blob.md \u00A75 \u2014 the GLSL twin).\nuniform float uStage;\n\n// AX.W16 (arm 5) \u2014 the PRE-FBM bounding-discard radius (UV space). main() early-outs\n// to a transparent write for any fragment OUTSIDE this radius BEFORE the two 3-octave\n// FBM calls + the OKLCh round-trip. The renderer uploads it PADDED by every\n// outward-expanding term (body + eccentric orbit + sat radius + smin band + FBM edge\n// amplitude + click-pulse + a lean/squash safety pad) so it NEVER clips the wet\n// meniscus (IQ: inflate the bound to match any outward op).\nuniform float uMaxReach;\n\n// Membrane \u2014 domain-warp strength on the FBM edge displacement (0 = plain fbm).\nuniform float uWarpAmp;\n\n// Lit glass surface (W9.b) \u2014 gated behind uLit so the flat fill stays default.\nuniform float uLit;             // 0 = flat fill (default), 1 = lit droplet\nuniform vec3 uRimColor;         // Fresnel rim tint (GAMMA sRGB, via the /color leaf)\nuniform vec3 uLightDir;         // normalized light direction (x, y, z)\nuniform float uSpecStrength;    // Blinn-Phong specular weight\nuniform float uSpecShininess;   // specular exponent (16-64, tight glint)\nuniform float uRimPower;        // Fresnel/Schlick exponent (~2-3)\nuniform float uRimStrength;     // Fresnel rim weight\n\n// BC.W-GOOBLOB-MEATBALL \u2014 the procedural 2D SDF soft-shadow march (T2, the GLSL twin of\n// the WGSL res.z/res.w lanes). uShadow gates the IQ rmshadows soft contact shadow that\n// FOLLOWS the irregular silhouette; uShadowSoftness is the penumbra hardness (4-48).\nuniform float uShadow;          // 0 = no shadow, 1 = the soft contact shadow ON\nuniform float uShadowSoftness;  // penumbra hardness (inverse light-source size, 4-48)\n\n// Iridescence + fake subsurface (W11.a) \u2014 translucent-gel read.\nuniform float uIridescence;     // warm-pearl rim sheen weight (0 = off)\nuniform float uIridHue;         // base hue (radians) the cosine palette biases toward (warm)\nuniform float uIridSpeed;       // animated-thickness scroll for the iridescent t\nuniform float uSssScale;        // fast-SSS back-light weight\nuniform float uSssPower;        // fast-SSS exponent\nuniform float uCoreGlow;        // thickness-driven inner-luminosity lift\n\n// Color perturbation (perceptually uniform \u2014 OKLCh L/C/h)\nuniform float uHueRange;        // degrees of hue swing (converted to radians)\nuniform float uSatShift;        // OKLCh chroma swing\nuniform float uBrightnessShift; // OKLCh lightness bias\nuniform float uColorNoiseFreq;\nuniform float uColorNoiseSpeed;\n\n// Satellites (max 4)\n#define MAX_SATS 4\nuniform int uSatCount;\nuniform vec2 uSatPos[MAX_SATS];\nuniform float uSatRadius[MAX_SATS];\nuniform float uSatOpacity[MAX_SATS];\n\n// Pointer trail (W10) \u2014 a decaying-radius pseudopod toward the cursor. uTrail is a\n// COMPILE-TIME-SIZED array (GLSL ES 3.00 forbids a uniform-sized array) with a\n// DYNAMIC break on uTrailCount, mirroring the satellite loop. Later samples paint\n// smaller metaballs (r *= 1 - i/N) so the trail tapers into a tail.\n#define TRAIL_N 15\nuniform int uTrailCount;\nuniform vec2 uTrailPos[TRAIL_N];\nuniform float uTrailRadius[TRAIL_N];\n\n// Velocity-driven volume-preserving squash-and-stretch (W10).\nuniform vec2 uVelocity;   // smoothed pointer velocity (motion direction + speed)\nuniform float uStretch;   // squash-stretch magnitude (0 = off)\n\nconst float PI = 3.141592653589793;\n";

package/dist/components/custom/goo-blob/shaders/metaball.wgsl.d.ts

@@ -0,0 +1 @@
+export declare const METABALL_WGSL = "\nconst MAX_SATS: i32 = 4;\nconst TRAIL_N: i32 = 15;\nconst MAX_BLOB_STOPS: i32 = 4;\nconst PI: f32 = 3.141592653589793;\n\n// \u2500\u2500 Uniforms (the typed-struct source-of-truth \u2014 see uniformBridgeWGPU.ts) \u2500\u2500\n// Scalars packed into vec4 lanes; per-satellite / per-trail / per-palette rows packed\n// into a vec4 so the array stride is the natural 16 bytes (no std140 stride trap \u2014 the\n// parity-blowout suspect the wave's \u00A7Triumvirate names).\nstruct Uniforms {\n  // s0: (uTime, uBodyRadius, uPulsePhase, uPulseAmp)\n  s0: vec4<f32>,\n  // s1: (uNoiseAmp, uNoiseFreq, uNoiseSpeed, uWarpAmp)\n  s1: vec4<f32>,\n  // s2: (uSmoothK, uMerge, uMaxReach, uLit)\n  s2: vec4<f32>,\n  // s3: (uSpecStrength, uSpecShininess, uRimPower, uRimStrength)\n  s3: vec4<f32>,\n  // s4: (uIridescence, uIridHue, uIridSpeed, uSssScale)\n  s4: vec4<f32>,\n  // s5: (uSssPower, uCoreGlow, uHueRange, uSatShift)\n  s5: vec4<f32>,\n  // s6: (uBrightnessShift, uColorNoiseFreq, uColorNoiseSpeed, uStretch)\n  s6: vec4<f32>,\n  // s7: (uPointerActive, uPointerAttraction, uPointerStrength, uStage)\n  // BC.W-GOOBLOB-PLAIN \u2014 uStage gates the STAGE-1 stripped floor: 1.0 = the plain\n  // shadowless lightless fill-only floor (variant=\"blob\"); 0.0 = the full lit\n  // pipeline (variant=\"meatball\" / STAGE 2). It rides the spare s7.w lane the typed-\n  // struct SoT (uniformBridgeWGPU.ts) reserved.\n  s7: vec4<f32>,\n  // ptr: (uPointer.x, uPointer.y, uVelocity.x, uVelocity.y)\n  ptr: vec4<f32>,\n  // base: (uBaseColor.rgb, _pad)\n  base: vec4<f32>,\n  // rim: (uRimColor.rgb, _pad)\n  rim: vec4<f32>,\n  // light: (uLightDir.xyz, _pad)\n  light: vec4<f32>,\n  // res: (uResolution.x, uResolution.y, uShadow, uShadowSoftness)\n  // BC.W-GOOBLOB-MEATBALL \u2014 the soft-shadow march rides the spare res.z/res.w lanes the\n  // typed-struct SoT (uniformBridgeWGPU.ts) reserved (the EXTEND, never a re-fork): res.z\n  // = uShadow (1.0 = the variant=meatball shadow ON), res.w = uShadowSoftness (the\n  // penumbra hardness, inverse light-source size \u2192 4-48).\n  res: vec4<f32>,\n  // ints: (uStopCount, uSatCount, uTrailCount, _pad)\n  ints: vec4<i32>,\n  palette: array<vec4<f32>, 4>,\n  satPos: array<vec4<f32>, 4>,   // (pos.x, pos.y, radius, opacity)\n  trailPos: array<vec4<f32>, 15>, // (pos.x, pos.y, radius, _pad)\n};\n\n@group(0) @binding(0) var<uniform> u: Uniforms;\n\n// Noise + FBM (BC.W-CARVE6 \u2192 metaball-noise.wgsl) \u2014 spliced AFTER const FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);.\nconst FBM_ROT: mat2x2<f32> = mat2x2<f32>(0.8, 0.6, -0.6, 0.8);\n\nconst FBM_LACUNARITY: f32 = 1.8;\nconst FBM_GAIN: f32 = 0.42;\n\n// \u2500\u2500 Noise (blob-LOCAL 3D-p3 hash + IQ analytic-derivative gradient noise) \u2500\u2500\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\n// IQ analytic-derivative gradient noise \u2014 value in .x, ANALYTIC gradient (d/dx, d/dy) in\n// .yz, from one eval. The quintic fade has a continuous 2nd derivative.\nfn noised(p: vec2<f32>) -> vec3<f32> {\n  let i = floor(p);\n  let f = fract(p);\n  let uu = f * f * f * (f * (f * 6.0 - 15.0) + 10.0);\n  let du = 30.0 * f * f * (f * (f - 2.0) + 1.0);\n\n  let ga = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(0.0, 0.0)), hash21(i + vec2<f32>(7.3, 0.0)));\n  let gb = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(1.0, 0.0)), hash21(i + vec2<f32>(8.3, 0.0)));\n  let gc = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(0.0, 1.0)), hash21(i + vec2<f32>(7.3, 1.0)));\n  let gd = -1.0 + 2.0 * vec2<f32>(hash21(i + vec2<f32>(1.0, 1.0)), hash21(i + vec2<f32>(8.3, 1.0)));\n\n  let va = dot(ga, f - vec2<f32>(0.0, 0.0));\n  let vb = dot(gb, f - vec2<f32>(1.0, 0.0));\n  let vc = dot(gc, f - vec2<f32>(0.0, 1.0));\n  let vd = dot(gd, f - vec2<f32>(1.0, 1.0));\n\n  let n = va + uu.x * (vb - va) + uu.y * (vc - va) + uu.x * uu.y * (va - vb - vc + vd);\n  let value = 0.5 + 0.5 * n;\n\n  let grad =\n    ga + uu.x * (gb - ga) + uu.y * (gc - ga) + uu.x * uu.y * (ga - gb - gc + gd) +\n    du * (vec2<f32>(uu.y, uu.x) * (va - vb - vc + vd) + vec2<f32>(vb, vc) - va);\n  return vec3<f32>(value, 0.5 * grad);\n}\n\nfn fbm(p0: vec2<f32>, octaves: i32) -> f32 {\n  var value = 0.0;\n  var amp = 0.5;\n  var freq = 1.0;\n  var p = p0;\n  for (var i = 0; i < 4; i = i + 1) {\n    if (i >= octaves) { break; }\n    value = value + amp * noised(p * freq).x;\n    p = FBM_ROT * p;\n    freq = freq * FBM_LACUNARITY;\n    amp = amp * FBM_GAIN;\n  }\n  return value;\n}\n\n// FBM with ANALYTIC GRADIENT \u2014 value in .x, \u2202/\u2202x, \u2202/\u2202y in .yz. The gradient accumulates\n// noised()'s analytic gradient per octave, chain-ruled through the per-octave frequency\n// scale AND the FBM_ROT rotation (the keystone feed for the analytic surface normal).\nfn fbmG(p: vec2<f32>, octaves: i32) -> vec3<f32> {\n  var value = 0.0;\n  var grad = vec2<f32>(0.0, 0.0);\n  var amp = 0.5;\n  var freq = 1.0;\n  var rotAccum = mat2x2<f32>(1.0, 0.0, 0.0, 1.0);\n  var pp = p;\n  for (var i = 0; i < 4; i = i + 1) {\n    if (i >= octaves) { break; }\n    let n = noised(pp * freq);\n    value = value + amp * n.x;\n    grad = grad + amp * freq * (transpose(rotAccum) * n.yz);\n    pp = FBM_ROT * pp;\n    freq = freq * FBM_LACUNARITY;\n    amp = amp * FBM_GAIN;\n    rotAccum = FBM_ROT * rotAccum;\n  }\n  return vec3<f32>(value, grad);\n}\n\n// One domain-warp pass with the ANALYTIC GRADIENT carried (warp-Jacobian approximation).\nfn fbmWarpedG(p: vec2<f32>, octaves: i32, warpAmp: f32) -> vec3<f32> {\n  if (warpAmp <= 0.0) { return fbmG(p, octaves); }\n  let q = vec2<f32>(fbm(p + vec2<f32>(0.0, 0.0), octaves),\n                    fbm(p + vec2<f32>(5.2, 1.3), octaves));\n  return fbmG(p + warpAmp * (q - 0.5), octaves);\n}\n\n\n// \u2500\u2500 SDF body (value+gradient circle + the IQ normalized smin, value+gradient form) \u2500\u2500\nfn sdgCircle(p: vec2<f32>, center: vec2<f32>, radius: f32) -> vec3<f32> {\n  let d = p - center;\n  let len = length(d);\n  var grad = vec2<f32>(0.0, 1.0);\n  if (len > 1e-6) { grad = d / len; }\n  return vec3<f32>(len - radius, grad);\n}\n\nfn sminQuadraticG(a: vec3<f32>, b: vec3<f32>, k0: f32) -> vec3<f32> {\n  let k = k0 * 4.0;\n  let h = max(k - abs(a.x - b.x), 0.0) / k;\n  let m = h * h * k * 0.25;\n  var w = 1.0 - 0.5 * h * h;\n  if (a.x < b.x) { w = 0.5 * h * h; }\n  let dist = min(a.x, b.x) - m;\n  let grad = mix(a.yz, b.yz, w);\n  return vec3<f32>(dist, grad);\n}\n\nfn sminCircularG(a: vec3<f32>, b: vec3<f32>, k0: f32) -> vec3<f32> {\n  let k = k0 * (1.0 / (1.0 - sqrt(0.5)));\n  let h = max(k - abs(a.x - b.x), 0.0) / k;\n  let m = k * 0.5 * (1.0 + h - sqrt(1.0 - h * (h - 2.0)));\n  var w = 1.0 - 0.5 * h;\n  if (a.x < b.x) { w = 0.5 * h; }\n  let dist = min(a.x, b.x) - m;\n  let grad = mix(a.yz, b.yz, w);\n  return vec3<f32>(dist, grad);\n}\n\nfn sminG(a: vec3<f32>, b: vec3<f32>, k: f32) -> vec3<f32> {\n  if (u.s2.y > 0.5) { return sminCircularG(a, b, k); }\n  return sminQuadraticG(a, b, k);\n}\n\n\nfn srgbToLinearCh(c: f32) -> f32 {\n  if (c <= 0.04045) { return c / 12.92; }\n  return pow((c + 0.055) / 1.055, 2.4);\n}\nfn srgbToLinear(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(srgbToLinearCh(c.r), srgbToLinearCh(c.g), srgbToLinearCh(c.b));\n}\n\nfn linearToSrgbCh(c: f32) -> f32 {\n  if (c <= 0.0031308) { return c * 12.92; }\n  return 1.055 * pow(c, 1.0 / 2.4) - 0.055;\n}\nfn linearToSrgb(c: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(linearToSrgbCh(c.r), linearToSrgbCh(c.g), linearToSrgbCh(c.b));\n}\n\n// value.js LINEAR_SRGB_TO_LMS, row-major \u2192 WGSL columns (= the transpose).\nconst LINEAR_SRGB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  0.4122214708, 0.2119034982, 0.0883024619,\n  0.5363325363, 0.6806995451, 0.2817188376,\n  0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS\u2192OKLab coefficients, row-major \u2192 WGSL columns.\nconst LMS_TO_OKLAB: mat3x3<f32> = mat3x3<f32>(\n  0.2104542553, 1.9779984951, 0.0259040371,\n  0.7936177850, -2.4285922050, 0.7827717662,\n  -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF, row-major \u2192 WGSL columns.\nconst OKLAB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  1.0, 1.0, 1.0,\n  0.3963377774, -0.1055613458, -0.0894841775,\n  0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB, row-major \u2192 WGSL columns.\nconst LMS_TO_LINEAR_SRGB: mat3x3<f32> = mat3x3<f32>(\n  4.0767416621, -1.2684380046, -0.0041960863,\n  -3.3077115913, 2.6097574011, -0.7034186147,\n  0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn cbrt3(v: vec3<f32>) -> vec3<f32> {\n  return sign(v) * pow(abs(v), vec3<f32>(1.0 / 3.0));\n}\n\n// Gamma sRGB \u2192 raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nfn srgbToOklab(c: vec3<f32>) -> vec3<f32> {\n  let lin = srgbToLinear(c);\n  let lms = LINEAR_SRGB_TO_LMS * lin;\n  return LMS_TO_OKLAB * cbrt3(lms);\n}\n\n// Raw OKLab (L, a, b) \u2192 linear sRGB. Mirrors value.js oklabToLinearSRGB.\nfn oklabToLinearSrgb(lab: vec3<f32>) -> vec3<f32> {\n  let lms_ = OKLAB_TO_LMS * lab;\n  let lms = lms_ * lms_ * lms_;\n  return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab \u2192 OKLCh: H in RADIANS, folded to [0, 2pi). Mirrors value.js rawOklabToOklch.\nfn oklabToOklch(lab: vec3<f32>) -> vec3<f32> {\n  let C = length(lab.yz);\n  var H = atan2(lab.z, lab.y);\n  if (H < 0.0) { H = H + 2.0 * PI; }\n  return vec3<f32>(lab.x, C, H);\n}\n\n// OKLCh (H radians) \u2192 OKLab. Mirrors value.js rawOklchToOklab.\nfn oklchToOklab(lch: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n}\n\n// OKLCh gamut clamp + palette sample + breath (BC.W-CARVE6 \u2192 metaball-palette.wgsl)\n// \u2014 spliced AFTER \n// value.js LINEAR_SRGB_TO_LMS, row-major \u2192 WGSL columns (= the transpose).\nconst LINEAR_SRGB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  0.4122214708, 0.2119034982, 0.0883024619,\n  0.5363325363, 0.6806995451, 0.2817188376,\n  0.0514459929, 0.1073969566, 0.6299787005\n);\n\n// value.js srgbToOKLab's INLINE LMS\u2192OKLab coefficients, row-major \u2192 WGSL columns.\nconst LMS_TO_OKLAB: mat3x3<f32> = mat3x3<f32>(\n  0.2104542553, 1.9779984951, 0.0259040371,\n  0.7936177850, -2.4285922050, 0.7827717662,\n  -0.0040720468, 0.4505937099, -0.8086757660\n);\n\n// value.js OKLAB_TO_LMS_COEFF, row-major \u2192 WGSL columns.\nconst OKLAB_TO_LMS: mat3x3<f32> = mat3x3<f32>(\n  1.0, 1.0, 1.0,\n  0.3963377774, -0.1055613458, -0.0894841775,\n  0.2158037573, -0.0638541728, -1.2914855480\n);\n\n// value.js LMS_TO_LINEAR_SRGB, row-major \u2192 WGSL columns.\nconst LMS_TO_LINEAR_SRGB: mat3x3<f32> = mat3x3<f32>(\n  4.0767416621, -1.2684380046, -0.0041960863,\n  -3.3077115913, 2.6097574011, -0.7034186147,\n  0.2309699292, -0.3413193965, 1.7076147010\n);\n\nfn cbrt3(v: vec3<f32>) -> vec3<f32> {\n  return sign(v) * pow(abs(v), vec3<f32>(1.0 / 3.0));\n}\n\n// Gamma sRGB \u2192 raw OKLab (L, a, b). Mirrors value.js srgbToOKLab.\nfn srgbToOklab(c: vec3<f32>) -> vec3<f32> {\n  let lin = srgbToLinear(c);\n  let lms = LINEAR_SRGB_TO_LMS * lin;\n  return LMS_TO_OKLAB * cbrt3(lms);\n}\n\n// Raw OKLab (L, a, b) \u2192 linear sRGB. Mirrors value.js oklabToLinearSRGB.\nfn oklabToLinearSrgb(lab: vec3<f32>) -> vec3<f32> {\n  let lms_ = OKLAB_TO_LMS * lab;\n  let lms = lms_ * lms_ * lms_;\n  return LMS_TO_LINEAR_SRGB * lms;\n}\n\n// OKLab \u2192 OKLCh: H in RADIANS, folded to [0, 2pi). Mirrors value.js rawOklabToOklch.\nfn oklabToOklch(lab: vec3<f32>) -> vec3<f32> {\n  let C = length(lab.yz);\n  var H = atan2(lab.z, lab.y);\n  if (H < 0.0) { H = H + 2.0 * PI; }\n  return vec3<f32>(lab.x, C, H);\n}\n\n// OKLCh (H radians) \u2192 OKLab. Mirrors value.js rawOklchToOklab.\nfn oklchToOklab(lch: vec3<f32>) -> vec3<f32> {\n  return vec3<f32>(lch.x, lch.y * cos(lch.z), lch.y * sin(lch.z));\n} (its matrix source).\n\n// \u2500\u2500 OKLCh gamut clamp (hue-preserving inward chroma clamp \u2014 blob-local) \u2500\u2500\nfn inGamut(lin: vec3<f32>) -> bool {\n  return all(lin >= vec3<f32>(0.0)) && all(lin <= vec3<f32>(1.0));\n}\nfn gamutClampOklch(lch: vec3<f32>) -> vec3<f32> {\n  let lin = oklabToLinearSrgb(oklchToOklab(lch));\n  if (inGamut(lin)) { return lch; }\n  var lo = 0.0;\n  var hi = lch.y;\n  for (var i = 0; i < 16; i = i + 1) {\n    let mid = 0.5 * (lo + hi);\n    let test = vec3<f32>(lch.x, mid, lch.z);\n    if (inGamut(oklabToLinearSrgb(oklchToOklab(test)))) { lo = mid; } else { hi = mid; }\n  }\n  return vec3<f32>(lch.x, lo, lch.z);\n}\n\n// W11.b \u2014 sample the multi-stop palette at t, OKLab mix + midpoint chroma-bump. Returns\n// an OKLCh stop [L, C, h(rad)]. Falls back to uBaseColor when uStopCount <= 1.\nfn samplePaletteOklch(t: f32) -> vec3<f32> {\n  let uStopCount = u.ints.x;\n  if (uStopCount <= 1) { return oklabToOklch(srgbToOklab(u.base.rgb)); }\n  let n = f32(uStopCount);\n  let ft = clamp(t, 0.0, 1.0) * (n - 1.0);\n  let i0 = i32(floor(ft));\n  let i1 = min(i0 + 1, uStopCount - 1);\n  let f = ft - f32(i0);\n  let labA = srgbToOklab(u.palette[i0].rgb);\n  let labB = srgbToOklab(u.palette[i1].rgb);\n  let lab = mix(labA, labB, f);\n  var lch = oklabToOklch(lab);\n  lch.y = lch.y + 0.03 * sin(PI * f);\n  return lch;\n}\n\n// AX.W15 \u2014 de-synced breath (three DETUNED sines at irrational ratios).\nfn breath(phase: f32) -> f32 {\n  return (sin(phase) + 0.5 * sin(phase * 1.4444 + 1.7) + 0.28 * sin(phase * 0.31 + 4.1)) / 1.78;\n}\n\n\n// AX.W15 \u2014 the composite SDF field WITH its ANALYTIC GRADIENT vec3(dist, \u2202/\u2202x, \u2202/\u2202y).\nfn sceneDistG(uv: vec2<f32>) -> vec3<f32> {\n  let uBodyRadius = u.s0.y;\n  let uPulsePhase = u.s0.z;\n  let uPulseAmp = u.s0.w;\n  let uNoiseAmp = u.s1.x;\n  let uNoiseFreq = u.s1.y;\n  let uNoiseSpeed = u.s1.z;\n  let uWarpAmp = u.s1.w;\n  let uSmoothK = u.s2.x;\n  let uTime = u.s0.x;\n  let uVelocity = u.ptr.zw;\n  let uStretch = u.s6.w;\n  let uSatCount = u.ints.y;\n  let uTrailCount = u.ints.z;\n\n  let bodyR = uBodyRadius + breath(uPulsePhase) * uPulseAmp;\n\n  // Velocity-driven VOLUME-PRESERVING squash-and-stretch (tanh-saturated).\n  var bodyUv = uv;\n  var ax = vec2<f32>(1.0, 0.0);\n  var perp = vec2<f32>(0.0, 1.0);\n  var sa = 1.0;\n  let speed = length(uVelocity);\n  let squashed = uStretch > 0.0 && speed > 1e-4;\n  if (squashed) {\n    ax = uVelocity / speed;\n    perp = vec2<f32>(-ax.y, ax.x);\n    sa = 1.0 + tanh(speed * 1.6) * uStretch;\n    bodyUv = vec2<f32>(dot(uv, ax) / sa, dot(uv, perp) * sa);\n  }\n\n  // Domain-warped FBM displacement WITH its analytic gradient.\n  let fbmv = fbmWarpedG(bodyUv * uNoiseFreq + uTime * uNoiseSpeed, 3, uWarpAmp);\n  let bodyDisplacement = (fbmv.x - 0.5) * uNoiseAmp;\n  let dispGradBody = uNoiseAmp * uNoiseFreq * fbmv.yz;\n\n  let bodyG = sdgCircle(bodyUv, vec2<f32>(0.0), bodyR + bodyDisplacement);\n  let bodyGradBody = bodyG.yz - dispGradBody;\n\n  var bodyGradUv: vec2<f32>;\n  if (squashed) {\n    let scaled = vec2<f32>(bodyGradBody.x / sa, bodyGradBody.y * sa);\n    bodyGradUv = scaled.x * ax + scaled.y * perp;\n  } else {\n    bodyGradUv = bodyGradBody;\n  }\n  var d = vec3<f32>(bodyG.x, bodyGradUv);\n\n  // Satellites \u2014 smin-merged into the body.\n  for (var i = 0; i < MAX_SATS; i = i + 1) {\n    if (i >= uSatCount) { break; }\n    let s = u.satPos[i];\n    var satG = sdgCircle(uv, s.xy, s.z);\n    satG.x = satG.x + (1.0 - s.w) * 0.3;\n    d = sminG(d, satG, uSmoothK);\n  }\n\n  // Pointer trail \u2014 a decaying-radius pseudopod.\n  for (var i = 0; i < TRAIL_N; i = i + 1) {\n    if (i >= uTrailCount) { break; }\n    let tp = u.trailPos[i];\n    let trailG = sdgCircle(uv, tp.xy, tp.z);\n    d = sminG(d, trailG, uSmoothK);\n  }\n  return d;\n}\n\n// AX.W15 \u2014 the analytic surface normal from the field gradient.\nfn surfaceNormalFromGrad(grad2d: vec2<f32>, d: f32, bodyR: f32) -> vec3<f32> {\n  let g = normalize(grad2d + vec2<f32>(1e-6));\n  let interior = clamp(-d / max(bodyR, 1e-4), 0.0, 1.0);\n  let z = sqrt(max(0.0, 1.0 - (1.0 - interior) * (1.0 - interior)));\n  return normalize(vec3<f32>(g * (1.0 - z), z) + vec3<f32>(0.0, 0.0, 1e-6));\n}\n\n// \u2500\u2500 BC.W-GOOBLOB-MEATBALL \u2014 the 2D SDF soft-shadow march (IQ rmshadows improved-penumbra,\n//    research/viz/goo-blob.md \u00A72.3). A procedural soft contact shadow that FOLLOWS the\n//    irregular metaball silhouette (NOT a hard disc / box shadow). Marches a ray from ro\n//    along rd (the in-plane projection of uLightDir), accumulating the closest miss via\n//    the Aaltonen penumbra (y = h*h/(2*ph) + d = sqrt(h*h - y*y)) that kills the\n//    banding the naive res = min(res, h/(w*t)) shows. CHEAP: 24 steps, re-uses the SAME\n//    sceneDistG().x field (NO separate field re-eval, NO FBO/multi-pass \u2014 the procedural\n//    field needs none, \u00A72.3). w is the penumbra hardness (inverse light-source size \u2192\n//    uShadowSoftness). It is derivative-FREE (no fwidth/dpdx/dpdy), so it is fragment-safe\n//    here. Returns 1.0 (fully lit) \u2192 0.0 (fully occluded). \u2500\u2500\nfn softShadow2D(ro: vec2<f32>, rd: vec2<f32>, mint: f32, maxt: f32, w: f32) -> f32 {\n  var res = 1.0;\n  var ph = 1e20;\n  var t = mint;\n  for (var i = 0; i < 24; i = i + 1) {\n    if (t >= maxt) { break; }\n    let h = sceneDistG(ro + rd * t).x;\n    if (h < 0.001) { return 0.0; }\n    let y = h * h / (2.0 * ph);\n    let dd = sqrt(max(h * h - y * y, 0.0));\n    res = min(res, dd / (w * max(0.001, t - y)));\n    ph = h;\n    t = t + h;\n  }\n  return clamp(res, 0.0, 1.0);\n}\n\n// \u2500\u2500 Full-screen triangle vertex stage (the pilot idiom \u2014 no vertex buffer) \u2500\u2500\nstruct VSOut {\n  @builtin(position) pos: vec4<f32>,\n  @location(0) uv: vec2<f32>,\n};\n\n@vertex\nfn vs_main(@builtin(vertex_index) vi: u32) -> VSOut {\n  var p = vec2<f32>(-1.0, -1.0);\n  if (vi == 1u) { p = vec2<f32>(3.0, -1.0); }\n  else if (vi == 2u) { p = vec2<f32>(-1.0, 3.0); }\n  var out: VSOut;\n  out.pos = vec4<f32>(p, 0.0, 1.0);\n  // vUv = aPos * 0.5 + 0.5 (the metaball.vert convention).\n  out.uv = p * 0.5 + 0.5;\n  return out;\n}\n\n// \u2500\u2500 Fragment stage (the main() transcription) \u2500\u2500\n@fragment\nfn fs_main(in: VSOut) -> @location(0) vec4<f32> {\n  let uTime = u.s0.x;\n  let uBodyRadius = u.s0.y;\n  let uPulsePhase = u.s0.z;\n  let uPulseAmp = u.s0.w;\n  let uMaxReach = u.s2.z;\n  let uLit = u.s2.w;\n  let uPointerActive = u.s7.x;\n  let uPointerAttraction = u.s7.y;\n  let uPointerStrength = u.s7.z;\n  // BC.W-GOOBLOB-PLAIN \u2014 the STAGE-1 gate (1.0 = the plain shadowless fill-only floor).\n  let uStage = u.s7.w;\n  let uPointer = u.ptr.xy;\n  let uHueRange = u.s5.z;\n  let uSatShift = u.s5.w;\n  let uBrightnessShift = u.s6.x;\n  let uColorNoiseFreq = u.s6.y;\n  let uColorNoiseSpeed = u.s6.z;\n  let uIridescence = u.s4.x;\n  let uIridHue = u.s4.y;\n  let uIridSpeed = u.s4.z;\n  let uSssScale = u.s4.w;\n  let uSssPower = u.s5.x;\n  let uCoreGlow = u.s5.y;\n  let uSpecStrength = u.s3.x;\n  let uSpecShininess = u.s3.y;\n  let uRimPower = u.s3.z;\n  let uRimStrength = u.s3.w;\n  let uLightDir = u.light.xyz;\n  let uRimColor = u.rim.rgb;\n  // BC.W-GOOBLOB-MEATBALL \u2014 the soft-shadow gate + penumbra hardness (res.z/res.w lanes).\n  let uShadow = u.res.z;\n  let uShadowSoftness = u.res.w;\n\n  var uv = in.uv - 0.5;\n\n  // PRE-FBM bounding early-out \u2014 transparent WRITE (not a discard).\n  if (dot(uv, uv) > uMaxReach * uMaxReach) {\n    return vec4<f32>(0.0);\n  }\n\n  // Pointer deformation \u2014 sign per AY.W-BLOB-CONFIG D2.\n  if (uPointerActive > 0.5) {\n    let pointerDir = uPointer - uv;\n    let pointerDist = length(pointerDir);\n    let influence = smoothstep(0.5, 0.0, pointerDist) * uPointerAttraction * uPointerStrength;\n    uv = uv + normalize(pointerDir + vec2<f32>(1e-6)) * influence;\n  }\n\n  let bodyR = uBodyRadius + breath(uPulsePhase) * uPulseAmp;\n\n  // Composite domain-warped membrane field WITH its analytic gradient.\n  let scene = sceneDistG(uv);\n  let d = scene.x;\n  let fieldGrad = scene.yz;\n\n  // \u2500\u2500 fwidth SITE #1 (metaball.frag.ts line 266) \u2014 AA-edge half-width from the SDF\n  //    screen-space gradient. The WGSL fragment-stage fwidth() transcription. \u2500\u2500\n  let aa = max(fwidth(d), 1e-6);\n  let alpha = 1.0 - smoothstep(-aa, aa, d);\n\n  // \u2500\u2500 BC.W-GOOBLOB-MEATBALL \u2014 the WGSL uniformity STRUCTURAL fix (the meatball-armer).\n  //    The Toksvig screen-space derivative (fwidth SITE #2) is hoisted HERE, into the SAME\n  //    uniform control flow fwidth(d) above already arms in (top-level fs_main, before the\n  //    per-fragment alpha < 0.001 early-return and the uLit/uShadow non-uniform branches).\n  //    WGSL uniformity analysis rejects a fwidth() reached only through a return predicated\n  //    on a per-fragment value (the alpha < 0.001 early-out) nested under further branches\n  //    \u2014 exactly the BB residual that kept the normal-derivative inside the lit branch from\n  //    compiling, so the WGSL primary never armed and GooBlob fell to the WebGL2 net. Nh is\n  //    the uniform-flow surface normal computed for this derivative ONLY (byte-identical to\n  //    the lit block's own N = surfaceNormalFromGrad(...) below \u2014 the SAME inputs, so\n  //    nVar = length(fwidth(Nh)) IS the Toksvig clamp the lit block reads); the named lit-\n  //    block N stays AFTER the uStage early-return (the STAGE-1 floor reaches no lit work).\n  //    nVar is a pure uniform-flow value the lit block READS \u2014 no derivative in non-uniform\n  //    flow; the math is byte-identical to the GLSL fallback's Toksvig clamp, only its\n  //    EVALUATION POINT moved. The shadow march (T2) reuses d (the same sceneDistG().x).\n  let Nh = surfaceNormalFromGrad(fieldGrad, d, bodyR);\n  // \u2500\u2500 fwidth SITE #2 (metaball.frag.ts line 364) \u2014 Toksvig normal-variance specular\n  //    clamp, the WGSL fragment-stage fwidth() of the surface normal. NOW in uniform\n  //    control flow (the structural fix), so the WGSL primary ARMS + paints the full lit\n  //    creature instead of falling to the stripped WebGL2 fallback. \u2500\u2500\n  let nVar = length(fwidth(Nh));\n\n  if (alpha < 0.001) {\n    return vec4<f32>(0.0);\n  }\n\n  // Edit #4 \u2014 perceptually-uniform OKLCh variation.\n  let colorNoise = fbm(uv * uColorNoiseFreq + uTime * uColorNoiseSpeed, 3);\n  var oklch = samplePaletteOklch(colorNoise);\n\n  oklch.z = oklch.z + (colorNoise - 0.5) * uHueRange * (PI / 180.0);\n  oklch.y = max(oklch.y + (colorNoise - 0.5) * uSatShift, 0.0);\n  oklch.x = clamp(oklch.x + uBrightnessShift, 0.0, 1.0);\n\n  // \u2500\u2500 BC.W-GOOBLOB-PLAIN \u2014 the STAGE-1 stripped floor (variant=blob). \u2500\u2500\n  // The minimal verifiable floor: SDF + smin (the meatball field, already in d/\n  // alpha above) + fwidth-AA (the crisp alpha above) + warm-cream fill. NO surface\n  // normal, NO Fresnel, NO lit glint, NO iridescence, NO fake-SSS, NO shadow \u2014\n  // deliberately FLAT. It returns BEFORE any of the STAGE-2 dressing is reached. The\n  // STAGE-1 path simply never READS the hoisted Nh/nVar or the lit/shadow blocks; the\n  // normal-derivative is now in UNIFORM control flow above (BC.W-GOOBLOB-MEATBALL \u2014 the\n  // structural armer), so BOTH the STAGE-1 floor AND the STAGE-2 lit path arm on Metal\n  // (the BB residual that kept STAGE 2 falling to the WebGL2 net is CLOSED). The\n  // teaching contrast: this is the \"it renders, it meatballs, it works on Safari\"\n  // floor STAGE 2 layers the lit/shadow onto via the SAME uniforms.\n  if (uStage > 0.5) {\n    let okl1 = gamutClampOklch(oklch);\n    var lin1 = oklabToLinearSrgb(oklchToOklab(okl1));\n    var rgb1 = clamp(linearToSrgb(lin1), vec3<f32>(0.0), vec3<f32>(1.0));\n    let fc1 = in.pos.xy;\n    let ign1 = fract(52.9829189 * fract(dot(fc1, vec2<f32>(0.06711056, 0.00583715))));\n    rgb1 = clamp(rgb1 + (ign1 - 0.5) / 255.0, vec3<f32>(0.0), vec3<f32>(1.0));\n    return vec4<f32>(rgb1 * alpha, alpha);\n  }\n\n  // The named surface normal the lit/iridescence/SSS blocks read (byte-identical inputs to\n  // the hoisted Nh above \u2014 the Toksvig nVar = length(fwidth(Nh)) IS this N's screen-space\n  // variance). It sits AFTER the uStage early-return so the STAGE-1 floor reaches no lit work.\n  let N = surfaceNormalFromGrad(fieldGrad, d, bodyR);\n  let V = vec3<f32>(0.0, 0.0, 1.0);\n  let thickness = clamp(-d / max(bodyR, 1e-4), 0.0, 1.0);\n  let fres = pow(1.0 - max(dot(N, V), 0.0), 2.5);\n\n  // \u2500\u2500 W11.a iridescence \u2014 warm-biased IQ cosine palette driving OKLCh HUE \u2500\u2500\n  if (uIridescence > 0.0) {\n    let t = fres + 0.3 * colorNoise + uTime * uIridSpeed;\n    let iridHue = uIridHue + 0.18 * PI * cos(2.0 * PI * t);\n    let w = fres * uIridescence;\n    oklch.z = mix(oklch.z, iridHue, w);\n    oklch.y = min(oklch.y + 0.04 * w, oklch.y + 0.08);\n    oklch.x = min(oklch.x + 0.05 * w, 1.0);\n  }\n\n  // \u2500\u2500 W11.a fake subsurface translucency \u2014 thickness inner-glow + back-light \u2500\u2500\n  if (uCoreGlow > 0.0 || uSssScale > 0.0) {\n    oklch.x = min(oklch.x + uCoreGlow * (1.0 - exp(-3.0 * thickness)), 1.0);\n    let L = normalize(uLightDir + vec3<f32>(1e-6));\n    let back = pow(clamp(dot(V, -(L + N * thickness)), 0.0, 1.0), uSssPower);\n    let sss = back * uSssScale * (1.0 - thickness);\n    oklch.x = min(oklch.x + sss, 1.0);\n    oklch.z = oklch.z + sss * 0.1 * (1.0 - thickness);\n  }\n\n  // \u2500\u2500 BC.W-GOOBLOB-MEATBALL \u2014 the soft contact shadow (T2). A procedural soft shadow that\n  //    FOLLOWS the irregular silhouette: march from this fragment's uv toward the in-plane\n  //    projection of uLightDir; where the metaball field occludes the light (the body\n  //    shadows itself opposite the light, a satellite shadows the body across the neck), the\n  //    march returns < 1 and DARKENS the OKLCh L \u2014 a soft grounded contact band UNDER the\n  //    dome, congruent with (but PROCEDURAL, silhouette-following, unlike) the CSS gel-dome\n  //    drop-shadow. Concentrated on the AWAY-facing lower rim (an away-facing weight \u00D7 a\n  //    thin-rim Gaussian band) so the deep-lit interior + the light-facing edge stay bright\n  //    and the grounded shadow reads at the lower silhouette edge \u2014 the warm-cream body mean\n  //    holds. Gated uShadow > 0.5; variant=blob (STAGE 1) ships shadowless. \u2500\u2500\n  if (uShadow > 0.5) {\n    let L2 = normalize(uLightDir.xy + vec2<f32>(1e-6));\n    // w increases with the inverse light-source size \u2192 uShadowSoftness (a harder penumbra at a\n    // higher value). Start the march just off the surface so a fragment never self-shadows\n    // at t=0; cap the reach at the body span.\n    let sh = softShadow2D(uv, L2, max(aa, 0.004), bodyR * 1.5, max(uShadowSoftness, 4.0));\n    // The contact band sits on the LOWER rim (the side AWAY from the light) \u2014 gated by\n    // dot(fieldGrad, L2) < 0 (the rim facing away from L2) AND the thin-rim weight\n    // (a Gaussian band peaking at thickness \u2248 0.18 so the deep-lit interior + the\n    // light-facing edge stay BRIGHT \u2014 the warm-cream body mean holds). The 0.20 cap keeps\n    // it a soft GROUNDING whisper, never a gouge (the warm-cream identity + the\n    // proof:blob-warm-default floor hold).\n    let away = clamp(-dot(normalize(fieldGrad + vec2<f32>(1e-6)), L2), 0.0, 1.0);\n    let band = exp(-pow((thickness - 0.18) / 0.16, 2.0));\n    let shadowDarken = (1.0 - sh) * away * band * 0.20;\n    oklch.x = max(oklch.x - shadowDarken, 0.0);\n  }\n\n  oklch = gamutClampOklch(oklch);\n\n  var lin = oklabToLinearSrgb(oklchToOklab(oklch));\n\n  // \u2500\u2500 W9.b lit glass surface \u2014 Blinn-Phong glint + Fresnel rim, in LINEAR \u2500\u2500\n  if (uLit > 0.5) {\n    let L = normalize(uLightDir + vec3<f32>(1e-6));\n    let H = normalize(L + V);\n\n    let warmCream = oklabToLinearSrgb(oklchToOklab(vec3<f32>(0.97, 0.03, radians(85.0))));\n\n    // \u2500\u2500 fwidth SITE #2 \u2014 Toksvig normal-variance specular clamp. nVar is the HOISTED\n    //    length(fwidth(N)) (BC.W-GOOBLOB-MEATBALL \u2014 computed once at the top of fs_main\n    //    in uniform control flow, so the WGSL primary ARMS on Metal). The math is\n    //    byte-identical to the GLSL fallback (length(fwidth(N))); only its evaluation\n    //    point moved out of this non-uniform if (uLit > 0.5) branch. \u2500\u2500\n    let shininess = uSpecShininess / (1.0 + 24.0 * nVar);\n    let energyNorm = (shininess + 2.0) / 8.0;\n    let spec = pow(max(dot(N, H), 0.0), shininess) * uSpecStrength * energyNorm;\n\n    var rimOkl = oklabToOklch(srgbToOklab(uRimColor));\n    let bodyL = oklch.x;\n    let dL = abs(rimOkl.x - bodyL);\n    let lack = clamp((0.22 - dL) / 0.22, 0.0, 1.0);\n    // target is a WGSL RESERVED word (W3C WGSL 16.2) so a \"var target\" declaration is an\n    // invalid identifier: the shader module fails to compile and the WGSL primary never\n    // arms (the GooBlob reserved-keyword bug BC.W-WEBGPU-EVERYWHERE W7 catches). Renamed to\n    // a valid identifier; the math + the value are byte-identical.\n    var targetL = 0.18;\n    if (bodyL < 0.5) { targetL = 0.92; }\n    rimOkl.x = clamp(mix(rimOkl.x, targetL, lack), 0.0, 1.0);\n    rimOkl.y = rimOkl.y * mix(1.0, 0.5, lack);\n    let rimLin = oklabToLinearSrgb(oklchToOklab(rimOkl));\n\n    let rimFres = pow(1.0 - max(dot(N, V), 0.0), uRimPower);\n    let rim = rimFres * uRimStrength * (1.0 - 0.6 * thickness);\n\n    var highlight = max(warmCream * spec, rimLin * rim);\n    highlight = min(highlight, vec3<f32>(0.85));\n    lin = lin + highlight;\n  }\n\n  var rgb = clamp(linearToSrgb(lin), vec3<f32>(0.0), vec3<f32>(1.0));\n\n  // IGN dither \u2014 1-LSB triangular dither in DISPLAY space, AFTER linearToSrgb.\n  let fragCoord = in.pos.xy;\n  let ign = fract(52.9829189 * fract(dot(fragCoord, vec2<f32>(0.06711056, 0.00583715))));\n  rgb = clamp(rgb + (ign - 0.5) / 255.0, vec3<f32>(0.0), vec3<f32>(1.0));\n\n  // premultiply AFTER the OETF: straight-alpha gamma \u2192 premultiplied.\n  return vec4<f32>(rgb * alpha, alpha);\n}\n";

package/dist/components/custom/goo-blob/types.d.ts

@@ -2,6 +2,21 @@ import type { InjectionKey } from "vue";
 export type BlobMood = "idle" | "happy" | "curious" | "sleepy" | "excited";
 /** Smin merge variant — `quadratic` (cheap, creased) | `circular` (rounder menisci). */
 export type BlobMerge = "quadratic" | "circular";
+/**
+ * The render-variant axis (BC.W-GOOBLOB-PLAIN — STAGE 1 owns the first two members).
+ *
+ * - `"blob"` — the STAGE-1 first-principles floor: a plain shadowless lightless
+ *   fill-only droplet (SDF + smin satellites + fwidth-AA + warm-cream fill). The
+ *   minimal verifiable "it renders, it meatballs, it works on Safari" register the
+ *   `uStage` gate strips the lit/shadow blocks for. NO specular, NO iridescence, NO
+ *   SSS, NO shadow — deliberately minimal.
+ * - `"meatball"` — the full lit register (the default): STAGE 2 builds the lit-glass
+ *   surface / Fresnel rim / iridescence / SSS / shadow ON the same field via the
+ *   `uLit`/`uShadow` flags. Byte-identical to the pre-STAGE-1 default pipeline.
+ *
+ * `"dot-matrix"` / `"dot-sphere"` are the later-sub-wave siblings (not STAGE 1).
+ */
+export type BlobVariant = "blob" | "meatball";
 /**
  * Render-quality axis (AX.W16) — `full` (default) renders the metaball pass at the
  * clamped DPR; `half` renders the backing store at HALF resolution and lets the
@@ -99,6 +114,19 @@ export interface BlobColor {
 /** The lit-glass surface — Blinn-Phong glint + Fresnel rim + iridescence/SSS/core-glow. */
 export interface BlobSurface {
     lit: boolean;
+    /**
+     * The procedural 2D SDF soft-shadow march (BC.W-GOOBLOB-MEATBALL T2). A soft contact
+     * shadow FOLLOWING the irregular silhouette (NOT a hard disc/box shadow), gated behind
+     * the shader `uShadow` flag. Default ON (the `meatball` register); the `blob` STAGE-1
+     * floor ships shadowless via the `uStage` gate.
+     */
+    shadow: boolean;
+    /**
+     * Soft-shadow penumbra hardness (BC.W-GOOBLOB-MEATBALL T2) — the inverse light-source
+     * size fed to the IQ rmshadows march `w` term (a higher value = a harder penumbra).
+     * Range 4–48, default 16.
+     */
+    shadowSoftness: number;
     /** CSS color for the Fresnel rim tint (resolved through the `/color` leaf). */
     rimColor: string;
     /** Light direction [x, y, z] (normalized in-shader). */
@@ -152,6 +180,14 @@ export interface BlobConfig {
     color: BlobColor;
     surface: BlobSurface;
     interaction: BlobInteraction;
+    /**
+     * The render variant (BC.W-GOOBLOB-PLAIN) — `"meatball"` (default, the full lit
+     * pipeline) | `"blob"` (the STAGE-1 plain shadowless fill-only floor). `"blob"`
+     * sets the shader `uStage` gate so the lit/shadow/iridescence/SSS blocks are NOT
+     * reached — the minimal verifiable floor. `"meatball"` is byte-identical to the
+     * pre-STAGE-1 default (the `surface.lit` flag still owns the lit-on/off within it).
+     */
+    variant: BlobVariant;
     quality: BlobQuality;
     tempo: number;
 }

package/dist/components/custom/goo-dot-matrix/GooDotMatrix.vue.d.ts

@@ -0,0 +1,49 @@
+import type { GooDotConfig } from "./constants";
+/**
+ * GooDotMatrix — the metaball SDF FIELD rendered as a DOT MATRIX (BC.W-VIZ-HYBRID — the
+ * hybrid of the goo blob and the dot matrix).
+ *
+ * The merging metaball reads as a FIELD OF DOTS that flow and merge: a regular grid of small
+ * warm-cream dots fills the card, and where the gooey blob is — its core, its satellites, the
+ * liquid neck stretching between them — the dots are DENSE, BIG, and BRIGHT; out at the rim
+ * and beyond they thin to small and dim, then vanish. As a satellite orbits in and meatballs
+ * into the body, the band of dots between them THICKENS into a connected bridge, then snaps
+ * back when it absorbs — the gooey form drawn entirely in dots.
+ *
+ * It re-uses two SOTA primitives the codebase already owns — the goo-blob SDF FIELD
+ * (byte-untouched `sceneDistG`) + the dot-matrix RENDER — joined by ONE new idea: the
+ * dot-grid OUTPUT stage (`v = thickness(sceneDistG(cellCenter))` drives the dot size +
+ * brightness, tixy.land applied to an SDF). Four registers, ONE field: `dot-field` (the
+ * §T4 default — the smooth field-driven dot), `dot-dither` (the Bayer8 halftone),
+ * `dot-lattice` / `dot-sphere` (the opt-in instanced flow/depth look).
+ *
+ * WebGPU-FIRST: the dot-stamp fragment over the spliced field; a WebGL2 dot-stamp fallback
+ * runs the SAME field + dot grid where WebGPU is absent (born-GPU — no Canvas2D). It composes
+ * `useGooDotMatrix` → the `createGpuSubstrate` picker over the ONE canvas lifecycle leaf
+ * (offscreen-pause, live-PRM freeze, the shared pointer field) — it never bootstraps its own
+ * context. The DEFAULT palette is the warm-cream library identity over a transparent ground;
+ * the near-dark + reference reproductions are DEMO presets (presets-in-consumers). The
+ * teal-on-navy is GONE entirely.
+ */
+type __VLS_Props = {
+    /** The full author schema (the studio's `useConfiguratorState` model). */
+    config?: GooDotConfig;
+    /**
+     * The declarative WCAG-2.2.2 pause seam. `v-model:paused` parks the render loop (the
+     * substrate's `manual` suspend) when `true`. Wire `<DockBackgroundToggle>`'s
+     * `@update:paused` to this `v-model`.
+     */
+    paused?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    pause: () => void;
+    resume: () => void;
+    wake: () => void;
+    renderAt: (timeSec: number) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:paused": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:paused"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/custom/goo-dot-matrix/composables/gooDotLattice.d.ts

@@ -0,0 +1,24 @@
+import { fibonacciDot, type Vec3 } from "../../dot-matrix";
+export { fibonacciDot, type Vec3 };
+/** A 2-vector — the NDC lattice anchor. */
+export interface Vec2 {
+    x: number;
+    y: number;
+}
+/**
+ * The §T3 deterministic SCREEN lattice anchor for instance `index` of a `cols`-wide row-major
+ * grid at `pitch` NDC spacing, centred on the origin. `rows` is derived so the grid is roughly
+ * square (the instance fan-out `cols × rows ≥ count`); the WGSL `gridOrigin(ii, uCols, uPitch)`
+ * transcribes this EXACTLY (the round-trip parity anchor):
+ *
+ *   col    = index % cols
+ *   row    = floor(index / cols)
+ *   x      = (col - (cols-1)/2) · pitch
+ *   y      = (row - (cols-1)/2) · pitch   // a square grid centred on origin
+ *
+ * The anchors fill a centred `cols × cols` lattice in NDC; the field is sampled AT each anchor
+ * for the dot size+brightness, with an opt-in `-grad` flow displacement toward the merging core.
+ */
+export declare function gridOrigin(index: number, cols: number, pitch: number): Vec2;
+/** The Register-B instance count for a `cols`-wide square lattice. */
+export declare function latticeInstanceCount(cols: number): number;

package/dist/components/custom/goo-dot-matrix/composables/gooDotSetup.d.ts

@@ -0,0 +1,50 @@
+import { type BlobWGPUUniformScratch } from "../../goo-blob/composables/uniformBridgeWGPU";
+import { type MetaballUniformLocations } from "../../goo-blob/composables/uploadBlobUniforms";
+import { type GooDotUniformScratch } from "./uniformBridgeWGPU";
+export declare const GOO_DOT_LABEL = "[GooDotMatrix]";
+/** The one-time WGPU resources the per-frame closure reads (pipeline + the two buffers + scratch). */
+export interface GooDotWGPUResources {
+    pipeline: GPURenderPipeline;
+    bindGroup: GPUBindGroup;
+    fieldBuffer: GPUBuffer;
+    dotBuffer: GPUBuffer;
+    fieldScratch: BlobWGPUUniformScratch;
+    dotScratch: GooDotUniformScratch;
+}
+/**
+ * Build the WGPU dot-stamp pipeline + the field (binding0) / dot-grid (binding1) uniform
+ * buffers + bind group + the two scratch buffers — ONCE on `setupWGPU`. The composable's
+ * per-frame closure writes the scratch via the pack helpers then submits the draw.
+ */
+export declare function createGooDotWGPUResources(device: GPUDevice, format: GPUTextureFormat): GooDotWGPUResources;
+/** The dot-grid uniform locations (the dot extend, beside the field locations). */
+export interface GooDotGLUniforms {
+    mode: WebGLUniformLocation | null;
+    pix: WebGLUniformLocation | null;
+    floor: WebGLUniformLocation | null;
+    bright: WebGLUniformLocation | null;
+    min: WebGLUniformLocation | null;
+    max: WebGLUniformLocation | null;
+    pr: WebGLUniformLocation | null;
+    pm: WebGLUniformLocation | null;
+    pa: WebGLUniformLocation | null;
+    cursor: WebGLUniformLocation | null;
+    bloom: WebGLUniformLocation | null;
+}
+/** The one-time GL resources the per-frame closure reads (program + VAO + the field + dot locations). */
+export interface GooDotGLResources {
+    prog: WebGLProgram;
+    vs: WebGLShader;
+    fs: WebGLShader;
+    buf: WebGLBuffer;
+    vao: WebGLVertexArrayObject;
+    locs: MetaballUniformLocations;
+    dU: GooDotGLUniforms;
+}
+/**
+ * Build the WebGL2 dot-stamp program + the full-quad VAO + the field uniform-location cache
+ * (the SAME UNIFORM_NAMES the field GLSL declares) + the dot-grid uniform locations — ONCE on
+ * `setupGL`. The composable's per-frame closure sets the dot uniforms then calls the REUSED
+ * goo-blob `uploadBlobUniforms` (which writes the field + issues the draw).
+ */
+export declare function createGooDotGLResources(gl: WebGL2RenderingContext): GooDotGLResources;

package/dist/components/custom/goo-dot-matrix/composables/uniformBridgeWGPU.d.ts

@@ -0,0 +1,35 @@
+import type { GooDotConfig } from "../constants";
+/** The total dot-grid uniform-buffer byte size (16-aligned). */
+export declare const GOO_DOT_UNIFORM_BYTES = 64;
+/** The dot-mode int the shader branches on (0 = smooth field dot, 1 = Bayer dither). */
+export declare function dotModeFor(variant: GooDotConfig["variant"]): number;
+/** The repel/attract sign for a pointer mode (repel pushes out, attract pulls in). */
+export declare function pointerModeSign(mode: GooDotConfig["pointerMode"]): number;
+/** The transient dot-cursor state the interactive arm writes (closed over, never the config). */
+export interface GooDotPointerState {
+    /** Field-uv cursor [-0.5, 0.5] (0,0 = canvas center). */
+    x: number;
+    y: number;
+    /** 1 while the pointer is over the host, 0 at rest (decays the influence). */
+    active: number;
+    /** The accel-burst brightness/scale bloom 0..1 (the flick term). */
+    bloom: number;
+}
+/** A fresh resting dot-cursor state. */
+export declare function restingDotPointer(): GooDotPointerState;
+export interface GooDotUniformScratch {
+    buffer: ArrayBuffer;
+    f32: Float32Array;
+}
+export declare function createGooDotScratch(): GooDotUniformScratch;
+/**
+ * Pack the per-frame dot-grid uniforms in place. `resolutionPx` drives the cell grid;
+ * `pointer` carries the §T7 dot-cursor influence (parallax/swell/bloom). The field lanes are
+ * packed SEPARATELY by the goo-blob `packBlobWGPUUniforms` into binding0 — this module owns
+ * ONLY the dot-grid lanes (the extend).
+ */
+export declare function packGooDotUniforms(scratch: GooDotUniformScratch, config: GooDotConfig, resolutionPx: {
+    w: number;
+    h: number;
+}, dpr: number, pointer: GooDotPointerState): GooDotUniformScratch;
+export { restingDotPointer as restingPointer };

package/dist/components/custom/goo-dot-matrix/composables/useGooDotMatrix.d.ts

@@ -0,0 +1,31 @@
+import { type Ref } from "vue";
+import { type GpuBackend } from "../../../../composables/glass/webgpu/useGpuSubstrate";
+import type { GooDotConfig } from "../constants";
+export interface UseGooDotMatrixOptions {
+    config: GooDotConfig;
+    /** `"capture"` → renderAt-only (the deterministic π capture path). Default `"live"`. */
+    mode?: "live" | "capture";
+}
+/** The uniform handle a consumer wires its lifecycle against (backend-agnostic). */
+export interface GooDotMatrixHandle {
+    /** The resolved backend (`"webgpu"` where supported, else the WebGL2 fallback). */
+    readonly backend: GpuBackend;
+    /** Park the loop (the WCAG-2.2.2 pause seam — `DockBackgroundToggle` wires this). */
+    pause: () => void;
+    /** Re-arm the loop. */
+    resume: () => void;
+    /** Re-arm a parked loop on demand (a pointer/setter that re-introduced motion). */
+    wake: () => void;
+    /** Draw one frame out-of-loop (capture / thumbnail). */
+    renderAt: (timeSec: number) => void;
+    /** The live `prefers-reduced-motion: reduce` state. */
+    readonly reducedMotion: boolean;
+    /** Tear down the renderer + release GPU/GL resources. */
+    dispose: () => void;
+}
+/**
+ * Mount the goo-dot-matrix renderer on `canvasRef`. The WebGPU primary runs the dot-stamp
+ * fragment over the byte-untouched goo-blob field; the WebGL2 fallback runs the SAME dot-stamp
+ * (the ONE field, the ONE dot-grid output). Returns the uniform lifecycle handle.
+ */
+export declare function useGooDotMatrix(canvasRef: Ref<HTMLCanvasElement | null>, options: UseGooDotMatrixOptions): GooDotMatrixHandle;

package/dist/components/custom/goo-dot-matrix/constants.d.ts

@@ -0,0 +1,76 @@
+import type { OklchStop } from "../../../composables/color";
+import { type BlobConfig } from "../goo-blob";
+/** The four render registers — the §T4 `variant` axis (default `dot-field`). */
+export type GooDotVariant = "dot-field" | "dot-dither" | "dot-lattice" | "dot-sphere";
+/** Pointer interaction mode — repel pushes dots off the field, attract pulls them in. */
+export type GooDotPointerMode = "repel" | "attract";
+/**
+ * Compile-time dot-stamp cell cap (px) — the device-px cell SIZE the fragment quantizes the
+ * grid to; mirrors the §T1 `uDotPixelSize` band (a floor so a tiny cell never hangs the
+ * fragment over a huge grid). Register-A only.
+ */
+export declare const MIN_DOT_PIXEL_SIZE = 4;
+/** Compile-time lattice column cap — mirrors the Register-B `uCols` instance fan-out. */
+export declare const MAX_LATTICE_COLS = 96;
+/**
+ * The full author schema — the studio's `useConfiguratorState` model. The FIELD atoms are
+ * REUSED from the goo-blob `BlobConfig` (the metaball field is the byte-untouched goo half),
+ * and the DOT-RENDER atoms are ADDED (the §T1/§T2/§T3 dot-grid output). A NEW schema (no
+ * prior `goo-dot-matrix`, no MIGRATION row).
+ */
+export interface GooDotConfig {
+    /** Which render register — `dot-field` (default) | `dot-dither` | `dot-lattice` | `dot-sphere`. */
+    variant: GooDotVariant;
+    /**
+     * The metaball FIELD config — the byte-untouched goo-blob field atoms (geometry, the
+     * smin membrane, the satellites, the warm-cream palette). The hybrid READS the field
+     * `sceneDistG`/`thickness` off this; it does not rebuild the math.
+     */
+    field: BlobConfig;
+    /**
+     * The dot-grid CELL size in device px (Register A — §T1 `uDotPixelSize`). Larger cells →
+     * coarser dots. Floored at `MIN_DOT_PIXEL_SIZE` so the fragment never over-grids.
+     */
+    dotPixelSize: number;
+    /** Dot radius MIN (the rim/outside dot, fraction of the cell, §T1 `uDotMin`). */
+    dotMin: number;
+    /** Dot radius MAX (the core dot, fraction of the cell, §T1 `uDotMax`). */
+    dotMax: number;
+    /** The field floor below which no dot paints (§T1 `uFieldFloor`). */
+    fieldFloor: number;
+    /** The dim-outside brightness floor (the dots dim at the rim, §T1 `uDotBrightFloor`). */
+    dotBrightFloor: number;
+    /**
+     * Register-B lattice column count (§T3 `uCols`). The instanced grid is `cols × rows`
+     * fit to the aspect; capped at `MAX_LATTICE_COLS`.
+     */
+    cols: number;
+    /** Register-B flow displacement toward the merging core (§T3 `uFlowAmt`; capped < 0.5 pitch). */
+    flowAmt: number;
+    /** The dot-color ramp (resolved via the ColorResolver; default warm-cream). */
+    palette: OklchStop[];
+    /** The ground color (default transparent so the glass card shows through). */
+    background: OklchStop | "transparent";
+    /** Pointer parallax + repel + accel-burst (the §T7 dot-cursor influence). */
+    interactive: boolean;
+    /** repel ↔ attract (the dot-influence direction). */
+    pointerMode: GooDotPointerMode;
+    /** The pointer influence radius (NDC; the §T7 `pointerRadius`). */
+    pointerRadius: number;
+    /** ONE static frame then park under `prefers-reduced-motion: reduce`. */
+    respectReducedMotion: boolean;
+}
+/**
+ * The warm-cream identity palette (the library default — NOT teal). The dot core is the soft
+ * warm cream of the goo-blob bead; the rim fades to warm amber. Mirrors the dot-matrix /
+ * dot-flow `WARM_IDENTITY_PALETTE` family — a consumer themes it mono-warm-white-on-near-black
+ * through a PRESET, never a token edit.
+ */
+export declare const WARM_IDENTITY_PALETTE: OklchStop[];
+/**
+ * The shipped warm-identity default — the §T6 default table: the Register-A field-driven dot
+ * stamp over the byte-untouched goo-blob field (the cream metaball), warm-cream dots over a
+ * transparent ground (the glass card shows through). The near-dark + reference reproductions
+ * are DEMO presets (presets-in-consumers).
+ */
+export declare const DEFAULT_GOO_DOT_CONFIG: GooDotConfig;

package/dist/components/custom/goo-dot-matrix/index.d.ts

@@ -0,0 +1,5 @@
+export { default as GooDotMatrix } from "./GooDotMatrix.vue";
+export { useGooDotMatrix, type GooDotMatrixHandle, type UseGooDotMatrixOptions, } from "./composables/useGooDotMatrix";
+export { type GooDotConfig, type GooDotVariant, type GooDotPointerMode, DEFAULT_GOO_DOT_CONFIG, WARM_IDENTITY_PALETTE, MIN_DOT_PIXEL_SIZE, MAX_LATTICE_COLS, } from "./constants";
+export { gridOrigin, latticeInstanceCount, fibonacciDot, type Vec2, type Vec3, } from "./composables/gooDotLattice";
+export type { OklchStop } from "../../../composables/color";

package/dist/components/custom/goo-dot-matrix/shaders/goo-dot.frag.d.ts

@@ -0,0 +1,11 @@
+/** The spliced goo-blob field GLSL (decls + sceneDistG/breath/samplePaletteOklch). */
+export declare const GOO_DOT_FIELD_GLSL: string;
+/**
+ * The full-quad vertex shader — the BYTE-IDENTICAL metaball.vert convention (the `aPosition`
+ * attrib name + `vUv = aPosition·0.5+0.5`), so the goo-blob `uploadBlobUniforms` draw path
+ * (the SHARED field upload — `gl.drawArrays(TRIANGLES, 0, 6)` over the `aPosition` quad) is
+ * REUSED wholesale for the field lanes; the dot-grid uniforms are set beside it.
+ */
+export declare const GOO_DOT_VERT_GLSL = "#version 300 es\nprecision highp float;\nin vec2 aPosition;\nout vec2 vUv;\nvoid main() {\n  vUv = aPosition * 0.5 + 0.5;\n  gl_Position = vec4(aPosition, 0.0, 1.0);\n}";
+/** The Register-A dot-stamp fragment — the GLSL twin of the WGSL `fs_main`. */
+export declare const GOO_DOT_FRAG_GLSL: string;

package/dist/components/custom/goo-dot-matrix/shaders/goo-dot.wgsl.d.ts

@@ -0,0 +1,3 @@
+/** The spliced goo-blob field (struct + bindings + sceneDistG/breath/samplePaletteOklch). */
+export declare const GOO_DOT_FIELD_WGSL: string;
+export declare const GOO_DOT_WGSL: string;

package/dist/components/custom/handmark/HandMark.vue.d.ts

@@ -8,9 +8,9 @@ declare const __VLS_base: import("vue").DefineComponent<HandMarkProps, {
     play: typeof play;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<HandMarkProps> & Readonly<{}>, {
     color: string;
+    animation: import("./types").HandAnimation;
     seed: number;
     shape: import("./types").HandShape;
-    animation: import("./types").HandAnimation;
     appear: "mount" | "visible" | "manual";
     jagged: boolean;
     brush: import("./brush").BrushName | Partial<import("./brush").Brush>;

package/dist/components/custom/icon-chip/types.d.ts

@@ -57,10 +57,20 @@ export interface IconChipProps {
     duotone?: boolean;
     /**
      * The chip's own smooth-glass hover register (the backplate mix lifts, a soft
-     * glow ring appears, the stroke firms) — on the §6 easing doctrine, PRM-gated,
+     * glow ring appears, the stroke firms) — on the §6 easing doctrine (the GROW
+     * rides --spring-smooth, the color cross-fade the bezier), PRM-gated,
      * disco-FREE. Default `false`.
      */
     bloom?: boolean;
+    /**
+     * The louder focal-pop vibrancy axis (BB.W-SUFFUSE3) — re-points the
+     * backplate `color-mix` strength off the 25% reference stop to ~40% (more
+     * chroma) via `--icon-chip-plate-strength`. STILL the ONE color event per
+     * surface (the same event, louder — proof:suffuse d3 counts the event family,
+     * not the saturation); the `in srgb` space + the chip≤glyph ratio are
+     * untouched. Default `false` (byte-identical to the reference register).
+     */
+    saturated?: boolean;
     /**
      * Entrance choreography — composes the shipped `vReveal` directive. A numeric
      * value is the `--d` stagger index; `true` is index 0. PRM-gated by `vReveal`'s

package/dist/components/custom/instrument-chassis/InstrumentChassis.vue.d.ts

@@ -23,7 +23,9 @@ export type InstrumentChassisPhase = "ready" | "ping" | "download" | "upload" |
  *   the structural grooves re-point to the `--silver` quad (the gold quad's
  *   cool mirror) instead of the warm-cream `--surface-tint-*` default, so the
  *   chassis reads as an INDUSTRIAL precision-instrument housing — the cool-metal
- *   twin of the gold "complete"-phase affirmation. The phase cascade stays
+ *   twin of the warm-gold "complete"-phase affirmation the chassis ships by
+ *   DEFAULT (the `--phase-complete-color` consumer token defaults to gold;
+ *   BB.W-PHASE-PALETTE — a consumer may re-ink completion). The phase cascade stays
  *   orthogonal (a `structure` chassis still retints on `data-phase`); only the
  *   structure-metal recipe forks. The silver is the W-NO-GRAY named cool-neutral
  *   exception. Consumer #2 of the silver quad (the atlas's structure surface is