console: 任务详情改卡片式排版

只改排版,不改数据与操作:原来一整块 <br> 分隔的
信息行拆成卡片——概览(状态 + 耗时/token/成本三张
指标卡)、基本信息(键值网格)、prompt(单独一张
卡,长 prompt 不再挤在信息行末尾)、操作与结果、
协调子任务/子代理链路/评审队列/审批队列/发消息/
线程(各一张卡)。指标卡在窄的详情列里用
auto-fit 网格自动折成一列,不挤压;nav-detail
锚点保留在外层容器上。
This commit is contained in:
host committed 2026-10-30 01:13:32 +08:00
1 parent 6d4f87e286
commit b60f4facbd
3 files changed
+109 -59

No files matched your search

+15
View File
@@ -133,6 +133,21 @@ pre{background:var(--inset-bg);color:var(--text);border:1px solid var(--line);bo
.issue-state.st-failed,.issue-state.st-merge-failed{background:var(--danger)}
.issue-state.st-interrupted{background:var(--attention)}
.issue-first{flex:none;width:22px;height:22px;margin-top:1px;border:1px solid var(--line);border-radius:6px;background:var(--subtle-bg);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--muted);overflow:hidden}
/* Task detail card layout: cards stacked with a gap, KPI cards in a
responsive grid (auto-fit, so the narrow right column collapses
to one per row instead of squeezing three). Only layout: no data,
action or section is added or removed by this styling. */
.detail-stack{display:flex;flex-direction:column;gap:16px;min-width:0}
.detail-stack > .card{margin:0}
.detail-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-top:12px}
.detail-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:12px 16px;min-width:0}
.detail-card-label{color:var(--muted);font-size:12px;font-weight:600}
.detail-card-value{font-size:20px;font-weight:600;line-height:1.3;overflow-wrap:anywhere}
.detail-card .muted{font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.detail-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px 16px;margin:0;font-size:13px}
.detail-kv > div{min-width:0}
.detail-kv dt{color:var(--muted);font-size:12px}
.detail-kv dd{margin:0;overflow-wrap:anywhere}
.issue-title{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.issue-meta{font-size:12px;color:var(--muted);line-height:1.5}
/* Conversation as a GitHub timeline / comments: white comment boxes