/* tweaks-app.jsx — shared Tweaks controller mounted on every page. Owns the three explorations the user asked for: • Bloom treatment (load / drift / cursor / calm) • Type pairing (literary / modern / elegant) • Palette (vivid / soft) Applies them to + the bloom engine. Renders nothing but the panel itself. */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "bloom": "load", "type": "literary", "palette": "vivid" }/*EDITMODE-END*/; function applyTweaks(t) { const root = document.documentElement; root.dataset.type = t.type; root.dataset.palette = t.palette; if (window.__setBloomPalette) window.__setBloomPalette(t.palette); if (window.__setBloomMode) window.__setBloomMode(t.bloom); window.__BLOOM_MODE = t.bloom; } function TweaksApp() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); // apply on every change + on mount (and re-apply once the bloom engine is ready) React.useEffect(() => { applyTweaks(t); }, [t]); React.useEffect(() => { const id = setTimeout(() => applyTweaks(t), 60); return () => clearTimeout(id); }, []); // eslint-disable-line return ( setTweak("bloom", v)} />

Bloom in settles from a seed · Breeze keeps swaying · Follow blooms where you point · Calm barely breathes.

setTweak("type", v)} /> setTweak("palette", v)} /> ); } (function mount() { const el = document.getElementById("tweaks-root"); if (!el) return; ReactDOM.createRoot(el).render(); })();