codebee 0.1.47 → 0.1.49

package/app/ui/i18n.js

@@ -46,6 +46,16 @@
     "推荐任务类型": "Recommended task type",
     "切换类型": "Switch type",
     "这个需求更适合「{0}」流程，能使用对应的规划与质量门禁。是否切换后执行？": "This request fits the {0} workflow, which provides matching planning and quality gates. Switch before running?",
+    // 自动化卡片上的偏好标签（短名与胶囊面同步取用）
+    "自动": "Auto",
+    "快速": "Fast",
+    "专家": "Expert",
+    "自动推荐": "Auto-recommended",
+    "编排模式：": "Orchestration mode: ",
+    "思考程度：": "Reasoning effort: ",
+    "对话模型：": "Chat model: ",
+    "只对「直接执行」类流程生效；留「自动推荐」时按系统路由挑模型。": "Applies only to the Direct execution workflow; leave it on Auto-recommended to let routing pick the model.",
+    "选择对话模型前请先选厂商": "Choose a provider before picking a chat model",
 
     // —— 引擎/角色 ——
 
@@ -758,6 +768,16 @@
     "评审维度（逗号分隔，可自定义）": "Review dimensions (comma-separated; custom OK)",
     "连载模式：章节数（空 = 单稿件一次成文）": "Serial: chapters (blank = single draft)",
     "每章约字数": "Approx. words per chapter",
+    // —— 分卷（卷结构：大纲规划 / 写作注入 / 成书分割 / UI 分组）——
+    "分卷：每卷章数（空 = 不分卷）": "Volumes: chapters per volume (blank = no volumes)",
+    "分卷：指定卷结构（可选，优先于每卷章数）": "Volumes: explicit structure (optional; overrides chapters per volume)",
+    "例：20（卷边界按全书章号自动推导）": "e.g. 20 (boundaries derived from book-wide chapter numbers)",
+    "例：第一卷 少年初入江湖 20章；第二卷 风云再起 16章": "e.g. Vol 1 The Young Wanderer 20 ch; Vol 2 Storm Rising 16 ch",
+    "每卷一行或分号分隔：卷名 + 章数（或第1-20章）。也可以在任务目标里直接这样写，会自动识别": "One per line or separated by semicolons: volume name + chapter count (or ch.1-20). You can also write this in the task goal — it is detected automatically.",
+    "分卷：每卷章数（留空 = 不分卷）": "Volumes: chapters per volume (blank = no volumes)",
+    "卷": "Vol",
+    "未分卷": "No volumes",
+    "其他文件": "Other files",
     "实现者": "Implementer",
     "评审组": "Reviewers",
     "管理": "Manage",
@@ -2411,6 +2431,32 @@
     "导出与导入前自动备份的旧 zip": "Old zips from exports and pre-import auto-backups",
     "只保留每个日志的末尾 1MB": "Keeps only the last 1MB of each log",
     "含平台登录态，清理后发布时需重新扫码登录": "Contains platform logins; re-scan the QR code to publish after clearing",
+
+    // —— 概览首页 & KPI 卡 ——
+    "工作台": "Workspace",
+    "概览": "Overview",
+    "用量趋势": "Usage trend",
+    "快捷入口": "Quick actions",
+    "最近运行": "Recent runs",
+    "查看全部": "View all",
+    "执行次数": "Runs",
+    "成功率": "Success rate",
+    "Token 消耗": "Tokens used",
+    "上期": "Previous",
+    "日均 ": "Daily avg ",
+    "成功 ": "OK ",
+    "较上期": "vs prev",
+    "与上一个同长周期相比": "Compared with the previous period of equal length",
+    "近 30 天执行 ": "Last 30 days: ",
+    " · 消耗 ": " · used ",
+    " tokens · 费用 ": " tokens · cost ",
+    " · 当前 ": " · ",
+    " 个任务运行中": " task(s) running now",
+    "暂无用量记录。跑一个任务后这里会出现统计。": "No usage yet. Stats appear here once you run a task.",
+    "描述目标，交给智能体执行": "Describe a goal and let agents run it",
+    "项目资料与沉淀": "Project docs and notes",
+    "装技能扩展能力": "Install skills to extend",
+    "定时与周期执行": "Scheduled and recurring runs",
   };
 
   // ---------- 工具 ----------
