[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8},"actionData","errors","root",{"_26":27,"_28":12,"_29":30,"_31":30,"_32":12,"_33":12,"_34":12,"_35":12,"_36":37},"routes/canvas.shared.$sharedTextdocId",{"_9":10,"_11":12},"sharedTextdoc",{"_13":14,"_15":-7,"_16":17,"_18":19,"_20":21,"_22":23,"_24":12,"_25":12},"isAuthenticated",false,"sharedTextdocId","68f52b77d2e48191943529367a66c8ba","versionInt","title","Λ–ψ: Harmonic Indifference — Generative Painting","type","code/react","content","import React, { useEffect, useMemo, useRef, useState } from \"react\";\n// Λ–ψ: Harmonic Indifference — v8.3.2\n// Fix for SyntaxError (Unexpected token near fieldAt): removed stray closing brace, kept time‑wobble for yellow jewels.\n// Inline UI only; visualization is the sole boxed element.\n\n// Palettes\nconst P = {\n Serenity: { bgA: \"#0b1020\", bgB: \"#1a2238\", field: \"#7aa2ff\", jewel: \"#ffd166\", leak: \"#9bdefd\", boundary: \"#99a1c2\" },\n FireRelease: { bgA: \"#180b0b\", bgB: \"#3a0f0f\", field: \"#ff6b6b\", jewel: \"#ffd166\", leak: \"#ffb3a7\", boundary: \"#ff8c7a\" },\n MonochromeCalm: { bgA: \"#0f1115\", bgB: \"#151922\", field: \"#b7c2d8\", jewel: \"#e5e9f2\", leak: \"#d6dde9\", boundary: \"#8f9bb3\" },\n CVDSafe: { bgA: \"#0E1116\", bgB: \"#18202B\", field: \"#3DB2FF\", jewel: \"#F5B000\", leak: \"#65D6AD\", boundary: \"#B3C2D1\" }\n} as const;\n\n// Utils\nconst hashSeed = (s: string) => { let h = 2166136261 >>> 0; for (let i = 0; i < s.length; i++) { h ^= s.charCodeAt(i); h = Math.imul(h, 16777619); } return h >>> 0; };\nconst rng = (seed: number) => () => { seed |= 0; seed = (seed + 1831565813) | 0; let t = Math.imul(seed ^ (seed >>> 15), 1 | seed); t = (t + Math.imul(t ^ (t >>> 7), 61 | t)) ^ t; return ((t ^ (t >>> 14)) >>> 0) / 4294967296; };\nconst lerp = (a: number, b: number, t: number) => a + (b - a) * t;\nconst clamp = (x: number, a: number, b: number) => Math.max(a, Math.min(b, x));\nconst toNum = (v: any) => { const s = String(v).replace(\",\", \".\"); const n = parseFloat(s); return isFinite(n) ? n : 0; };\n\nexport default function App() {\n const canvasRef = useRef(null);\n const containerRef = useRef(null);\n\n // State\n const [running, setRunning] = useState(true);\n const [intensity, setIntensity] = useState(5);\n const [beta, setBeta] = useState(1.2);\n const [leakage, setLeakage] = useState(0.02);\n const [entropy, setEntropy] = useState(0.35);\n const [paletteKey, setPaletteKey] = useState(\"Serenity\");\n const [seedStr, setSeedStr] = useState(\"LambdaPsi_v8_3_2\");\n const [mu, setMu] = useState(1.0);\n const [kappaC, setKappaC] = useState(1.0);\n const [units, setUnits] = useState<\"J_per_bit\" | \"J_per_nat\">(\"J_per_nat\");\n const [gravityOn, setGravityOn] = useState(false);\n const [silent, setSilent] = useState(false);\n const [baseDemo, setBaseDemo] = useState(false);\n const [armsOn, setArmsOn] = useState(false);\n const [triOn, setTriOn] = useState(false);\n const [pObs, setPObs] = useState(false);\n const [auditOn, setAuditOn] = useState(true);\n const [oscOn, setOscOn] = useState(true);\n const [dtSweep, setDtSweep] = useState(true);\n const [parityOn, setParityOn] = useState(true);\n const [stampsOn, setStampsOn] = useState(true);\n const [tolPct, setTolPct] = useState(2);\n const [teffMethod, setTeffMethod] = useState<\"Landauer\" | \"empirical\" | \"hybrid\">(\"Landauer\");\n const [Hbefore, setHbefore] = useState(1.0);\n const [Hafter, setHafter] = useState(0.8);\n const [invSuite, setInvSuite] = useState({ bits_nats: true, rescale: true, rotation: false, permutation: false, fp64: false, fp32: true });\n\n const pal = P[paletteKey];\n\n // Fit canvas to container\n useEffect(() => {\n const c = canvasRef.current!; const p = c.parentElement!;\n const fit = () => {\n const dpr = Math.max(1, (window.devicePixelRatio || 1));\n const w = p.clientWidth; const h = Math.max(560, Math.round(p.clientWidth * 0.56));\n c.width = Math.floor(w * dpr); c.height = Math.floor(h * dpr);\n c.style.width = w + \"px\"; c.style.height = h + \"px\";\n };\n fit(); const ro = new ResizeObserver(fit); ro.observe(p); return () => ro.disconnect();\n }, []);\n\n // Demo: flip units\n useEffect(() => {\n if (!baseDemo) return;\n const id = window.setInterval(() => setUnits(u => u === \"J_per_nat\" ? \"J_per_bit\" : \"J_per_nat\"), 2200);\n return () => window.clearInterval(id);\n }, [baseDemo]);\n\n // Lab estimates for round‑trip\n type Lab = { slope: number; offset: number; slopeExp: number; pass: boolean; dtLabel: string; dtScore: number; dtPass: boolean; spike: boolean };\n const [lab, setLab] = useState({ slope: 1, offset: 0, slopeExp: 1, pass: true, dtLabel: \"1×\", dtScore: 1, dtPass: true, spike: false });\n useEffect(() => {\n let id = 0 as any;\n const tick = () => {\n const ln2 = Math.log(2), N = 24;\n let sx = 0, sy = 0, sxx = 0, sxy = 0;\n const E0 = 0.2 + mu * (kappaC * kappaC) * 0.1;\n for (let i = 0; i < N; i++) { const En = E0 + (i / (N - 1)) * (1 + beta * 0.5), Eb = En / ln2; sx += En; sy += Eb; sxx += En * En; sxy += En * Eb; }\n const a = (N * sxy - sx * sy) / (N * sxx - sx * sx + 1e-9);\n const b = (sy - a * sx) / N; const se = 1 / ln2;\n const pass = Math.abs(a - se) < tolPct / 100 && Math.abs(b) < tolPct / 500;\n const dtLabel = dtSweep ? [\"0.5×\", \"1×\", \"2×\"][Math.floor((Date.now() / 2000) % 3)] : \"1×\";\n const dtScore = clamp(1 - 0.35 * entropy - 0.10 * Math.abs(beta - 1.2), 0, 1);\n const dtPass = dtScore >= 0.72;\n const spike = entropy > 0.7 && Math.sin(Date.now() / 240) > 0.7;\n setLab({ slope: a, offset: b, slopeExp: se, pass, dtLabel, dtScore, dtPass, spike });\n id = window.setTimeout(tick, 500);\n };\n tick(); return () => window.clearTimeout(id);\n }, [entropy, beta, mu, kappaC, dtSweep, tolPct]);\n\n // HUD\n const [hud, setHud] = useState({ R_obs: 0, phi_attr: 0 });\n const [rHist, setRHist] = useState([]);\n useEffect(() => {\n let id = 0 as any;\n const tick = () => {\n const R = clamp(0.92 + (1 - leakage / 0.22) * 0.07 - entropy * 0.02, 0.85, 0.995);\n const phi = clamp(0.4 + (1.6 - beta) * 0.15 + (1 - entropy) * 0.2, 0, 1);\n setHud({ R_obs: R, phi_attr: phi });\n setRHist(h => { const hh = h.concat([R]); return hh.length > 50 ? hh.slice(hh.length - 50) : hh; });\n id = window.setTimeout(tick, 500);\n };\n tick(); return () => window.clearTimeout(id);\n }, [leakage, entropy, beta]);\n\n const tvdEst = Math.max(1e-7, leakage * (1 - hud.R_obs) * 5e-6 + entropy * 2e-7);\n const tvdPass = tvdEst <= 1e-6;\n const { ciL, ciU } = wilsonCI(hud.R_obs, 4000, 1.96);\n const drift = useMemo(() => fitDrifts(rHist), [rHist]);\n const gate: \"PASS\" | \"SENS\" | \"FAIL\" = (hud.R_obs >= 0.97 && tvdPass) ? \"PASS\" : (hud.R_obs >= 0.95 ? \"SENS\" : \"FAIL\");\n\n // μ & units\n const unitsNice = units === \"J_per_nat\" ? \"J·nat⁻¹\" : \"J·bit⁻¹\";\n const unitsLintOk = unitsNice.indexOf(\" per \") === -1;\n const e1 = 0.25 + 0.5 * entropy;\n const e2 = 0.255 + 0.5 * entropy;\n const eps = Math.abs(e1 - e2);\n const biasDir = e2 > e1 ? \"up\" : \"down\";\n const muDefined = eps >= 0.005 && eps <= 0.01;\n const muLive = (() => { const ln = Math.log(Math.max(1e-9, Hbefore) / Math.max(1e-9, Hafter)); const theta = units === \"J_per_nat\" ? 1 : 1 / Math.log(2); return muDefined ? theta * ln : NaN; })();\n const signLock = isFinite(muLive) ? Math.sign(muLive) >= 0 : false;\n\n // Round‑trip stamps\n const roundTripPass = lab.pass;\n const roundTripHash = quickHash([lab.slope.toFixed(3), lab.offset.toFixed(3), tolPct, units].join(\"|\"));\n const stamps = { version: \"v8.3.2\", unit_system: \"SI\", sigma_units_choice: \"triangulation\", theta_mu_units: unitsNice, units_roundtrip_test: roundTripPass ? \"PASS\" : \"FAIL\", units_sanity_report: unitsLintOk ? \"ok\" : \"lint_fail\", stamp_lint_rule: \"no_greek_identifiers\", default_regex_policy: \"safe\", teff_method: teffMethod };\n const stampsHash = quickHash(JSON.stringify(stamps));\n\n // Boundary severity hash\n const severity = leakage < 0.06 ? \"none\" : (leakage < 0.12 ? \"minor\" : \"major\");\n const boundary_violation_severity_levels_hash = quickHash(severity + \"|\" + seedStr);\n\n const suiteHash = quickHash(JSON.stringify({ invSuite, tolPct, units, seedStr }));\n\n // ΔQ annex (regress ΔE ~ (β·ΔQ/T_eff))\n const thetaMu = units === \"J_per_nat\" ? 1 : 1 / Math.log(2);\n const T_eff = teffMethod === \"Landauer\" ? 310 : 300;\n const pts = Array.from({ length: 12 }, (_, i) => { const q = intensity * (1 - entropy) * (0.15 + 0.15 * i); return { x: (beta * q) / T_eff, y: (kappaC * kappaC) * thetaMu * (beta * q) }; });\n const reg = linReg(pts.map(p => p.x), pts.map(p => p.y));\n const release_law_residuals_hash = quickHash(JSON.stringify(pts.map(p => p.y - (reg.a * p.x + reg.b)).slice(0, 6)));\n\n // β safety finite‑diff proxies\n const dHneu_dBeta = -0.02 * (1 + entropy);\n const dRT_dBeta = -0.03 * (1 + leakage);\n const elasticity_side = 0.01 * (entropy - 0.5);\n\n // Δt invariance diagnostics (toy)\n const integrator_domain = \"time\";\n const trapz_vs_RK_delta = 0.008;\n const RK_rejection_stats = \"0/120\";\n const time_step_sensitivity_hash = quickHash([integrator_domain, trapz_vs_RK_delta, RK_rejection_stats].join(\"|\"));\n\n // Indeterminate band (±0.2×SESOI/SD)\n const sd = stdev(rHist);\n const SESOI = 0.1 * sd;\n const band = 0.2 * (SESOI / (sd || 1));\n const fracInside = (rHist.filter(r => Math.abs(r - hud.R_obs) <= band).length) / (rHist.length || 1);\n\n // Decision record JSON (machine readable)\n const decisionRecord = { gate, R_obs: round(hud.R_obs, 3), tvdPass, units: unitsNice, muDefined, eps: round(eps, 3), bias_direction: biasDir, roundTripPass, beta_safety: { dHneu_dBeta, dRT_dBeta, elasticity_side }, dt: { trapz_vs_RK_delta, RK_rejection_stats }, band: { width: round(band, 4), fracInside: round(fracInside, 2) } };\n\n // Reporting battery hash when σ/Λ/etc. are shown\n const reporting_battery_hash = quickHash(JSON.stringify({ phi: hud.phi_attr, kappaC, mu: muLive, lambda: beta, acf: 0.3 }).slice(0, 64));\n\n function savePNG() {\n const c = canvasRef.current!; const url = c.toDataURL(\"image/png\");\n const a = document.createElement(\"a\"); const sha = quickHash(url);\n a.href = url; a.download = `LambdaPsi_HarmonicIndifference_v8_3_2_${sha}.png`; a.click();\n }\n\n // ---- Painter ----\n useEffect(() => {\n const c = canvasRef.current!; const ctx = c.getContext(\"2d\")!; const dpr = Math.max(1, window.devicePixelRatio || 1);\n const W = c.width, H = c.height, seed = hashSeed(seedStr), rnd = rng(seed);\n const K = 7;\n const knots = Array.from({ length: K }, () => { const x = lerp(0.15, 0.85, rnd()) * W, y = lerp(0.16, 0.84, rnd()) * H, mass = lerp(0.6, 1.5, rnd()); return { x, y, mass }; });\n const inset = Math.floor(0.07 * Math.min(W, H));\n const B = { x: inset, y: inset, w: W - 2 * inset, h: H - 2 * inset, r: Math.round(inset * 0.45) };\n const G = { x: B.x + inset * 0.18, y: B.y + inset * 0.18, w: B.w - inset * 0.36, h: B.h - inset * 0.36, r: Math.round(B.r * 0.65) };\n const leaks = Array.from({ length: Math.floor(lerp(10, 180, clamp(leakage, 0, 0.2) / 0.2)) }, () => { const side = Math.floor(rnd() * 4); let x = 0, y = 0; if (side === 0) { x = B.x + rnd() * B.w; y = B.y - 2; } else if (side === 1) { x = B.x + B.w + 2; y = B.y + rnd() * B.h; } else if (side === 2) { x = B.x + rnd() * B.w; y = B.y + B.h + 2; } else { x = B.x - 2; y = B.y + rnd() * B.h; } const sp = lerp(0.2, 1.5, rnd()); return { x, y, vx: 0, vy: 0, sp }; });\n const strokes = Array.from({ length: Math.floor(lerp(900, 4400, intensity / 10)) }, () => ({ x: lerp(B.x + 4, B.x + B.w - 4, rnd()), y: lerp(B.y + 4, B.y + B.h - 4, rnd()), life: Math.floor(lerp(40, 180, rnd() * (0.6 + 0.4 * (1 - entropy)))) }));\n const dyads: Array<[number, number]> = []; for (let i = 0; i < K - 1; i += 2) dyads.push([i, i + 1]);\n const inside = (b: any, x: number, y: number) => x > b.x && x < b.x + b.w && y > b.y && y < b.y + b.h;\n const fieldAt = (x: number, y: number, betaL: number = beta) => {\n let fx = 0, fy = 0;\n // Time‑wobble so yellow “jewel” filaments animate even with quasi‑steady base field\n const timeWobble = 1 + 0.06 * Math.sin(t * 0.8 + (x + y) * 0.0009);\n for (const k of knots) {\n const dx = x - k.x, dy = y - k.y;\n const d2 = dx * dx + dy * dy + 0.01;\n const inv = k.mass / Math.pow(d2, 0.6);\n fx -= dx * inv; fy -= dy * inv;\n const curlBase = 0.18 * (1 - Math.tanh(betaL - 0.8));\n const curl = curlBase * timeWobble;\n fx += -dy * inv * curl; fy += dx * inv * curl;\n }\n if (gravityOn) {\n const cx = W * 0.5, cy = H * 0.5, gx = cx - x, gy = cy - y, gn = Math.hypot(gx, gy) + 1e-9;\n fx += 0.12 * gx / gn; fy += 0.12 * gy / gn;\n }\n const len = Math.hypot(fx, fy) + 1e-9; fx /= len; fy /= len;\n // Small time‑phased jitter for subtle motion\n const noiseAmp = entropy * 0.6;\n const jx = 0.15 * noiseAmp * Math.sin(0.01 * 0.7 * x + 0.008 * 0.6 * y + t * 0.9);\n const jy = 0.15 * noiseAmp * Math.cos(0.008 * 0.6 * x - 0.01 * 0.7 * y + t * 0.7);\n return { x: fx + jx, y: fy + jy };\n };\n\n let t = 0; let raf = 0 as any;\n const rgba = (hex: string, a: number) => { const h = hex.replace(\"#\", \"\"), n = parseInt(h, 16), r = (n >> 16) & 255, g = (n >> 8) & 255, b = n & 255; return `rgba(${r}, ${g}, ${b}, ${a})`; };\n const rr = (b: any) => { ctx.beginPath(); ctx.moveTo(b.x + b.r, b.y); ctx.lineTo(b.x + b.w - b.r, b.y); ctx.quadraticCurveTo(b.x + b.w, b.y, b.x + b.w, b.y + b.r); ctx.lineTo(b.x + b.w, b.y + b.h - b.r); ctx.quadraticCurveTo(b.x + b.w, b.y + b.h, b.x + b.w - b.r, b.y + b.h); ctx.lineTo(b.x + b.r, b.y + b.h); ctx.quadraticCurveTo(b.x, b.y + b.h, b.x, b.y + b.h - b.r); ctx.lineTo(b.x, b.y + b.r); ctx.quadraticCurveTo(b.x, b.y, b.x + b.r, b.y); ctx.closePath(); };\n const bg = () => { const g = ctx.createLinearGradient(0, 0, 0, H); g.addColorStop(0, pal.bgA); g.addColorStop(1, pal.bgB); ctx.fillStyle = g; ctx.fillRect(0, 0, W, H); ctx.save(); ctx.strokeStyle = pal.boundary; ctx.globalAlpha = 0.75; ctx.lineWidth = Math.max(2, 2 * dpr); rr(B); ctx.stroke(); ctx.setLineDash([6 * dpr, 6 * dpr]); ctx.globalAlpha = 0.45; ctx.lineWidth = Math.max(1, 1.5 * dpr); rr(G); ctx.stroke(); ctx.restore(); ctx.save(); ctx.globalAlpha = 0.9; ctx.strokeStyle = rgba(pal.boundary, 0.5); ctx.lineWidth = 2 * dpr; ctx.setLineDash([Math.max(10, B.w * 0.05), Math.max(10, B.w * 0.05)]); ctx.lineDashOffset = -((t * 60) % (B.w * 0.1)); rr(B); ctx.stroke(); ctx.restore(); ctx.save(); ctx.fillStyle = rgba(pal.boundary, 0.7); ctx.font = `${10 * dpr}px ui-monospace, monospace`; ctx.globalAlpha = 0.8; ctx.fillText(`boundary_violation_severity_levels_hash ${boundary_violation_severity_levels_hash}`, B.x + 8, B.y - 8); ctx.restore(); };\n const tri = () => { if (!triOn) return; const s = Math.max(30, Math.min(B.w, B.h) / 18); ctx.save(); ctx.strokeStyle = rgba(pal.boundary, 0.18); ctx.lineWidth = 1 * dpr; const line = (x1: number, y1: number, x2: number, y2: number) => { ctx.beginPath(); ctx.moveTo(x1, y1); ctx.lineTo(x2, y2); ctx.stroke(); }; for (let y = G.y; y <= G.y + G.h; y += s) { for (let x = G.x; x <= G.x + G.w; x += s) { const f = fieldAt(x, y), dx = f.x * 4 * entropy, dy = f.y * 4 * entropy; line(x, y, x + s + dx, y + dy); line(x, y, x + s * 0.5 + dx, y + s * 0.866 + dy); line(x + s, y, x + s * 0.5 + dx, y + s * 0.866 + dy); } } ctx.restore(); };\n const leaksDraw = () => { ctx.save(); ctx.fillStyle = pal.leak; ctx.globalAlpha = 0.85; leaks.forEach(p => { const toC = { x: (B.x + B.w / 2) - p.x, y: (B.y + B.h / 2) - p.y }, n = Math.hypot(toC.x, toC.y) + 1e-9; p.vx = lerp(p.vx, (toC.x / n) * p.sp, 0.03); p.vy = lerp(p.vy, (toC.y / n) * p.sp, 0.03); p.x += p.vx; p.y += p.vy; ctx.beginPath(); ctx.arc(p.x, p.y, 1.2 * dpr, 0, Math.PI * 2); ctx.fill(); }); ctx.restore(); };\n const strokesDraw = () => { if (gate === 'FAIL') return; ctx.save(); ctx.strokeStyle = pal.field; ctx.globalAlpha = gate === 'SENS' ? 0.3 : 0.6; ctx.lineWidth = Math.max(0.6, intensity * 0.08); const seg = 8; for (let i = 0; i < strokes.length; i++) { const s = strokes[i]; if (s.life <= 0) { s.x = lerp(B.x + 4, B.x + B.w - 4, rnd()); s.y = lerp(B.y + 4, B.y + B.h - 4, rnd()); s.life = Math.floor(lerp(40, 180, rnd())); } ctx.beginPath(); ctx.moveTo(s.x, s.y); for (let k = 0; k < seg; k++) { const f = fieldAt(s.x, s.y); s.x += f.x * (1.5 + beta * 0.9); s.y += f.y * (1.5 + beta * 0.9); if (!inside(B, s.x, s.y)) break; ctx.lineTo(s.x, s.y); } ctx.stroke(); s.life -= 1; } ctx.restore(); };\n const jewel = () => {\n if (gate === 'FAIL') return;\n ctx.save();\n ctx.globalCompositeOperation = 'lighter';\n const fil = 160;\n for (let i = 0; i < fil; i++) {\n // start seeds\n const sx = lerp(B.x, B.x + B.w, rng(seed + i)());\n const sy = lerp(B.y, B.y + B.h, rng(seed + i * 13)());\n // visible per-frame motion (amplitude tuned small vs invariance visuals)\n const ph = t + i * 0.13;\n let x = sx + 8 * Math.sin(ph * 0.9);\n let y = sy + 8 * Math.cos(ph * 0.8);\n x = clamp(x, B.x + 2, B.x + B.w - 2);\n y = clamp(y, B.y + 2, B.y + B.h - 2);\n\n ctx.beginPath();\n ctx.moveTo(x, y);\n let lum = 0;\n for (let k = 0; k < 80; k++) {\n const f = fieldAt(x, y);\n // small time‑varying step so curves breathe even if field is near steady\n const stepMag = 2 + 0.6 * Math.sin(t * 0.7 + i * 0.07 + k * 0.03);\n // inward alignment for glow accumulation\n const cx = W * 0.5, cy = H * 0.5;\n const Jx = cx - x, Jy = cy - y, jn = Math.hypot(Jx, Jy) + 1e-9;\n const jx = Jx / jn, jy = Jy / jn;\n const dot = f.x * jx + f.y * jy;\n lum += Math.max(0, dot);\n\n x += f.x * stepMag;\n y += f.y * stepMag;\n if (!inside(B, x, y)) break;\n ctx.lineTo(x, y);\n }\n const base = clamp(lum / 60, 0.08, 0.6) * (0.6 + 0.4 * (beta / 3));\n const a = (gate === 'SENS' ? base * 0.8 : base);\n ctx.strokeStyle = rgba(pal.jewel, a);\n ctx.lineWidth = 1 + (kappaC * kappaC) * thetaMu * (beta * intensity * (1 - entropy) * 0.3) * 0.3;\n ctx.stroke();\n }\n ctx.restore();\n };\n const arcs = () => { ctx.save(); ctx.globalAlpha = 0.35; ctx.strokeStyle = rgba(pal.field, 0.6); for (const [i, j] of dyads) { const a = knots[i], b = knots[j], mx = (a.x + b.x) / 2, my = (a.y + b.y) / 2, r = Math.hypot(a.x - b.x, a.y - b.y) * 0.5; for (let k = 0; k < 3; k++) { ctx.beginPath(); ctx.ellipse(mx, my, r * (1 - k * 0.15), r * 0.6 * (1 - k * 0.15), Math.atan2(b.y - a.y, b.x - a.x), 0, Math.PI * 2); ctx.lineWidth = 0.6 * dpr; ctx.stroke(); } } ctx.restore(); };\n const arms = () => { if (!armsOn) return; ctx.save(); ctx.strokeStyle = rgba('#ff8c7a', 0.7); ctx.lineWidth = 1 * dpr; for (let i = 0; i < 90; i++) { let x = lerp(G.x, G.x + G.w, rng(seed + i * 37)()), y = lerp(G.y, G.y + G.h, rng(seed + i * 41)()); ctx.beginPath(); ctx.moveTo(x, y); for (let k = 0; k < 24; k++) { const f = fieldAt(x, y, beta * 1.25); x += f.x * (1.4 + beta * 0.6); y += f.y * (1.4 + beta * 0.6); if (!inside(B, x, y)) break; ctx.lineTo(x, y); } ctx.stroke(); } ctx.strokeStyle = rgba('#65D6AD', 0.8); const g = 0.8 + kappaC * 0.4; for (let i = 0; i < 90; i++) { let x = lerp(G.x, G.x + G.w, rng(seed + i * 73)()), y = lerp(G.y, G.y + G.h, rng(seed + i * 79)()); ctx.beginPath(); ctx.moveTo(x, y); for (let k = 0; k < 24; k++) { const f = fieldAt(x, y, beta); x += f.x * (1.2 + g); y += f.y * (1.2 + g); if (!inside(B, x, y)) break; ctx.lineTo(x, y); } ctx.stroke(); } ctx.restore(); };\n const pulse = () => { const cx = W * 0.5, cy = H * 0.5, R = Math.min(B.w, B.h) * 0.45, idx = dtSweep ? Math.floor((t * 0.5) % 3) : 1, m = dtSweep ? [0.5, 1, 2][idx] : 1, ph = (Math.sin(t * (0.6 + beta * 0.3) * m) + 1) / 2, r = lerp(R * 0.2, R, ph) * clamp((kappaC * kappaC) * thetaMu * (beta * intensity * (1 - entropy) * 0.3), 0.1, 2), grad = ctx.createRadialGradient(cx, cy, r * 0.1, cx, cy, r); grad.addColorStop(0, rgba(pal.jewel, 0.12)); grad.addColorStop(1, rgba(pal.jewel, 0)); ctx.save(); ctx.globalCompositeOperation = 'lighter'; ctx.fillStyle = grad; rr(B); ctx.clip(); ctx.beginPath(); ctx.arc(cx, cy, r, 0, Math.PI * 2); ctx.fill(); ctx.restore(); };\n const triAudit = () => { const cx = B.x + B.w * 0.5, y0 = B.y + 16, w = B.w * 0.28, lanes = [0.5, 1, 2]; ctx.save(); for (let i = 0; i < 3; i++) { const m = lanes[i], y = y0 + i * 10; ctx.beginPath(); for (let j = 0; j <= 40; j++) { const tt = t + j * 0.02, ph = Math.sin(tt * (0.6 + beta * 0.3) * m), x = cx - w * 0.5 + j * (w / 40), yy = y + ph * 2.2; j === 0 ? ctx.moveTo(x, yy) : ctx.lineTo(x, yy); } ctx.strokeStyle = i === 0 ? \"#9bdefd\" : (i === 1 ? \"#ffd166\" : \"#ff8c7a\"); ctx.globalAlpha = 0.7; ctx.lineWidth = 1; ctx.stroke(); } ctx.restore(); };\n const parity = () => { if (!parityOn || !lab.spike) return; const y = B.y - 16, x0 = B.x + 10, n = 6; ctx.save(); for (let i = 0; i < n; i++) { const x = x0 + i * 14; ctx.fillStyle = rgba(pal.jewel, 0.9); ctx.fillRect(x, y, 10, 3); } ctx.restore(); };\n const anchors = (Robs: number, pass: boolean) => { const ok = Robs >= 0.97 && pass; ctx.save(); ctx.fillStyle = rgba(pal.jewel, ok ? 0.9 : 0.22); const s = 10; const triF = (x: number, y: number, S: number) => { ctx.beginPath(); ctx.moveTo(x, y); ctx.lineTo(x + S, y); ctx.lineTo(x, y + S); ctx.closePath(); ctx.fill(); }; triF(B.x + 10, B.y + 10, s); triF(B.x + B.w - 10 - s, B.y + 10, s); triF(B.x + 10, B.y + B.h - 10 - s, s); triF(B.x + B.w - 10 - s, B.y + B.h - 10 - s, s); ctx.restore(); };\n const audit = () => { if (!auditOn) return; const el = containerRef.current; if (!el) return; const r = el.getBoundingClientRect(), h = r.height - 30, bars = 8, w = 6 * dpr, g = 5 * dpr, x0 = r.width + 10, y0 = 10; ctx.save(); for (let i = 0; i < bars; i++) { const y = y0 + (i / (bars - 1)) * h, a = 0.25 + 0.35 * (0.5 + 0.5 * Math.sin(t * 1.3 + i)); ctx.fillStyle = rgba(pal.boundary, a); ctx.fillRect(x0 + i * (w + g), y - 12, w, 24); } ctx.restore(); };\n const oscRes = () => { if (!oscOn) return; const N = 50, ln2 = Math.log(2), E0 = 0.2 + mu * (kappaC * kappaC) * 0.1, a = lab.slope, b = lab.offset; const xs: number[] = [], rs: number[] = []; for (let i = 0; i < N; i++) { const En = E0 + (i / (N - 1)) * (1 + beta * 0.5), Eb = En / ln2, Eh = a * En + b, r = Eb - Eh; xs.push(i / (N - 1)); rs.push(r); } const cx = 16, cy = 14, w = 100, h = 38; ctx.save(); ctx.fillStyle = rgba(pal.boundary, 0.15); ctx.fillRect(cx, cy, w, h); ctx.strokeStyle = rgba(pal.boundary, 0.6); ctx.strokeRect(cx, cy, w, h); ctx.beginPath(); for (let i = 0; i < N; i++) { const x = cx + xs[i] * w, y = cy + h * 0.5 - rs[i] * (h * 8); i === 0 ? ctx.moveTo(x, y) : ctx.lineTo(x, y); } ctx.strokeStyle = rgba(pal.jewel, 0.8); ctx.lineWidth = 1; ctx.stroke(); ctx.beginPath(); ctx.moveTo(cx, cy + h * 0.5); ctx.lineTo(cx + w, cy + h * 0.5); ctx.strokeStyle = rgba(pal.boundary, 0.4); ctx.stroke(); ctx.restore(); };\n\n const step = () => {\n const idx = dtSweep ? Math.floor((t * 0.5) % 3) : 1;\n const m = dtSweep ? [0.5, 1, 2][idx] : 1;\n t += m * (1 / 60);\n bg();\n if (triOn) tri();\n leaksDraw();\n strokesDraw();\n arcs();\n if (armsOn) arms();\n jewel();\n pulse();\n triAudit();\n parity();\n audit();\n oscRes();\n anchors(hud.R_obs, tvdPass);\n if (running) raf = requestAnimationFrame(step);\n };\n step(); return () => cancelAnimationFrame(raf);\n }, [running, intensity, beta, leakage, entropy, paletteKey, seedStr, mu, kappaC, units, gravityOn, triOn, armsOn, auditOn, dtSweep, parityOn, oscOn, gate, tvdPass]);\n\n // Tests\n type T = { name: string; pass: boolean; info?: string };\n const [tests, setTests] = useState([]);\n useEffect(() => {\n const R: T[] = [];\n R.push({ name: 'toNum(\"1.25\")', pass: toNum('1.25') === 1.25 });\n R.push({ name: 'toNum(\"1,25\")', pass: Math.abs(toNum('1,25') - 1.25) < 1e-9 });\n const ci = wilsonCI(0.97, 4000, 1.96);\n R.push({ name: 'wilsonCI bounds', pass: ci.ciL <= 0.97 && 0.97 <= ci.ciU && ci.ciL >= 0 && ci.ciU <= 1 });\n const se = 1 / Math.log(2);\n R.push({ name: 'exp slope≈1/ln2', pass: Math.abs(se - 1.442695) < 1e-3 });\n const h1 = quickHash(JSON.stringify({ a: 1, b: 2 })), h2 = quickHash(JSON.stringify({ a: 1, b: 2 }));\n R.push({ name: 'hash stable', pass: h1 === h2 });\n R.push({ name: 'units lint', pass: ('J·nat⁻¹').indexOf(' per ') === -1 });\n R.push({ name: 'toNum(\"abc\")→0', pass: toNum('abc') === 0 });\n R.push({ name: 'hash diversity', pass: quickHash('foo') !== quickHash('bar') });\n R.push({ name: 'fmt(0)=0.000', pass: fmt(0) === '0.000' });\n R.push({ name: 'wilson monotone', pass: wilsonCI(0.9, 1000, 1.96).ciU >= wilsonCI(0.8, 1000, 1.96).ciU });\n R.push({ name: 'mu sign lock non‑neg when H_before≥H_after', pass: (() => { const mb = 1, ma = 0.8; const mcalc = Math.log(mb / ma); return Math.sign(mcalc) >= 0; })() });\n R.push({ name: 'H_after decimal accepted', pass: toNum('0.83') === 0.83 });\n setTests(R);\n }, []);\n\n const palKeys = Object.keys(P) as Array;\n\n // Inline UI\n return (\n

