89 lines
2.7 KiB
HTML
89 lines
2.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
<title>Agent Observability</title>
|
|
<link rel="stylesheet" href="styles.css" />
|
|
</head>
|
|
<body>
|
|
<div class="shell">
|
|
<header class="topbar">
|
|
<div>
|
|
<p class="eyebrow">Distribution orchestration</p>
|
|
<h1>Agent Observability</h1>
|
|
</div>
|
|
<div class="toolbar">
|
|
<label>
|
|
Tail
|
|
<select id="tail-select">
|
|
<option value="40">40 lines</option>
|
|
<option value="80" selected>80 lines</option>
|
|
<option value="160">160 lines</option>
|
|
</select>
|
|
</label>
|
|
<button id="refresh-button">Refresh</button>
|
|
<span id="refresh-status" class="status-pill">Loading</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="summary-grid" aria-label="Summary">
|
|
<article class="metric">
|
|
<span>Active run</span>
|
|
<strong id="metric-active-run">-</strong>
|
|
</article>
|
|
<article class="metric">
|
|
<span>Phase</span>
|
|
<strong id="metric-phase">-</strong>
|
|
</article>
|
|
<article class="metric">
|
|
<span>Branch</span>
|
|
<strong id="metric-branch">-</strong>
|
|
</article>
|
|
<article class="metric">
|
|
<span>Blockers</span>
|
|
<strong id="metric-blockers">-</strong>
|
|
</article>
|
|
</section>
|
|
|
|
<section class="layout">
|
|
<section class="panel runs-panel">
|
|
<div class="panel-head">
|
|
<h2>Runs</h2>
|
|
<span id="run-count" class="muted">0</span>
|
|
</div>
|
|
<div id="runs-list" class="runs-list"></div>
|
|
</section>
|
|
|
|
<section class="panel detail-panel">
|
|
<div class="panel-head">
|
|
<h2>Checkpoint</h2>
|
|
<span id="generated-at" class="muted">-</span>
|
|
</div>
|
|
<div class="checkpoint-grid">
|
|
<div>
|
|
<span>Next action</span>
|
|
<p id="next-action">-</p>
|
|
</div>
|
|
<div>
|
|
<span>Workspace</span>
|
|
<p id="workspace">-</p>
|
|
</div>
|
|
</div>
|
|
<div id="blockers" class="blockers"></div>
|
|
|
|
<div class="panel-head lower">
|
|
<h2>Progress Tail</h2>
|
|
<span id="progress-path" class="muted">-</span>
|
|
</div>
|
|
<pre id="progress-tail" class="progress-tail">No progress loaded.</pre>
|
|
</section>
|
|
</section>
|
|
</main>
|
|
</div>
|
|
|
|
<script src="app.js"></script>
|
|
</body>
|
|
</html>
|