v_task_board.html
5.27 KB
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
<!DOCTYPE html>
<!-- v_task_board — 静态原型，对应 02-V §2.5，路由 /tasks -->
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>graphlemon · 任务看板</title>
<style>
:root { --brand:#4f46e5; --border:#e5e7eb; --text:#111827; --text-muted:#6b7280; --bg:#fff; --bg-panel:#f9fafb;
--status-pending:#9ca3af; --status-running:#3b82f6; --status-reflecting:#eab308; --status-waiting-quota:#7dd3fc; --status-blocked:#ef4444; --status-done:#22c55e; }
* { box-sizing: border-box; }
body { font-family:-apple-system,sans-serif; margin:0; color:var(--text); background:var(--bg); }
.proto-banner { background:#fef3c7; border-bottom:1px solid #f59e0b; padding:6px 20px; font-size:12px; }
.app-nav { display:flex; align-items:center; gap:4px; padding:0 20px; height:52px; border-bottom:1px solid var(--border); position:sticky; top:0; background:#fff; z-index:10;}
.app-nav .brand { font-weight:700; margin-right:20px; color:var(--brand); }
.app-nav a.nav-link { padding:8px 12px; border-radius:6px; color:var(--text); text-decoration:none; font-size:14px; }
.app-nav a.nav-link:hover, .app-nav a.nav-link.active { background:var(--bg-panel); color:var(--brand); }
.app-nav .nav-dropdown { position:relative; }
.app-nav .nav-dropdown > span { padding:8px 12px; border-radius:6px; font-size:14px; cursor:pointer; display:inline-block; }
.app-nav .dropdown-menu { display:none; position:absolute; top:100%; left:0; background:#fff; border:1px solid var(--border); border-radius:8px; padding:6px; min-width:160px; box-shadow:0 4px 12px rgba(0,0,0,.08); }
.app-nav .nav-dropdown:hover .dropdown-menu { display:block; }
.app-nav .dropdown-menu a { display:block; padding:6px 10px; border-radius:4px; color:var(--text); text-decoration:none; font-size:13px; }
.app-nav .nav-project { margin-left:auto; font-size:13px; color:var(--text-muted); }
.app-nav .nav-project a { color:var(--brand); text-decoration:none; margin-left:6px; }
.page { padding:24px; max-width:1100px; margin:0 auto; }
.page h1 { font-size:20px; margin:0 0 16px; }
.filters { display:flex; gap:10px; margin-bottom:16px; }
.filters input, .filters select { padding:8px 10px; border:1px solid var(--border); border-radius:6px; font-size:13px; }
table.data-table { width:100%; border-collapse:collapse; font-size:13px; }
table.data-table th { text-align:left; padding:8px 10px; border-bottom:2px solid var(--border); color:var(--text-muted); font-weight:600; }
table.data-table td { padding:10px; border-bottom:1px solid var(--border); }
table.data-table tr:hover td { background:var(--bg-panel); cursor:pointer; }
.badge { display:inline-block; padding:2px 9px; border-radius:999px; font-size:11px; font-weight:600; color:#fff; }
.badge.done { background:var(--status-done); }
.badge.coding, .badge.validating { background:var(--status-running); }
.badge.blocked_pending_human { background:var(--status-blocked); }
.badge.queued { background:var(--status-pending); }
a.row-link { color:inherit; text-decoration:none; display:contents; }
</style>
</head>
<body>
<div class="proto-banner">静态原型（mock 数据）· 对应 02-V §2.5 · c_task_list / click_row → v_task_detail</div>
<nav class="app-nav">
<div class="brand">graphlemon</div>
<a href="v_dashboard.html" class="nav-link">仪表盘</a>
<a href="v_task_board.html" class="nav-link active">任务</a>
<a href="v_artifact_browser.html" class="nav-link">产物</a>
<a href="v_skill_library.html" class="nav-link">技能库</a>
<div class="nav-dropdown"><span>设置</span>
<div class="dropdown-menu">
<a href="v_concurrency_settings.html">并发数</a>
<a href="v_budget_settings.html">预算护栏</a>
<a href="v_log_retention_settings.html">日志保留</a>
</div>
</div>
<div class="nav-project">当前项目：snake-game <a href="v_project_setup.html">切换</a></div>
</nav>
<div class="page">
<h1>任务看板</h1>
<div class="filters">
<input type="text" placeholder="搜索 goal_text（keyword，maxLen 128）">
<select><option>全部状态（status_filter）</option><option>queued</option><option>coding</option><option>blocked_pending_human</option></select>
<select><option>全部 Org 节点（org_node_filter）</option><option>planner</option><option>coder</option><option>validator</option></select>
</div>
<table class="data-table">
<thead><tr><th>task_id</th><th>goal_text</th><th>status</th><th>assigned_org_node</th><th>loop_round</th><th>updated_at</th></tr></thead>
<tbody>
<tr onclick="location.href='v_task_detail.html'"><td>task-8f21</td><td>实现贪吃蛇游戏</td><td><span class="badge coding">coding</span></td><td>coder</td><td>0</td><td>刚刚</td></tr>
<tr onclick="location.href='v_task_detail.html'"><td>task-7a02</td><td>修复撞墙判定 off-by-one</td><td><span class="badge blocked_pending_human">blocked_pending_human</span></td><td>coder</td><td>3</td><td>1 小时前</td></tr>
<tr onclick="location.href='v_task_detail.html'"><td>task-6c11</td><td>补充计分板 UI</td><td><span class="badge done">done</span></td><td>validator</td><td>0</td><td>昨天</td></tr>
<tr onclick="location.href='v_task_detail.html'"><td>task-5b90</td><td>PRD 澄清：暂停/继续操作</td><td><span class="badge queued">queued</span></td><td>planner</td><td>0</td><td>2 天前</td></tr>
</tbody>
</table>
</div>
</body>
</html>