Spaces:
Running
Running
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8"/> | |
| <meta name="viewport" content="width=device-width,initial-scale=1"/> | |
| <title>SZL Command lab</title> | |
| <style> | |
| :root{--bg:#05070d;--void:#080c14;--panel:#0b121b;--line:#1b2734;--proof:#3af4c8;--gold:#e8c074;--cream:#eef3f6;--para:#9fb1bf;--dim:#6c7d8c;--false:#d76a6a} | |
| *{box-sizing:border-box} | |
| html,body{margin:0;background:var(--bg);color:var(--cream);font:15px/1.5 ui-sans-serif,system-ui,sans-serif;min-height:100%} | |
| body{background:radial-gradient(120% 90% at 50% -10%,rgba(232,192,116,.09),transparent 60%),var(--bg)} | |
| main{max-width:960px;margin:0 auto;padding:28px 18px 64px} | |
| .eyebrow{font:10.5px ui-monospace,monospace;letter-spacing:1.4px;text-transform:uppercase;color:var(--gold)} | |
| h1{font-size:clamp(22px,4vw,32px);margin:.2em 0 .4em} | |
| .lede{color:var(--para);max-width:70ch} | |
| .badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px} | |
| .badge{font:10.5px ui-monospace,monospace;padding:3px 9px;border:1px solid var(--line);border-radius:6px;color:var(--para);background:#10171f} | |
| .badge b{color:var(--gold)} | |
| .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:18px 0} | |
| .card{border:1px solid var(--line);border-radius:11px;background:var(--panel);padding:14px} | |
| .card .k{font:10px ui-monospace,monospace;letter-spacing:.8px;text-transform:uppercase;color:var(--dim)} | |
| .card .v{font:22px/1.2 ui-monospace,monospace;margin-top:4px} | |
| .ok{color:var(--proof)} .hold{color:var(--gold)} .down{color:var(--false)} | |
| button{min-height:44px;padding:0 16px;border-radius:8px;border:1px solid var(--proof);background:var(--proof);color:var(--bg);font:600 12px ui-monospace,monospace;letter-spacing:.8px;text-transform:uppercase;cursor:pointer} | |
| .row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0} | |
| label{font:12px ui-monospace,monospace;color:var(--para);display:flex;align-items:center;gap:6px} | |
| pre{overflow:auto;background:var(--void);border:1px solid var(--line);border-radius:11px;padding:12px;font:11px/1.45 ui-monospace,monospace;color:var(--cream)} | |
| a{color:var(--proof)} | |
| .stage{height:280px;border:1px solid var(--line);border-radius:14px;position:relative;background:linear-gradient(180deg,rgba(58,244,200,.05),var(--void));margin:16px 0;overflow:hidden} | |
| .node{position:absolute;transform:translate(-50%,-50%);border:1px solid var(--proof);border-radius:10px;padding:8px 10px;font:11px ui-monospace,monospace;background:rgba(11,18,27,.9)} | |
| .node.down{border-color:var(--false);color:var(--false)} | |
| .foot{margin-top:28px;border-top:1px solid var(--line);padding-top:14px;color:var(--dim);font:11px ui-monospace,monospace} | |
| .surfaces{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin-top:12px} | |
| </style> | |
| </head> | |
| <body> | |
| <main> | |
| <div class="eyebrow">SZL Holdings · Command lab · GitHub canonical · Hub operational</div> | |
| <h1>Holographic command body. Fail closed.</h1> | |
| <p class="lede">One kernel. Ten estate surfaces. Energy channel LIVE. Package joule MEASURED from RAPL/NVML. Inference joule MEASURED only when a kernel is wrapped. GPU train stays BLOCKED until CUDA and an approved job exist. Never fabricated. Λ uniqueness is Conjecture 1 OPEN. Not a-11-oy.com. Not an ATO. Not an elevation.</p> | |
| <div class="badges" id="badges"></div> | |
| <div class="stage" id="stage"></div> | |
| <div class="grid" id="metrics"></div> | |
| <div class="row"> | |
| <label><input type="checkbox" id="zero_heart"> Zero Yuyay</label> | |
| <label><input type="checkbox" id="tamper_chain"> Tamper YAWAR</label> | |
| <label><input type="checkbox" id="fabricate_joule"> Fabricate joule</label> | |
| <button id="run">Run organ cycle</button> | |
| <button id="wrap" type="button">Wrap kernel 1s</button> | |
| <button id="train" type="button">Train gate</button> | |
| </div> | |
| <p class="eyebrow" style="margin-top:28px">Estate recapture</p> | |
| <div class="surfaces" id="surfaces"></div> | |
| <pre id="out">loading…</pre> | |
| <p class="foot">Source <a href="https://github.com/szl-holdings/szl-command-lab">szl-holdings/szl-command-lab</a> · product <a href="https://a-11-oy.com">a-11-oy.com</a> · proof <a href="https://a11oy.net">a11oy.net</a></p> | |
| </main> | |
| <script> | |
| const slots={BRAIN:['18%','50%'],HEART:['38%','50%'],CIRCULATORY:['58%','50%'],NERVOUS:['58%','22%'],SKELETON:['82%','50%']}; | |
| async function cycle(){ | |
| const q=new URLSearchParams({ | |
| zero_heart: document.getElementById('zero_heart').checked? '1':'0', | |
| tamper_chain: document.getElementById('tamper_chain').checked? '1':'0', | |
| fabricate_joule: document.getElementById('fabricate_joule').checked? '1':'0', | |
| }); | |
| const r=await fetch('/api/organs/integrity?'+q); | |
| const j=await r.json(); | |
| const body=j.body||j; | |
| const energy=j.energy||{}; | |
| document.getElementById('out').textContent=JSON.stringify({verdict:body.verdict, live:body.live_count, energy, reason:body.reason, head:body.chain_head},null,2); | |
| const eh=energy.honesty||'UNAVAILABLE'; | |
| const ch=energy.channel||'LIVE'; | |
| document.getElementById('badges').innerHTML=[ | |
| ['organs', (body.live_count||0)+'/5'], | |
| ['energy channel', ch], | |
| ['joule', eh], | |
| ['Λ', body.conjecture_1||'OPEN'], | |
| ['proven_trust', String(body.proven_trust===true)], | |
| ].map(([k,v])=>`<span class="badge">${k} <b>${v}</b></span>`).join(''); | |
| document.getElementById('metrics').innerHTML=(body.organs||[]).map(o=>`<div class="card"><div class="k">${o.name}</div><div class="v ${o.status==='DOWN'?'down':o.honesty==='UNAVAILABLE'?'hold':'ok'}">${o.status}</div></div>`).join(''); | |
| document.getElementById('stage').innerHTML=(body.organs||[]).map(o=>{ | |
| const [t,l]=slots[o.name]||['50%','50%']; | |
| return `<div class="node ${o.status==='DOWN'?'down':''}" style="top:${t};left:${l}">${o.name}<br>${o.status}</div>`; | |
| }).join(''); | |
| } | |
| async function estate(){ | |
| const r=await fetch('/api/estate'); | |
| const j=await r.json(); | |
| document.getElementById('surfaces').innerHTML=(j.surfaces||[]).map(s=>{ | |
| const cls=s.honesty==='LIVE'?'ok':s.honesty==='REACHABLE'?'hold':'down'; | |
| return `<div class="card"><div class="k">${s.role}</div><div class="v ${cls}">${s.honesty}</div><div class="k">${s.id}</div></div>`; | |
| }).join(''); | |
| } | |
| async function wrap(){ | |
| document.getElementById('out').textContent='wrapping kernel…'; | |
| const r=await fetch('/api/energy/inference?duration_s=1'); | |
| const j=await r.json(); | |
| const energy=j.energy||{}; | |
| document.getElementById('out').textContent=JSON.stringify({wrap:j.body, energy},null,2); | |
| const eh=energy.honesty||'UNAVAILABLE'; | |
| const inf=energy.inference_energy_j; | |
| document.getElementById('badges').innerHTML=[ | |
| ['organs','wrap'], | |
| ['joule', eh], | |
| ['inference J', inf==null?'none':String(inf)], | |
| ['source', energy.source||'none'], | |
| ['proven_trust','false'], | |
| ].map(([k,v])=>`<span class="badge">${k} <b>${v}</b></span>`).join(''); | |
| } | |
| async function trainGate(){ | |
| document.getElementById('out').textContent='train gate…'; | |
| const r=await fetch('/api/train'); | |
| const j=await r.json(); | |
| document.getElementById('out').textContent=JSON.stringify(j,null,2); | |
| document.getElementById('badges').innerHTML=[ | |
| ['train', j.decision||'BLOCKED'], | |
| ['cuda', String(!!(j.gpu&&j.gpu.cuda_available))], | |
| ['nvml', String(!!(j.gpu&&j.gpu.nvml_readable))], | |
| ['approved', String(j.approved===true)], | |
| ['proven_trust','false'], | |
| ].map(([k,v])=>`<span class="badge">${k} <b>${v}</b></span>`).join(''); | |
| } | |
| document.getElementById('run').onclick=cycle; | |
| document.getElementById('wrap').onclick=wrap; | |
| document.getElementById('train').onclick=trainGate; | |
| cycle(); | |
| estate(); | |
| </script> | |
| </body> | |
| </html> | |