v_artifact_browser.html
4.96 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
77
78
79
80
81
<!DOCTYPE html>
<!-- v_artifact_browser — 静态原型，对应 02-V §2.8，路由 /artifacts -->
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>graphlemon · Artifact 浏览器</title>
<style>
:root { --brand:#4f46e5; --border:#e5e7eb; --text:#111827; --text-muted:#6b7280; --bg:#fff; --bg-panel:#f9fafb; }
* { 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; display:grid; grid-template-columns: 320px 1fr; gap:20px; }
h1 { font-size:20px; margin:0 0 16px; grid-column:1/-1; }
.filters { display:flex; gap:10px; margin-bottom:14px; grid-column:1/-1; }
.filters select { padding:8px 10px; border:1px solid var(--border); border-radius:6px; font-size:13px; }
ul.artifact-list { list-style:none; margin:0; padding:0; border:1px solid var(--border); border-radius:10px; overflow:hidden; height:fit-content; }
ul.artifact-list li { padding:10px 14px; border-bottom:1px solid var(--border); font-size:13px; cursor:pointer; }
ul.artifact-list li:last-child { border-bottom:none; }
ul.artifact-list li:hover, ul.artifact-list li.active { background:var(--bg-panel); }
ul.artifact-list .type { font-size:11px; color:var(--text-muted); text-transform:uppercase; }
.preview { border:1px solid var(--border); border-radius:10px; padding:20px; background:var(--bg-panel); }
.lineage { display:flex; align-items:center; gap:8px; font-size:12px; color:var(--text-muted); margin-bottom:14px; }
.lineage span.node { border:1px solid var(--border); border-radius:999px; padding:3px 10px; background:#fff; }
pre.code { background:#0b1120; color:#d1d5db; padding:14px; border-radius:8px; font-size:12px; overflow:auto; }
</style>
</head>
<body>
<div class="proto-banner">静态原型（mock 数据）· 对应 02-V §2.8 · click_row → 展示 depends_on_artifact_ids 血缘链</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">任务</a>
<a href="v_artifact_browser.html" class="nav-link active">产物</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>Artifact 浏览器</h1>
<div class="filters">
<select><option>全部类型（artifact_type_filter）</option><option>sdd</option><option>code_diff</option></select>
<select><option>全部任务（task_id_filter）</option><option>task-7a02</option></select>
</div>
<ul class="artifact-list">
<li class="active"><div class="type">sdd</div>sdd_v2.md</li>
<li><div class="type">prd</div>prd_v1.md</li>
<li><div class="type">code_diff</div>code_diff_collision.patch</li>
<li><div class="type">test_report</div>test_report_r3.json</li>
</ul>
<div class="preview">
<div class="lineage">血缘链：<span class="node">brd_v1</span> → <span class="node">prd_v1</span> → <span class="node">sdd_v2（当前）</span></div>
<pre class="code"># 4.2 撞墙判定规则
游戏区域为 20x20 网格，坐标从 0 开始。
撞墙判定：当蛇头坐标 x < 0 或 x >= 20（或 y 同理）时判负。
（注：Coder 在 code_diff_collision.patch 里最初把 >= 误写成 >，
是 task-7a02 这次 bug 的直接原因）</pre>
</div>
</div>
</body>
</html>