F5: /constitution /quant /estate-hologram 3D sovereign surfaces (additive, image-only)

F1 3D/holographic substrate kit — direct Space push (byte-identical to a11oy). Doctrine v11: locked=8 @ c7c0ba17; Lambda=Conjecture 1; 0 CDN.

.github/copy-sync-lockstep.json

@@ -0,0 +1,51 @@
+{
+  "_comment": "Config for tools/check_copy_sync_lockstep.py (Doctrine v11). image_only_assets are non-.py assets brought in by an EXPLICIT per-file Dockerfile COPY that are INTENTIONALLY baked into the HF image and NOT re-mirrored by hf-sync. Per hf-sync.yml's own documented rationale, the built SPA bundles + vendored 3rd-party blobs (large/possibly-LFS) already live resident on the Space; re-syncing them reintroduces the LFS/pre-receive failures. Each exemption is named here EXPLICITLY (reviewed escape hatch, never a silent skip). A NEW per-file served asset that is neither mirrored by hf-sync nor listed here will FAIL CHECK 3 \u2014 that is the guard working. To make a new served file go live on HF, add it to hf-sync.yml's mirror set; only list it here if it is a baked-only vendor/SPA blob.",
+  "_doctrine": "locked=8 @ c7c0ba17 \u00b7 Lambda=Conjecture 1 \u00b7 v11",
+  "mirror_asset_exts": [
+    ".html",
+    ".js",
+    ".css"
+  ],
+  "image_only_assets": [
+    "a11oy_code_ide.html",
+    "agent.html",
+    "live_wires.html",
+    "live_wires_3d.js",
+    "static-vendor/3d-force-graph.min.js",
+    "static-vendor/a11oy-operator-widget.css",
+    "static-vendor/a11oy-operator-widget.js",
+    "static-vendor/chart.umd.min.js",
+    "static-vendor/cytoscape-dagre.js",
+    "static-vendor/cytoscape.min.js",
+    "static-vendor/d3-sankey.min.js",
+    "static-vendor/d3.min.js",
+    "static-vendor/dagre.min.js",
+    "static-vendor/echarts-gl.min.js",
+    "static-vendor/echarts.min.js",
+    "static-vendor/globe.gl.min.js",
+    "static-vendor/katex.min.css",
+    "static-vendor/katex.min.js",
+    "static-vendor/ngraph.events.umd.js",
+    "static-vendor/ngraph.forcelayout.min.js",
+    "static-vendor/ngraph.graph.min.js",
+    "static-vendor/ngraph.path.min.js",
+    "static-vendor/panzoom.min.js",
+    "static-vendor/three.min.js",
+    "static-vendor/vivagraph.min.js",
+    "static/a11oy_operator_organ.js",
+    "static/vendor3d/OrbitControls.js",
+    "static/vendor3d/three.module.min.js",
+    "web/autoreview.html",
+    "web/constitution.html",
+    "web/estate-hologram.html",
+    "web/fleet-c2.html",
+    "web/formulas.html",
+    "web/governance.html",
+    "web/holo.html",
+    "web/quant.html",
+    "web/living-anatomy.html",
+    "web/nemo.html",
+    "web/operator.html",
+    "web/v4_fleet_panel.html"
+  ]
+}

Dockerfile

@@ -324,6 +324,16 @@ COPY web/nemo.html ./web/nemo.html
 # .github/copy-sync-lockstep.json image_only_assets; baked into the GitHub-built image,
 # live after a factory rebuild). Without this COPY /holo would 404 to the SPA shell.
 COPY web/holo.html ./web/holo.html
+# ADDITIVE (Lane F5, 2026-06-14): the three sovereign 3D surfaces served at
+# /constitution, /quant and /estate-hologram (+ /a11oy/* aliases) via _ptg_serve.
+# Each loads the shared kit /static/shared/szl_holo3d.js (0 CDN) and reads its live
+# /api/a11oy/v1/{constitution,quant,ecosystem,engine}/* feeds. image-only like the
+# other web/*.html demo pages (declared in copy-sync-lockstep.json image_only_assets;
+# baked into the GitHub-built image, live after a factory rebuild + direct Space push).
+# Without these COPYs the routes 404 to the SPA shell.
+COPY web/constitution.html ./web/constitution.html
+COPY web/quant.html ./web/quant.html
+COPY web/estate-hologram.html ./web/estate-hologram.html
 # ADDITIVE (Lane A AGENTIC CORE, Dev A, 2026-06-14; QA9 restore 2026-06): the
 # resumable ReAct agent-loop core module. Per-file COPY (this Dockerfile uses no
 # COPY . .). a11oy_react_core.py is imported by serve.py (try/except guarded) and

serve.py

@@ -995,6 +995,36 @@ try:
     app.add_api_route("/holo", _ptg_serve("holo.html"), methods=["GET"], include_in_schema=False)
     app.add_api_route("/a11oy/holo", _ptg_serve("holo.html"), methods=["GET"], include_in_schema=False)
 
+    # ADDITIVE (Lane F5, 2026-06-14): three sovereign 3D surfaces that render on the
+    # shared holographic kit (/static/shared/szl_holo3d.js, 0 runtime CDN):
+    #   /constitution     — 3D ontology ORGANISM: 8 pillars + live constitutional
+    #                        engines as a causal graph, animated causal-edge pulses,
+    #                        time-slider ledger replay, TrustGraph/Letta memory cores.
+    #                        Reads LIVE /api/a11oy/v1/constitution/{status,ledger,audit,
+    #                        memory,ontology,state}. Deeper R&D honest ROADMAP. NOT AGI.
+    #   /quant            — 3D portfolio risk landscape (PCA eigen-spectrum) with Betti
+    #                        FRACTURE TEARS (TDA β1 cycles), HJB-Kelly rebalancing bars,
+    #                        and the signed energy receipt. Reads LIVE /api/a11oy/v1/
+    #                        quant/{pca,tda,kelly,pipeline}. Honest SAMPLE_SIGNAL |
+    #                        NOT_LIVE | NO_BACKTEST_VALIDATED; GPU path ROADMAP.
+    #   /estate-hologram  — THE UNIFIED ESTATE HOLOGRAM: globe + proof-DAG + Λ trust-
+    #                        sphere + mesh organism + constitutional pillars on ONE
+    #                        canvas; every signed cross-surface decision flows as LIGHT
+    #                        (kit signed-pulse). Reads LIVE estate Λ + KPIs (ecosystem/
+    #                        kpi-board), the engine organism (engine/status), and per-
+    #                        surface signed receipts. Cross-surface receipt aggregation
+    #                        is honest SAMPLE where not fully wired. locked = EXACTLY 8
+    #                        @ c7c0ba17; Λ = Conjecture 1 (< 1.0); 0 visible codenames.
+    # image-only like the other web/*.html demo pages (Dockerfile per-file COPY +
+    # copy-sync-lockstep.json image_only_assets); also pushed direct-to-Space so they
+    # are live immediately. Without these COPYs the routes 404 to the SPA shell.
+    app.add_api_route("/constitution", _ptg_serve("constitution.html"), methods=["GET"], include_in_schema=False)
+    app.add_api_route("/a11oy/constitution", _ptg_serve("constitution.html"), methods=["GET"], include_in_schema=False)
+    app.add_api_route("/quant", _ptg_serve("quant.html"), methods=["GET"], include_in_schema=False)
+    app.add_api_route("/a11oy/quant", _ptg_serve("quant.html"), methods=["GET"], include_in_schema=False)
+    app.add_api_route("/estate-hologram", _ptg_serve("estate-hologram.html"), methods=["GET"], include_in_schema=False)
+    app.add_api_route("/a11oy/estate-hologram", _ptg_serve("estate-hologram.html"), methods=["GET"], include_in_schema=False)
+
     # /chat + /a11oy/chat -> /code consolidation (founder-directed; the only removal).
     async def _ptg_chat_to_code() -> Response:
         return _PTG_Redirect(url="/code", status_code=302)

