betterwithage Claude Opus 4.7 commited on
Commit
9a08e7c
·
verified ·
1 Parent(s): c6ae7fe

deploy(hf): sync szl-holdings/a11oy@f63e5eea9ac5f0a42c31b16ce9e1b94fcb7c32a2 derived COPY set

Browse files

Reusable Dockerfile-COPY-derived deploy from szl-holdings/a11oy f63e5eea9ac5f0a42c31b16ce9e1b94fcb7c32a2.
Files: 1156 Pruned: 0
Derived from Dockerfile COPY sources (NO hand-maintained allowlist).

Signed-off-by: SZL Holdings <noreply@szlholdings.ai>
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

Files changed (1) hide show
  1. console/3d/holographic.html +109 -0
console/3d/holographic.html ADDED
@@ -0,0 +1,109 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!doctype html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
6
+ <meta name="color-scheme" content="dark">
7
+ <title>A11oy Holographic Operations</title>
8
+ <style>
9
+ :root{--bg:#05080d;--panel:#0b131d;--panel2:#101c27;--line:#243442;--text:#edf5f7;--muted:#98acb8;--proof:#3af4c8;--gold:#e7bf72;--bad:#ff7b7b;--unknown:#b9a8ff}
10
+ *{box-sizing:border-box}html{background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -20%,#133042 0,#071019 42%,var(--bg) 72%)}
11
+ a{color:var(--proof)}button,a.button{font:inherit}.skip{position:absolute;left:-9999px;top:0}.skip:focus{left:12px;top:12px;z-index:100;background:#fff;color:#000;padding:8px;border-radius:6px}
12
+ header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px clamp(14px,3vw,32px);border-bottom:1px solid var(--line);background:rgba(5,8,13,.92);backdrop-filter:blur(12px)}
13
+ .mark{font:700 14px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:var(--proof)}h1{font-size:clamp(18px,3vw,28px);margin:0;flex:1}.toplinks{display:flex;gap:8px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--line);border-radius:9px;background:var(--panel);color:var(--text);text-decoration:none;cursor:pointer}.button:hover,.button:focus-visible{border-color:var(--proof);outline:none;box-shadow:0 0 0 2px rgba(58,244,200,.2)}
14
+ main{width:min(1180px,100%);margin:auto;padding:clamp(18px,4vw,42px)}.hero{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr);gap:18px;align-items:stretch}.hero-copy,.identity{border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,rgba(16,28,39,.95),rgba(7,15,23,.95));padding:clamp(20px,4vw,38px)}
15
+ .eyebrow{font:11px ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gold);letter-spacing:.16em;text-transform:uppercase}.hero h2{font-size:clamp(30px,7vw,64px);line-height:1.02;margin:12px 0}.hero p{max-width:70ch;color:var(--muted);font-size:clamp(15px,2vw,18px)}
16
+ .identity{display:flex;flex-direction:column;gap:12px}.identity h2{font-size:16px;margin:0}.kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px;padding:8px 0;border-bottom:1px solid rgba(36,52,66,.65)}.kv span:first-child{color:var(--muted);font:11px ui-monospace,monospace;text-transform:uppercase}.kv code{overflow-wrap:anywhere;color:var(--proof)}
17
+ .statusline{display:flex;align-items:center;gap:9px}.dot{width:11px;height:11px;border-radius:50%;background:var(--unknown);box-shadow:0 0 14px currentColor}.statusline[data-state="pass"] .dot{background:var(--proof)}.statusline[data-state="fail"] .dot{background:var(--bad)}.statusline[data-state="unknown"] .dot{background:var(--unknown)}
18
+ .section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin:32px 0 14px}.section-head h2{margin:0;font-size:clamp(20px,3vw,30px)}.section-head p{margin:0;color:var(--muted)}
19
+ .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{min-height:190px;border:1px solid var(--line);border-radius:15px;background:rgba(11,19,29,.92);padding:18px;display:flex;flex-direction:column;gap:10px}.card header{position:static;padding:0;background:none;border:0;backdrop-filter:none}.card h3{margin:0;font-size:16px;flex:1}.pill{font:10px ui-monospace,monospace;padding:4px 7px;border:1px solid var(--line);border-radius:999px;color:var(--unknown)}.pill[data-state="pass"]{color:var(--proof);border-color:#28544a}.pill[data-state="fail"]{color:var(--bad);border-color:#5c3131}.card p{margin:0;color:var(--muted)}.detail{margin-top:auto;background:#071019;border:1px solid #1a2a36;border-radius:9px;padding:10px;font:11px/1.55 ui-monospace,monospace;overflow:auto;max-height:180px;white-space:pre-wrap;overflow-wrap:anywhere}
20
+ .boundary{margin-top:28px;border-left:3px solid var(--gold);padding:12px 16px;background:rgba(231,191,114,.08);color:var(--muted)}footer{padding:24px;text-align:center;color:var(--muted);font-size:12px}
21
+ @media(max-width:760px){.hero,.grid{grid-template-columns:1fr}.toplinks{width:100%}.toplinks .button{flex:1;justify-content:center}.kv{grid-template-columns:90px minmax(0,1fr)}}
22
+ @media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
23
+ </style>
24
+ </head>
25
+ <body>
26
+ <a class="skip" href="#operations">Skip to operational evidence</a>
27
+ <header>
28
+ <div class="mark">◇ A11OY</div>
29
+ <h1>Holographic Operations</h1>
30
+ <nav class="toplinks" aria-label="Primary">
31
+ <a class="button" href="/">Product</a>
32
+ <a class="button" href="/verify">Verify receipt</a>
33
+ <button class="button" id="refresh" type="button">Refresh evidence</button>
34
+ </nav>
35
+ </header>
36
+ <main id="operations">
37
+ <section class="hero" aria-labelledby="hero-title">
38
+ <div class="hero-copy">
39
+ <div class="eyebrow">Public · read-only · source-bound</div>
40
+ <h2 id="hero-title">The estate, observed—not assumed.</h2>
41
+ <p>This surface reads the deployed liveness, build identity, Brain capability ledger, and readiness matrix directly from the same A11oy runtime. A green card means the endpoint returned an accepted contract in this browser session; it is not a claim of sentience, AGI, model training, or independent certification.</p>
42
+ <div class="statusline" id="overall" data-state="unknown" aria-live="polite"><span class="dot" aria-hidden="true"></span><strong>Collecting live evidence…</strong></div>
43
+ </div>
44
+ <aside class="identity" aria-labelledby="identity-title">
45
+ <h2 id="identity-title">Deployment identity</h2>
46
+ <div class="kv"><span>State</span><code id="identity-state">NOT_EVALUATED</code></div>
47
+ <div class="kv"><span>Revision</span><code id="identity-revision">UNKNOWN</code></div>
48
+ <div class="kv"><span>Built</span><code id="identity-date">UNKNOWN</code></div>
49
+ <div class="kv"><span>Observed</span><code id="identity-observed">—</code></div>
50
+ </aside>
51
+ </section>
52
+
53
+ <div class="section-head">
54
+ <div><div class="eyebrow">Live contracts</div><h2>Operational evidence plane</h2></div>
55
+ <p>GET-only; no receipt minting or state change.</p>
56
+ </div>
57
+ <section class="grid" id="cards" aria-label="Operational evidence cards"></section>
58
+
59
+ <p class="boundary"><strong>Honesty boundary:</strong> this page visualizes current public contracts. It does not train a model, execute a GPU job, sign an artifact, promote weights, mutate a deployment, or convert missing evidence into success.</p>
60
+ </main>
61
+ <footer>Doctrine v11 · locked formulas {F1,F4,F7,F11,F12,F18,F19,F22} · Λ = Conjecture 1 · trust &lt; 100%</footer>
62
+ <script>
63
+ (() => {
64
+ "use strict";
65
+ const contracts = [
66
+ {id:"livez",title:"Runtime liveness",url:"/api/livez",accept:p=>p && p.status==="LIVE",summary:p=>`status=${p.status ?? "UNKNOWN"}`},
67
+ {id:"build",title:"Build identity",url:"/api/build-info",accept:p=>p && p.status==="OBSERVED" && p.build && p.build.state==="OBSERVED",summary:p=>`state=${p.build?.state ?? "UNKNOWN"}\nrevision=${p.build?.revision ?? "UNKNOWN"}`},
68
+ {id:"brain",title:"Brain capabilities",url:"/api/a11oy/v1/brain/capabilities",accept:p=>p && p.schema==="szl.brain-capabilities.v1",summary:p=>`overall=${p.overall_status ?? "UNKNOWN"}\ncapabilities=${p.summary?.capabilities_total ?? "UNKNOWN"}\ntraining_claims=${p.summary?.ready_for_training_claims ?? false}`},
69
+ {id:"readiness",title:"Readiness matrix",url:"/api/a11oy/v1/readiness/tab-matrix?view=summary",accept:p=>p && (p.view==="summary" || p.matrix_summary || p.available===true),summary:p=>`available=${p.available ?? "UNKNOWN"}\nview=${p.view ?? "UNKNOWN"}\nsummary=${JSON.stringify(p.matrix_summary ?? {},null,2)}`}
70
+ ];
71
+ const cards=document.getElementById("cards");
72
+ const overall=document.getElementById("overall");
73
+ function card(def){
74
+ const article=document.createElement("article"); article.className="card"; article.id=`card-${def.id}`;
75
+ article.innerHTML=`<header><h3></h3><span class="pill" data-state="unknown">NOT_EVALUATED</span></header><p></p><pre class="detail">Waiting for public response…</pre>`;
76
+ article.querySelector("h3").textContent=def.title;
77
+ article.querySelector("p").textContent=def.url;
78
+ cards.appendChild(article); return article;
79
+ }
80
+ contracts.forEach(d=>d.element=card(d));
81
+ async function probe(def){
82
+ const pill=def.element.querySelector(".pill"),detail=def.element.querySelector(".detail");
83
+ pill.dataset.state="unknown"; pill.textContent="CHECKING"; detail.textContent="Requesting live contract…";
84
+ try{
85
+ const response=await fetch(def.url,{headers:{Accept:"application/json","Cache-Control":"no-cache"},cache:"no-store"});
86
+ if(!response.ok) throw new Error(`HTTP ${response.status}`);
87
+ const payload=await response.json(); const ok=Boolean(def.accept(payload));
88
+ pill.dataset.state=ok?"pass":"fail"; pill.textContent=ok?"OBSERVED":"CONTRACT_MISMATCH";
89
+ detail.textContent=def.summary(payload);
90
+ return {ok,payload};
91
+ }catch(error){pill.dataset.state="fail";pill.textContent="UNAVAILABLE";detail.textContent=String(error);return {ok:false,payload:null};}
92
+ }
93
+ async function refresh(){
94
+ const results=await Promise.all(contracts.map(probe));
95
+ const passed=results.filter(r=>r.ok).length; const all=passed===contracts.length;
96
+ overall.dataset.state=all?"pass":"fail";
97
+ overall.querySelector("strong").textContent=all?`All ${passed} public contracts observed`:`${passed}/${contracts.length} public contracts observed`;
98
+ const build=results[1]?.payload?.build||{};
99
+ document.getElementById("identity-state").textContent=build.state||"UNKNOWN";
100
+ document.getElementById("identity-revision").textContent=build.revision||"UNKNOWN";
101
+ document.getElementById("identity-date").textContent=build.build_date||"UNKNOWN";
102
+ document.getElementById("identity-observed").textContent=new Date().toISOString();
103
+ }
104
+ document.getElementById("refresh").addEventListener("click",refresh);
105
+ refresh();
106
+ })();
107
+ </script>
108
+ </body>
109
+ </html>