@@ -2490,7 +2536,9 @@
     });
     // 编排 pill 短名取自 option 文本，重译后要跟着换语言
     if (typeof window.syncCmpSelFace === "function") {
-      ["f-mode", "f-thinking"].forEach((id) => window.syncCmpSelFace(id));
+      // au-* 是自动化弹框里的偏好胶囊：弹框未开时这两个 id 不在 DOM 里，
+      // syncCmpSelFace 对缺失元素直接返回，无需额外守卫
+      ["f-mode", "f-thinking", "au-mode", "au-thinking"].forEach((id) => window.syncCmpSelFace(id));
     }
     if (typeof window.cmpDirectBtnSync === "function") {
       window.cmpDirectBtnSync();   // 「自动推荐/推荐」等词也要换语言

package/app/ui/index.html

@@ -114,15 +114,22 @@
         <span class="ss-label" data-i18n="搜索">搜索</span>
         <span class="kbd" aria-hidden="true">Ctrl K</span>
       </button>
+      <!-- 快捷导航：只放最常用的全局页（data-page 是页面 id 真源）。
+           点它们只换主栏内容，左栏任务树原地不动（app.js switchTab 的 main 形态）；
+           对应入口已从下面设置导航移除，同一页不再两处重复。 -->
       <div class="side-quick">
-        <button class="qitem" id="btn-q-automation" title="自动化" data-i18n-title="自动化">
+        <button class="qitem" id="btn-q-overview" data-page="overview" title="概览" data-i18n-title="概览">
+          <svg class="ico" aria-hidden="true"><use href="#i-gauge"></use></svg>
+          <span data-i18n="概览">概览</span>
+        </button>
+        <button class="qitem" id="btn-q-runs" data-page="runs" title="运行记录" data-i18n-title="运行记录">
+          <svg class="ico" aria-hidden="true"><use href="#i-history"></use></svg>
+          <span data-i18n="运行记录">运行记录</span>
+        </button>
+        <button class="qitem" id="btn-q-automation" data-page="automation" title="自动化" data-i18n-title="自动化">
           <svg class="ico" aria-hidden="true"><use href="#i-calendar-days"></use></svg>
           <span data-i18n="自动化">自动化</span>
         </button>
-        <button class="qitem" id="btn-q-market" title="插件市场" data-i18n-title="插件市场">
-          <svg class="ico" aria-hidden="true"><use href="#i-blocks"></use></svg>
-          <span data-i18n="插件市场">插件市场</span>
-        </button>
       </div>
       <div class="side-section tasks">
         <div class="side-label-row">
@@ -174,10 +181,10 @@
       <button id="btn-set-back" class="set-back" data-i18n="返回 CodeBee">
         <svg class="ico" aria-hidden="true"><use href="#i-arrow-left"></use></svg>返回 CodeBee
       </button>
+      <!-- 概览 / 运行记录 / 自动化已升为左栏快捷导航（见 .side-quick），此处不再重复挂条目 -->
       <div data-i18n="编排" class="set-group">编排</div>
       <button class="set-item active" data-sub="tasks" data-i18n="任务"><svg class="ico" aria-hidden="true"><use href="#i-tasks"></use></svg>任务</button>
-      <button class="set-item" data-sub="runs" data-i18n="运行记录"><svg class="ico" aria-hidden="true"><use href="#i-history"></use></svg>运行记录</button>
-      <button class="set-item" data-sub="automation" data-i18n="自动化"><svg class="ico" aria-hidden="true"><use href="#i-calendar-days"></use></svg>自动化</button>
+      <button class="set-item" data-sub="hooks" data-i18n="钩子"><svg class="ico" aria-hidden="true"><use href="#i-link"></use></svg>钩子</button>
       <button class="set-item" data-sub="__wxdigest" data-i18n="微信群聊汇报"><svg class="ico" aria-hidden="true"><use href="#i-bee"></use></svg>微信群聊汇报</button>
       <button class="set-item" data-sub="zentao" data-i18n="禅道"><svg class="ico" aria-hidden="true"><use href="#i-search"></use></svg>禅道</button>
       <button class="set-item" data-sub="usage" data-i18n="用量统计"><svg class="ico" aria-hidden="true"><use href="#i-chart"></use></svg>用量统计</button>
@@ -243,6 +250,53 @@
     <main>
     <!-- ================= 设置页（导航在左栏，内容为居中窄栏） ================= -->
     <section id="page-settings" class="page">
+      <!-- 概览首页：日期 → 一句话概览 → KPI 卡 → 趋势 + 快捷入口 → 最近运行。
+           全页数据来自真实台账（/api/usage）与运行记录（/api/state），无占位假数。 -->
+      <div id="sub-overview" class="subpage hidden">
+        <div class="ov-head">
+          <div class="ov-head-text">
+            <div id="ov-date" class="ov-eyebrow"></div>
+            <h1 id="ov-title" class="ov-title" data-i18n="概览">概览</h1>
+            <p id="ov-sub" class="ov-sub"></p>
+          </div>
+          <div class="ov-head-act">
+            <button class="ghost" onclick="switchTab('runs')">
+              <svg class="ico" aria-hidden="true"><use href="#i-history"></use></svg><span data-i18n="运行记录">运行记录</span>
+            </button>
+            <button class="primary" onclick="exitSettings()">
+              <svg class="ico" aria-hidden="true"><use href="#i-plus"></use></svg><span data-i18n="新建任务">新建任务</span>
+            </button>
+          </div>
+        </div>
+        <div id="ov-kpis" class="ov-kpis"></div>
+        <div class="ov-row">
+          <div class="panel ov-trend">
+            <div class="panel-head">
+              <h2 data-i18n="用量趋势">用量趋势</h2>
+              <div class="actions" id="ov-ranges">
+                <div class="seg" role="group" aria-label="时间范围" data-i18n-aria="时间范围">
+                  <button class="seg-btn active" data-days="7" data-i18n="近 7 天" onclick="setOvDays(7)">近 7 天</button>
+                  <button class="seg-btn" data-days="30" data-i18n="近 30 天" onclick="setOvDays(30)">近 30 天</button>
+                </div>
+              </div>
+            </div>
+            <div id="ov-trend-body" class="ov-trend-body"></div>
+          </div>
+          <div class="panel ov-quick">
+            <div class="panel-head"><h2 data-i18n="快捷入口">快捷入口</h2></div>
+            <div id="ov-quick-body" class="ov-quick-body"></div>
+          </div>
+        </div>
+        <div class="panel wide ov-recent">
+          <div class="panel-head">
+            <h2 data-i18n="最近运行">最近运行</h2>
+            <div class="actions">
+              <button class="ghost small" onclick="switchTab('runs')" data-i18n="查看全部">查看全部</button>
+            </div>
+          </div>
+          <div id="ov-recent-body" class="ov-recent-body"></div>
+        </div>
+      </div>
       <div id="sub-tasks" class="subpage">
       <div class="panel wide composer">
         <div class="hero-row">
@@ -382,7 +436,9 @@
                   <div class="field"><label data-i18n="连载模式：章节数（空 = 单稿件一次成文）">连载模式：章节数（空 = 单稿件一次成文）</label><input id="f-chapters" type="number" min="2" max="20" placeholder="例：8（逐章起草+评审+修订）" data-i18n-ph="例：8（逐章起草+评审+修订）"></div>
                   <div class="field"><label data-i18n="每章约字数">每章约字数</label><input id="f-words-per-ch" type="number" min="500" max="8000" step="100" placeholder="例：2500" data-i18n-ph="例：2500"></div>
                   <div class="field"><label data-i18n="同章赛马稿件数">同章赛马稿件数</label><input id="f-variants" type="number" min="1" max="3" step="1" placeholder="1 = 关闭（2-3 每章多稿择优，更贵）" data-i18n-ph="1 = 关闭（2-3 每章多稿择优，更贵）"></div>
+                  <div class="field"><label data-i18n="分卷：每卷章数（空 = 不分卷）">分卷：每卷章数（空 = 不分卷）</label><input id="f-vol-chapters" type="number" min="2" max="200" step="1" placeholder="例：20（卷边界按全书章号自动推导）" data-i18n-ph="例：20（卷边界按全书章号自动推导）"></div>
                 </div>
+                <div class="field" id="f-vol-spec-field"><label data-i18n="分卷：指定卷结构（可选，优先于每卷章数）">分卷：指定卷结构（可选，优先于每卷章数）</label><input id="f-vol-spec" placeholder="例：第一卷 少年初入江湖 20章；第二卷 风云再起 16章" data-i18n-ph="例：第一卷 少年初入江湖 20章；第二卷 风云再起 16章" data-i18n-title="每卷一行或分号分隔：卷名 + 章数（或第1-20章）。也可以在任务目标里直接这样写，会自动识别" title="每卷一行或分号分隔：卷名 + 章数（或第1-20章）。也可以在任务目标里直接这样写，会自动识别"></div>
               </div>
 
               <div id="f-manual-only" class="hidden">
@@ -595,6 +651,24 @@
       </div>
       </div>
 
+      <!-- 钩子：任务生命周期事件挂本机命令（stdin JSON / stdout 注入） -->
+      <div id="sub-hooks" class="subpage hidden">
+      <div class="panel wide">
+        <div class="panel-head">
+          <h2 data-i18n="钩子">钩子</h2>
+          <div class="actions">
+            <button id="btn-hooks-add" class="primary small" title="加一条钩子" data-i18n-title="加一条钩子"><span data-i18n="新建钩子">新建钩子</span></button>
+          </div>
+        </div>
+        <p class="hint" data-i18n="在任务生命周期的关键点执行本机命令：命令从标准输入收到 JSON（事件与任务上下文），标准输出回 {&quot;inject&quot;: &quot;文本&quot;} 即把文本注入提示词（run_end 的输出被忽略，适合回写知识库）。命令按空格分词执行，不支持管道；失败或超时自动跳过，绝不挡主流程。">在任务生命周期的关键点执行本机命令：命令从标准输入收到 JSON（事件与任务上下文），标准输出回 {"inject": "文本"} 即把文本注入提示词（run_end 的输出被忽略，适合回写知识库）。命令按空格分词执行，不支持管道；失败或超时自动跳过，绝不挡主流程。</p>
+        <div id="hooks-list" class="cards"></div>
+        <div id="hooks-empty" class="empty hidden" data-i18n="还没有钩子——点「新建钩子」在任务开始 / 消息送达 / 运行结束时挂你自己的脚本。">还没有钩子——点「新建钩子」在任务开始 / 消息送达 / 运行结束时挂你自己的脚本。</div>
+        <div class="actions" style="margin-top:10px">
+          <button id="btn-hooks-save" class="primary small" title="保存全部钩子" data-i18n-title="保存全部钩子"><span data-i18n="保存钩子">保存钩子</span></button>
+        </div>
+      </div>
+      </div>
+
       <!-- 禅道：Bug 自动扫描修复 -->
       <div id="sub-zentao" class="subpage hidden">
       <div class="panel wide">

package/app/ui/style.css

@@ -5708,3 +5708,180 @@ button.request-busy > * { opacity: .18; }
   padding: 1px 7px; border-radius: 6px; }
 .chat-act:hover { background: color-mix(in srgb, var(--text) 8%, transparent);
   color: var(--text); }
