/* ForesightVet — Tweaks panel app.
Drives page variants via data-attributes on + CSS vars. */
const VD_DEFAULTS = /*EDITMODE-BEGIN*/{
"heroTone": "escuro",
"heroVisual": "app",
"accent": "cyan",
"ecgAnim": true
}/*EDITMODE-END*/;
function ForesightVetTweaks() {
const [t, setTweak] = useTweaks(VD_DEFAULTS);
React.useEffect(() => {
const b = document.body;
b.setAttribute('data-hero', t.heroTone);
b.setAttribute('data-herovis', t.heroVisual);
b.setAttribute('data-accent', t.accent);
b.setAttribute('data-anim', t.ecgAnim ? 'on' : 'off');
}, [t.heroTone, t.heroVisual, t.accent, t.ecgAnim]);
return (
setTweak('heroTone', v)} />
setTweak('heroVisual', v)} />
setTweak('accent', hex === '#00C2E0' ? 'cyan' : 'sky')} />
setTweak('ecgAnim', v)} />
);
}
(function mountForesightVetTweaks() {
function go() {
const host = document.createElement('div');
host.id = 'vd-tweaks-root';
document.body.appendChild(host);
ReactDOM.createRoot(host).render();
}
if (document.readyState === 'loading') document.addEventListener('DOMContentLoaded', go);
else go();
})();