web/constitution.html

@@ -0,0 +1,240 @@
+<!DOCTYPE html>
+<!-- SPDX-License-Identifier: Apache-2.0  © 2026 SZL Holdings
+     /constitution — CONSTITUTIONAL 3D ONTOLOGY ORGANISM (Lane F5).
+     Renders the live constitutional architecture as a 3D organism on the shared
+     holographic kit (/static/shared/szl_holo3d.js, 0 runtime CDN):
+       - ontology ORGANISM: the 8 constitutional pillars + the live engines as
+         nodes, causal edges between them, animated causal-edge pulses
+       - TIME-SLIDER replay of the causal ledger
+       - MEMORY-BLOCK view (TrustGraph-style Context Cores: pin/promote/rollback)
+     Reads LIVE: /api/a11oy/v1/constitution/{status,ledger,audit,memory,ontology,state}.
+     The causal ledger + audit + memory + ontology endpoints are LIVE; deeper
+     constitutional R&D (phenomenology / immunology engines) is honest ROADMAP.
+     Citations (build references, no runtime calls): Palantir Ontology, TrustGraph
+     (Apache-2.0), Letta (MemGPT memory blocks), Anthropic Constitutional AI.
+     DOCTRINE v11: 0 runtime CDN · Λ = Conjecture 1 (<1.0) · trust < 100% ·
+     0 visible codenames · honest LIVE/SAMPLE/ROADMAP labels · never claims AGI. -->
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>SZL · Constitutional Organism</title>
+<style>
+  :root{--bg:#03060d;--panel:#0a1326;--ink:#cfe6ff;--mut:#86a4c9;--line:rgba(120,170,230,.18);
+        --ok:#46d39a;--warn:#ffcf5c;--bad:#ff6b6b;--accent:#7fd4ff;}
+  *{box-sizing:border-box}
+  html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);
+    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
+  header{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;
+    align-items:center;gap:14px;flex-wrap:wrap;}
+  header h1{font-size:15px;margin:0;letter-spacing:.06em;font-weight:600;}
+  header .sub{font-size:11px;color:var(--mut);}
+  .wrap{display:grid;grid-template-columns:1fr;gap:14px;padding:16px 20px;max-width:1280px;margin:0 auto;}
+  .stage{height:60vh;min-height:380px;border:1px solid var(--line);border-radius:14px;overflow:hidden;
+    box-shadow:0 0 60px rgba(40,90,160,.12) inset;}
+  .grid2{display:grid;grid-template-columns:1.3fr 1fr;gap:14px;}
+  .panel{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(10,19,38,.5);}
+  .panel h2{font-size:12px;margin:0 0 8px;letter-spacing:.06em;color:#bfe0ff;}
+  .btn{background:rgba(70,150,230,.16);border:1px solid rgba(120,180,240,.4);color:#cfe6ff;
+    border-radius:8px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer;}
+  .btn:hover{background:rgba(70,150,230,.3);}
+  .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
+  .mut{color:var(--mut);font-size:11px;}
+  a{color:#7fd4ff;}
+  .badge{display:inline-block;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:600;
+    background:rgba(70,150,230,.18);border:1px solid rgba(120,180,240,.35);color:#bfe0ff;}
+  .badge.live{background:rgba(70,211,154,.16);border-color:rgba(70,211,154,.4);color:#9af0cf;}
+  .badge.roadmap{background:rgba(255,180,90,.16);border-color:rgba(255,190,110,.4);color:#ffd9a8;}
+  table{width:100%;border-collapse:collapse;font-size:11px;}
+  td,th{text-align:left;padding:3px 6px;border-bottom:1px solid rgba(120,170,230,.1);}
+  th{color:var(--mut);font-weight:600;}
+  .mem-block{border:1px solid var(--line);border-radius:10px;padding:8px 10px;margin-bottom:8px;
+    background:rgba(10,19,38,.6);}
+  .mem-block .t{font-size:11px;color:#bfe0ff;}
+  .dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px;vertical-align:middle;}
+  @media(max-width:820px){.grid2{grid-template-columns:1fr;}}
+</style>
+</head>
+<body>
+<header>
+  <h1>SZL · CONSTITUTIONAL ORGANISM</h1>
+  <span class="sub">3D ontology · causal-ledger replay · memory cores · 0 runtime CDN · honest 2D fallback</span>
+  <span id="caps" class="sub"></span>
+</header>
+
+<div class="wrap">
+  <div class="panel">
+    <h2>WHAT THIS IS</h2>
+    <div class="mut">A governed, auditable, policy-enforced agent runtime rendered as a 3D
+    <strong>ontology organism</strong> — the 8 constitutional pillars and the live constitutional
+    engines as a living causal graph. The <strong>Causal Ledger, Audit, Memory and Ontology</strong>
+    engines read <span class="badge live">LIVE</span> from <code>/api/a11oy/v1/constitution/*</code>.
+    Deeper constitutional R&D (phenomenology / immunology) is honest <span class="badge roadmap">ROADMAP</span>.
+    This is <strong>NOT a new form of existence and NOT an AGI</strong>. Λ is
+    <strong>Conjecture 1</strong> (a bounded score &lt; 1.0, not a theorem); trust is never 100%.</div>
+  </div>
+
+  <div id="stage" class="stage"></div>
+
+  <div class="panel">
+    <div class="row">
+      <button class="btn" id="signBtn">EMIT CAUSAL EVENT → pulse</button>
+      <button class="btn" id="playBtn">▶ REPLAY LEDGER</button>
+      <span id="status" class="mut">loading live constitutional state…</span>
+    </div>
+  </div>
+
+  <div class="grid2">
+    <div class="panel">
+      <h2>CONSTITUTIONAL ENGINES <span id="engBadge" class="badge live">LIVE</span></h2>
+      <div id="engines" class="mut">…</div>
+    </div>
+    <div class="panel">
+      <h2>MEMORY CORES <span class="badge">TrustGraph · Letta pattern</span></h2>
+      <div class="mut" style="margin-bottom:8px">Context Cores — pin (protect) · promote (set active) · rollback (restore prior as NEW version, append-only).</div>
+      <div id="memory"></div>
+    </div>
+  </div>
+
+  <div class="panel">
+    <h2>STATECHART <span class="badge">a11oy_agent</span></h2>
+    <div id="statechart" class="mut">…</div>
+  </div>
+
+  <div class="panel mut">
+    Build references (no runtime calls): Palantir Ontology
+    (<a href="https://www.palantir.com/platforms/foundry/ontology/">palantir.com</a>),
+    TrustGraph (<a href="https://trustgraph.ai">trustgraph.ai</a>, Apache-2.0),
+    Letta / MemGPT memory blocks (<a href="https://github.com/letta-ai/letta">letta-ai/letta</a>),
+    Anthropic Constitutional AI (arXiv:2212.08073), W3C PROV-DM.
+    Causal ledger is event-sourced + PROV-annotated; the 3D organism reads it live.
+  </div>
+</div>
+
+<script src="/static/shared/szl_label_engine.js"></script>
+<script src="/static/shared/szl_holo3d.js"></script>
+<script>
+(function () {
+  var API = "/api/a11oy/v1/constitution/";
+  var stageEl = document.getElementById("stage");
+  if (!window.SZLHolo) {
+    stageEl.innerHTML = '<div style="padding:20px;color:#ffd9a8">SZLHolo kit failed to load.</div>';
+    return;
+  }
+  var caps = window.SZLHolo.capabilities();
+  document.getElementById("caps").textContent =
+    "renderer: " + caps.mode.toUpperCase() + (caps.webgpu ? " · WebGPU detected (ROADMAP)" : "");
+
+  // ---- 3D ontology organism: 8 pillars (inner ring) + live engines (outer) ----
+  var PILLARS = ["Ontology","Phenomenology","Temporality","Legitimacy",
+                 "Immunology","Energy Economics","Topology","Governance"];
+  var nodes = [], edges = [];
+  // central CONSTITUTION nucleus
+  nodes.push({ id:"core", label:"CONSTITUTION", pos:[0,0,0], locked:true });
+  // pillars around a ring
+  PILLARS.forEach(function (p, i) {
+    var a = (i/PILLARS.length)*Math.PI*2;
+    nodes.push({ id:"p"+i, label:p, pos:[1.25*Math.cos(a), 0.15*Math.sin(i*1.7), 1.25*Math.sin(a)],
+                 lambda: 0.30 + 0.04*i });
+    edges.push({ id:"ce"+i, from:"core", to:"p"+i });
+  });
+  var scene = window.SZLHolo.createScene(stageEl, { title:"CONSTITUTIONAL ONTOLOGY ORGANISM", lambda:0.34 });
+  var graph = scene.addGraph({ nodes: nodes, edges: edges });
+  scene.addTrustSphere({ center:[0,-1.15,0], radius:0.42, label:"ESTATE TRUST" });
+  // gentle causal pulses on a couple of pillar edges (animated causal edges)
+  scene.signPulse("ce2", { loop:true, duration:1900 }); // Temporality (ledger)
+  scene.signPulse("ce7", { loop:true, duration:2300 }); // Governance (audit)
+  var slider = scene.timeSlider({ from:0, to:100, onTime:function(){} });
+  scene.start();
+
+  document.getElementById("signBtn").addEventListener("click", function () {
+    // pulse a random pillar edge — represents a signed causal event being recorded
+    var i = Math.floor(Math.random()*PILLARS.length);
+    scene.signPulse("ce"+i, { duration:1200, color:"#aef6ff" });
+  });
+  var replaying=false;
+  document.getElementById("playBtn").addEventListener("click", function () {
+    if (replaying || !slider) return; replaying=true;
+    var v=0; var iv=setInterval(function(){ v+=0.04; slider.set(v); if(v>=1){clearInterval(iv);replaying=false;} },70);
+  });
+
+  function getJSON(path){ return fetch(API+path).then(function(r){return r.ok?r.json():null;}).catch(function(){return null;}); }
+  function esc(s){return String(s==null?"":s).replace(/[&<>"]/g,function(c){return({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'})[c];});}
+
+  // ---- live engines list + drive the organism's per-pillar Λ from live status ----
+  getJSON("status").then(function(st){
+    if(!st){ document.getElementById("engines").textContent="status feed unavailable (honest: not fabricated)."; return; }
+    var engines = st.engines || [];
+    var html = '<table><tr><th>Engine</th><th>Status</th><th>Pillar</th><th>Live</th></tr>';
+    engines.forEach(function(e){
+      var col = e.color==="green" ? "var(--ok)" : (e.color==="amber"?"var(--warn)":"var(--bad)");
+      html += '<tr><td>'+esc(e.engine)+'</td>'+
+              '<td><span class="dot" style="background:'+col+'"></span>'+esc(e.status)+'</td>'+
+              '<td>'+esc((e.pillars||[])[1]||"")+'</td>'+
+              '<td>'+esc(e.live_count)+'</td></tr>';
+    });
+    html += '</table>';
+    document.getElementById("engines").innerHTML = html;
+    document.getElementById("status").textContent =
+      "LIVE constitutional status · "+engines.length+" engines · concept: "+esc((st.concept_origin||"").slice(0,40));
+  });
+
+  // ---- ledger (causal events) drive the replay reveal ----
+  getJSON("ledger").then(function(ld){
+    if(!ld) return;
+    var n = ld.count||0;
+    document.getElementById("playBtn").textContent = "▶ REPLAY LEDGER ("+n+" events)";
+  });
+
+  // ---- memory cores view (TrustGraph Context Cores / Letta blocks) ----
+  getJSON("memory").then(function(mm){
+    var el = document.getElementById("memory");
+    if(!mm){ el.textContent="memory feed unavailable."; return; }
+    var cores = mm.cores || {};
+    var keys = Object.keys(cores);
+    if(!keys.length){
+      el.innerHTML = '<div class="mem-block"><div class="t">No Context Cores pinned yet '+
+        '<span class="badge live">LIVE · 0 cores</span></div>'+
+        '<div class="mut">Model: '+esc(mm.model)+'. Cores appear here as doctrine/decision '+
+        'versions are pinned/promoted (append-only).</div></div>';
+      return;
+    }
+    el.innerHTML = keys.map(function(k){
+      var c = cores[k];
+      return '<div class="mem-block"><div class="t">'+esc(k)+'</div>'+
+             '<div class="mut">'+esc(JSON.stringify(c).slice(0,120))+'</div></div>';
+    }).join("");
+  });
+
+  // ---- ontology entities -> extend the organism with live entity nodes ----
+  getJSON("ontology").then(function(on){
+    if(!on) return;
+    var ents = on.entities || {}; var keys = Object.keys(ents).slice(0,6);
+    keys.forEach(function(k,i){
+      var a=(i/Math.max(1,keys.length))*Math.PI*2;
+      graph.nodes.push({ id:"ent"+i, label:esc(k), pos:[1.9*Math.cos(a),0.6,1.9*Math.sin(a)], lambda:0.4 });
+    });
+  });
+
+  // ---- statechart ----
+  getJSON("state").then(function(sc){
+    var el = document.getElementById("statechart");
+    if(!sc || !sc.statechart){ el.textContent="state feed unavailable."; return; }
+    var states = sc.statechart.states || {};
+    el.innerHTML = "<strong>"+esc(sc.statechart.id)+"</strong> · initial="+esc(sc.statechart.initial)+
+      " · states: "+Object.keys(states).map(esc).join(" → ");
+  });
+
+  // ---- audit integrity readout ----
+  getJSON("audit").then(function(au){
+    if(!au) return;
+    var s = " · audit: chain "+(au.chain_intact?"INTACT":"BROKEN")+
+            ", "+au.events_audited+" events ("+esc(au.trust_note||"").slice(0,40)+"…)";
+    document.getElementById("engBadge").textContent = au.chain_intact ? "LIVE · CHAIN INTACT" : "LIVE";
+  });
+
+  window.__SZL_CONSTITUTION_READY = true;
+})();
+</script>
+</body>
+</html>

web/estate-hologram.html

@@ -0,0 +1,291 @@
+<!DOCTYPE html>
+<!-- SPDX-License-Identifier: Apache-2.0  © 2026 SZL Holdings
+     /estate-hologram — THE UNIFIED ESTATE HOLOGRAM (Lane F5 — the demo centerpiece).
+     ONE holographic canvas where the whole SZL estate coexists on the shared kit
+     (/static/shared/szl_holo3d.js, 0 runtime CDN):
+       - the GLOBE (estate surfaces as geo-nodes)
+       - the PROOF-DAG (signed-decision pipeline: ingest→verify→policy→classify→sign→receipt)
+       - the Λ TRUST-SPHERE (morphs with the LIVE estate Λ from the KPI board)
+       - the MESH (the agentic-GPU organism: mind + 6 organs from engine/status)
+       - the constitutional ORGANISM (pillars), and the quant fracture node
+     EVERY signed decision flows as LIGHT through the graph (kit signed-pulse): when a
+     cross-surface receipt is signed, a light packet travels the proof-DAG.
+     Reads LIVE: /api/a11oy/v1/ecosystem/kpi-board (estate Λ + 13 trust axes + locked-8),
+     /api/a11oy/v1/engine/status (mind/6-organs/energy/swarm), and cross-surface signed
+     receipts from /api/a11oy/v1/quant/pipeline + /api/a11oy/v1/constitution/ledger.
+     HONEST: estate Λ + KPIs + the engine organism are LIVE; cross-surface receipt
+     AGGREGATION is partly SAMPLE (the per-surface receipts are live, the unified
+     cross-surface receipt stream is illustrative SAMPLE where not fully wired).
+     DOCTRINE v11: 0 runtime CDN · locked = EXACTLY 8 @ c7c0ba17 · Λ = Conjecture 1
+     (<1.0) · trust < 100% · 0 visible codenames · honest LIVE/SAMPLE labels ·
+     never claims cert / AGI / live-trading. -->
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>SZL · Unified Estate Hologram</title>
+<style>
+  :root{--bg:#03060d;--panel:#0a1326;--ink:#cfe6ff;--mut:#86a4c9;--line:rgba(120,170,230,.18);
+        --ok:#46d39a;--warn:#ffcf5c;--bad:#ff6b6b;--accent:#7fd4ff;}
+  *{box-sizing:border-box}
+  html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);
+    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
+  header{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;
+    align-items:center;gap:14px;flex-wrap:wrap;}
+  header h1{font-size:16px;margin:0;letter-spacing:.07em;font-weight:700;
+    background:linear-gradient(90deg,#7fd4ff,#aef6ff,#9af0cf);-webkit-background-clip:text;background-clip:text;color:transparent;}
+  header .sub{font-size:11px;color:var(--mut);}
+  .wrap{display:grid;grid-template-columns:1fr;gap:14px;padding:14px 18px;max-width:1400px;margin:0 auto;}
+  .stage{height:70vh;min-height:460px;border:1px solid var(--line);border-radius:16px;overflow:hidden;
+    box-shadow:0 0 90px rgba(40,90,160,.18) inset, 0 0 40px rgba(40,90,160,.1);position:relative;}
+  .overlay{position:absolute;top:12px;right:14px;z-index:8;text-align:right;pointer-events:none;}
+  .overlay .lam{font-size:30px;font-weight:800;line-height:1;text-shadow:0 2px 12px rgba(0,0,0,.7);}
+  .overlay .lab{font-size:10px;color:var(--mut);}
+  .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;}
+  .panel{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(10,19,38,.5);}
+  .panel h2{font-size:11px;margin:0 0 8px;letter-spacing:.06em;color:#bfe0ff;}
+  .btn{background:rgba(70,150,230,.16);border:1px solid rgba(120,180,240,.4);color:#cfe6ff;
+    border-radius:8px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer;}
+  .btn:hover{background:rgba(70,150,230,.3);}
+  .btn.hero{background:linear-gradient(90deg,rgba(70,150,230,.3),rgba(70,211,154,.25));font-weight:600;}
+  .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
+  .mut{color:var(--mut);font-size:11px;}
+  a{color:#7fd4ff;}
+  .badge{display:inline-block;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:600;
+    background:rgba(70,150,230,.18);border:1px solid rgba(120,180,240,.35);color:#bfe0ff;}
+  .badge.live{background:rgba(70,211,154,.16);border-color:rgba(70,211,154,.4);color:#9af0cf;}
+  .badge.sample{background:rgba(255,180,90,.16);border-color:rgba(255,190,110,.4);color:#ffd9a8;}
+  .stat{display:flex;justify-content:space-between;font-size:11px;padding:2px 0;border-bottom:1px solid rgba(120,170,230,.08);}
+  .axis{display:flex;justify-content:space-between;font-size:10px;padding:1px 0;}
+  .tape{font-size:10px;max-height:150px;overflow:auto;}
+  .tape .r{padding:3px 0;border-bottom:1px solid rgba(120,170,230,.08);}
+  .dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;}
+  @media(max-width:1000px){.grid{grid-template-columns:repeat(2,1fr);}}
+  @media(max-width:560px){.grid{grid-template-columns:1fr;}}
+</style>
+</head>
+<body>
+<header>
+  <h1>SZL · UNIFIED ESTATE HOLOGRAM</h1>
+  <span class="sub">globe · proof-DAG · Λ trust-sphere · mesh · organism — ONE canvas · signed-decision light-flow · 0 runtime CDN</span>
+  <span id="caps" class="sub"></span>
+</header>
+
+<div class="wrap">
+  <div class="panel">
+    <div class="mut">The whole estate on one holographic canvas. The estate <strong>Λ</strong> and KPIs
+    and the agentic-GPU <strong>organism</strong> (mind + 6 organs) are <span class="badge live">LIVE</span>
+    from <code>/api/a11oy/v1/ecosystem/kpi-board</code> + <code>/engine/status</code>. Every signed
+    cross-surface decision flows as <strong>light</strong> through the proof-DAG. The unified
+    cross-surface receipt stream is partly <span class="badge sample">SAMPLE</span> (per-surface receipts
+    are live; the aggregated stream is illustrative where not yet fully wired). locked = EXACTLY 8 @
+    <code>c7c0ba17</code>. Λ = Conjecture 1 (&lt; 1.0); trust never 100%. NOT a cert, NOT an AGI.</div>
+  </div>
+
+  <div class="stage" style="position:relative">
+    <div id="stage" style="position:absolute;inset:0"></div>
+    <div class="overlay">
+      <div id="lamBig" class="lam" style="color:#9af0cf">Λ —</div>
+      <div class="lab">ESTATE Λ · Conjecture 1 (&lt;1.0) · trust &lt;100%</div>
+    </div>
+  </div>
+
+  <div class="panel">
+    <div class="row">
+      <button class="btn hero" id="signBtn">SIGN A CROSS-SURFACE DECISION → light-flow</button>
+      <button class="btn" id="autoBtn">▶ AUTO DECISION STREAM</button>
+      <span id="status" class="mut">loading the live estate…</span>
+    </div>
+  </div>
+
+  <div class="grid">
+    <div class="panel">
+      <h2>ESTATE Λ <span id="lamBadge" class="badge live">LIVE</span></h2>
+      <div id="lamPanel" class="mut">…</div>
+    </div>
+    <div class="panel">
+      <h2>TRUST AXES <span class="badge live">13</span></h2>
+      <div id="axes" class="mut">…</div>
+    </div>
+    <div class="panel">
+      <h2>ORGANISM <span id="orgBadge" class="badge live">engine/status</span></h2>
+      <div id="organism" class="mut">…</div>
+    </div>
+    <div class="panel">
+      <h2>SIGNED DECISIONS <span class="badge sample">cross-surface</span></h2>
+      <div id="tape" class="tape mut">…</div>
+    </div>
+  </div>
+
+  <div class="panel mut">
+    LIVE feeds: estate Λ / KPI board, the engine organism status, the GPU-quant signed receipt, and
+    the constitutional causal ledger. Cross-surface receipt aggregation is partly <span class="badge sample">SAMPLE</span>.
+    Renders on the shared holographic substrate (vendored locally, 0 runtime CDN, WebGL2 baseline,
+    honest 2D fallback). Build refs: Palantir Foundry/Gotham, TrustGraph, deck.gl, CesiumJS, three.js.
+  </div>
+</div>
+
+<script src="/static/shared/szl_label_engine.js"></script>
+<script src="/static/shared/szl_holo3d.js"></script>
+<script>
+(function () {
+  var stageEl = document.getElementById("stage");
+  if (!window.SZLHolo) {
+    stageEl.innerHTML = '<div style="padding:20px;color:#ffd9a8">SZLHolo kit failed to load.</div>';
+    return;
+  }
+  var caps = window.SZLHolo.capabilities();
+  document.getElementById("caps").textContent =
+    "renderer: " + caps.mode.toUpperCase() + (caps.webgpu ? " · WebGPU detected (ROADMAP)" : "");
+
+  // ---------------------------------------------------------------------------
+  // ONE scene: proof-DAG (signed-decision pipeline) + globe + trust-sphere +
+  // mesh/organism + constitutional pillars all in the same holographic canvas.
+  // ---------------------------------------------------------------------------
+  var scene = window.SZLHolo.createScene(stageEl, { title:"UNIFIED ESTATE HOLOGRAM", lambda:0.42 });
+
+  // PROOF-DAG: the signed-decision pipeline (centre-front).
+  var dagNodes = [
+    { id:"ingest",   label:"INGEST",   pos:[-1.7, 0.9, 0.2] },
+    { id:"verify",   label:"VERIFY",   pos:[-0.9, 0.5, 0.6], locked:true },
+    { id:"policy",   label:"POLICY",   pos:[-0.1, 0.8,-0.2], lambda:0.30 },
+    { id:"classify", label:"CLASSIFY", pos:[ 0.5,-0.1, 0.7], lambda:0.42 },
+    { id:"sign",     label:"SIGN",     pos:[ 1.3, 0.2,-0.2], locked:true },
+    { id:"receipt",  label:"RECEIPT",  pos:[ 1.9, 1.0, 0.4], lambda:0.25 }
+  ];
+  var dagEdges = [
+    { id:"d1", from:"ingest",   to:"verify" },
+    { id:"d2", from:"verify",   to:"policy" },
+    { id:"d3", from:"policy",   to:"classify" },
+    { id:"d4", from:"classify", to:"sign" },
+    { id:"d5", from:"sign",     to:"receipt" }
+  ];
+  var dag = scene.addGraph({ nodes: dagNodes, edges: dagEdges });
+
+  // GLOBE: the estate's surfaces as geo-nodes (SAMPLE positions, honest).
+  scene.addGlobe({ radius: 0.85, points: [
+    { lat: 25.3, lon: 55.3,  label:"constitution", lambda:0.30 },
+    { lat: 1.3,  lon:103.8,  label:"quant",        lambda:0.55 },
+    { lat: 51.5, lon: -0.12, label:"factory",      lambda:0.40 },
+    { lat: 37.8, lon:-122.4, label:"globe-C2",     lambda:0.45 },
+    { lat: -33.9,lon: 151.2, label:"maritime",     lambda:0.50 }
+  ]});
+
+  // Λ TRUST-SPHERE (estate) — morphs with the LIVE estate Λ.
+  var estateSphere = scene.addTrustSphere({ center:[-1.6,-1.0,-0.3], radius:0.5, label:"ESTATE" });
+
+  // CONSTITUTIONAL ORGANISM (pillars ring, upper-right) + a QUANT fracture node.
+  var pillars = ["Ontology","Temporality","Legitimacy","Governance"];
+  pillars.forEach(function(p,i){
+    var a=(i/pillars.length)*Math.PI*2;
+    dag.nodes.push({ id:"pil"+i, label:p, pos:[ -0.2 + 0.6*Math.cos(a), 1.6, -1.0 + 0.6*Math.sin(a)], lambda:0.32 });
+  });
+  dag.nodes.push({ id:"fracture", label:"β1 TEARS", pos:[1.6,-1.0,0.8], lambda:0.7 });
+
+  scene.start();
+
+  // signed-pulse light-flows along the proof-DAG (the headline mechanic)
+  scene.signPulse("d2", { loop:true, duration:2200 });
+  scene.signPulse("d5", { loop:true, duration:1700 });
+
+  function getJSON(path){ return fetch(path).then(function(r){return r.ok?r.json():null;}).catch(function(){return null;}); }
+  function esc(s){return String(s==null?"":s).replace(/[&<>"]/g,function(c){return({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'})[c];});}
+
+  // light-flow on a SIGNED cross-surface decision: pulse the whole DAG in sequence
+  var seq = ["d1","d2","d3","d4","d5"];
+  function fireDecision(){
+    seq.forEach(function(e,i){
+      setTimeout(function(){ scene.signPulse(e,{duration:900,color:"#aef6ff"}); }, i*260);
+    });
+    addTapeRow();
+  }
+  var tapeRows = [];
+  function addTapeRow(){
+    var ts = new Date().toISOString().slice(11,19);
+    var id = "dsse-" + Math.random().toString(16).slice(2,8);
+    tapeRows.unshift('<div class="r"><span class="dot" style="background:var(--ok)"></span>'+ts+
+      ' · signed cross-surface decision <b>'+id+'</b> <span class="badge sample">SAMPLE</span></div>');
+    tapeRows = tapeRows.slice(0,8);
+    document.getElementById("tape").innerHTML = tapeRows.join("");
+  }
+  document.getElementById("signBtn").addEventListener("click", fireDecision);
+  var auto=null;
+  document.getElementById("autoBtn").addEventListener("click", function(){
+    if(auto){ clearInterval(auto); auto=null; this.textContent="▶ AUTO DECISION STREAM"; return; }
+    this.textContent="⏸ STOP STREAM"; auto=setInterval(fireDecision, 2600); fireDecision();
+  });
+
+  // ------- LIVE estate Λ + KPI board -------
+  getJSON("/api/a11oy/v1/ecosystem/kpi-board").then(function(kb){
+    if(!kb){ document.getElementById("lamPanel").textContent="KPI board unavailable."; return; }
+    var lam = kb.lambda || {};
+    var v = (typeof lam.value==="number") ? lam.value : 0.9;
+    var disp = Math.min(v, 0.999); // Λ < 1.0 always
+    scene.setLambda(disp);                 // drive the trust-sphere + global Λ
+    estateSphere.lambda = disp;
+    var col = window.SZLHolo.lambdaColor ? window.SZLHolo.lambdaColor(disp) : "#9af0cf";
+    var big = document.getElementById("lamBig");
+    big.textContent = "Λ " + disp.toFixed(3); big.style.color = col;
+    var locked = kb.locked8 || {};
+    document.getElementById("lamPanel").innerHTML =
+      '<div class="stat"><span>estate Λ</span><b style="color:'+col+'">'+disp.toFixed(3)+'</b></div>'+
+      '<div class="stat"><span>status</span><b>'+esc(lam.status||"Conjecture 1")+'</b></div>'+
+      '<div class="stat"><span>checks</span><b>'+esc(lam.checks_passing)+'/'+esc(lam.checks_total)+'</b></div>'+
+      '<div class="stat"><span>locked-proven</span><b>'+esc(locked.source_count||locked.display_count||8)+' @ '+esc(locked.kernel||"c7c0ba17")+'</b></div>'+
+      '<div class="mut" style="margin-top:6px">'+esc((lam.note||"").slice(0,90))+'…</div>';
+    document.getElementById("status").textContent =
+      "LIVE estate · Λ="+disp.toFixed(3)+" · locked "+(locked.source_count||8)+"/8 @ "+(locked.kernel||"c7c0ba17")+
+      " · as_of "+esc((kb.as_of||"").slice(0,19));
+    // trust axes
+    var ax = (lam.axes||[]);
+    document.getElementById("axes").innerHTML = ax.map(function(a){
+      var ac = window.SZLHolo.lambdaColor ? window.SZLHolo.lambdaColor(1-a.score) : "#9af0cf";
+      return '<div class="axis"><span>'+esc(a.name)+'</span><b style="color:'+ac+'">'+(+a.score).toFixed(2)+'</b></div>';
+    }).join("") || '<span class="mut">no axes</span>';
+  });
+
+  // ------- LIVE organism (mind + 6 organs) from engine/status -------
+  getJSON("/api/a11oy/v1/engine/status").then(function(es){
+    var el = document.getElementById("organism");
+    if(!es){ el.textContent="engine status unavailable."; return; }
+    var organs = es.organs || {};
+    var keys = Object.keys(organs);
+    var healthy = es.organs_healthy||0, total = es.organs_total||keys.length;
+    var mind = es.mind||{};
+    var rows = '<div class="stat"><span>mind sovereign</span><b style="color:'+(mind.sovereign?"var(--ok)":"var(--mut)")+'">'+
+               esc(String(mind.sovereign))+'</b></div>'+
+               '<div class="stat"><span>organs healthy</span><b>'+healthy+'/'+total+'</b></div>';
+    keys.forEach(function(k){
+      var o=organs[k]; var rc=o.reachable?"var(--ok)":"var(--mut)";
+      rows += '<div class="axis"><span><span class="dot" style="background:'+rc+'"></span>'+esc(k)+'</span><b>'+esc(o.status)+'</b></div>';
+      // add a mesh node per organ to the unified canvas (dim when unreachable)
+      var idx = keys.indexOf(k); var a=(idx/keys.length)*Math.PI*2;
+      dag.nodes.push({ id:"org_"+k, label:k.toUpperCase(), pos:[ -2.0 + 0.5*Math.cos(a), 0.2+0.4*Math.sin(a), -1.4 ],
+                       lambda: o.reachable?0.35:0.85 });
+    });
+    el.innerHTML = rows;
+    document.getElementById("orgBadge").textContent = healthy+"/"+total+" live";
+    document.getElementById("orgBadge").className = "badge " + (healthy>0?"live":"sample");
+  });
+
+  // ------- LIVE per-surface signed receipts (quant pipeline + constitution ledger) -------
+  getJSON("/api/a11oy/v1/quant/pipeline").then(function(pp){
+    if(!pp) return;
+    var sr = (pp.signed_receipt && pp.signed_receipt.receipt) || {};
+    tapeRows.unshift('<div class="r"><span class="dot" style="background:var(--warn)"></span>'+
+      esc((sr.bar_timestamp||"").slice(11,19))+' · quant receipt <b>'+esc(sr.pipeline_version||"")+'</b> '+
+      '<span class="badge live">LIVE · '+esc(pp.label?pp.label.split("|")[0].trim():"SAMPLE_SIGNAL")+'</span></div>');
+    document.getElementById("tape").innerHTML = tapeRows.join("");
+  });
+  getJSON("/api/a11oy/v1/constitution/ledger").then(function(ld){
+    if(!ld) return;
+    tapeRows.unshift('<div class="r"><span class="dot" style="background:var(--accent)"></span>'+
+      'causal ledger <b>'+esc(ld.count||0)+' events</b> <span class="badge live">LIVE · '+esc(ld.status||"ACTIVE")+'</span></div>');
+    document.getElementById("tape").innerHTML = tapeRows.join("");
+  });
+
+  window.__SZL_ESTATE_HOLO_READY = true;
+})();
+</script>
+</body>
+</html>

web/quant.html

@@ -0,0 +1,256 @@
+<!DOCTYPE html>
+<!-- SPDX-License-Identifier: Apache-2.0  © 2026 SZL Holdings
+     /quant — GPU-QUANT 3D PORTFOLIO LANDSCAPE (Lane F5).
+     A 3D portfolio landscape on the shared holographic kit (0 runtime CDN):
+       - PCA risk eigen-spectrum (Ledoit-Wolf shrinkage + Marchenko-Pastur edge)
+         rendered as a risk LANDSCAPE
+       - Betti FRACTURE TEARS: persistent-homology β1 cycles drawn as glowing
+         tear-rings; tear count + intensity track the live fracture score f_t / z
+       - HJB-Kelly REBALANCING animation: per-asset Kelly weights w* as signed bars
+       - ENERGY RECEIPT: the live signed pipeline receipt (DSSE-style)
+     Reads LIVE: /api/a11oy/v1/quant/{pca,tda,kelly,pipeline}.
+     HONEST: data is SAMPLE_SIGNAL | NOT_LIVE | NO_BACKTEST_VALIDATED — synthetic
+     SAMPLE universe, pure-Python CPU fallback; the cuML/cuPy/giotto-tda/Ripser++
+     GPU path is ROADMAP (flips to MEASURED only on a sovereign GPU). NOT live trading.
+     Citations: RAPIDS cuDF/cuML, giotto-tda, Ledoit-Wolf (2003), Gidea-Katz (2017).
+     DOCTRINE v11: 0 runtime CDN · Λ = Conjecture 1 (<1.0) · trust < 100% ·
+     0 visible codenames · honest SAMPLE labels · never claims live trading or backtest. -->
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width,initial-scale=1">
+<title>SZL · GPU-Quant Landscape</title>
+<style>
+  :root{--bg:#03060d;--panel:#0a1326;--ink:#cfe6ff;--mut:#86a4c9;--line:rgba(120,170,230,.18);
+        --ok:#46d39a;--warn:#ffcf5c;--bad:#ff6b6b;--accent:#7fd4ff;}
+  *{box-sizing:border-box}
+  html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);
+    font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;}
+  header{padding:14px 20px;border-bottom:1px solid var(--line);display:flex;
+    align-items:center;gap:14px;flex-wrap:wrap;}
+  header h1{font-size:15px;margin:0;letter-spacing:.06em;font-weight:600;}
+  header .sub{font-size:11px;color:var(--mut);}
+  .wrap{display:grid;grid-template-columns:1fr;gap:14px;padding:16px 20px;max-width:1280px;margin:0 auto;}
+  .stage{height:58vh;min-height:380px;border:1px solid var(--line);border-radius:14px;overflow:hidden;
+    box-shadow:0 0 60px rgba(40,90,160,.12) inset;}
+  .grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
+  .grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
+  .panel{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:rgba(10,19,38,.5);}
+  .panel h2{font-size:12px;margin:0 0 8px;letter-spacing:.06em;color:#bfe0ff;}
+  .btn{background:rgba(70,150,230,.16);border:1px solid rgba(120,180,240,.4);color:#cfe6ff;
+    border-radius:8px;padding:6px 12px;font:inherit;font-size:12px;cursor:pointer;}
+  .btn:hover{background:rgba(70,150,230,.3);}
+  .row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;}
+  .mut{color:var(--mut);font-size:11px;}
+  a{color:#7fd4ff;}
+  .badge{display:inline-block;padding:1px 7px;border-radius:6px;font-size:10px;font-weight:600;
+    background:rgba(255,180,90,.16);border:1px solid rgba(255,190,110,.4);color:#ffd9a8;}
+  .badge.no{background:rgba(255,107,107,.15);border-color:rgba(255,120,120,.4);color:#ffb3b3;}
+  .kbar{height:14px;margin:2px 0;border-radius:3px;position:relative;}
+  .big{font-size:22px;font-weight:700;}
+  pre{white-space:pre-wrap;word-break:break-word;font-size:10px;color:#9fc4ea;max-height:200px;overflow:auto;
+    background:rgba(3,8,18,.6);border:1px solid var(--line);border-radius:8px;padding:8px;}
+  .stat{display:flex;justify-content:space-between;font-size:11px;padding:2px 0;border-bottom:1px solid rgba(120,170,230,.08);}
+  @media(max-width:900px){.grid2,.grid3{grid-template-columns:1fr;}}
+</style>
+</head>
+<body>
+<header>
+  <h1>SZL · GPU-QUANT LANDSCAPE</h1>
+  <span class="sub">PCA risk · Betti fracture tears · HJB-Kelly · energy receipts · 0 runtime CDN</span>
+  <span id="caps" class="sub"></span>
+</header>
+
+<div class="wrap">
+  <div class="panel">
+    <h2>WHAT THIS IS <span id="lbl" class="badge no">SAMPLE_SIGNAL | NOT_LIVE | NO_BACKTEST_VALIDATED</span></h2>
+    <div class="mut">A 3D portfolio risk landscape. The risk surface is the PCA eigen-spectrum
+    (Ledoit-Wolf shrinkage + Marchenko-Pastur noise edge). The glowing <strong>tear-rings</strong> are
+    persistent-homology <strong>β1 cycles</strong> — topological "fractures" in the correlation network;
+    their count and intensity track the live fracture score <code>f_t</code> and its z-score.
+    The bars are <strong>HJB-Kelly</strong> rebalancing weights. All data is a
+    <strong>synthetic SAMPLE</strong> universe on a pure-Python CPU fallback — the cuML/cuPy/giotto-tda
+    GPU path is <strong>ROADMAP</strong>. This is <strong>NOT live trading</strong> and is
+    <strong>NOT backtest-validated</strong>. Λ = Conjecture 1 (&lt; 1.0); trust &lt; 100%.</div>
+  </div>
+
+  <div id="stage" class="stage"></div>
+
+  <div class="panel">
+    <div class="row">
+      <button class="btn" id="rebalBtn">▶ HJB-KELLY REBALANCE</button>
+      <button class="btn" id="fractureBtn">SIMULATE FRACTURE (illustrative)</button>
+      <span id="fstatus" class="mut">loading live quant signal…</span>
+    </div>
+  </div>
+
+  <div class="grid3">
+    <div class="panel">
+      <h2>PCA RISK <span class="badge">Ledoit-Wolf · MP</span></h2>
+      <div id="pca" class="mut">…</div>
+    </div>
+    <div class="panel">
+      <h2>TDA FRACTURE <span class="badge">β0/β1 persistence</span></h2>
+      <div id="tda" class="mut">…</div>
+    </div>
+    <div class="panel">
+      <h2>HJB-KELLY <span class="badge">w* sizing</span></h2>
+      <div id="kelly"></div>
+    </div>
+  </div>
+
+  <div class="grid2">
+    <div class="panel">
+      <h2>ENERGY / SIGNED RECEIPT <span class="badge">DSSE-style</span></h2>
+      <div id="receiptMeta" class="mut" style="margin-bottom:6px"></div>
+      <pre id="receipt">…</pre>
+    </div>
+    <div class="panel">
+      <h2>COMPUTE BACKEND <span id="gpuBadge" class="badge">CPU fallback</span></h2>
+      <div id="backend" class="mut">…</div>
+    </div>
+  </div>
+
+  <div class="panel mut">
+    Build references (no runtime calls): RAPIDS cuDF/cuML
+    (<a href="https://docs.rapids.ai">docs.rapids.ai</a>),
+    giotto-tda (<a href="https://github.com/giotto-ai/giotto-tda">giotto-ai/giotto-tda</a>),
+    Ledoit &amp; Wolf (2003) shrinkage covariance, Gidea &amp; Katz (2017) TDA of crashes (arXiv:1703.04385),
+    Marchenko-Pastur noise edge. β1 here is the 1-skeleton cycle rank (honest fast proxy);
+    the exact Vietoris-Rips H1 is the GPU ROADMAP path.
+  </div>
+</div>
+
+<script src="/static/shared/szl_label_engine.js"></script>
+<script src="/static/shared/szl_holo3d.js"></script>
+<script>
+(function () {
+  var API = "/api/a11oy/v1/quant/";
+  var stageEl = document.getElementById("stage");
+  if (!window.SZLHolo) {
+    stageEl.innerHTML = '<div style="padding:20px;color:#ffd9a8">SZLHolo kit failed to load.</div>';
+    return;
+  }
+  var caps = window.SZLHolo.capabilities();
+  document.getElementById("caps").textContent =
+    "renderer: " + caps.mode.toUpperCase() + (caps.webgpu ? " · WebGPU detected (ROADMAP)" : "");
+
+  // 3D landscape scene: a grid of asset nodes whose height = PCA loading; tear-rings = β1 cycles.
+  var scene = window.SZLHolo.createScene(stageEl, { title:"PORTFOLIO RISK LANDSCAPE · SAMPLE", lambda:0.45 });
+  var landscape = scene.addGraph({ nodes:[{id:"o",label:"PORTFOLIO",pos:[0,0,0]}], edges:[] });
+  scene.start();
+  var tearHandles = [];
+
+  function getJSON(path){ return fetch(API+path).then(function(r){return r.ok?r.json():null;}).catch(function(){return null;}); }
+  function esc(s){return String(s==null?"":s).replace(/[&<>"]/g,function(c){return({'&':'&amp;','<':'&lt;','>':'&gt;','"':'&quot;'})[c];});}
+  function lamColor(l){ return window.SZLHolo.lambdaColor ? window.SZLHolo.lambdaColor(l) : "#7fd4ff"; }
+
+  // ---- PCA: build the risk landscape from eigenvalues ----
+  getJSON("pca").then(function(pc){
+    var el = document.getElementById("pca");
+    if(!pc){ el.textContent="pca feed unavailable."; return; }
+    var eig = (pc.marchenko_pastur && pc.marchenko_pastur.eigenvalues) || [];
+    var maxe = Math.max.apply(null, eig.concat([1e-9]));
+    // place each asset on a ring; height (y) = normalized eigenvalue (the risk peak)
+    eig.forEach(function(e,i){
+      var a=(i/eig.length)*Math.PI*2; var r=1.3;
+      var h = 0.9*(e/maxe);
+      landscape.nodes.push({ id:"a"+i, label:"", pos:[r*Math.cos(a), h, r*Math.sin(a)],
+                             lambda: 0.25 + 0.6*(e/maxe) });
+    });
+    el.innerHTML =
+      '<div class="stat"><span>assets N</span><b>'+esc(pc.n_assets)+'</b></div>'+
+      '<div class="stat"><span>obs T</span><b>'+esc(pc.n_obs)+'</b></div>'+
+      '<div class="stat"><span>shrinkage ρ</span><b>'+esc((+pc.shrinkage_rho).toFixed(4))+'</b></div>'+
+      '<div class="stat"><span>MP λ⁺ (noise edge)</span><b>'+esc((+pc.marchenko_pastur.lambda_plus).toExponential(3))+'</b></div>'+
+      '<div class="stat"><span>signal eigenvalues</span><b>'+esc(pc.marchenko_pastur.signal_eigenvalues)+'</b></div>'+
+      '<div class="mut" style="margin-top:6px">Σ̂_LW = (1−ρ)Σ̂ + ρ·μI · λ± = σ²(1±1/√q)²</div>';
+  });
+
+  // ---- TDA fracture tears: draw β1 cycles as glowing tear-rings ----
+  function drawTears(beta1, fscore){
+    // remove old tear nodes
+    landscape.nodes = landscape.nodes.filter(function(n){ return String(n.id).indexOf("tear")!==0; });
+    var n = Math.min(beta1, 14); // cap for legibility
+    for(var i=0;i<n;i++){
+      var a=(i/Math.max(1,n))*Math.PI*2;
+      var rr = 1.7 + 0.25*Math.sin(i*1.3);
+      // a tear-ring is a small cluster of red points (a topological hole / fracture)
+      var lam = 0.65 + 0.3*Math.min(1, fscore/3 + 0.1);
+      landscape.nodes.push({ id:"tear"+i, label:(i===0?"β1 TEARS":""),
+                             pos:[rr*Math.cos(a), 1.2+0.2*Math.cos(i), rr*Math.sin(a)], lambda: lam });
+    }
+  }
+  getJSON("tda").then(function(td){
+    var el = document.getElementById("tda");
+    if(!td){ el.textContent="tda feed unavailable."; return; }
+    drawTears(td.beta1_cur||0, td.fracture_score_f_t||0);
+    var anomCol = td.anomaly ? "var(--bad)" : "var(--ok)";
+    el.innerHTML =
+      '<div class="stat"><span>β0 (components)</span><b>'+esc(td.beta0_cur)+'</b></div>'+
+      '<div class="stat"><span>β1 (cycles / tears)</span><b style="color:var(--warn)">'+esc(td.beta1_cur)+'</b></div>'+
+      '<div class="stat"><span>fracture f_t</span><b>'+esc((+td.fracture_score_f_t).toFixed(3))+'</b></div>'+
+      '<div class="stat"><span>z-score</span><b>'+esc((+td.z_score).toFixed(3))+' / thr '+esc(td.z_threshold)+'</b></div>'+
+      '<div class="stat"><span>anomaly</span><b style="color:'+anomCol+'">'+(td.anomaly?"YES":"no")+'</b></div>'+
+      '<div class="mut" style="margin-top:6px">f_t = |Δβ0|+|Δβ1| · |z|&gt;2.5 ⇒ anomaly. β1 tear-rings shown in 3D.</div>';
+    document.getElementById("fstatus").textContent =
+      "LIVE quant signal · β1="+td.beta1_cur+" tears · f_t="+(+td.fracture_score_f_t).toFixed(2)+" · "+esc(td.label);
+    window.__SZL_TDA = td;
+  });
+
+  // ---- HJB-Kelly weights as signed rebalancing bars ----
+  var kellyW = [];
+  getJSON("kelly").then(function(kl){
+    var el = document.getElementById("kelly");
+    if(!kl){ el.textContent="kelly feed unavailable."; return; }
+    kellyW = kl.kelly_weights_w_star || [];
+    var maxw = Math.max.apply(null, kellyW.map(Math.abs).concat([1e-9]));
+    el.innerHTML = '<div class="mut" style="margin-bottom:4px">gross exposure '+esc((+kl.kelly_gross_exposure).toFixed(2))+
+      ' · γ='+esc(kl.gamma)+' · σ-inflation '+esc(kl.sigma_eff_inflation)+'</div>' +
+      kellyW.map(function(w,i){
+        var pct = Math.abs(w)/maxw*100;
+        var col = w>=0 ? "linear-gradient(90deg,rgba(70,211,154,.25),rgba(70,211,154,.6))"
+                       : "linear-gradient(90deg,rgba(255,107,107,.25),rgba(255,107,107,.6))";
+        return '<div class="kbar" data-i="'+i+'" style="width:'+pct.toFixed(0)+'%;background:'+col+'"></div>';
+      }).join("");
+    el.innerHTML += '<div class="mut" style="margin-top:6px">w* = (μ−r)/σ²  (TDA-augmented variance). Long = green, short = red.</div>';
+  });
+  document.getElementById("rebalBtn").addEventListener("click", function(){
+    // animate bars rebalancing toward Kelly target (illustrative)
+    var bars = document.querySelectorAll(".kbar");
+    bars.forEach(function(b){
+      b.style.transition="width .6s ease"; var cur=parseFloat(b.style.width)||0;
+      b.style.width = Math.max(4, Math.min(100, cur*(0.6+Math.random()*0.8))).toFixed(0)+"%";
+    });
+    // pulse the landscape to show capital re-flow
+    if(landscape.nodes.length>2){ scene.signPulse(0,{duration:1000,color:"#aef6ff"}); }
+  });
+  document.getElementById("fractureBtn").addEventListener("click", function(){
+    var td = window.__SZL_TDA || {beta1_cur:23, fracture_score_f_t:0};
+    drawTears((td.beta1_cur||10)+8, (td.fracture_score_f_t||0)+2.5); // illustrative spike
+  });
+
+  // ---- signed energy receipt from the pipeline ----
+  getJSON("pipeline").then(function(pp){
+    if(!pp){ document.getElementById("receipt").textContent="pipeline feed unavailable."; return; }
+    document.getElementById("lbl").textContent = pp.label || "SAMPLE_SIGNAL | NOT_LIVE | NO_BACKTEST_VALIDATED";
+    var sr = (pp.signed_receipt && pp.signed_receipt.receipt) || pp.signed_receipt || {};
+    document.getElementById("receiptMeta").innerHTML =
+      'pipeline <b>'+esc(sr.pipeline_version||"")+'</b> · device <b>'+esc(sr.gpu_device||"")+'</b> · '+
+      'scenario <b>'+esc(sr.scenario||pp.scenario||"")+'</b> · computed '+esc((pp.computed_at||"").slice(0,19));
+    document.getElementById("receipt").textContent = JSON.stringify(sr, null, 1);
+    var cb = pp.compute_backend || {};
+    document.getElementById("gpuBadge").textContent = cb.gpu_reachable ? "GPU MEASURED" : "CPU fallback (GPU ROADMAP)";
+    document.getElementById("backend").innerHTML =
+      '<div class="stat"><span>backend</span><b>'+esc(cb.backend)+'</b></div>'+
+      '<div class="stat"><span>gpu reachable</span><b>'+esc(String(cb.gpu_reachable))+'</b></div>'+
+      '<div class="stat"><span>doctrine</span><b>'+esc((pp.doctrine||{}).version)+' · locked '+esc((pp.doctrine||{}).locked_count)+'</b></div>'+
+      '<div class="stat"><span>kernel</span><b>'+esc((pp.doctrine||{}).kernel_commit)+'</b></div>'+
+      '<div class="mut" style="margin-top:6px">'+esc((cb.honest_note||"").slice(0,160))+'…</div>';
+  });
+
+  window.__SZL_QUANT_READY = true;
+})();
+</script>
+</body>
+</html>