Spaces:
Running
Running
Visual polish: additive CSS/motion/a11y/meta only; all visible copy frozen (text-diff verified). No JS/server.py/Dockerfile/.github/.compliance changes.
c9f6798 verified | <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> | |
| <title>SZL Holdings — Live Demo Surfaces</title> | |
| <meta name="description" content="Public demo landing for the SZL Holdings sovereign agentic mesh: 5 organs, unified operator shell, formulas, ensemble vote, and provenance." /> | |
| <meta name="theme-color" content="#0A0E1A" /> | |
| <meta property="og:type" content="website" /> | |
| <meta property="og:title" content="SZL Holdings — Live Demo Surfaces" /> | |
| <meta property="og:description" content="Public index of the SZL Holdings sovereign agentic mesh: five organs, unified operator shell, formulas, ensemble vote, and provenance. Status pills are live, never faked." /> | |
| <meta property="og:url" content="https://huggingface.co/spaces/SZLHOLDINGS/README" /> | |
| <meta name="twitter:card" content="summary_large_image" /> | |
| <meta name="twitter:title" content="SZL Holdings — Live Demo Surfaces" /> | |
| <meta name="twitter:description" content="Five organs, unified operator shell, formulas, ensemble vote, and provenance. Status pills are live, never faked." /> | |
| <link rel="icon" href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='13' fill='none' stroke='%23D4A444' stroke-width='2'/%3E%3Ccircle cx='16' cy='16' r='4' fill='%2300C389'/%3E%3C/svg%3E" /> | |
| <style> | |
| /* Operator-shell palette (sovereign, no external CDN) */ | |
| :root{ | |
| --bg:#0A0E1A; --bg-elev:#0f1424; --card:#141a2e; --card-2:#11162a; | |
| --line:#1e2640; --line-2:#283154; | |
| --fg:#E2E8F0; --muted:#94A3B8; --dim:#64748B; | |
| --green:#00C389; --amber:#F0B429; --red:#DF2A4A; --offline:#64748B; --anomaly:#7C3AED; | |
| --gold:#D4A444; | |
| } | |
| *{box-sizing:border-box} | |
| html,body{margin:0;padding:0} | |
| body{ | |
| background: | |
| radial-gradient(1100px 520px at 78% -8%, rgba(124,58,237,.10), transparent 60%), | |
| radial-gradient(900px 460px at 8% 4%, rgba(0,195,137,.07), transparent 55%), | |
| var(--bg); | |
| color:var(--fg); | |
| font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif; | |
| -webkit-font-smoothing:antialiased; line-height:1.5; | |
| } | |
| code,.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace} | |
| a{color:inherit;text-decoration:none} | |
| .wrap{max-width:1180px;margin:0 auto;padding:32px 22px 72px} | |
| header.hero{padding:14px 0 26px;border-bottom:1px solid var(--line)} | |
| .kicker{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:700} | |
| h1{font-size:clamp(28px,4.5vw,44px);margin:10px 0 8px;letter-spacing:-.01em;font-weight:800} | |
| .lead{color:var(--muted);max-width:760px;font-size:15px} | |
| .doctrine{display:inline-flex;gap:8px;flex-wrap:wrap;margin-top:16px} | |
| .pill-doc{font-size:11px;color:var(--gold);border:1px solid rgba(212,164,68,.5); | |
| border-radius:999px;padding:4px 11px;letter-spacing:.04em} | |
| section{margin-top:40px} | |
| .sec-head{display:flex;align-items:baseline;gap:14px;border-bottom:1px solid var(--line);padding-bottom:9px;margin-bottom:18px} | |
| h2{font-size:12px;letter-spacing:.26em;text-transform:uppercase;color:var(--fg);margin:0;font-weight:700} | |
| .sec-sub{font-size:12px;color:var(--dim)} | |
| .grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr))} | |
| .card{ | |
| background:linear-gradient(180deg,var(--card),var(--card-2)); | |
| border:1px solid var(--line);border-radius:14px;padding:16px 16px 14px; | |
| transition:border-color .16s ease,transform .16s ease;display:flex;flex-direction:column;min-height:128px; | |
| } | |
| .card:hover{border-color:var(--line-2);transform:translateY(-2px)} | |
| .card .top{display:flex;align-items:center;justify-content:space-between;gap:10px} | |
| .card .title{font-weight:700;font-size:15px} | |
| .card .desc{color:var(--muted);font-size:12.5px;margin-top:7px;flex:1} | |
| .card .url{margin-top:11px;font-size:11px;color:var(--dim);word-break:break-all} | |
| .card .url:hover{color:var(--green)} | |
| .pill{display:inline-flex;align-items:center;gap:6px;font-size:10.5px;font-weight:700; | |
| letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 9px; | |
| border:1px solid var(--line-2);color:var(--dim);background:rgba(255,255,255,.02);white-space:nowrap} | |
| .dot{width:8px;height:8px;border-radius:50%;background:var(--offline);flex:0 0 auto} | |
| .pill.green{color:var(--green);border-color:rgba(0,195,137,.45)} .pill.green .dot{background:var(--green);box-shadow:0 0 8px rgba(0,195,137,.7)} | |
| .pill.amber{color:var(--amber);border-color:rgba(240,180,41,.45)} .pill.amber .dot{background:var(--amber)} | |
| .pill.red{color:var(--red);border-color:rgba(223,42,74,.45)} .pill.red .dot{background:var(--red)} | |
| .pill.gray .dot{background:var(--offline)} | |
| footer.honest{margin-top:54px;border-top:1px solid var(--line);padding-top:22px;color:var(--muted);font-size:12.5px} | |
| footer.honest .row{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px} | |
| footer.honest .tag{font-size:11px;border:1px solid var(--line-2);border-radius:6px;padding:3px 9px;color:var(--muted)} | |
| footer.honest p{max-width:820px} | |
| footer.honest .sig{color:var(--dim);font-size:11px;margin-top:14px} | |
| .nav{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:12px} | |
| .nav a{color:var(--muted);border-bottom:1px solid transparent;padding-bottom:2px} | |
| .nav a:hover{color:var(--gold);border-color:var(--gold)} | |
| /* ===== v2 visual polish (additive; CSS-only, no copy changed) ===== */ | |
| html{scroll-behavior:smooth} | |
| ::selection{background:rgba(212,164,68,.28)} | |
| *{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent} | |
| ::-webkit-scrollbar{width:10px;height:10px} | |
| ::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:8px} | |
| ::-webkit-scrollbar-thumb:hover{background:#33406e} | |
| @keyframes szlRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}} | |
| @keyframes szlFade{from{opacity:0}to{opacity:1}} | |
| @keyframes szlAurora{0%{transform:translate3d(-4%,-2%,0) scale(1)}50%{transform:translate3d(4%,3%,0) scale(1.08)}100%{transform:translate3d(-4%,-2%,0) scale(1)}} | |
| @keyframes szlPulse{0%,100%{box-shadow:0 0 6px rgba(0,195,137,.55)}50%{box-shadow:0 0 13px rgba(0,195,137,.95)}} | |
| body::before{content:"";position:fixed;inset:-25% -12% auto -12%;height:78vh;z-index:-1;pointer-events:none; | |
| background:radial-gradient(620px 320px at 20% 18%,rgba(124,58,237,.16),transparent 62%), | |
| radial-gradient(560px 300px at 82% 6%,rgba(0,195,137,.12),transparent 62%); | |
| filter:blur(22px);animation:szlAurora 24s ease-in-out infinite} | |
| header.hero{animation:szlRise .7s cubic-bezier(.2,.7,.2,1) both} | |
| section{animation:szlFade .9s ease both} | |
| .card{animation:szlRise .55s cubic-bezier(.2,.7,.2,1) both;will-change:transform,opacity} | |
| .grid .card:nth-child(1){animation-delay:.02s} | |
| .grid .card:nth-child(2){animation-delay:.08s} | |
| .grid .card:nth-child(3){animation-delay:.14s} | |
| .grid .card:nth-child(4){animation-delay:.20s} | |
| .grid .card:nth-child(5){animation-delay:.26s} | |
| .grid .card:nth-child(6){animation-delay:.32s} | |
| .card:hover{box-shadow:0 14px 34px -16px rgba(0,0,0,.7)} | |
| .card .pill .dot{transition:box-shadow .3s ease} | |
| .pill.green .dot{animation:szlPulse 2.2s ease-in-out infinite} | |
| .pill-doc{transition:border-color .2s ease,color .2s ease,background .2s ease} | |
| .pill-doc:hover{background:rgba(212,164,68,.10);border-color:rgba(212,164,68,.85)} | |
| a.card:focus-visible,.nav a:focus-visible{outline:2px solid var(--gold);outline-offset:3px;border-radius:12px} | |
| @supports ((-webkit-background-clip:text) or (background-clip:text)){ | |
| h1{background:linear-gradient(180deg,#ffffff,#c9d4ea);-webkit-background-clip:text;background-clip:text;color:transparent} | |
| } | |
| @media (max-width:520px){ | |
| .wrap{padding:22px 15px 56px} | |
| .grid{grid-template-columns:1fr} | |
| .nav{gap:12px} | |
| .sec-head{flex-wrap:wrap;gap:6px} | |
| } | |
| @media (prefers-reduced-motion:reduce){ | |
| *,body::before{animation:none;transition:none} | |
| html{scroll-behavior:auto} | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div class="wrap"> | |
| <header class="hero"> | |
| <div class="kicker">SZL Holdings · Sovereign Agentic Mesh</div> | |
| <h1>Live Demo Surfaces</h1> | |
| <p class="lead">A public index of every reachable surface in the SZL flagship mesh — five organs, the unified | |
| 4-pane operator shell, the formula corpus, the multi-LLM ensemble vote, and the provenance trail. | |
| Status pills below are <strong>live</strong>: each card probes its own <code>/healthz</code> in your browser. | |
| Endpoints that aren't live yet show <strong>gray</strong> — never faked.</p> | |
| <div class="doctrine"> | |
| <span class="pill-doc">Doctrine v11 LOCKED</span> | |
| <span class="pill-doc">749 / 14 / 163</span> | |
| <span class="pill-doc">Λ — Conjecture 1 (NOT a theorem)</span> | |
| <span class="pill-doc">SLSA L1 honest (L2 in progress)</span> | |
| <span class="pill-doc">Apache-2.0</span> | |
| </div> | |
| <nav class="nav"> | |
| <a href="#organs">Organs</a> | |
| <a href="#shell">Unified shell</a> | |
| <a href="#reason">Reasoning</a> | |
| <a href="#organ-apis">Organ APIs</a> | |
| <a href="#prov">Provenance</a> | |
| <a href="#status">Status</a> | |
| </nav> | |
| </header> | |
| <!-- ============ ORGANS ============ --> | |
| <section id="organs"> | |
| <div class="sec-head"><h2>Five Organs — Operator Consoles</h2><span class="sec-sub">/operator on each Space</span></div> | |
| <div class="grid" id="grid-organs"></div> | |
| </section> | |
| <!-- ============ UNIFIED SHELL ============ --> | |
| <section id="shell"> | |
| <div class="sec-head"><h2>Unified 4-Pane Operator Shell</h2><span class="sec-sub">/unified — terrain · panel · cmd-K · receipt tunnel</span></div> | |
| <div class="grid" id="grid-unified"></div> | |
| </section> | |
| <!-- ============ REASONING / FRONTIER ============ --> | |
| <section id="reason"> | |
| <div class="sec-head"><h2>Reasoning, Formulas & Ensemble</h2><span class="sec-sub">a11oy frontier surfaces</span></div> | |
| <div class="grid" id="grid-reason"></div> | |
| </section> | |
| <!-- ============ ORGAN APIs ============ --> | |
| <section id="organ-apis"> | |
| <div class="sec-head"><h2>Organ-Specific APIs</h2><span class="sec-sub">inspect · cortex · honest · drones · frontier formulas</span></div> | |
| <div class="grid" id="grid-apis"></div> | |
| </section> | |
| <!-- ============ PROVENANCE ============ --> | |
| <section id="prov"> | |
| <div class="sec-head"><h2>Provenance & Releases</h2><span class="sec-sub">GitHub releases · DOIs · MCP gateway</span></div> | |
| <div class="grid" id="grid-prov"></div> | |
| </section> | |
| <!-- ============ STATUS ============ --> | |
| <section id="status"> | |
| <div class="sec-head"><h2>Mesh Status & Anatomy</h2><span class="sec-sub">live status board · organ anatomy gallery</span></div> | |
| <div class="grid" id="grid-status"></div> | |
| </section> | |
| <footer class="honest"> | |
| <div class="row"> | |
| <span class="tag">Doctrine v11 LOCKED · locked_at c7c0ba17</span> | |
| <span class="tag">749 declarations / 14 axioms / 163 sorries</span> | |
| <span class="tag">Λ = Conjecture 1 (NOT a theorem)</span> | |
| <span class="tag">SLSA L1 honest (L2 in progress)</span> | |
| <span class="tag">Apache-2.0</span> | |
| </div> | |
| <p><strong>Honest disclosures.</strong> The Lean corpus carries <strong>163 open <code>sorry</code></strong> placeholders | |
| across 749 declarations and 14 axioms — these are <em>not</em> closed proofs. The <strong>Λ result is Conjecture 1</strong>, | |
| explicitly not a theorem. Supply-chain provenance is <strong>SLSA Level 1</strong>, stated honestly rather than | |
| overclaimed. Some surfaces listed here (frontier formula APIs, certain drone endpoints) may show <strong>gray / red</strong> | |
| when a parallel build is still in progress — pills reflect real-time probes, never fabricated liveness. | |
| All code is licensed <strong>Apache-2.0</strong>; the mesh runs without any external CDN (sovereign).</p> | |
| <div class="sig mono">Built by Yachay <yachay@szlholdings.dev> · Co-Authored-By: Perplexity Computer Agent · Signed-off-by: Yachay · Change-class: ADDITIVE</div> | |
| </footer> | |
| </div> | |
| <script> | |
| // ---- Surface catalog ------------------------------------------------------- | |
| // Each entry: title, desc, href (link target), probe (URL fetched for the pill), | |
| // probeMode: "json"(expect 2xx) | "ok"(expect 2xx) | "static"(no probe, neutral). | |
| const ORG = "https://szlholdings-"; | |
| const ORGANS = [ | |
| {t:"a11oy — Operator", d:"Reasoning & governance organ. Gates, evidence, Ouroboros run-all.", href:ORG+"a11oy.hf.space/operator", probe:ORG+"a11oy.hf.space/healthz"}, | |
| {t:"sentra — Operator", d:"Sentinel / fail-closed verdicts. Yuyay gates, threat scoring.", href:ORG+"sentra.hf.space/operator", probe:ORG+"sentra.hf.space/healthz"}, | |
| {t:"amaru — Operator", d:"Memory & cortex organ. Recall, DAG, chakra tick clock.", href:ORG+"amaru.hf.space/operator", probe:ORG+"amaru.hf.space/healthz"}, | |
| {t:"rosie — Operator", d:"Companion / understudy organ. RAG, kernels, connections.", href:ORG+"rosie.hf.space/operator", probe:ORG+"rosie.hf.space/healthz"}, | |
| {t:"killinchu — Operator", d:"Drone / mission organ. Geofence, UDS missions, globe.", href:ORG+"killinchu.hf.space/operator", probe:ORG+"killinchu.hf.space/healthz"}, | |
| ]; | |
| const UNIFIED = [ | |
| {t:"a11oy — Unified shell", d:"4-pane shell: terrain · right panel · ⌘K · receipt tunnel.", href:ORG+"a11oy.hf.space/unified", probe:ORG+"a11oy.hf.space/healthz"}, | |
| {t:"sentra — Unified shell", d:"Same shell, sentra self-detected via hostname.", href:ORG+"sentra.hf.space/unified", probe:ORG+"sentra.hf.space/healthz"}, | |
| {t:"amaru — Unified shell", d:"Same shell, amaru self-detected via hostname.", href:ORG+"amaru.hf.space/unified", probe:ORG+"amaru.hf.space/healthz"}, | |
| {t:"rosie — Unified shell", d:"Same shell, rosie self-detected via hostname.", href:ORG+"rosie.hf.space/unified", probe:ORG+"rosie.hf.space/healthz"}, | |
| {t:"killinchu — Unified shell", d:"Same shell, killinchu self-detected (may rebuild).", href:ORG+"killinchu.hf.space/unified", probe:ORG+"killinchu.hf.space/healthz"}, | |
| ]; | |
| const REASON = [ | |
| {t:"/agent — Ensemble vote", d:"Multi-LLM ensemble: parallel models reason, then vote.", href:ORG+"a11oy.hf.space/agent", probe:ORG+"a11oy.hf.space/agent"}, | |
| {t:"/formulas-v4 — Anchors", d:"The 35 anchor formulas grid, each independently evaluable.", href:ORG+"a11oy.hf.space/formulas-v4", probe:ORG+"a11oy.hf.space/formulas-v4"}, | |
| {t:"/predict — PAC-Bayes", d:"PAC-Bayes predictions surface (parallel agent build).", href:ORG+"a11oy.hf.space/predict", probe:ORG+"a11oy.hf.space/predict"}, | |
| ]; | |
| const APIS = [ | |
| {t:"a11oy — Bekenstein bound", d:"Frontier formula API: Bekenstein information bound.", href:ORG+"a11oy.hf.space/api/a11oy/v4/bekenstein", probe:ORG+"a11oy.hf.space/api/a11oy/v4/bekenstein"}, | |
| {t:"a11oy — Wheelerian", d:"Frontier formula API: Wheelerian 'it from bit'.", href:ORG+"a11oy.hf.space/api/a11oy/v4/wheelerian", probe:ORG+"a11oy.hf.space/api/a11oy/v4/wheelerian"}, | |
| {t:"a11oy — Shannon", d:"Frontier formula API: Shannon channel capacity.", href:ORG+"a11oy.hf.space/api/a11oy/v4/shannon", probe:ORG+"a11oy.hf.space/api/a11oy/v4/shannon"}, | |
| {t:"sentra — /sentra/inspect", d:"Inspect an action against fail-closed Yuyay gates.", href:ORG+"sentra.hf.space/sentra/inspect", probe:ORG+"sentra.hf.space/sentra/inspect"}, | |
| {t:"amaru — /amaru/cortex", d:"Cortex memory surface: recall + DAG view.", href:ORG+"amaru.hf.space/amaru/cortex", probe:ORG+"amaru.hf.space/amaru/cortex"}, | |
| {t:"killinchu — /v1/honest", d:"Honest-mode endpoint + drone mission DB.", href:ORG+"killinchu.hf.space/api/killinchu/v1/honest", probe:ORG+"killinchu.hf.space/api/killinchu/v1/honest"}, | |
| ]; | |
| const PROV = [ | |
| {t:"Codex-Kernel v1.0.0", d:"Signed Codex-Kernel release bundle on GitHub.", href:"https://github.com/szl-holdings/platform/releases/tag/v1.0.0-codex-kernel", mode:"static"}, | |
| {t:"lutar-lean repo", d:"Lean formalization repo (749/14/163, 163 open sorries).", href:"https://github.com/szl-holdings/lutar-lean", mode:"static"}, | |
| {t:"lutar-lean v18.0.0 + DOI", d:"Tagged release; Zenodo DOI 10.5281/zenodo.20434308.", href:"https://github.com/szl-holdings/lutar-lean/releases/tag/lutar-v18.0.0", mode:"static"}, | |
| {t:"ouroboros-thesis — 21 releases", d:"All 21 thesis releases (Zenodo-DOIed) on GitHub.", href:"https://github.com/szl-holdings/ouroboros-thesis/releases", mode:"static"}, | |
| {t:"Hatun-MCP — /healthz", d:"Sovereign MCP gateway health probe.", href:ORG+"hatun-mcp.hf.space/healthz", probe:ORG+"hatun-mcp.hf.space/healthz"}, | |
| ]; | |
| const STATUS_CARDS = [ | |
| {t:"Mesh Status Board", d:"Live healthz polling of all 5 organs, auto-refresh.", href:"https://szlholdings-status.static.hf.space/", probe:"https://szlholdings-status.static.hf.space/", mode:"ok"}, | |
| {t:"Organ Anatomy Gallery", d:"8 anatomy diagrams: brain, heart, blood, immune, spine, nervous, wires, body-graph.", href:ORG+"a11oy.hf.space/anatomy", probe:ORG+"a11oy.hf.space/anatomy", mode:"ok"}, | |
| ]; | |
| function card(item){ | |
| const el = document.createElement("a"); | |
| el.className = "card"; | |
| el.href = item.href; el.target = "_blank"; el.rel = "noopener"; | |
| const isStatic = item.mode === "static" || !item.probe; | |
| const pillCls = isStatic ? "gray" : "gray"; | |
| const pillTxt = isStatic ? "ref" : "probing…"; | |
| el.innerHTML = | |
| '<div class="top"><span class="title">'+item.t+'</span>'+ | |
| '<span class="pill '+pillCls+'"><span class="dot"></span>'+pillTxt+'</span></div>'+ | |
| '<div class="desc">'+item.d+'</div>'+ | |
| '<div class="url mono">'+item.href.replace(/^https?:\/\//,'')+'</div>'; | |
| if(!isStatic){ probe(item.probe, el.querySelector(".pill")); } | |
| return el; | |
| } | |
| async function probe(url, pillEl){ | |
| const ctrl = new AbortController(); | |
| const to = setTimeout(()=>ctrl.abort(), 8000); | |
| try{ | |
| const r = await fetch(url, {cache:"no-store", signal:ctrl.signal, redirect:"follow"}); | |
| clearTimeout(to); | |
| setPill(pillEl, r.status); | |
| }catch(e){ | |
| clearTimeout(to); | |
| // network/CORS/abort → unknown; show gray (honest, not faked) | |
| setPill(pillEl, 0); | |
| } | |
| } | |
| function setPill(el, code){ | |
| el.classList.remove("green","amber","red","gray"); | |
| let cls, txt; | |
| if(code >= 200 && code < 300){ cls="green"; txt="LIVE "+code; } | |
| else if(code >= 300 && code < 400){ cls="green"; txt="LIVE "+code; } | |
| else if(code >= 400 && code < 500){ cls="red"; txt=code; } | |
| else if(code >= 500){ cls="amber"; txt=code; } | |
| else { cls="gray"; txt="unreachable"; } | |
| el.className = "pill "+cls; | |
| el.innerHTML = '<span class="dot"></span>'+txt; | |
| } | |
| function fill(id, arr){ const g=document.getElementById(id); arr.forEach(i=>g.appendChild(card(i))); } | |
| fill("grid-organs", ORGANS); | |
| fill("grid-unified", UNIFIED); | |
| fill("grid-reason", REASON); | |
| fill("grid-apis", APIS); | |
| fill("grid-prov", PROV); | |
| fill("grid-status", STATUS_CARDS); | |
| </script> | |
| </body> | |
| </html> | |