Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="utf-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | |
| <title>Supergames OpenEnv Console</title> | |
| <link rel="stylesheet" href="/web/styles.css" /> | |
| </head> | |
| <body> | |
| <main class="shell"> | |
| <header class="hero"> | |
| <div> | |
| <p class="eyebrow">OpenEnv Environment</p> | |
| <h1>Supergames Sprint Console</h1> | |
| <p class="lede"> | |
| Allocate staff across live work items, advance sprints, and track | |
| reward, revenue, churn, and crisis state. | |
| <br> | |
| Made by Viswasurya Palkumar | |
| </p> | |
| </div> | |
| <div class="status-card"> | |
| <span id="connection-status" class="status-dot">Disconnected</span> | |
| <strong id="episode-progress">No episode</strong> | |
| <span id="staff-summary">Staff: --</span> | |
| </div> | |
| </header> | |
| <section class="panel controls"> | |
| <label> | |
| Task | |
| <select id="task-select"> | |
| <option value="1">Task 1 - Single game bug triage</option> | |
| <option value="2">Task 2 - Multi-game portfolio</option> | |
| <option value="3">Task 3 - Full portfolio</option> | |
| <option value="4">Task 4 - Crisis interrupt</option> | |
| </select> | |
| </label> | |
| <label> | |
| Seed | |
| <input id="seed-input" type="number" min="0" value="42" /> | |
| </label> | |
| <button id="reset-button" type="button">Reset Episode</button> | |
| </section> | |
| <section class="grid"> | |
| <article class="panel span-2"> | |
| <div class="section-title"> | |
| <div> | |
| <p class="eyebrow">Objective</p> | |
| <h2>Goal</h2> | |
| </div> | |
| <span id="reward-pill" class="pill">Reward 0</span> | |
| </div> | |
| <p id="goal-text" class="goal-text">Reset an episode to load the environment.</p> | |
| </article> | |
| <article class="panel"> | |
| <p class="eyebrow">Portfolio</p> | |
| <h2>Games</h2> | |
| <div id="games-list" class="card-list"></div> | |
| </article> | |
| </section> | |
| <section class="panel"> | |
| <div class="section-title"> | |
| <div> | |
| <p class="eyebrow">Sprint Planning</p> | |
| <h2>Work Queue</h2> | |
| </div> | |
| <div class="button-row"> | |
| <button id="clear-button" type="button" class="secondary">Clear</button> | |
| <button id="auto-button" type="button" class="secondary">Autofill Critical</button> | |
| </div> | |
| </div> | |
| <div id="queue-empty" class="empty-state">No work items loaded.</div> | |
| <div class="table-wrap"> | |
| <table id="work-table"> | |
| <thead> | |
| <tr> | |
| <th>Item</th> | |
| <th>Game</th> | |
| <th>Type</th> | |
| <th>Severity</th> | |
| <th>Progress</th> | |
| <th>Impact</th> | |
| <th>Staff</th> | |
| </tr> | |
| </thead> | |
| <tbody id="work-body"></tbody> | |
| </table> | |
| </div> | |
| <label class="reasoning-label"> | |
| Reasoning | |
| <textarea | |
| id="reasoning-input" | |
| rows="3" | |
| placeholder="Explain this sprint allocation..." | |
| ></textarea> | |
| </label> | |
| <div class="action-bar"> | |
| <span id="allocation-summary">Allocated 0 / 0 staff</span> | |
| <button id="step-button" type="button" disabled>Run Sprint</button> | |
| </div> | |
| </section> | |
| <section class="grid"> | |
| <article class="panel"> | |
| <p class="eyebrow">Completed</p> | |
| <h2>Done Items</h2> | |
| <div id="completed-list" class="card-list"></div> | |
| </article> | |
| <article class="panel"> | |
| <p class="eyebrow">Telemetry</p> | |
| <h2>Event Log</h2> | |
| <ol id="event-log" class="event-log"></ol> | |
| </article> | |
| </section> | |
| </main> | |
| <script src="/web/app.js"></script> | |
| </body> | |
| </html> | |