werkator/docs/rfcs/0001-web-ui-instrument-panel/drafts/repo-latest.html

<!doctype html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Werkator · werkator · Latest</title><link rel="stylesheet" href="draft.css"><script>const t=new URLSearchParams(location.search).get("theme");if(t)document.documentElement.dataset.theme=t;</script></head><body>
<header><div class="wrap hdr"><a class="brand" href="#"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" aria-label="Werkator"><path d="M6 34 18 47 35 16M30 34 42 47 59 16" fill="none" stroke="var(--accent)" stroke-width="7.5" stroke-linecap="round" stroke-linejoin="round"/></svg> Werkator</a><span class="crumb"><span class="sep">/</span><b>werkator</b></span>
<nav class="top"><a href="#">Repositories</a><a href="#">System</a><span class="live"><i></i>LIVE</span><a class="iconbtn" href="#"><svg class="i" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></a></nav></div></header>
<main class="wrap">
<div class="repoline"><span class="rc cur"><span class="dot" style="background:var(--accent)"></span>werkator <small>1 running</small></span><span class="rc bad"><span class="dot" style="background:var(--clay)"></span>hsadmin-ng <small>2 failed</small></span><span class="rc bad"><span class="dot" style="background:var(--clay)"></span>vibe-engineering <small>unreachable</small></span><a class="more" href="#">all 12 repositories →</a></div>
<div class="tabs"><a class="active" href="#">Latest<span class="n">6</span></a><a href="#">Branches<span class="n">6</span></a><a href="#">History<span class="n">148</span></a><a href="#">Current<span class="n">1</span></a></div>
<div class="viewhead"><h2>Latest</h2><span class="exp">one build per branch, newest first</span><span class="meta">polled 14:04:02 · watcher running</span></div>
<table><thead><tr><th>Status</th><th>Branch</th><th>Commit</th><th>Started</th><th style="text-align:right">Duration</th><th>Artifacts</th><th style="text-align:right">Actions</th></tr></thead><tbody>
<tr class="running"><td><span class="status s-running"><span class="dot"></span>running</span></td><td class="b">22-registry <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">8f3c1d2e4b70 <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">2026-09-08 14:02</td><td class="num">2:14</td><td><span class="icons"><svg class="i" viewBox="0 0 24 24"><circle cx="12" cy="12" r="2.5"/><path d="M7.5 7.5a6.4 6.4 0 0 0 0 9M16.5 7.5a6.4 6.4 0 0 1 0 9M4.5 4.5a10.6 10.6 0 0 0 0 15M19.5 4.5a10.6 10.6 0 0 1 0 15"/></svg></span></td><td><span class="acts"><span class="iconbtn"><svg class="i" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></span><span class="iconbtn del"><svg class="i" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></span></span></td></tr>
<tr class=""><td><span class="status s-success"><span class="dot"></span>success</span></td><td class="b">main <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">3b095fd0a1c2 <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">2026-09-08 11:47</td><td class="num">4:51</td><td><span class="icons"><svg class="i" viewBox="0 0 24 24"><path d="M6 3h9l5 5v13H6z M15 3v5h5 M9 13h6M9 17h6"/></svg><svg class="i" viewBox="0 0 24 24"><path d="M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1"/></svg></span></td><td><span class="acts"><span class="iconbtn"><svg class="i" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></span><span class="iconbtn del"><svg class="i" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></span></span></td></tr>
<tr class="failed"><td><span class="status s-failed"><span class="dot"></span>failed</span></td><td class="b">feature/maintenance-page <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">ca9c23d7e815 <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">2026-09-02 18:20</td><td class="num">3:08</td><td><span class="icons"><svg class="i" viewBox="0 0 24 24"><path d="M6 3h9l5 5v13H6z M15 3v5h5 M9 13h6M9 17h6"/></svg></span></td><td><span class="acts"><span class="iconbtn"><svg class="i" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></span><span class="iconbtn del"><svg class="i" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></span></span></td></tr>
<tr class=""><td><span class="status s-pending"><span class="dot"></span>pending</span></td><td class="b">docs/adr-0010 <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">a91e0c4f3b96 <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">2026-09-08 14:03</td><td class="num"><i>0:41</i></td><td><span class="icons"></span></td><td><span class="acts"><span class="iconbtn"><svg class="i" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></span><span class="iconbtn del"><svg class="i" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></span></span></td></tr>
<tr class=""><td><span class="status s-success"><span class="dot"></span>success</span></td><td class="b">release/1.1 <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">6521c47b9d03 <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">2026-09-01 09:15</td><td class="num">4:47</td><td><span class="icons"><svg class="i" viewBox="0 0 24 24"><path d="M6 3h9l5 5v13H6z M15 3v5h5 M9 13h6M9 17h6"/></svg><svg class="i" viewBox="0 0 24 24"><path d="M10 14a4 4 0 0 0 5.7 0l3-3a4 4 0 0 0-5.7-5.7l-1 1M14 10a4 4 0 0 0-5.7 0l-3 3a4 4 0 0 0 5.7 5.7l1-1"/></svg></span></td><td><span class="acts"><span class="iconbtn"><svg class="i" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></span><span class="iconbtn del"><svg class="i" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></span></span></td></tr>
<tr class=""><td><span class="status s-cancelled"><span class="dot"></span>cancelled</span></td><td class="b">spike/bwrap-rootfs <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">d40b7a1c92ef <svg class="i copy" viewBox="0 0 24 24"><rect x="9" y="9" width="11" height="11" rx="2"/><path d="M5 15V6a2 2 0 0 1 2-2h9"/></svg></td><td class="mono">2026-08-30 22:10</td><td class="num">1:02</td><td><span class="icons"><svg class="i" viewBox="0 0 24 24"><path d="M6 3h9l5 5v13H6z M15 3v5h5 M9 13h6M9 17h6"/></svg></span></td><td><span class="acts"><span class="iconbtn"><svg class="i" viewBox="0 0 24 24"><path d="M20 12a8 8 0 1 1-2.3-5.7M20 4v5h-5"/></svg></span><span class="iconbtn del"><svg class="i" viewBox="0 0 24 24"><path d="M6 6l12 12M18 6L6 18"/></svg></span></span></td></tr>
</tbody></table>
</main>
<footer class="wrap"><span><b>Werkator</b> <a href="#" style="color:var(--accent)">v1.2.0</a> · © 2026 Michael Hönnig</span><span class="r"><a href="#">Imprint</a><a href="#">Privacy</a></span></footer>
</body></html>