index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="A browser-native ONNX pump surrogate with an explicit read-only safety boundary." />
    <title>Forge Pump Edge Twin Lab</title>
    <script type="module" crossorigin src="./assets/index-Bu9UxWjj.js"></script>
    <link rel="stylesheet" crossorigin href="./assets/index-CBAW2Wco.css">
  </head>
  <body>
    <main>
      <header class="hero">
        <div>
          <p class="eyebrow">FORGE · EDGE INFERENCE RECEIPT</p>
          <h1>Pump Edge Twin Lab</h1>
          <p class="lede">A 1,478-parameter pump surrogate executing locally in your browser with ONNX Runtime Web. Synthetic physics, real inference, zero control writes.</p>
        </div>
        <div class="runtime" id="runtime"><span></span> Loading model…</div>
      </header>

      <section class="boundary" aria-label="Safety boundary">
        <strong>READ-ONLY ADVISORY</strong>
        <span>No PLC connection, write call, permissive, interlock, SIS, or ESD function exists in this Space.</span>
      </section>

      <div class="workbench">
        <section class="panel inputs-panel">
          <div class="panel-heading">
            <div><span class="step">01</span><h2>Operating point</h2></div>
            <button id="reset" type="button">Reset nominal</button>
          </div>
          <div id="controls" class="controls"></div>
          <button id="run" class="run" type="button" disabled>Run ONNX inference</button>
        </section>

        <section class="panel outputs-panel">
          <div class="panel-heading">
            <div><span class="step">02</span><h2>Surrogate outputs</h2></div>
            <span class="latency" id="latency">— ms</span>
          </div>
          <div id="outputs" class="outputs"></div>
          <div id="advisory" class="advisory pending">
            <div class="advisory-title">Awaiting inference</div>
            <p>Values are illustrative synthetic outputs, never equipment setpoints.</p>
          </div>
        </section>
      </div>

      <section class="evidence">
        <div><span>MODEL</span><strong>6 → 32 → 32 → 6 MLP</strong></div>
        <div><span>RUNTIME</span><strong>ONNX Runtime Web · WASM</strong></div>
        <div><span>CONFORMANCE</span><strong>Max |Δ| 1.53e-5</strong></div>
        <div><span>PROVENANCE</span><strong>Clean-room synthetic</strong></div>
      </section>

      <footer>
        <span>Educational baseline · not for equipment selection or protection</span>
        <a href="https://huggingface.co/sankalpsthakur/forge-pump-surrogate-multiruntime" target="_blank" rel="noreferrer">Model card ↗</a>
      </footer>
    </main>
  </body>
</html>