(function() { try { // Mount the boot loader when the visitor is likely already // signed in (refresh) OR is in the middle of logging out // (we hard-reload to '/' after clearing the auth cookie). // The logout case is essential: on logout we REMOVE the // isAuthenticated hint, so without also checking the logout // session flag the static HTML would render // first, then React would show the loader and fade back to // AuthPage — the "auth page → loader → auth page" flash. // The session key must match LOGOUT_LOADER_SESSION_KEY in // src/lib/logout-loader-session.ts. var authed = false, loggingOut = false; try { authed = localStorage.getItem('isAuthenticated') === 'true'; } catch (e1) {} try { loggingOut = sessionStorage.getItem('hp-post-logout-loading') === '1'; } catch (e2) {} if (!authed && !loggingOut) return; // The auth-hint stylesheet hides the public/creator preview // (data-public-auth-content) so an authenticated refresh on a // creator page never flashes the public view. We only need it // when actually signed in — on logout we just want the boot // loader covering the page. The boot loader's spin keyframes // and fade rule live permanently in globals.css so they // survive this tag being removed when auth resolves. if (authed) { document.documentElement.setAttribute('data-auth-hint', 'pending'); var style = document.createElement('style'); style.id = 'auth-hint-block-style'; style.textContent = [ 'html[data-auth-hint="pending"] [data-public-auth-content] { visibility: hidden !important; }', 'html[data-auth-hint="pending"] body { background-color: var(--loading-bg-color, #1e3a8a) !important; }' ].join(' '); document.head.appendChild(style); } // Append the static boot loader as soon as // becomes parseable. Without this the visitor sees a // bare colored backdrop for the full SSR -> hydrate // window — which on slower devices reads as a "blank // loading screen with no spinner or text". Once // SimpleClientWrapper finishes its readiness chain it // removes this node, so the React takes // over the same rectangle without a visible swap. function mountBootLoader() { if (!document.body) return; if (document.getElementById('__boot_loader')) return; var primary = document.documentElement.style.getPropertyValue('--loading-bg-color') || '#1e3a8a'; var inner = document.documentElement.style.getPropertyValue('--loading-inner-color') || primary || '#1e3a8a'; var loader = document.createElement('div'); loader.id = '__boot_loader'; loader.setAttribute('aria-hidden', 'true'); // All layout/positioning is inline so it survives the // removal of the

Buttons

Buttons