(function () { try { var URL_DIAG = '/api/client-diag'; var RELOAD_KEY = 'perse:chunk-reload-at'; var COOLDOWN = 15000; var CHUNK_RE = /ChunkLoadError|Loading chunk|Loading CSS chunk|dynamically imported module|Importing a module script failed/i; // Broad hydration-family matcher — DIAGNOSTICS ONLY (beacon enrichment). var HYDR_RE = /Minified React error #(?:418|419|421|422|423|424|425)\b|Hydration failed|error while hydrating|hydration mismatch/i; // FATAL-only reload trigger (iPhone fix 2026-06-11): React 19 self- // recovers from #418-family mismatches (client-renders the subtree and // keeps going) — Safari trips them routinely on streamed pages, and // reloading on them produced a reload storm + crash screen on iOS. // Only root hydration failure (#422/#423) reloads. var HYDR_FATAL_RE = /Minified React error #(?:422|423)\b/i; // Streaming-completion crash: when React's inline Suspense-reveal runtime // ($RC/$RS/$RB/$RT) can't find a boundary's placeholder node it throws // "Cannot read properties of null (reading 'parentNode')" — a fatal // stream/DOM desync (seen after messy deploys / stale chunks) that froze // the page. The message alone is generic, so we key on the $R* frame in // the STACK (React-internal, unambiguous) plus the parentNode-null symptom. var STREAM_RE = /\bat \$R[BCST]\b|\$R[BCST]\s*\(|reading 'parentNode'/; var sent = 0; // Hydration-mismatch PINPOINTER. On a clean hydrate React attaches to the // server DOM without mutating it; on a #418 mismatch React discards the // server node and inserts a freshly client-rendered one. The childList // mutations recorded between DOMContentLoaded and the error therefore name // the exact element that didn't match (parent + removed/added node briefs). var mutLog = []; function nodeBrief(n){ try{ if(!n) return ''+n; if(n.nodeType===3) return 'text:'+JSON.stringify((n.textContent||'').slice(0,48)); if(n.nodeType===1){ var t=n.tagName.toLowerCase(); var id=n.id?('#'+n.id):''; var cl=''; try{cl=(n.getAttribute('class')||'').slice(0,70);}catch(e){} return '<'+t+id+(cl?(' class='+JSON.stringify(cl)):'')+'>'; } return 'n'+n.nodeType; }catch(e){return 'e';} } function startMO(){ try{ var mo = new MutationObserver(function(muts){ for (var k=0;k=24) return; var m=muts[k]; if(m.type==='childList' && (m.removedNodes.length||m.addedNodes.length)){ mutLog.push({p:nodeBrief(m.target), rm:[].slice.call(m.removedNodes).slice(0,3).map(nodeBrief), ad:[].slice.call(m.addedNodes).slice(0,3).map(nodeBrief)}); } } }); mo.observe(document.documentElement, {childList:true, subtree:true}); setTimeout(function(){ try{mo.disconnect();}catch(e){} }, 8000); }catch(e){} } // Start observing IMMEDIATELY (not at DOMContentLoaded): the iPhone #418 // beacons arrived with readyState 'loading' — the mismatch fires during // the streaming parse, so a DOMContentLoaded-gated observer logged // nothing. Observing from script-in-head start captures React's // discard/replace swap wherever it happens. startMO(); // React 19 prints the actual hydration DIFF via console.error before // throwing the minified #418. Buffer hydration-ish console output so the // beacon carries the exact mismatching text/attribute, not just the code. var errLog = []; try { var origErr = console.error; console.error = function () { try { if (errLog.length < 6) { var s = ''; for (var i = 0; i < arguments.length && i < 4; i++) { try { s += (typeof arguments[i] === 'string' ? arguments[i] : JSON.stringify(arguments[i])) + ' | '; } catch (e) { s += '?| '; } } if (/hydrat|418|did not match|server rendered|client render/i.test(s)) { errLog.push(s.slice(0, 600)); } } } catch (e) {} return origErr.apply(console, arguments); }; } catch (e) {} function recoverable(s) { s = String(s || ''); return CHUNK_RE.test(s) || HYDR_FATAL_RE.test(s) || STREAM_RE.test(s); } function maybeReload(s) { try { if (!recoverable(s)) return; var last = Number(sessionStorage.getItem(RELOAD_KEY) || '0'); if (last && (Date.now() - last) < COOLDOWN) return; sessionStorage.setItem(RELOAD_KEY, String(Date.now())); location.reload(); } catch (e) {} } function snap(reason, extra) { try { var de = document.documentElement; var b = document.body; return { reason: reason, href: location.href, ref: document.referrer || null, ua: navigator.userAgent, htmlAttrs: de ? de.getAttributeNames() : [], bodyAttrs: b ? b.getAttributeNames() : [], bodyChildCount: b ? b.childElementCount : -1, textLen: b && b.innerText ? b.innerText.length : 0, hydrated: !!window.__perseHydrated, readyState: document.readyState, online: navigator.onLine, mutLog: mutLog.slice(0, 24), errLog: errLog.slice(0, 6), extra: extra || null, ts: new Date().toISOString() }; } catch (e) { return { reason: reason, snapErr: String(e), ts: new Date().toISOString() }; } } function send(obj) { try { var body = JSON.stringify(obj); if (navigator.sendBeacon) { navigator.sendBeacon(URL_DIAG, new Blob([body], { type: 'application/json' })); } else { fetch(URL_DIAG, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: body, keepalive: true }); } } catch (e) {} } // On a hydration mismatch (#418) the live DOM is already auto-corrected // by the parser, so it can't reveal the original invalid nesting. Re-fetch // the RAW server HTML (browser's own session) and scan the text for the // classic markup-mismatch patterns — a

containing block elements, or // nested /