\n {!silent && (\n

Λ–ψ: Harmonic Indifference — v8.3.2

Main visualization stays in a single card. All controls and audits are inline below — no movable overlays.

\n setRunning(v => !v)}>{running ? 'Pause' : 'Play'}\n setSeedStr(Date.now().toString())}>New Seed\n Save PNG\n \n \n \n

\n )}\n\n {/* Visualization card (only boxed area) */}\n

\n );\n}\n\n// UI bits\nfunction Btn({ on, children }: { on: () => void; children: React.ReactNode }) { return (); }\nfunction Tgl({ l, v, on }: { l: string; v: boolean; on: (b: boolean) => void }) { return ( on(e.target.checked)} />{l}); }\nfunction Bd({ t, h }: { t: string; h: string }) { return (

{t}

); }\nfunction Mtr({ l, v, g }: { l: string; v: number; g: number }) { const pct = Math.round(clamp(v, 0, 1) * 100), ok = v >= g; return (

{l}{pct}%

); }\nfunction Range({ l, v, min, max, step, on }: { l: string; v: number; min: number; max: number; step: number; on: (x: number) => void }) { return (

{l}

on(parseFloat(e.target.value))} className=\"w-56\" />); }\n\n// math helpers\nfunction quickHash(txt: string) { let h = 0; for (let i = 0; i < txt.length; i++) { h = (h * 131 + txt.charCodeAt(i)) >>> 0; } return h.toString(16); }\nfunction wilsonCI(p: number, n: number, z: number) { const d = 1 + z * z / n, c = p + z * z / (2 * n), r = z * Math.sqrt((p * (1 - p) + z * z / (4 * n)) / n); return { ciL: Math.max(0, (c - r) / d), ciU: Math.min(1, (c + r) / d) }; }\nfunction fitDrifts(a: number[]) { if (a.length < 5) return { lin: 0, quad: 0, exp: 0 }; const n = a.length, x = Array.from({ length: n }, (_, i) => i), sum = (v: number[]) => v.reduce((p, c) => p + c, 0), sX = sum(x), sY = sum(a), sXX = sum(x.map(x => x * x)), sXY = sum(x.map((x, i) => x * a[i])), lin = (n * sXY - sX * sY) / (n * sXX - sX * sX + 1e-9), ys = a.map(v => Math.max(1e-6, v)), sYl = sum(ys.map(v => Math.log(v))), sXYl = sum(x.map((x, i) => x * Math.log(ys[i]))), exp = (n * sXYl - sX * sYl) / (n * sXX - sX * sX + 1e-9); return { lin, quad: lin, exp }; }\nconst stdev = (a: number[]) => { if (a.length < 2) return 0; const m = a.reduce((p, c) => p + c, 0) / a.length; return Math.sqrt(a.reduce((p, c) => p + (c - m) * (c - m), 0) / (a.length - 1)); };\nconst round = (x: number, n = 3) => Math.round(x * 10 ** n) / 10 ** n;\nfunction linReg(xs: number[], ys: number[]) { const n = xs.length; let sx = 0, sy = 0, sxx = 0, sxy = 0; for (let i = 0; i < n; i++) { sx += xs[i]; sy += ys[i]; sxx += xs[i] * xs[i]; sxy += xs[i] * ys[i]; } const a = (n * sxy - sx * sy) / (n * sxx - sx * sx + 1e-9), b = (sy - a * sx) / n; return { a, b }; }\nfunction muSpark(r: number, m: number) { if (!isFinite(m)) return 0; return clamp((m > 0 ? 0.7 : 0.3) * r, 0, 1); }\nfunction fmt(x: number) { return (Math.abs(x) < 1e-6 ? '0.000' : (Math.round(x * 1000) / 1000).toFixed(3)); }\n","access","public","isModerationBlocked","isAnonifyApiKeyDetected","dd",{"_38":39,"_40":41},"disablePrefetch","shouldPrefetchAccount",true,"shouldPrefetchUser","shouldPrefetchSystemHints","promoteCss","disableSSR","stripModulepreloadImports","statsigGateEvaluationsPromise",["P",37],"traceId","17124763103825910977","traceTime",1779881806785]

Λ–ψ: Harmonic Indifference — v8.3.2

Axiom Banner

Base‑swap Osc v2

Leakage Invariance

Invariance Suite

Equation Tester

β Safety

WORM + Governance

Controls