58 lines
1.9 KiB
HTML
58 lines
1.9 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>kilocode-loop</title>
|
|
<link rel="stylesheet" href="/styles.css" />
|
|
</head>
|
|
<body>
|
|
<header class="topbar">
|
|
<div class="brand">
|
|
<span class="logo">◐</span>
|
|
<div>
|
|
<div class="title">kilocode-loop</div>
|
|
<div class="sub" id="run-meta">connecting…</div>
|
|
</div>
|
|
</div>
|
|
<div class="spacer"></div>
|
|
<div class="status" id="status-pill">starting</div>
|
|
<div class="controls">
|
|
<button id="btn-pause" title="Pause before the next iteration (P)">Pause</button>
|
|
<button id="btn-abort" title="Stop after the current session finishes (X)">Abort after session</button>
|
|
<button id="btn-stop" class="danger" title="Kill the current session now (Q)">Stop now</button>
|
|
</div>
|
|
</header>
|
|
|
|
<section class="stats" id="stats"></section>
|
|
|
|
<main>
|
|
<section class="panel timeline-panel">
|
|
<h2>Iterations <span class="hint" id="iter-hint"></span></h2>
|
|
<div id="iterations" class="iterations"></div>
|
|
</section>
|
|
<section class="panel console-panel">
|
|
<h2>
|
|
Live session
|
|
<span class="hint">sections mark the current action · <b>X</b> abort after current · <b>P</b> pause · <b>Q</b> stop</span>
|
|
</h2>
|
|
<div id="log" class="log"></div>
|
|
</section>
|
|
</main>
|
|
|
|
<div class="modal hidden" id="modal">
|
|
<div class="modal-card">
|
|
<h3>Operator input required</h3>
|
|
<p class="muted" id="modal-sub"></p>
|
|
<div id="modal-questions"></div>
|
|
<div class="modal-actions">
|
|
<button id="btn-skip">Skip all</button>
|
|
<button id="btn-submit" class="primary">Submit</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/app.js"></script>
|
|
</body>
|
|
</html>
|