Spaces:
Running
Running
deploy(hf): sync szl-holdings/a11oy@main derived COPY set
Browse filesReusable Dockerfile-COPY-derived deploy from szl-holdings/a11oy main.
Files: 871 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/estate.js +39 -1
- static/3d/surfaces/fabric.js +55 -1
- static/3d/surfaces/governance.js +35 -1
static/3d/surfaces/estate.js
CHANGED
|
@@ -45,6 +45,7 @@ const C = {
|
|
| 45 |
let _stage = null, _THREE = null, _ctx = null;
|
| 46 |
let _root = null, _overlay = null, _frameFn = null;
|
| 47 |
let _hud = {}; // live HUD chip/value rows
|
|
|
|
| 48 |
let _scene = null; // built scene-object refs the frame loop animates
|
| 49 |
const _anim = {}; // eased animation targets
|
| 50 |
const _handles = []; // every poll handle (stopped on unmount)
|
|
@@ -263,9 +264,46 @@ function buildHud() {
|
|
| 263 |
const legend = _ctx.label.legend(); legend.style.opacity = "0.85"; legend.style.marginTop = "2px";
|
| 264 |
_overlay.appendChild(legend);
|
| 265 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 266 |
(_ctx.container || document.body).appendChild(_overlay);
|
| 267 |
}
|
| 268 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 269 |
function _setRow(key, text, label) {
|
| 270 |
const r = _hud[key];
|
| 271 |
if (!r) return;
|
|
@@ -492,7 +530,7 @@ function unmount() {
|
|
| 492 |
}
|
| 493 |
} catch (_) {}
|
| 494 |
try { if (_stage) _stage.setBloom(false); } catch (_) {}
|
| 495 |
-
_root = null; _overlay = null; _scene = null; _frameFn = null; _hud = {}; _stage = null; _THREE = null; _ctx = null;
|
| 496 |
}
|
| 497 |
|
| 498 |
export default { id: ID, title: TITLE, endpoints: [EP_KPI, EP_ENERGY, EP_FABRIC, EP_PNT, EP_LOOP], mount, unmount };
|
|
|
|
| 45 |
let _stage = null, _THREE = null, _ctx = null;
|
| 46 |
let _root = null, _overlay = null, _frameFn = null;
|
| 47 |
let _hud = {}; // live HUD chip/value rows
|
| 48 |
+
let _plain = false, _plainEl = null; // "what this means" plain-language toggle
|
| 49 |
let _scene = null; // built scene-object refs the frame loop animates
|
| 50 |
const _anim = {}; // eased animation targets
|
| 51 |
const _handles = []; // every poll handle (stopped on unmount)
|
|
|
|
| 264 |
const legend = _ctx.label.legend(); legend.style.opacity = "0.85"; legend.style.marginTop = "2px";
|
| 265 |
_overlay.appendChild(legend);
|
| 266 |
|
| 267 |
+
// "what this means" plain-language toggle (matches the research surfaces).
|
| 268 |
+
const pl = document.createElement("button");
|
| 269 |
+
pl.textContent = "◑ what this means";
|
| 270 |
+
pl.title = "Toggle plain-language explanation for investors & consumers.";
|
| 271 |
+
pl.style.cssText = "font:11px ui-monospace,monospace;padding:5px 11px;border-radius:7px;" +
|
| 272 |
+
"border:1px solid #3af4c8;background:#08140f;color:#3af4c8;cursor:pointer;width:fit-content;margin-top:4px";
|
| 273 |
+
pl.addEventListener("click", () => {
|
| 274 |
+
_plain = !_plain;
|
| 275 |
+
pl.style.background = _plain ? "#0f2a20" : "#08140f";
|
| 276 |
+
_applyPlain();
|
| 277 |
+
});
|
| 278 |
+
_overlay.appendChild(pl);
|
| 279 |
+
|
| 280 |
+
const pd = document.createElement("div");
|
| 281 |
+
pd.style.cssText = "font-size:10.5px;color:#c9d6df;line-height:1.55;border:1px dashed #26333f;" +
|
| 282 |
+
"border-radius:7px;padding:7px 9px;display:none;margin-top:4px";
|
| 283 |
+
_plainEl = pd;
|
| 284 |
+
_overlay.appendChild(pd);
|
| 285 |
+
|
| 286 |
(_ctx.container || document.body).appendChild(_overlay);
|
| 287 |
}
|
| 288 |
|
| 289 |
+
function _applyPlain() {
|
| 290 |
+
const pd = _plainEl;
|
| 291 |
+
if (!pd) return;
|
| 292 |
+
pd.style.display = _plain ? "block" : "none";
|
| 293 |
+
if (!_plain) return;
|
| 294 |
+
pd.innerHTML =
|
| 295 |
+
"<b>What this means:</b> This is a single command view that pulls together five separate " +
|
| 296 |
+
"live feeds at once — <b>governance</b> (which formulas are locked-proven, the Λ safety " +
|
| 297 |
+
"aggregator, and the CHAPAQ verdict), <b>energy</b> (grid price, renewable share, and any " +
|
| 298 |
+
"measured joules), <b>compute fabric</b> (how many machines are reachable right now), " +
|
| 299 |
+
"<b>PNT bounds</b> (which physical-limit pillars are wired), and the <b>anatomy loop</b> " +
|
| 300 |
+
"(the governed agent’s heartbeat). Each row carries its own honesty chip: <b>MEASURED</b> " +
|
| 301 |
+
"means a real sensor/probe delta, <b>MODELED</b>/<b>SAMPLE</b> mean a simulation or a stand-in, " +
|
| 302 |
+
"and anything not live is shown as <b>NO-LIVE-DATA</b> rather than a made-up number. The " +
|
| 303 |
+
"locked-8 count is always exactly 8 and Λ is a <b>conjecture</b> clamped below 1.0 — nothing " +
|
| 304 |
+
"here is inflated or fabricated.";
|
| 305 |
+
}
|
| 306 |
+
|
| 307 |
function _setRow(key, text, label) {
|
| 308 |
const r = _hud[key];
|
| 309 |
if (!r) return;
|
|
|
|
| 530 |
}
|
| 531 |
} catch (_) {}
|
| 532 |
try { if (_stage) _stage.setBloom(false); } catch (_) {}
|
| 533 |
+
_root = null; _overlay = null; _scene = null; _frameFn = null; _hud = {}; _plain = false; _plainEl = null; _stage = null; _THREE = null; _ctx = null;
|
| 534 |
}
|
| 535 |
|
| 536 |
export default { id: ID, title: TITLE, endpoints: [EP_KPI, EP_ENERGY, EP_FABRIC, EP_PNT, EP_LOOP], mount, unmount };
|
static/3d/surfaces/fabric.js
CHANGED
|
@@ -55,6 +55,7 @@ let _raf = null, _frameCb = null;
|
|
| 55 |
let _lastJson = null, _lastMeta = null;
|
| 56 |
let _t = 0;
|
| 57 |
let _hud = {}; // references to live HUD value spans
|
|
|
|
| 58 |
let _selected = null;
|
| 59 |
let _ray = null, _pointer = null, _onClick = null, _onMove = null;
|
| 60 |
let _domEl = null;
|
|
@@ -154,7 +155,7 @@ function _buildOverlay() {
|
|
| 154 |
card.appendChild(_row("nodes reachable", "v_reach"));
|
| 155 |
card.appendChild(_row("GPU nodes live", "v_gpu"));
|
| 156 |
card.appendChild(_row("sovereign GPU live", "v_sov"));
|
| 157 |
-
card.appendChild(_row("
|
| 158 |
card.appendChild(_row("reach probe", "v_label"));
|
| 159 |
ov.appendChild(card);
|
| 160 |
|
|
@@ -169,9 +170,46 @@ function _buildOverlay() {
|
|
| 169 |
legend.style.pointerEvents = "none";
|
| 170 |
ov.appendChild(legend);
|
| 171 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 172 |
return { ov, badge };
|
| 173 |
}
|
| 174 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 175 |
function _buildPanel() {
|
| 176 |
const p = document.createElement("div");
|
| 177 |
p.className = "szl3d-fabric-panel";
|
|
@@ -297,6 +335,21 @@ function _renderPanel(node) {
|
|
| 297 |
// 3D mesh construction
|
| 298 |
// ----------------------------------------------------------------------------
|
| 299 |
function _clearMesh() {
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 300 |
if (_root && _stage) _stage.scene.remove(_root);
|
| 301 |
_root = null; _nodeMeshes = []; _edges = [];
|
| 302 |
_hubMesh = null; _healthRing = null; _healthFill = null;
|
|
@@ -691,6 +744,7 @@ function unmount() {
|
|
| 691 |
_nodeMeshes = []; _edges = []; _root = null; _hubMesh = null;
|
| 692 |
_healthRing = null; _healthFill = null; _frameCb = null; _ray = null;
|
| 693 |
_pointer = null; _onClick = null; _onMove = null; _domEl = null;
|
|
|
|
| 694 |
_ctx = null; _stage = null; _THREE = null; _lastJson = null; _selected = null;
|
| 695 |
}
|
| 696 |
|
|
|
|
| 55 |
let _lastJson = null, _lastMeta = null;
|
| 56 |
let _t = 0;
|
| 57 |
let _hud = {}; // references to live HUD value spans
|
| 58 |
+
let _plain = false, _plainEl = null; // "what this means" plain-language toggle
|
| 59 |
let _selected = null;
|
| 60 |
let _ray = null, _pointer = null, _onClick = null, _onMove = null;
|
| 61 |
let _domEl = null;
|
|
|
|
| 155 |
card.appendChild(_row("nodes reachable", "v_reach"));
|
| 156 |
card.appendChild(_row("GPU nodes live", "v_gpu"));
|
| 157 |
card.appendChild(_row("sovereign GPU live", "v_sov"));
|
| 158 |
+
card.appendChild(_row("secondary lung", "v_chaski"));
|
| 159 |
card.appendChild(_row("reach probe", "v_label"));
|
| 160 |
ov.appendChild(card);
|
| 161 |
|
|
|
|
| 170 |
legend.style.pointerEvents = "none";
|
| 171 |
ov.appendChild(legend);
|
| 172 |
|
| 173 |
+
// "what this means" plain-language toggle (matches the research surfaces).
|
| 174 |
+
const pl = document.createElement("button");
|
| 175 |
+
pl.textContent = "◑ what this means";
|
| 176 |
+
pl.title = "Toggle plain-language explanation for investors & consumers.";
|
| 177 |
+
pl.style.cssText = "font:11px ui-monospace,monospace;padding:5px 11px;border-radius:7px;" +
|
| 178 |
+
"border:1px solid #3af4c8;background:#08140f;color:#3af4c8;cursor:pointer;width:fit-content;pointer-events:auto";
|
| 179 |
+
pl.addEventListener("click", () => {
|
| 180 |
+
_plain = !_plain;
|
| 181 |
+
pl.style.background = _plain ? "#0f2a20" : "#08140f";
|
| 182 |
+
_applyPlain();
|
| 183 |
+
});
|
| 184 |
+
ov.appendChild(pl);
|
| 185 |
+
|
| 186 |
+
const pd = document.createElement("div");
|
| 187 |
+
pd.style.cssText = "font-size:10.5px;color:#c9d6df;line-height:1.55;border:1px dashed #26333f;" +
|
| 188 |
+
"border-radius:7px;padding:7px 9px;display:none;pointer-events:none";
|
| 189 |
+
_plainEl = pd;
|
| 190 |
+
ov.appendChild(pd);
|
| 191 |
+
|
| 192 |
return { ov, badge };
|
| 193 |
}
|
| 194 |
|
| 195 |
+
function _applyPlain() {
|
| 196 |
+
const pd = _plainEl;
|
| 197 |
+
if (!pd) return;
|
| 198 |
+
pd.style.display = _plain ? "block" : "none";
|
| 199 |
+
if (!_plain) return;
|
| 200 |
+
pd.innerHTML =
|
| 201 |
+
"<b>What this means:</b> This is a live map of the actual machines that make up the " +
|
| 202 |
+
"compute pool — each glowing node is one server. Every few seconds the app runs a " +
|
| 203 |
+
"real network probe (a <b>TCP reachability check</b>) against each node and colours it by " +
|
| 204 |
+
"what came back: teal = a GPU node answered, gold = it is owned (‘sovereign’) hardware, " +
|
| 205 |
+
"blue = third-party hosted, red ring = it did not answer this sweep. The counts in the panel " +
|
| 206 |
+
"(<b>nodes reachable</b>, <b>GPU nodes live</b>) are therefore <b>MEASURED</b> — a real probe " +
|
| 207 |
+
"result, not a cached guess. The links between nodes show the pool’s <b>structure only</b>; " +
|
| 208 |
+
"we do <b>not</b> claim to measure the bandwidth flowing over them. The ‘secondary lung’ row " +
|
| 209 |
+
"reports whether a designated failover node is currently reachable, so you can see at a glance " +
|
| 210 |
+
"if the backup capacity is online.";
|
| 211 |
+
}
|
| 212 |
+
|
| 213 |
function _buildPanel() {
|
| 214 |
const p = document.createElement("div");
|
| 215 |
p.className = "szl3d-fabric-panel";
|
|
|
|
| 335 |
// 3D mesh construction
|
| 336 |
// ----------------------------------------------------------------------------
|
| 337 |
function _clearMesh() {
|
| 338 |
+
// Dispose all GPU resources (geometry + materials + any canvas textures) before
|
| 339 |
+
// dropping the group, so repeated mount/unmount cycles don't leak VRAM.
|
| 340 |
+
if (_root) {
|
| 341 |
+
_root.traverse((o) => {
|
| 342 |
+
if (o.geometry && o.geometry.dispose) { try { o.geometry.dispose(); } catch (_) {} }
|
| 343 |
+
if (o.material) {
|
| 344 |
+
const ms = Array.isArray(o.material) ? o.material : [o.material];
|
| 345 |
+
ms.forEach((m) => {
|
| 346 |
+
if (!m) return;
|
| 347 |
+
if (m.map && m.map.dispose) { try { m.map.dispose(); } catch (_) {} }
|
| 348 |
+
if (m.dispose) { try { m.dispose(); } catch (_) {} }
|
| 349 |
+
});
|
| 350 |
+
}
|
| 351 |
+
});
|
| 352 |
+
}
|
| 353 |
if (_root && _stage) _stage.scene.remove(_root);
|
| 354 |
_root = null; _nodeMeshes = []; _edges = [];
|
| 355 |
_hubMesh = null; _healthRing = null; _healthFill = null;
|
|
|
|
| 744 |
_nodeMeshes = []; _edges = []; _root = null; _hubMesh = null;
|
| 745 |
_healthRing = null; _healthFill = null; _frameCb = null; _ray = null;
|
| 746 |
_pointer = null; _onClick = null; _onMove = null; _domEl = null;
|
| 747 |
+
_plain = false; _plainEl = null;
|
| 748 |
_ctx = null; _stage = null; _THREE = null; _lastJson = null; _selected = null;
|
| 749 |
}
|
| 750 |
|
static/3d/surfaces/governance.js
CHANGED
|
@@ -78,6 +78,7 @@ let _root = null; // THREE.Group holding everything we add to th
|
|
| 78 |
let _handles = []; // poll handles to stop on unmount
|
| 79 |
let _overlay = null, _graphPanel = null, _graph = null, _hud = {};
|
| 80 |
let _frameCb = null, _fgScript = null;
|
|
|
|
| 81 |
const _state = {}; // last meta per endpoint (for HUD)
|
| 82 |
|
| 83 |
// ---------------------------------------------------------------------------
|
|
@@ -595,6 +596,21 @@ function _buildOverlay(ctx) {
|
|
| 595 |
_hud.status.textContent = "wiring live governance gate (restraint info + evaluate + honest)…";
|
| 596 |
_overlay.appendChild(_hud.status);
|
| 597 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 598 |
// SBOM graph panel (bottom-right), hosts the GUAC-style force-directed graph
|
| 599 |
_graphPanel = el("div",
|
| 600 |
"position:absolute;right:14px;bottom:42px;width:min(40vw,380px);height:min(34vh,260px);z-index:5;" +
|
|
@@ -608,6 +624,24 @@ function _buildOverlay(ctx) {
|
|
| 608 |
host.appendChild(_graphPanel);
|
| 609 |
}
|
| 610 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
| 611 |
// ===========================================================================
|
| 612 |
// LIVE POLLS — wire each gap route; render honest state; light up on 200.
|
| 613 |
// ===========================================================================
|
|
@@ -835,7 +869,7 @@ function unmount() {
|
|
| 835 |
try { if (_root && _stage) { disposeObj(_root); _stage.scene.remove(_root); } } catch (_) {}
|
| 836 |
_root = null;
|
| 837 |
[_overlay, _graphPanel].forEach((n) => { try { if (n && n.parentNode) n.parentNode.removeChild(n); } catch (_) {} });
|
| 838 |
-
_overlay = null; _graphPanel = null; _hud = {};
|
| 839 |
_stage = null; _THREE = null; _label = null; _live = null;
|
| 840 |
for (const k in _state) delete _state[k];
|
| 841 |
}
|
|
|
|
| 78 |
let _handles = []; // poll handles to stop on unmount
|
| 79 |
let _overlay = null, _graphPanel = null, _graph = null, _hud = {};
|
| 80 |
let _frameCb = null, _fgScript = null;
|
| 81 |
+
let _plain = false, _plainEl = null; // "what this means" plain-language toggle
|
| 82 |
const _state = {}; // last meta per endpoint (for HUD)
|
| 83 |
|
| 84 |
// ---------------------------------------------------------------------------
|
|
|
|
| 596 |
_hud.status.textContent = "wiring live governance gate (restraint info + evaluate + honest)…";
|
| 597 |
_overlay.appendChild(_hud.status);
|
| 598 |
|
| 599 |
+
// "what this means" plain-language toggle (matches the research surfaces).
|
| 600 |
+
const pl = el("button", "pointer-events:auto;font:11px ui-monospace,monospace;padding:5px 11px;" +
|
| 601 |
+
"border-radius:7px;border:1px solid #3af4c8;background:#08140f;color:#3af4c8;cursor:pointer;width:fit-content;margin-top:2px");
|
| 602 |
+
pl.textContent = "◑ what this means";
|
| 603 |
+
pl.title = "Toggle plain-language explanation for investors & consumers.";
|
| 604 |
+
pl.addEventListener("click", () => {
|
| 605 |
+
_plain = !_plain;
|
| 606 |
+
pl.style.background = _plain ? "#0f2a20" : "#08140f";
|
| 607 |
+
_applyPlain();
|
| 608 |
+
});
|
| 609 |
+
_overlay.appendChild(pl);
|
| 610 |
+
_plainEl = el("div", "pointer-events:auto;font-size:10.5px;color:#c9d6df;line-height:1.55;" +
|
| 611 |
+
"border:1px dashed #26333f;border-radius:7px;padding:7px 9px;display:none;margin-top:2px");
|
| 612 |
+
_overlay.appendChild(_plainEl);
|
| 613 |
+
|
| 614 |
// SBOM graph panel (bottom-right), hosts the GUAC-style force-directed graph
|
| 615 |
_graphPanel = el("div",
|
| 616 |
"position:absolute;right:14px;bottom:42px;width:min(40vw,380px);height:min(34vh,260px);z-index:5;" +
|
|
|
|
| 624 |
host.appendChild(_graphPanel);
|
| 625 |
}
|
| 626 |
|
| 627 |
+
function _applyPlain() {
|
| 628 |
+
const pd = _plainEl;
|
| 629 |
+
if (!pd) return;
|
| 630 |
+
pd.style.display = _plain ? "block" : "none";
|
| 631 |
+
if (!_plain) return;
|
| 632 |
+
pd.innerHTML =
|
| 633 |
+
"<b>What this means:</b> This surface shows the app’s own <b>governance gate</b> in action. " +
|
| 634 |
+
"Before an AI action runs, it is checked against a doctrine ‘restraint ladder’ that decides " +
|
| 635 |
+
"whether to <b>allow</b> the action or <b>descend</b> to a safer, more restricted rung. Here we " +
|
| 636 |
+
"run a real sample task through that live gate and show which rung held, an advisory <b>Λ</b> " +
|
| 637 |
+
"score, and a cryptographically <b>signed receipt</b> of the decision. The key honesty point, " +
|
| 638 |
+
"shown in red: a valid <b>signature is not proof of safety</b> — a real supply-chain attack " +
|
| 639 |
+
"(CVE-2026-45321) shipped 84 packages with perfectly valid provenance, and only " +
|
| 640 |
+
"behaviour-analysis caught them. So Λ is labelled a <b>conjecture</b> and advisory governance, " +
|
| 641 |
+
"never ‘proven safe’. The dependency graph and compliance grid below trace to live endpoints, " +
|
| 642 |
+
"or show <b>NO-LIVE-DATA</b> when a backend is still pending — never a fabricated pass.";
|
| 643 |
+
}
|
| 644 |
+
|
| 645 |
// ===========================================================================
|
| 646 |
// LIVE POLLS — wire each gap route; render honest state; light up on 200.
|
| 647 |
// ===========================================================================
|
|
|
|
| 869 |
try { if (_root && _stage) { disposeObj(_root); _stage.scene.remove(_root); } } catch (_) {}
|
| 870 |
_root = null;
|
| 871 |
[_overlay, _graphPanel].forEach((n) => { try { if (n && n.parentNode) n.parentNode.removeChild(n); } catch (_) {} });
|
| 872 |
+
_overlay = null; _graphPanel = null; _hud = {}; _plain = false; _plainEl = null;
|
| 873 |
_stage = null; _THREE = null; _label = null; _live = null;
|
| 874 |
for (const k in _state) delete _state[k];
|
| 875 |
}
|