Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Pi CLI Web</title> | |
| </head> | |
| <body> | |
| <main id="app"> | |
| <header class="runtime-bar" aria-label="Runtime status"> | |
| <div> | |
| <h1>pi</h1> | |
| <p id="model-label"></p> | |
| </div> | |
| <div class="status-stack"> | |
| <span class="status" id="status">Idle</span> | |
| <span class="status" id="model-status">Model idle</span> | |
| <span class="status" id="sandbox-status">Sandbox idle</span> | |
| </div> | |
| </header> | |
| <section class="terminal-shell" aria-label="Pi terminal"> | |
| <div id="terminal"></div> | |
| </section> | |
| <section class="model-gate" id="model-gate" aria-labelledby="model-gate-title" aria-modal="true" role="dialog"> | |
| <div class="model-dialog"> | |
| <div> | |
| <p class="eyebrow">Local model setup</p> | |
| <h2 id="model-gate-title">Download the selected model to this browser?</h2> | |
| <p class="dialog-copy"> | |
| This static web port runs pi with Transformers.js and WebContainers. The model download stays in browser storage when possible. | |
| </p> | |
| </div> | |
| <div class="dialog-actions"> | |
| <button id="confirm-load-model" type="button">Download Model</button> | |
| <button id="use-test-model" type="button">Use Test Model</button> | |
| </div> | |
| <div class="dialog-options"> | |
| <label> | |
| Device | |
| <select id="gate-device"> | |
| <option value="webgpu">WebGPU</option> | |
| <option value="wasm">WASM</option> | |
| </select> | |
| </label> | |
| <p id="gate-status">Ready.</p> | |
| </div> | |
| </div> | |
| </section> | |
| </main> | |
| <script type="module" src="/src/main.js"></script> | |
| </body> | |
| </html> | |