console/static/viz/router/index.html

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="theme-color" content="#06101d" />
<title>LLM Graph-Router Constellation — SZL Holdings</title>
<meta name="description" content="Accessible model-tier constellation for the a11oy graph router. Validated endpoint responses, response age, and local modeled affinity are labelled separately; no render or configuration state is presented as live inference." />
<link rel="stylesheet" href="style.css" />
<script type="importmap">
{
  "imports": {
    "three": "https://esm.sh/three@0.171.0",
    "three/webgpu": "https://esm.sh/three@0.171.0/build/three.webgpu.js",
    "three/addons/": "https://esm.sh/three@0.171.0/examples/jsm/"
  }
}
</script>
</head>
<body>
<div id="sceneFallback" class="scene-fallback" role="status" aria-live="polite">
  <div class="fallback-shell">
    <span class="fallback-kicker">RENDER-SAFE ROUTER VIEW</span>
    <h1>Model-tier constellation</h1>
    <p id="fallbackReason">Loading the 3D renderer. If WebGPU, WebGL2, or the renderer modules are unavailable, this readable registry remains the source of truth.</p>
    <div class="fallback-tiers" aria-label="Router tiers">
      <span><b>T0</b> cached</span><span><b>T1</b> fast</span><span><b>T2</b> standard</span>
      <span><b>T3</b> code</span><span><b>T4</b> reasoning</span><span><b>T5</b> long context</span>
      <span><b>T6</b> multimodal</span>
    </div>
  </div>
</div>
<div id="root" aria-hidden="true"></div>
<div class="holo-field" aria-hidden="true"></div>
<div id="hud">
  <header>
    <span class="brand">LLM&nbsp;GRAPH-ROUTER</span>
    <nav class="global-links" aria-label="a11oy navigation"><a href="/">Home</a><a href="/ecosystem">Ecosystem</a><a href="/anatomy-v5">Anatomy v5</a><a href="/console">Console</a></nav>
    <span id="livePill" class="pill pending">CHECKING ENDPOINT</span>
    <span id="renderPill" class="pill">RENDER INIT</span>
    <label class="sov"><input type="checkbox" id="sov"/> Sovereign mode <small>(GREEN-only)</small></label>
  </header>
  <section class="panel telemetry" aria-label="Router telemetry">
    <div class="panel-kicker">CONSTELLATION STATUS</div>
    <div class="row"><b id="modelCount">0</b><small>registered models</small></div>
    <div class="row"><b id="tierCount">7</b><small>tiers T0–T6</small></div>
    <div class="row"><b id="signalValue">—</b><small id="signalLabel">awaiting route signal</small></div>
    <p id="sourceState" class="source-state">Endpoint not checked yet.</p>
    <p id="freshnessState" class="freshness-state">No response received.</p>
    <div class="legend">
      <span><i style="background:#1f9d57"></i>GREEN</span>
      <span><i style="background:#cda64a"></i>AMBER</span>
      <span><i style="background:#c0392b"></i>RED</span>
    </div>
  </section>
  <aside class="route-panel" aria-label="Current route signals">
    <div class="panel-kicker">ROUTE SIGNALS</div>
    <p id="routeMode" class="route-mode">Waiting for a validated endpoint response.</p>
    <ol id="routeFeed" class="route-feed"></ol>
  </aside>
  <nav id="tierRail" class="tier-rail" aria-label="Router tier legend"></nav>
  <footer>
    <span>query organs · 7 tier rings · 32 registry nodes · route glow is endpoint-derived or explicitly MODELED</span>
    <span id="lastPoll">not polled</span>
  </footer>
</div>
<div id="labelLayer" class="label-layer" aria-label="Persistent model and tier labels"></div>
<div id="card" class="card" role="dialog" aria-modal="false" aria-label="Model details" hidden><button class="x" id="closeCard" aria-label="Close model details">×</button><div id="cardBody"></div></div>
<div id="tip" class="tip" role="tooltip" hidden></div>
<noscript><p class="noscript-note">JavaScript is unavailable. The tier registry above remains readable; live route status cannot be checked.</p></noscript>
<script type="module" src="app.js"></script>
</body>
</html>