Spaces:
Running
Running
File size: 7,571 Bytes
958469d 9fe7ccc 958469d 9fe7ccc 958469d 28dcf55 958469d 96ae7cc 28dcf55 958469d 96ae7cc 28dcf55 958469d 96ae7cc 28dcf55 958469d 9fe7ccc | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 | <!doctype html>
<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>
|