File size: 3,864 Bytes
ae853c1 e30a933 ae853c1 4076330 ae853c1 fb88864 ae853c1 e30a933 ae853c1 | 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 | <!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WEED-SIM · The Deck</title>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=JetBrains+Mono:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="/static/deck.css">
<link rel="stylesheet" href="/static/agent-widget.css">
</head>
<body>
<header class="deck-header">
<div class="logo"><span class="icon">⬡</span><h1>THE DECK <span class="subtitle">Regulation · Current View of Everything</span></h1></div>
<div class="controls">
<span id="kos-chip" class="chip-status">Observer Bus: …</span>
<a href="/play" class="action-btn">Play</a>
<a href="/lab" class="action-btn">Lab</a>
<a href="/agent" class="action-btn">⌬ Agent</a>
<a href="/" class="action-btn">⌂</a>
<button id="btn-refresh" class="action-btn">Refresh</button>
</div>
</header>
<main class="deck-main">
<!-- Top gauges -->
<section class="gauges" id="gauges"></section>
<div class="deck-cols">
<!-- Left: mode portals + selection tray -->
<div class="col">
<div class="panel portals">
<a class="portal" href="/play" id="portal-play">
<div class="portal-title">▶ Play Mode</div>
<div class="portal-sub" id="play-sub">grow · breed · clone</div>
</a>
<a class="portal" href="/lab" id="portal-lab">
<div class="portal-title">⚗ Speciation Lab</div>
<div class="portal-sub" id="lab-sub">analytics · pedigree · prediction</div>
</a>
</div>
<div class="panel">
<div class="panel-header"><h2>Selection Tray <span class="hint">shared across modes</span></h2></div>
<div class="panel-content" id="tray">
<div class="empty-note">No specimens selected. Pick in Play or Lab; they ride along here.</div>
</div>
<div class="tray-actions">
<button id="btn-to-play" class="action-btn">Send to Breeding →</button>
<button id="btn-to-lab" class="action-btn">Open in Lab →</button>
<button id="btn-clear-sel" class="mini-btn">clear</button>
</div>
</div>
</div>
<!-- Middle: breakdowns + gamut -->
<div class="col">
<div class="panel">
<div class="panel-header"><h2>Population Breakdown</h2></div>
<div class="panel-content" id="breakdowns"></div>
</div>
<div class="panel">
<div class="panel-header"><h2>Phenotype Gamut</h2></div>
<div class="panel-content" id="gamut"></div>
</div>
</div>
<!-- Right: recent crosses + signals -->
<div class="col">
<div class="panel">
<div class="panel-header"><h2>Recent Crosses</h2></div>
<div class="panel-content" id="recent"></div>
</div>
<div class="panel">
<div class="panel-header"><h2>Observer Bus · Signals</h2></div>
<div class="panel-content" id="signals"></div>
</div>
</div>
</div>
</main>
<script src="/static/session.js"></script>
<script src="/static/deck.js"></script>
<script src="/static/agent-widget.js"></script>
</body>
</html>
|