(() => { if (!location.pathname.startsWith('/praxis-os')) return; const root = document.documentElement; const recoveryKey = 'praxis-os-boot-recovery-at'; let settled = false; let recovering = false; root.dataset.praxisBoot = 'pending'; const sessionId = (() => { try { const key = 'praxis-os-observability-session-id'; const existing = sessionStorage.getItem(key); if (existing) return existing; const created = crypto.randomUUID(); sessionStorage.setItem(key, created); return created; } catch (_) { return 'boot-' + Math.random().toString(36).slice(2); } })(); const report = (name, props) => { try { const body = JSON.stringify({ events: [{ name, category: name === 'frontend.hydrated' || name === 'frontend.interaction_seen' ? 'outcome' : 'error', feature: 'frontend', page_path: location.pathname, props: Object.assign({ host: location.hostname }, props || {}), client_ts: new Date().toISOString() }], session_id: sessionId, device_type: /iphone|ipod|android.*mobile/i.test(navigator.userAgent) ? 'mobile' : 'unknown' }); navigator.sendBeacon('/api/auth/observability', new Blob([body], { type: 'application/json' })); } catch (_) { /* diagnostics must never block recovery */ } }; const showRecovery = (reason) => { root.dataset.praxisBoot = 'failed'; if (document.getElementById('praxis-boot-recovery')) return; const panel = document.createElement('div'); panel.id = 'praxis-boot-recovery'; panel.setAttribute('role', 'alert'); panel.style.cssText = 'position:fixed;inset:0;z-index:2147483647;background:#fff;color:#0f172a;display:flex;align-items:center;justify-content:center;padding:24px;font-family:system-ui,sans-serif'; panel.innerHTML = '

Praxis OS konnte nicht vollständig starten

Bitte lade die App neu. Deine Anmeldung und vorgemerkten Stempel bleiben erhalten.

Direkt zur Stempeluhr Neu anmelden

'; document.body.appendChild(panel); document.getElementById('praxis-boot-reload')?.addEventListener('click', () => location.reload()); report('frontend.bootstrap_timeout', { reason, recovery_ui: true }); }; const clearAppShellCaches = async () => { if (!('caches' in window)) return; const names = await caches.keys(); await Promise.all(names.filter((name) => name.startsWith('praxis-os-') && name !== 'praxis-os-pending' && (name.endsWith('-static') || name.endsWith('-runtime'))).map((name) => caches.delete(name))); }; const recover = async (reason) => { if (settled || recovering) return; recovering = true; report(reason === 'resource_load_failed' ? 'frontend.resource_load_failed' : 'frontend.bootstrap_timeout', { reason }); let last = 0; try { last = Number(sessionStorage.getItem(recoveryKey) || localStorage.getItem(recoveryKey) || 0); } catch (_) {} if (Date.now() - last < 60000) { showRecovery(reason); return; } try { sessionStorage.setItem(recoveryKey, String(Date.now())); } catch (_) { try { localStorage.setItem(recoveryKey, String(Date.now())); } catch (_) {} } await Promise.allSettled([ clearAppShellCaches(), 'serviceWorker' in navigator ? navigator.serviceWorker.getRegistrations().then((items) => Promise.all(items.map((item) => item.update().catch(() => undefined)))) : Promise.resolve() ]); const url = new URL(location.href); url.searchParams.set('__praxis_recover', String(Date.now()).slice(-8)); location.replace(url.toString()); }; const timer = window.setTimeout(() => recover('hydration_timeout'), 12000); window.__praxisMarkHydrated = () => { if (settled) return; settled = true; window.clearTimeout(timer); root.dataset.praxisBoot = 'hydrated'; report('frontend.hydrated'); }; window.addEventListener('error', (event) => { const target = event.target; if (target instanceof HTMLScriptElement || target instanceof HTMLLinkElement) recover('resource_load_failed'); }, true); let interactionReported = false; window.addEventListener('pointerdown', () => { if (interactionReported) return; interactionReported = true; report('frontend.interaction_seen', { hydrated: root.dataset.praxisBoot === 'hydrated' }); }, true); })();