Gahow Wang
e5d9799018
- drop quota / repos / headless-task panels; page is now GPU board + Live Agents (frontend only, headless task API still available) - Live Agents: grouped by tmux session, launch form (engine/session/cwd/ window name), open-terminal link per agent - compact GPU board: multi-column host cards, fixed 4-per-row GPU thumbs with status glow, expanded host spans full row - permanent dark theme tuned for a monitoring dashboard; terminal-styled session group headers; refresh now polls three light endpoints instead of the full dashboard aggregate Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
88 lines
3.8 KiB
HTML
88 lines
3.8 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Local Kanban</title>
|
|
<link rel="stylesheet" href="/styles.css?v=20260728d">
|
|
</head>
|
|
<body>
|
|
<div class="bg-glow" aria-hidden="true"></div>
|
|
<main class="shell">
|
|
<header class="topbar">
|
|
<div class="brand">
|
|
<div class="brand-mark" aria-hidden="true">LK</div>
|
|
<div>
|
|
<h1>Local Kanban</h1>
|
|
<p id="subtitle" class="muted">GPU · Live Agents</p>
|
|
</div>
|
|
</div>
|
|
<div class="top-actions">
|
|
<button id="refreshButton" type="button" class="icon-button" title="刷新" aria-label="刷新">
|
|
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 0 1 15.36-6.36L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-15.36 6.36L3 16"/><path d="M3 21v-5h5"/></svg>
|
|
</button>
|
|
<button id="logoutButton" type="button" class="ghost-button">退出</button>
|
|
</div>
|
|
</header>
|
|
|
|
<div id="errorBanner" class="error-banner" hidden></div>
|
|
|
|
<section class="panel">
|
|
<div class="panel-heading">
|
|
<div class="panel-title">
|
|
<h2>GPU</h2>
|
|
<span id="gpuSummary" class="badge"></span>
|
|
</div>
|
|
</div>
|
|
<div class="gpu-hosts-row">
|
|
<div id="gpuHostsChips" class="gpu-hosts-chips"></div>
|
|
<button id="hostAddTrigger" type="button" class="host-add-button" title="添加机器">
|
|
<span aria-hidden="true">+</span>
|
|
<span>添加</span>
|
|
</button>
|
|
<form id="hostAddForm" class="host-add-form" hidden>
|
|
<input id="hostAddInput" type="text" placeholder="主机名" autocomplete="off" spellcheck="false">
|
|
<button type="submit" class="primary-button small">添加</button>
|
|
<button id="hostAddCancel" type="button" class="link-button">取消</button>
|
|
</form>
|
|
</div>
|
|
<div id="gpuBoard" class="gpu-board"></div>
|
|
</section>
|
|
|
|
<section class="panel live-agent-panel">
|
|
<div class="panel-heading">
|
|
<div class="panel-title">
|
|
<h2>Live Agents</h2>
|
|
<span id="liveAgentSummary" class="badge"></span>
|
|
</div>
|
|
</div>
|
|
<form id="liveAgentForm" class="live-agent-form">
|
|
<label class="select-field">
|
|
<span class="field-label">Engine</span>
|
|
<select id="liveAgentEngine">
|
|
<option value="claude">Claude</option>
|
|
<option value="codex">Codex</option>
|
|
</select>
|
|
</label>
|
|
<label class="select-field">
|
|
<span class="field-label">Session</span>
|
|
<input id="liveAgentSession" type="text" placeholder="tmux session 名" autocomplete="off" spellcheck="false" required>
|
|
</label>
|
|
<label class="select-field live-agent-cwd">
|
|
<span class="field-label">工作目录</span>
|
|
<input id="liveAgentCwd" type="text" placeholder="/home/gahow/..." autocomplete="off" spellcheck="false" required>
|
|
</label>
|
|
<label class="select-field">
|
|
<span class="field-label">Window 名 <span class="muted">(可选)</span></span>
|
|
<input id="liveAgentWindowName" type="text" placeholder="默认 engine:目录名" autocomplete="off" spellcheck="false">
|
|
</label>
|
|
<button id="liveAgentLaunchButton" type="submit" class="primary-button">启动 Agent</button>
|
|
</form>
|
|
<div id="liveAgentBoard" class="live-agent-board"></div>
|
|
</section>
|
|
</main>
|
|
<div id="toastHost" class="toast-host" aria-live="polite"></div>
|
|
<script type="module" src="/app.js?v=20260728d"></script>
|
|
</body>
|
|
</html>
|