+
+/* 屏蔽顶部滑动加载线（用户拍板 2026-09-22）：后台/长请求（如禅道内网不可达
+   15-30s）会让线一直滑，观感差；操作反馈由「操作状态」中心承担，不丢信息 */
+#request-progress { display: none !important; }
+
+/* 钩子管理卡片（设置 → 钩子，2026-09-22）：名称/事件/开关一行，命令整行，
+ * 底部超时+测试。mono 字体命令输入便于读路径 */
+.hook-card { display: flex; flex-direction: column; gap: 10px; }
+.hook-card .hook-row { display: flex; align-items: center; gap: 10px; }
+.hook-card .hook-name { flex: 1 1 auto; min-width: 180px; }
+.hook-card .hook-event { flex: none; width: 150px; }
+.hook-card .hook-cmd { width: 100%; box-sizing: border-box; font-family: var(--mono); font-size: 12px; }
+.hook-card .hook-foot { flex-wrap: wrap; }
+.hook-card .hook-foot .switch { display: inline-flex; align-items: center; gap: 6px; }
+.hook-card .hook-foot .switch em { font-style: normal; font-size: 12.5px; color: var(--muted); }
+.hook-card .hook-foot-lab { font-size: 12.5px; color: var(--muted); }
+.hook-card .hook-timeout { width: 64px; flex: none; }
+.hook-card .hook-test-out { flex: 1 1 160px; min-width: 0; overflow: hidden;
+  text-overflow: ellipsis; white-space: nowrap; }
+.hook-card .switch { display: inline-flex; align-items: center; cursor: pointer; }
+.hook-card .switch input { appearance: none; width: 34px; height: 19px; border-radius: 999px;
+  background: var(--border, rgba(128,128,128,.4)); position: relative; cursor: pointer;
+  transition: background .15s; margin: 0; }
+.hook-card .switch input:checked { background: var(--accent); }
+.hook-card .switch input::after { content: ""; position: absolute; top: 2px; left: 2px;
+  width: 15px; height: 15px; border-radius: 50%; background: #fff; transition: left .15s; }
+.hook-card .switch input:checked::after { left: 17px; }
+
+/* ==========================================================================
+   概览首页 + KPI 卡三件套（2026-09-22）
+   配色一律走变量（--accent/--ok/--warn/--bad/--accent2），所以 7 套皮肤
+   与日间/夜间都自动成立，无需为皮肤另写规则。
+   ========================================================================== */
+
+/* ---------- KPI 卡：图标块 / 环比徽章 / 迷你走势 ---------- */
+/* .kpi 定位上下文：走势图绝对定位钉在右下角 */
+.kpi { position: relative; }
+.kpi.has-top { padding-top: 11px; }
+.kpi-top {
+  display: flex; align-items: center; justify-content: space-between;
+  gap: 8px; margin-bottom: 9px;
+}
+/* 图标独立成块（淡彩底 + 本色图标），不再是标签行里的装饰性小图标 */
+.kpi-ico {
+  width: 26px; height: 26px; flex: none; border-radius: 8px;
+  display: inline-flex; align-items: center; justify-content: center;
+}
+.kpi-ico .ico { width: 15px; height: 15px; stroke-width: 2; }
+.kpi-ico.t-accent { color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, transparent); }
+.kpi-ico.t-ok { color: var(--ok); background: color-mix(in srgb, var(--ok) 14%, transparent); }
+.kpi-ico.t-warn { color: var(--warn); background: color-mix(in srgb, var(--warn) 14%, transparent); }
+.kpi-ico.t-bad { color: var(--bad); background: color-mix(in srgb, var(--bad) 14%, transparent); }
+.kpi-ico.t-calm { color: var(--accent2); background: color-mix(in srgb, var(--accent2) 14%, transparent); }
+
+.kpi-delta {
+  flex: none; font-size: 11px; font-weight: 600; white-space: nowrap;
+  padding: 2px 8px; border-radius: 999px;
+}
+.kpi-delta.good { color: var(--ok); background: color-mix(in srgb, var(--ok) 14%, transparent); }
+.kpi-delta.bad { color: var(--bad); background: color-mix(in srgb, var(--bad) 14%, transparent); }
+.kpi-delta.flat { color: var(--muted); background: color-mix(in srgb, var(--muted) 14%, transparent); }
+
+/* 走势图钉在右下；副行文字给它让位（.kpi-s 本就 nowrap + 省略号） */
+.kpi.has-spark { padding-bottom: 34px; }
+.kpi.has-spark .kpi-s { padding-right: 80px; }
+.kpi-spark { position: absolute; right: 10px; bottom: 8px; width: 72px; height: 24px; }
+.kspark { display: block; width: 100%; height: 100%; overflow: visible; }
+.kspark .ks-line { fill: none; stroke-width: 1.6; stroke-linejoin: round; stroke-linecap: round; }
+.kspark .ks-area { stroke: none; opacity: .16; }
+.kspark.t-accent .ks-line { stroke: var(--accent); }
+.kspark.t-accent .ks-area { fill: var(--accent); }
+.kspark.t-ok .ks-line { stroke: var(--ok); }
+.kspark.t-ok .ks-area { fill: var(--ok); }
+.kspark.t-warn .ks-line { stroke: var(--warn); }
+.kspark.t-warn .ks-area { fill: var(--warn); }
+.kspark.t-bad .ks-line { stroke: var(--bad); }
+.kspark.t-bad .ks-area { fill: var(--bad); }
+.kspark.t-calm .ks-line { stroke: var(--accent2); }
+.kspark.t-calm .ks-area { fill: var(--accent2); }
+
+/* ---------- 概览页版式 ---------- */
+/* #sub-overview 本身就是 .subpage（纵向 flex + 20px 间距），
+   所以下列各块不再自带外边距，避免出现双倍留白 */
+.ov-head {
+  display: flex; align-items: flex-end; justify-content: space-between;
+  gap: 16px; flex-wrap: wrap;
+}
+.ov-eyebrow { color: var(--muted); font-size: 12px; margin-bottom: 6px; }
+.ov-title { margin: 0; font-size: 26px; font-weight: 700; letter-spacing: -.02em; }
+.ov-sub { margin: 9px 0 0; color: var(--muted); font-size: 13px; }
+.ov-head-act { display: flex; gap: 8px; flex: none; }
+.ov-head-act button { display: inline-flex; align-items: center; gap: 6px; }
+.ov-head-act .ico { width: 14px; height: 14px; }
+
+.ov-kpis { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
+.ov-row {
+  display: grid; gap: 12px; align-items: start;
+  grid-template-columns: minmax(0, 1.62fr) minmax(0, 1fr);
+}
+
+/* ---------- 快捷入口：图标块 + 主副标题 + 右上箭头 ---------- */
+.ov-quick-body { display: flex; flex-direction: column; gap: 2px; }
+.ov-q {
+  display: flex; align-items: center; gap: 10px; width: 100%;
+  text-align: left; background: none; border: none; cursor: pointer;
+  color: var(--text); font-family: inherit; padding: 8px 9px; border-radius: 10px;
+  transition: background-color .15s;
+}
+.ov-q:hover { background: var(--panel2); }
+.ov-q-ico {
+  width: 28px; height: 28px; flex: none; border-radius: 9px;
+  display: inline-flex; align-items: center; justify-content: center;
+  color: var(--accent); background: color-mix(in srgb, var(--accent) 13%, transparent);
+}
+.ov-q-ico .ico { width: 15px; height: 15px; stroke-width: 2; }
+.ov-q-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
+.ov-q-text b { font-size: 13px; font-weight: 600; }
+.ov-q-text i {
+  font-size: 11.5px; font-style: normal; color: var(--muted);
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+/* ↗ 复用 i-arrow-up 旋转 45°，不再单加一个精灵图标 */
+.ov-q-go { flex: none; display: inline-flex; color: var(--muted); opacity: .5; transform: rotate(45deg); }
+.ov-q:hover .ov-q-go { opacity: .9; }
+/* 四行各自分色：一列同色图标太平 */
+.ov-q:nth-child(2) .ov-q-ico { color: var(--accent2); background: color-mix(in srgb, var(--accent2) 13%, transparent); }
+.ov-q:nth-child(3) .ov-q-ico { color: var(--ok); background: color-mix(in srgb, var(--ok) 13%, transparent); }
+.ov-q:nth-child(4) .ov-q-ico { color: var(--warn); background: color-mix(in srgb, var(--warn) 13%, transparent); }
+
+/* ---------- 最近运行：发丝线分隔的行 ---------- */
+.ov-recent-body { display: flex; flex-direction: column; }
+.ov-recent .panel-head { margin-bottom: 8px; }
+.ov-run {
+  display: flex; align-items: center; gap: 12px; width: 100%;
+  text-align: left; background: none; border: none; cursor: pointer;
+  color: var(--text); font-family: inherit; padding: 11px 8px;
+  border-top: 1px solid var(--border); transition: background-color .15s;
+}
+.ov-run:first-child { border-top: none; }
+.ov-run:hover { background: var(--panel2); }
+.ov-run-ico { flex: none; width: 16px; display: inline-flex; align-items: center; justify-content: center; }
+.ov-run-main { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
+.ov-run-main b { font-size: 13px; font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ov-run-main i {
+  font-size: 11.5px; font-style: normal; color: var(--muted);
+  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+.ov-run-meta { flex: none; display: flex; align-items: center; gap: 10px; }
+.ov-run-time { min-width: 54px; text-align: right; color: var(--muted); font-size: 11.5px; white-space: nowrap; }
+
+/* ---------- 窄屏：KPI 两列 → 一列，趋势与快捷入口改纵向 ---------- */
+@media (max-width: 1080px) {
+  .ov-kpis { grid-template-columns: repeat(2, 1fr); }
+  .ov-row { grid-template-columns: 1fr; }
+}
+@media (max-width: 640px) {
+  .ov-kpis { grid-template-columns: 1fr; }
+  .ov-head { flex-direction: column; align-items: flex-start; }
+  /* 窄屏放不下并排：走势图落到卡片底部通栏，副行不再让位 */
+  .kpi-spark { position: static; width: 100%; margin-top: 8px; }
+  .kpi.has-spark { padding-bottom: 12px; }
+  .kpi.has-spark .kpi-s { padding-right: 0; }
+}
+
+
+/* 分卷：章节评审卡按卷分组（.ch-vol 卷头 + 卷内容器）。卷头是一条细分隔线
+ * 加卷名/卷内达标数/章号区间；不分卷时完全不渲染，视觉与分卷前一致。 */
+.ch-vol { margin: 10px 0 14px; }
+.ch-vol-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap;
+  padding: 4px 2px 6px; border-bottom: 1px solid var(--border, rgba(128,128,128,.22)); }
+.ch-vol-head b { font-size: 13px; letter-spacing: .01em; }
+.ch-vol > .ch-row { margin: 6px 0 0 10px; }
+
+/* 分卷：发布页章节清单按卷分组（.pb-vol 卷头 + 其下章节按钮）。 */
+.pb-vol { margin: 8px 0 12px; }
+.pb-vol-head { font-size: 12.5px; color: var(--muted); padding: 2px 2px 6px;
+  border-bottom: 1px solid var(--border, rgba(128,128,128,.22)); margin-bottom: 6px; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebee",
-  "version": "0.1.47",
+  "version": "0.1.49",
   "description": "CodeBee · 多智能体编排台 — 统一编排本机 AI 编码 CLI（Codex / Claude Code / QwenCode / OpenCode / Aider…）：目标→拆解→路由→执行→验证→跨厂商评审→修复→报告。纯 Python 标准库实现，本地 Web UI。",
   "license": "MIT",
   "bin": {