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

Reusable Dockerfile-COPY-derived deploy from szl-holdings/a11oy main.
Files: 921 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>

static/3d/surfaces/atlas.js

@@ -35,6 +35,8 @@
 // Surface export shape: export default { id, title, endpoints, mount(ctx), unmount() }
 //   ctx = { stage, container, live, label, THREE, szl3d }
 
+import { createShowcase } from "./_showcase.js";
+
 const ID    = "atlas";
 const TITLE = "Atlas";
 
@@ -94,7 +96,7 @@ const KOBJ_R     = 0.10;   // kernel-object node radius
 const DEG        = Math.PI / 180;
 
 let _stage = null, _THREE = null, _ctx = null, _group = null, _overlay = null;
-let _frameReg = false, _polls = [], _badge = null, _plain = false;
+let _frameReg = false, _polls = [], _badge = null, _plain = false, _show = null;
 
 let _pistil = null;            // immutable locked-8 core at center
 let _clusterGroups = {};       // clusterKey -> THREE.Group
@@ -144,12 +146,10 @@ function mount(ctx) {
   _raycaster = new _THREE.Raycaster();
   _pointer = new _THREE.Vector2();
 
+  _badge = ctx.live.createBadge();
   _buildOverlay(ctx);
   _buildTooltip(ctx);
   _buildScaffold();               // pistil + 8 empty cluster groups (render before live data)
-  _badge = ctx.live.createBadge();
-  const brow = _overlay && _overlay.querySelector("#atlas-badgerow");
-  if (brow && _badge && _badge.el) brow.appendChild(_badge.el);
 
   // Pull the rich classification (map) + the organism layout, then keep them fresh.
   _polls.push(ctx.live.poll(EP_MAP, 15000, _onMap, {
@@ -546,17 +546,14 @@ function _animate() {
 // overlay HUD
 // =============================================================================
 function _buildOverlay(ctx) {
+  _show = createShowcase(ctx, {
+    id: ID, title: TITLE, accent: "#3af4c8", badge: _badge,
+    chips: [{ label: "MODELED", name: "label" }],
+  });
   _overlay = document.createElement("div");
-  _overlay.style.cssText =
-    "position:absolute;top:12px;left:12px;max-width:384px;font:12px/1.5 ui-monospace,Menlo,monospace;" +
-    "color:#cfe3ea;background:rgba(10,17,23,0.86);border:1px solid #1b3a44;border-radius:10px;padding:12px 14px;" +
-    "pointer-events:auto;backdrop-filter:blur(3px);z-index:20;max-height:calc(100% - 24px);overflow:auto;";
+  _overlay.style.cssText = "font:12px/1.5 ui-monospace,Menlo,monospace;color:#cfe3ea;";
   _overlay.innerHTML =
-    '<div style="font-weight:700;letter-spacing:.03em;color:#eaf6f9;font-size:13px">Atlas ' +
-      '<span id="atlas-label" style="float:right;font-size:10px;padding:1px 7px;border-radius:8px;background:#123;color:#3af4c8;border:1px solid #1b3a44">MODELED</span></div>' +
     '<div style="margin-top:2px;color:#8fb3bd;font-size:10.5px">The whole holographic estate as ONE organism — the 67 surfaces mapped by the Flower Brain\u2019s 8 real clusters. The still teal heart is the machine-proven locked-8 pistil (kernel c7c0ba17); clusters radiate out; hover a node for its honest label, click a surface to open it.</div>' +
-    '<div id="atlas-badgerow" style="margin-top:8px"></div>' +
-    '<hr style="border:0;border-top:1px solid #1b3a44;margin:8px 0">' +
     _row("Total surfaces", "atlas-total") +
     _row("Clusters", "atlas-clusters") +
     _row("Coverage (all classified)", "atlas-coverage") +
@@ -579,7 +576,7 @@ function _buildOverlay(ctx) {
     '</div>' +
     '<div id="atlas-plainbox" style="display:none;margin-top:8px;font-size:10.5px;color:#bcd;line-height:1.55"></div>' +
     '<div id="atlas-infobox" style="display:none;margin-top:8px;font-size:10px;color:#bcd;line-height:1.55"></div>';
-  (ctx.container || document.body).appendChild(_overlay);
+  _show.body.appendChild(_overlay);
   const pb = _overlay.querySelector("#atlas-plain");
   if (pb) pb.addEventListener("click", () => { _plain = !_plain; _applyPlain(); });
   const ib = _overlay.querySelector("#atlas-info");
@@ -626,7 +623,7 @@ function _paintOverlay() {
   const nd = "NO-LIVE-DATA";
   const d = deg ? "\u2014" : null;
 
-  _set("atlas-label", S.label || "MODELED");
+  if (_show) _show.setChip("label", S.label || "MODELED");
 
   if (missing && !S.clusters.length) {
     _set("atlas-total", nd);
@@ -752,7 +749,7 @@ function unmount() {
     try { if (_onLeave) _domEl.removeEventListener("pointerleave", _onLeave); } catch (_) {}
     try { _domEl.style.cursor = "default"; } catch (_) {}
   }
-  try { if (_overlay && _overlay.parentNode) _overlay.parentNode.removeChild(_overlay); } catch (_) {}
+  try { if (_show) _show.destroy(); } catch (_) {} _show = null;
   try { if (_tooltip && _tooltip.parentNode) _tooltip.parentNode.removeChild(_tooltip); } catch (_) {}
   try {
     if (_group && _stage) {

static/3d/surfaces/evalarena.js

@@ -36,6 +36,8 @@
 // Surface export shape mirrors loopforge.js / harness.js exactly:
 //   export default { id, title, endpoints, mount, unmount }
 
+import { createShowcase } from "./_showcase.js";
+
 const ID    = "evalarena";
 const TITLE = "Eval Arena";
 
@@ -55,7 +57,7 @@ const C_EDGE   = 0x1b3a44;
 const RING_R = 3.0, ARC_R = 5.4, CORE_R = 0.62;
 
 let _stage=null,_THREE=null,_ctx=null,_group=null,_overlay=null;
-let _frameReg=false,_polls=[],_badge=null,_plain=false,_t0=0;
+let _frameReg=false,_polls=[],_badge=null,_plain=false,_t0=0,_show=null;
 let _ring=null,_ringGlow=null,_core=null,_caseGroup=null,_caseMeshes=[];
 
 const S = {
@@ -79,11 +81,9 @@ function mount(ctx){
   try{ if(_stage.controls&&_stage.controls.target){ _stage.controls.target.set(0,1.0,0); _stage.controls.update(); } }catch(_){}
   try{ _stage.setBloom&&_stage.setBloom(true); }catch(_){}
   _t0=(typeof performance!=="undefined"?performance.now():Date.now());
+  _badge=ctx.live.createBadge();
   _buildOverlay(ctx);
   _buildScaffold();
-  _badge=ctx.live.createBadge();
-  const brow=_overlay&&_overlay.querySelector("#ea-badgerow");
-  if(brow&&_badge&&_badge.el) brow.appendChild(_badge.el);
 
   // POST /eval/run — the CORE poll. Body carries {suite, model_id}.
   _polls.push(ctx.live.poll(EP_RUN, 8000, _onRun, {
@@ -196,13 +196,14 @@ function _animate(){
 }
 
 function _buildOverlay(ctx){
+  _show=createShowcase(ctx,{
+    id:ID, title:TITLE, accent:"#3af4c8", badge:_badge,
+    chips:[{label:"MODELED", name:"label"}],
+  });
   _overlay=document.createElement("div");
-  _overlay.style.cssText="position:absolute;top:12px;left:12px;max-width:378px;font:12px/1.5 ui-monospace,Menlo,monospace;color:#cfe3ea;background:rgba(10,17,23,0.86);border:1px solid #1b3a44;border-radius:10px;padding:12px 14px;pointer-events:auto;backdrop-filter:blur(3px);z-index:20;max-height:calc(100% - 24px);overflow:auto;";
+  _overlay.style.cssText="font:12px/1.5 ui-monospace,Menlo,monospace;color:#cfe3ea;";
   _overlay.innerHTML=
-    '<div style="font-weight:700;letter-spacing:.03em;color:#eaf6f9;font-size:13px">Eval Arena <span id="ea-label" style="float:right;font-size:10px;padding:1px 7px;border-radius:8px;background:#123;color:#3af4c8;border:1px solid #1b3a44">MODELED</span></div>'+
     '<div style="margin-top:2px;color:#8fb3bd;font-size:10.5px">Governed eval / red-team arena. Each eval CASE flies at the central <b>Λ-gate</b>: passing cases glow teal and cross the ring; red-team (should-refuse) cases correctly refused glow gold; failures dim and fall. Every run mints a <b>signed receipt</b> ingested to /llm/forum. Λ is advisory (Conjecture 1) — never green.</div>'+
-    '<div id="ea-badgerow" style="margin-top:8px"></div>'+
-    '<hr style="border:0;border-top:1px solid #1b3a44;margin:8px 0">'+
     _row("Suite","ea-suite")+_row("Model routed","ea-model")+
     _row("Cases passed","ea-cases")+_row("Accuracy","ea-acc")+
     '<hr style="border:0;border-top:1px solid #1b3a44;margin:8px 0">'+
@@ -222,7 +223,7 @@ function _buildOverlay(ctx){
     '</div>'+
     '<div id="ea-plainbox" style="display:none;margin-top:8px;font-size:10.5px;color:#bcd;line-height:1.55"></div>'+
     '<div id="ea-infobox" style="display:none;margin-top:8px;font-size:10px;color:#bcd;line-height:1.55"></div>';
-  (ctx.container||document.body).appendChild(_overlay);
+  _show.body.appendChild(_overlay);
   const pb=_overlay.querySelector("#ea-plain"); if(pb) pb.addEventListener("click",()=>{_plain=!_plain;_applyPlain();});
   const ib=_overlay.querySelector("#ea-info");
   if(ib) ib.addEventListener("click",()=>{ const box=_overlay.querySelector("#ea-infobox");
@@ -238,7 +239,7 @@ function _pct(x){ return x==null?"—":(x<=1?(x*100).toFixed(1)+"%":String(x));
 function _paintOverlay(){
   if(!_overlay)return;
   const missing=(S.state==="missing"||S.state==="error"); const deg=missing||(S.state==="degraded");
-  _set("ea-label",S.label||"MODELED");
+  if(_show) _show.setChip("label",S.label||"MODELED");
   if(missing&&!S.cases.length){
     ["ea-suite","ea-model","ea-cases","ea-acc","ea-correct","ea-refuse","ea-honest","ea-control","ea-lambda","ea-sign","ea-forum"]
       .forEach((id)=>_set(id,"NO-LIVE-DATA"));
@@ -270,7 +271,7 @@ function _infoHTML(){
 
 function unmount(){
   _polls.forEach((p)=>{ try{p.stop();}catch(_){} }); _polls=[];
-  try{ if(_overlay&&_overlay.parentNode) _overlay.parentNode.removeChild(_overlay); }catch(_){}
+  try{ if(_show) _show.destroy(); }catch(_){} _show=null;
   try{ if(_group&&_stage){ _group.traverse((o)=>{ if(o.geometry&&o.geometry.dispose)o.geometry.dispose();
     if(o.material){const ms=Array.isArray(o.material)?o.material:[o.material];ms.forEach((m)=>{if(m.dispose)m.dispose();});} }); _stage.scene.remove(_group); } }catch(_){}
   _group=_overlay=null; _ring=_ringGlow=_core=_caseGroup=null; _caseMeshes=[];

static/3d/surfaces/flower.js

@@ -29,6 +29,8 @@
 // Surface export shape: export default { id, title, endpoints, mount(ctx), unmount() }
 //   ctx = { stage, container, live, label, THREE, szl3d }
 
+import { createShowcase } from "./_showcase.js";
+
 const ID    = "flower";
 const TITLE = "The Flower Brain";
 
@@ -84,7 +86,7 @@ const PETAL_R0 = 0.9;   // inner radius where a petal starts
 const PETAL_DR = 0.62;  // radial step per tier-depth ring within a petal
 
 let _stage = null, _THREE = null, _ctx = null, _group = null, _overlay = null;
-let _frameReg = false, _polls = [], _badge = null, _plain = false;
+let _frameReg = false, _polls = [], _badge = null, _plain = false, _show = null;
 
 let _pistil = null;          // the immutable proven-core mesh at the center
 let _petalGroups = {};       // petalKey -> THREE.Group (rotates/scales on bloom)
@@ -123,9 +125,9 @@ function mount(ctx) {
   _stage.scene.add(_group);
   _t0 = (typeof performance !== "undefined" ? performance.now() : Date.now());
 
+  _badge = ctx.live.createBadge();
   _buildOverlay(ctx);
   _buildScaffold();               // pistil + 8 empty petal groups (render before live data)
-  _badge = ctx.live.createBadge();
 
   // Pull the real graph once, then poll the bloom snapshot every 5s.
   _polls.push(ctx.live.poll(EP_GRAPH, 0, _onGraph, {
@@ -401,14 +403,13 @@ function _animate() {
 // overlay HUD
 // =============================================================================
 function _buildOverlay(ctx) {
+  _show = createShowcase(ctx, {
+    id: ID, title: TITLE, accent: "#3af4c8", badge: _badge,
+    chips: [{ label: "MODELED", name: "label" }],
+  });
   _overlay = document.createElement("div");
-  _overlay.style.cssText =
-    "position:absolute;top:12px;left:12px;max-width:360px;font:12px/1.5 ui-monospace,Menlo,monospace;" +
-    "color:#cfe3ea;background:rgba(15,32,39,0.82);border:1px solid #1b3a44;border-radius:10px;padding:12px 14px;" +
-    "pointer-events:auto;backdrop-filter:blur(3px);z-index:20;";
+  _overlay.style.cssText = "font:12px/1.5 ui-monospace,Menlo,monospace;color:#cfe3ea;";
   _overlay.innerHTML =
-    '<div style="font-weight:700;letter-spacing:.03em;color:#eaf6f9;font-size:13px">The Flower Brain ' +
-      '<span id="flower-label" style="float:right;font-size:10px;padding:1px 7px;border-radius:8px;background:#123;color:#3af4c8;border:1px solid #1b3a44">MODELED</span></div>' +
     '<div style="margin-top:2px;color:#8fb3bd;font-size:10.5px">Everything SZL built as one 8-petal bloom — the proven-8 pistil at the center, petals open with cluster health.</div>' +
     '<hr style="border:0;border-top:1px solid #1b3a44;margin:8px 0">' +
     _row("Overall bloom", "flower-bloom") +
@@ -425,7 +426,7 @@ function _buildOverlay(ctx) {
     '<div style="margin-top:8px"><button id="flower-plain" style="font:11px ui-monospace;background:#0f2027;color:#9fc;' +
       'border:1px solid #1b3a44;border-radius:6px;padding:3px 8px;cursor:pointer">Plain language</button></div>' +
     '<div id="flower-plainbox" style="display:none;margin-top:8px;font-size:10.5px;color:#bcd;line-height:1.55"></div>';
-  (ctx.container || document.body).appendChild(_overlay);
+  _show.body.appendChild(_overlay);
   const btn = _overlay.querySelector("#flower-plain");
   if (btn) btn.addEventListener("click", () => { _plain = !_plain; _applyPlain(); });
 }
@@ -446,7 +447,7 @@ function _paintOverlay() {
   const deg = missing || (S.state === "degraded");
   const nd = "NO-LIVE-DATA";
 
-  _set("flower-label", S.label || "MODELED");
+  if (_show) _show.setChip("label", S.label || "MODELED");
   if (missing && !S.nodes.length) {
     _set("flower-bloom", nd);
     _set("flower-locked", "8 (proven pistil, offline)");
@@ -520,7 +521,7 @@ function _applyPlain() {
 // =============================================================================
 function unmount() {
   _polls.forEach((p) => { try { p.stop(); } catch (_) {} }); _polls = [];
-  try { if (_overlay && _overlay.parentNode) _overlay.parentNode.removeChild(_overlay); } catch (_) {}
+  try { if (_show) _show.destroy(); } catch (_) {} _show = null;
   try {
     if (_group && _stage) {
       _group.traverse((o) => {

static/3d/surfaces/loopforge.js

@@ -6,6 +6,8 @@
 // J-lens-analogue WORKSPACE READOUT of the loop's own pre-commit state.
 // See DEV3_REPORT.md for the full write-up. ZERO PURPLE. Vendored three via ctx.THREE.
 
+import { createShowcase } from "./_showcase.js";
+
 const ID    = "loopforge";
 const TITLE = "Loop Forge";
 
@@ -30,7 +32,7 @@ function _flagClass(k){ if(k==null) return {color:C_FLAG,label:"flag"}; const s=
 const HUB_R=0.6, RING_R=3.0, BRANCH_IN=0.9, ARCHIVE_R=4.3, TOKEN_R=2.0, FLAG_LANE_Y=2.7;
 
 let _stage=null,_THREE=null,_ctx=null,_group=null,_overlay=null;
-let _frameReg=false,_polls=[],_badge=null,_plain=false;
+let _frameReg=false,_polls=[],_badge=null,_plain=false,_show=null;
 let _hub=null,_ring=null,_ringGlow=null,_branchGroup=null,_tokenGroup=null,_flagGroup=null;
 let _branchMeshes=[],_tokenMeshes=[],_flagMeshes=[],_t0=0;
 
@@ -45,10 +47,8 @@ function mount(ctx){
   _ctx=ctx;_stage=ctx.stage;_THREE=ctx.THREE;
   _group=new _THREE.Group();_stage.scene.add(_group);
   _t0=(typeof performance!=="undefined"?performance.now():Date.now());
-  _buildOverlay(ctx);_buildScaffold();
   _badge=ctx.live.createBadge();
-  const brow=_overlay&&_overlay.querySelector("#lf-badgerow");
-  if(brow&&_badge&&_badge.el) brow.appendChild(_badge.el);
+  _buildOverlay(ctx);_buildScaffold();
   _polls.push(ctx.live.poll(EP_RUN,6000,_onRun,{ badge:_badge, onState:(m)=>{S.state=m.state;_paintOverlay();},
     fetchInit:{ method:"POST", headers:{"accept":"application/json","content-type":"application/json"}, body:"{}" } }));
   _polls.push(ctx.live.poll(EP_ARCHIVE,7000,_onArchive,{ onState:(m)=>{S.state=m.state;_paintOverlay();} }));
@@ -217,13 +217,14 @@ function _animate(){
   _group.rotation.y=t*0.06;
 }
 function _buildOverlay(ctx){
+  _show=createShowcase(ctx,{
+    id:ID, title:TITLE, accent:"#3af4c8", badge:_badge,
+    chips:[{label:"MODELED", name:"label"}],
+  });
   _overlay=document.createElement("div");
-  _overlay.style.cssText="position:absolute;top:12px;left:12px;max-width:376px;font:12px/1.5 ui-monospace,Menlo,monospace;color:#cfe3ea;background:rgba(10,17,23,0.86);border:1px solid #1b3a44;border-radius:10px;padding:12px 14px;pointer-events:auto;backdrop-filter:blur(3px);z-index:20;max-height:calc(100% - 24px);overflow:auto;";
+  _overlay.style.cssText="font:12px/1.5 ui-monospace,Menlo,monospace;color:#cfe3ea;";
   _overlay.innerHTML=
-    '<div style="font-weight:700;letter-spacing:.03em;color:#eaf6f9;font-size:13px">Loop Forge <span id="lf-label" style="float:right;font-size:10px;padding:1px 7px;border-radius:8px;background:#123;color:#3af4c8;border:1px solid #1b3a44">MODELED</span></div>'+
     '<div style="margin-top:2px;color:#8fb3bd;font-size:10.5px">Kernel-gated agentic loop. Proposer branches bloom from the HEART/BLOOD hub; the kernel gate ring accepts (gold, archived) or rejects (grey, falls away). The orbiting cloud is the workspace readout of the "silent" candidate tokens; the raised lane surfaces safety flags <b>before commit</b>.</div>'+
-    '<div id="lf-badgerow" style="margin-top:8px"></div>'+
-    '<hr style="border:0;border-top:1px solid #1b3a44;margin:8px 0">'+
     '<div style="font-size:10.5px;color:#8fb3bd;margin-bottom:3px">Kernel-gate invariants</div>'+
     '<div id="lf-inv" style="font-size:11px;color:#eaf6f9"></div>'+
     '<hr style="border:0;border-top:1px solid #1b3a44;margin:8px 0">'+
@@ -242,7 +243,7 @@ function _buildOverlay(ctx){
     '</div>'+
     '<div id="lf-plainbox" style="display:none;margin-top:8px;font-size:10.5px;color:#bcd;line-height:1.55"></div>'+
     '<div id="lf-infobox" style="display:none;margin-top:8px;font-size:10px;color:#bcd;line-height:1.55"></div>';
-  (ctx.container||document.body).appendChild(_overlay);
+  _show.body.appendChild(_overlay);
   const pb=_overlay.querySelector("#lf-plain"); if(pb) pb.addEventListener("click",()=>{_plain=!_plain;_applyPlain();});
   const ib=_overlay.querySelector("#lf-info");
   if(ib) ib.addEventListener("click",()=>{ const box=_overlay.querySelector("#lf-infobox");
@@ -266,7 +267,7 @@ function _paintOverlay(){
   if(!_overlay)return;
   const missing=(S.state==="missing"||S.state==="error"); const deg=missing||(S.state==="degraded");
   const nd="NO-LIVE-DATA"; const d=deg?"—":null;
-  _set("lf-label",S.label||"MODELED");
+  if(_show) _show.setChip("label",S.label||"MODELED");
   const inv=_overlay.querySelector("#lf-inv");
   if(inv) inv.innerHTML=_check("writer ≠ judge",S.writerNeJudge,true)+_check("kernel outside loop",S.kernelOutsideLoop,true)+_checkZero("conjecture rendered green",S.conjGreen);
   if(missing&&!S.branches.length){
@@ -300,7 +301,7 @@ function _infoHTML(){
 }
 function unmount(){
   _polls.forEach((p)=>{ try{p.stop();}catch(_){} }); _polls=[];
-  try{ if(_overlay&&_overlay.parentNode) _overlay.parentNode.removeChild(_overlay); }catch(_){}
+  try{ if(_show) _show.destroy(); }catch(_){} _show=null;
   try{ if(_group&&_stage){ _group.traverse((o)=>{ if(o.geometry&&o.geometry.dispose)o.geometry.dispose();
     if(o.material){const ms=Array.isArray(o.material)?o.material:[o.material];ms.forEach((m)=>{if(m.dispose)m.dispose();});} }); _stage.scene.remove(_group); } }catch(_){}
   _group=_overlay=null; _hub=_ring=_ringGlow=null; _branchGroup=_tokenGroup=_flagGroup=null;