/* ============================================================ app.jsx — Top-level App + Tweaks wiring ============================================================ */ const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "variant": "safe", "theme": "light", "density": "cozy", "lang": "en" }/*EDITMODE-END*/; function App() { const [tweaks, setTweak] = useTweaks(TWEAK_DEFAULTS); const [route, setRoute] = React.useState("home"); // Apply tweaks to data-attrs so CSS variables flip React.useEffect(() => { document.documentElement.setAttribute("data-variant", tweaks.variant); document.documentElement.setAttribute("data-theme", tweaks.theme); document.documentElement.setAttribute("data-density", tweaks.density); }, [tweaks.variant, tweaks.theme, tweaks.density]); // Re-run lucide whenever something changes React.useEffect(() => { if (window.lucide) window.lucide.createIcons(); }, [route, tweaks.lang, tweaks.variant]); // Scroll-to-top on route change React.useEffect(() => { window.scrollTo({ top: 0, behavior: "auto" }); }, [route]); return ( <>