diff --git a/web/app.js b/web/app.js index 35dc559..a46f289 100644 --- a/web/app.js +++ b/web/app.js @@ -3,6 +3,27 @@ ════════════════════════════════════════════════════════════ */ 'use strict'; +// ── SVG 图标集（v1.1 双色调，24×24，2px 圆头；currentColor=基础描边，--icon-accent=信号色） ── +const ICONS = { + task: ``, + project: ``, + gate: ``, + ready: ``, + running: ``, + sync: ``, + config: ``, + search: ``, + git: ``, + deps: ``, + reason: ``, + event: ``, + flow: ``, + add: ``, + close: ``, +}; +/** 返回指定图标的内联 SVG HTML（name 不存在时返回空串） */ +function icon(name) { return ICONS[name] || ''; } + // ── 模型常量（与 src/model/status.ts / complexity.ts 对齐） ── const STATUS_LABEL = { init: '新建', analyzing: '分析拆解中', plan_review: '待确认拆解', @@ -461,7 +482,7 @@ function gateDocs(t) { blocks.push(reviewReportBlocks(r)); // CODE REVIEW + 安全审计 两节（各带 verdict 徽章），置于 DIFF 摘要上方 blocks.push(`
RESULT · 执行结果
- ${r.branch ? `
分支
${esc(r.branch)}
` : ''} + ${r.branch ? `
${icon('git')} 分支
${esc(r.branch)}
` : ''} ${r.worktree ? `
worktree
${esc(r.worktree)}
` : ''} ${r.prUrl ? `
PR
${esc(r.prUrl)}
` : ''}
`); @@ -699,7 +720,7 @@ function renderArchiveModal(t, runs, events) { const resultBlock = r ? `${reviewReportBlocks(r)}
执行结果
- ${r.branch ? kv('分支', esc(r.branch)) : ''} + ${r.branch ? kv(`${icon('git')} 分支`, esc(r.branch)) : ''} ${r.worktree ? kv('worktree', esc(r.worktree)) : ''} ${r.prUrl ? kv('合并', esc(r.prUrl)) : ''} ${r.commits && r.commits.length ? kv('commits', r.commits.map(esc).join('
')) : ''} @@ -709,7 +730,7 @@ function renderArchiveModal(t, runs, events) { const approvalRows = t.approvals && t.approvals.length ? `
审批记录
${t.approvals.map((a) => kv( `${GATE_LABEL[a.gate] || esc(a.gate)} · ${a.action === 'accept' ? '接受' : '驳回'}`, - `审批人 ${esc(a.actor)} · ${fmtFull(a.at)}${a.reason ? `
意见：${esc(a.reason)}` : ''}`, + `审批人 ${esc(a.actor)} · ${fmtFull(a.at)}${a.reason ? `
${icon('reason')} 意见：${esc(a.reason)}` : ''}`, )).join('')}
` : ''; const timeline = events.length ? `
状态流转时间线
@@ -739,7 +760,7 @@ function renderArchiveModal(t, runs, events) { ${cplxBadge(t.complexity)} ${statusChip(t.status)} - +
${attrs}${docs}${runRows}${resultBlock}${approvalRows}${timeline} @@ -804,7 +825,7 @@ function renderPreview() { ${cplxBadge(t.complexity)} ${statusChip(t.status)} - +
${gateDocs(t)}
@@ -1008,12 +1029,12 @@ function renderTree() { if (t.status !== 'blocked' || !(t.deps || []).length) return ''; const unmet = t.deps.filter((d) => byId.get(d)?.status !== 'done'); if (!unmet.length) return ''; - return `⛓ 等依赖 ${unmet.length}`; + return `${icon('deps')} 等依赖 ${unmet.length}`; })()} P${t.priority} ${cplxBadge(t.complexity, t.id)} ${statusChip(t.status)} - ${!ARCHIVED.has(t.status) ? `` : ''} + ${!ARCHIVED.has(t.status) ? `` : ''}
${expanded ? renderDetail(t) : ''} @@ -1054,7 +1075,7 @@ function renderDetail(t) {
${reviewReportBlocks(r)}
RESULT · 执行结果
-
分支
${esc(r.branch || '—')}
+
${icon('git')} 分支
${esc(r.branch || '—')}
worktree
${esc(r.worktree || '—')}
${r.prUrl ? `
合并
${esc(r.prUrl)}
` : ''} ${r.commits && r.commits.length ? `
commits
${r.commits.map(esc).join('
')}
` : ''} @@ -1072,7 +1093,7 @@ function renderDetail(t) { ${a.action === 'accept' ? '✓ 通过' : '✗ 驳回'} ${GATE_LABEL[a.gate] || esc(a.gate)} · ${esc(a.actor)} ${fmtTime(a.at)} - ${a.reason ? `${esc(a.reason)}` : ''} + ${a.reason ? `${icon('reason')}${esc(a.reason)}` : ''}
`).join('')} `); } @@ -1086,7 +1107,7 @@ function renderDetail(t) { const dt = S.tasks.find((x) => x.id === d); const ok = dt && dt.status === 'done'; return `
- ${ok ? '✓' : '⛓'} + ${ok ? '✓' : icon('deps')} ${dt ? statusChip(dt.status) : ''} ${esc(dt ? dt.title : d)} ${esc(d.slice(-6))} @@ -1114,7 +1135,7 @@ function renderDetail(t) {
`; } - return ``; + return ``; })() : ''; const deleteSection = (() => { if (S.confirmDelete === t.id) { @@ -1214,7 +1235,7 @@ function renderEvents() { ul.innerHTML = S.events.slice(0, 80).map((e) => `
  • - ${EVENT_LABEL[e.type] || esc(e.type)} + ${icon('event')}${EVENT_LABEL[e.type] || esc(e.type)} ${fmtTime(e.at)}
    ${eventDetail(e)}
    diff --git a/web/assets/icons/add.svg b/web/assets/icons/add.svg new file mode 100644 index 0000000..3d96d3f --- /dev/null +++ b/web/assets/icons/add.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/close.svg b/web/assets/icons/close.svg new file mode 100644 index 0000000..9bce1ff --- /dev/null +++ b/web/assets/icons/close.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/config.svg b/web/assets/icons/config.svg new file mode 100644 index 0000000..30052e3 --- /dev/null +++ b/web/assets/icons/config.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/deps.svg b/web/assets/icons/deps.svg new file mode 100644 index 0000000..c8a2cf2 --- /dev/null +++ b/web/assets/icons/deps.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/event.svg b/web/assets/icons/event.svg new file mode 100644 index 0000000..5efd235 --- /dev/null +++ b/web/assets/icons/event.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/flow.svg b/web/assets/icons/flow.svg new file mode 100644 index 0000000..c1e2502 --- /dev/null +++ b/web/assets/icons/flow.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/gate.svg b/web/assets/icons/gate.svg new file mode 100644 index 0000000..c44e9d5 --- /dev/null +++ b/web/assets/icons/gate.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/git.svg b/web/assets/icons/git.svg new file mode 100644 index 0000000..e5d0c12 --- /dev/null +++ b/web/assets/icons/git.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/project.svg b/web/assets/icons/project.svg new file mode 100644 index 0000000..a768d24 --- /dev/null +++ b/web/assets/icons/project.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/ready.svg b/web/assets/icons/ready.svg new file mode 100644 index 0000000..de52463 --- /dev/null +++ b/web/assets/icons/ready.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/reason.svg b/web/assets/icons/reason.svg new file mode 100644 index 0000000..36064bb --- /dev/null +++ b/web/assets/icons/reason.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/running.svg b/web/assets/icons/running.svg new file mode 100644 index 0000000..ee82d11 --- /dev/null +++ b/web/assets/icons/running.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/search.svg b/web/assets/icons/search.svg new file mode 100644 index 0000000..a181aa6 --- /dev/null +++ b/web/assets/icons/search.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/sync.svg b/web/assets/icons/sync.svg new file mode 100644 index 0000000..21da67a --- /dev/null +++ b/web/assets/icons/sync.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/assets/icons/task.svg b/web/assets/icons/task.svg new file mode 100644 index 0000000..de7baf9 --- /dev/null +++ b/web/assets/icons/task.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/web/index.html b/web/index.html index 076ce34..064b1b9 100644 --- a/web/index.html +++ b/web/index.html @@ -20,8 +20,8 @@
    - ▍项目 - + ▍ 项目 +
    @@ -41,23 +41,23 @@
    @@ -92,25 +92,25 @@
    - +
    -
    ▍Agent 执行
    +
    ▍ Agent 执行
    - ▍任务树 - + ▍ 任务树 +