codebee 0.1.48 → 0.1.50

package/app/ui/app.js

@@ -10,7 +10,7 @@ function codebeeDocumentTitle(lang) {
 document.title = codebeeDocumentTitle((localStorage.getItem("orch.lang") || "zh").toLowerCase());
 
 const $ = (id) => document.getElementById(id);
-const S = { state: null, catalog: null, catSig: "", providers: null, bindings: null, modelsSig: "", bindSig: "", tab: "tasks", detailRunId: null, pollTimer: null, showArchived: false, /* 会话内开关：每次加载默认隐藏已归档、图标不选中（不持久化，见 btn-side-arch） */ selProvs: {}, selModels: {}, selRuns: {}, bindSel: {}, catalogChecking: false, updateCheckAt: 0, control: null, sseLive: false, es: null, flows: null, orch: null, skills: null, orchSig: "", settings: null, sessionAgents: new Set(), atts: [], gitInfo: null, gitWb: null, gitWbKey: "", gitWbAt: 0, gitWbBusy: false, creatingTask: false, inspKey: null, inspData: null, inspSig: "", inspAt: 0, inspTab: "git", inspAutoSig: "", rdTab: null, rdTabSig: "", rdTabPin: false, _rdCtx: {}, lastPrefs: null, prefsApplied: false };
+const S = { state: null, catalog: null, catSig: "", providers: null, bindings: null, modelsSig: "", bindSig: "", tab: "tasks", mainPage: "", /* 主栏正显示的全局页（"" = 新建任务表单）；左栏是任务树还是设置导航看 body.settings-mode */ detailRunId: null, pollTimer: null, showArchived: false, /* 会话内开关：每次加载默认隐藏已归档、图标不选中（不持久化，见 btn-side-arch） */ selProvs: {}, selModels: {}, selRuns: {}, bindSel: {}, catalogChecking: false, updateCheckAt: 0, control: null, sseLive: false, es: null, flows: null, orch: null, skills: null, orchSig: "", settings: null, sessionAgents: new Set(), atts: [], gitInfo: null, gitWb: null, gitWbKey: "", gitWbAt: 0, gitWbBusy: false, creatingTask: false, inspKey: null, inspData: null, inspSig: "", inspAt: 0, inspTab: "git", inspAutoSig: "", rdTab: null, rdTabSig: "", rdTabPin: false, _rdCtx: {}, lastPrefs: null, prefsApplied: false, sideUsage: null, sideUsageAt: 0, ovUsage: null, ovDays: undefined };
 
 /* ---------------------------------------------------------- 任务类型（流程） */
 async function loadFlows() {
@@ -301,7 +301,8 @@ function onTypeChange() {
   const bibleCreate = $("bible-create-field");
   const isSerialReview = isReview && !!(flow && flow.serial);
   if (bibleCreate) bibleCreate.classList.toggle("hidden", !isSerialReview);
-  const clearSerialFields = () => ["f-chapters", "f-words-per-ch", "f-variants", "f-bible"].forEach((id) => {
+  const clearSerialFields = () => ["f-chapters", "f-words-per-ch", "f-variants", "f-bible",
+    "f-vol-chapters", "f-vol-spec"].forEach((id) => {
     const el = $(id);
     if (el) el.value = "";
   });
@@ -330,6 +331,12 @@ function onTypeChange() {
     if (flow.serial) {
       if (!$("f-chapters").value) $("f-chapters").value = lp.chapters || flow.serial.chapters || "";
       if (!$("f-words-per-ch").value) $("f-words-per-ch").value = lp.words_per_chapter || flow.serial.words_per_chapter || "";
+      // 分卷开箱即用：没填过就预填一个常见每卷章数（用户可改；清空 = 不分卷）。
+      // 卷边界由后端按全书章号推导，续写批次自动接上同一卷。
+      if (!$("f-vol-chapters").value && !$("f-vol-spec").value) {
+        $("f-vol-chapters").value = (lp.volume_chapters != null && lp.volume_chapters !== "")
+          ? lp.volume_chapters : (flow.serial.volume_chapters || 20);
+      }
     } else clearSerialFields();
   } else {
     // 隐藏控件仍保留 DOM 值；换流程时清理，避免章节/圣经状态污染下一次提交。
@@ -1086,12 +1093,12 @@ async function healthOp(op) {
   }
 }
 
-/* 模型级禁用：链降级（resolve_binding 的 _model_bindable）会自动跳过它。
+/* 模型级禁用：绑定链里它的条目由后端自动剔除（modelhub 停用即出调度）。
    只对出问题的那一格生效——厂商其它模型照常可用。 */
 async function healthDisableModel(pid, model) {
   if (!pid || !model) { closeModal(); return; }
   const yes = await uiConfirm(
-    t("确认禁用模型 {0}？链降级将自动跳过它，其余模型不受影响；可在模型调度页重新启用。").replace("{0}", pid + " · " + model),
+    t("确认禁用模型 {0}？调度链里它的条目会自动移除，其余模型不受影响；可在模型调度页重新启用。").replace("{0}", pid + " · " + model),
     { title: t("禁用模型"), danger: true, ok: t("禁用") });
   if (!yes) return;
   try {
@@ -1106,8 +1113,7 @@ async function healthDisableModel(pid, model) {
     S.modelCatalog = models.catalog || [];
     S.provSig = "";
     closeModal(); render(); loadOrchestrator();
-    toast(t("已禁用模型 {0} · {1}，链降级自动跳过；绑定页可重新启用").replace("{0}", pid).replace("{1}", model));
-    autoRebindSoon();
+    toast(t("已禁用模型 {0} · {1}，调度链已自动移除它；绑定页可重新启用").replace("{0}", pid).replace("{1}", model));
   } catch (e) {
     toast(t("操作失败：") + e.message, true);
   }
@@ -1116,7 +1122,7 @@ async function healthDisableModel(pid, model) {
 async function healthDisableProvider(pid) {
   if (!pid) { closeModal(); return; }
   const yes = await uiConfirm(
-    t("确认禁用该厂商？禁用后链降级自动跳过它，恢复后可在模型调度页重新启用。"),
+    t("确认禁用该厂商？调度链里它的条目会自动移除，恢复后可在模型调度页重新启用。"),
     { title: t("禁用厂商"), danger: true, ok: t("禁用") });
   if (!yes) return;
   try {
@@ -1130,8 +1136,7 @@ async function healthDisableProvider(pid) {
     S.providers = models.providers; S.bindings = models.bindings;
     S.provSig = "";
     closeModal(); render(); loadOrchestrator();
-    toast(t("已禁用厂商 {0}：链降级自动跳过，绑定页可重新启用").replace("{0}", pid));
-    autoRebindSoon();
+    toast(t("已禁用厂商 {0}：调度链已自动移除它的条目，绑定页可重新启用").replace("{0}", pid));
   } catch (e) {
     toast(t("操作失败：") + e.message, true);
   }
@@ -1443,7 +1448,6 @@ async function batchProvOp(op) {
   try {
     await api("/api/models/provider-op", { method: "POST",
       body: JSON.stringify({ ids, op }) });
-    if (op !== "duplicate") autoRebindSoon();
   } catch (e) { toast(t("操作失败：") + e.message, true); }
   S.selProvs = {};
   S.modelsSig = null;
@@ -1634,7 +1638,6 @@ async function keyOpCall(pid, op, keyId, key, label) {
   try {
     await api("/api/models/key-op", { method: "POST",
       body: JSON.stringify({ provider_id: pid, op, key_id: keyId, key, label }) });
-    autoRebindSoon();   // 密钥启停/删除/解冻会改变厂商「推荐可用」判定，自动补绑一次
   } catch (e) { toast(t("操作失败：") + e.message, true); }
   // 操作期间轮询照跑（uiPrompt 弹框不阻塞轮询），S.modelsSig 还是旧值：必须
   // 清签名强制重绘，否则 KEY 写盘成功界面也看不到。
@@ -1863,7 +1866,6 @@ async function modelOp(pid, name, op) {
   try {
     await api("/api/models/model-op", { method: "POST",
       body: JSON.stringify({ provider_id: pid, name, op }) });
-    autoRebindSoon();   // 模型停用/启用/删除会改变推荐源与死链判定，自动补绑一次
     const s = modelSel(pid);            // 单行操作后同步清掉该行勾选
     if (s[name]) { delete modelSelSet(pid)[name]; }
   } catch (e) { toast(t("操作失败：") + e.message, true); }
@@ -1930,7 +1932,6 @@ async function batchModelOp(pid, op) {
   try {
     await api("/api/models/model-op", { method: "POST",
       body: JSON.stringify({ provider_id: pid, names, op }) });
-    autoRebindSoon();
   } catch (e) { toast(t("操作失败：") + e.message, true); }
   clearModelSel(pid);
   poll();
@@ -1949,7 +1950,6 @@ async function toggleProviderEnabled(pid, enabled) {
   try {
     await api("/api/models/provider-op", { method: "POST",
       body: JSON.stringify({ ids: [pid], op: off ? "enable" : "disable" }) });
-    autoRebindSoon();
   } catch (e) { toast(t("操作失败：") + e.message, true); }
   S.modelsSig = null;
   poll();
@@ -1974,7 +1974,6 @@ async function refreshAllModels() {
     btn.title = t("全部重新拉取模型列表");
   }, 1500);
   setTimeout(poll, 2500);
-  setTimeout(autoRebindSoon, 8000);   // 模型列表落盘后推荐源才完整，补绑一次
 }
 
 /* 手工添加模型：有的厂商列表接口调不通（或只返回部分），直接填模型名也能进列表。
@@ -2003,7 +2002,6 @@ async function addModelManual(pid) {
     toast(t("已添加模型 ") + name);
     S.modelsSig = null;   // 新模型落盘后签名必变，这里主动置空确保立刻重绘
     poll();
-    setTimeout(autoRebindSoon, 4000);   // 模型可用后推荐源更完整，补绑一次
   } catch (e) { toast(t("添加失败：") + e.message, true); }
 }
 
@@ -2016,7 +2014,6 @@ async function refreshProviderModels(id) {
     else toast(t("已获取模型列表 · wire 适配测试后台进行中"));
   } catch (e) { toast(t("获取失败：") + e.message, true); }
   poll();
-  setTimeout(autoRebindSoon, 4000);   // 模型列表落盘后补绑一次（后台 wire 探测同步进行）
 }
 
 /* 供应商编辑卡：协议可选「自动」；显式选定时它是主协议（用于需要唯一协议的
@@ -2072,7 +2069,6 @@ async function delProvider(id) {
   try {
     await api("/api/models/provider-op", { method: "POST",
       body: JSON.stringify({ ids: [id], op: "delete" }) });
-    autoRebindSoon();
   } catch (e) { toast(t("操作失败：") + e.message, true); }
   if (S.selModels) delete S.selModels[id];
   if (S.selProvs) delete S.selProvs[id];
@@ -2136,7 +2132,6 @@ async function doAddProvider() {
     S.modelsSig = null;
     closeModal();
     poll();
-    autoRebindSoon();   // 新增即启用：马上给空链/死链一次推荐机会
     if (p && body.api_key) refreshProviderModels(p.id);  // 有密钥才自动拉模型列表
   } catch (e) {
     res.textContent = t("保存失败：") + e.message;
@@ -2232,7 +2227,7 @@ async function doImport() {
     btn.textContent = t("完成");
     btn.disabled = false;
     btn.onclick = closeModal;
-    if (r.imported) { S.selProv = null; S.modelsSig = null; poll(); autoRebindSoon(); }
+    if (r.imported) { S.selProv = null; S.modelsSig = null; poll(); }
   } catch (e) {
     $("import-result").innerHTML = '<div class="msg bad">' + t("导入失败：") + esc(e.message) + "</div>";
     btn.disabled = false; btn.textContent = t("导入选中");
@@ -2465,6 +2460,12 @@ async function createTask() {
         words_per_chapter: parseInt($("f-words-per-ch").value, 10) || 2500,
         variants: Math.max(1, Math.min(3, parseInt($("f-variants").value, 10) || 1)),
       };
+      // 分卷：显式卷结构文本优先（后端解析成卷表），否则用每卷章数。
+      // 两个都留空 = 不分卷（后端收到 0/缺字段即不分卷）。
+      const volSpec = ($("f-vol-spec") || {}).value ? $("f-vol-spec").value.trim() : "";
+      const volPer = parseInt(($("f-vol-chapters") || {}).value, 10);
+      if (volSpec) payload.serial.volumes_text = volSpec;
+      else if (volPer >= 2) payload.serial.volume_chapters = volPer;
     } else if (flow.serial) {
       // 显式 null 覆盖 serial_novel 的流程默认，空章节就是单稿件。
       payload.serial = null;
@@ -3139,6 +3140,16 @@ function newFromTask(id) {
     $("f-chapters").value = tk.serial ? tk.serial.chapters : "";
     $("f-words-per-ch").value = tk.serial ? tk.serial.words_per_chapter : "";
     $("f-variants").value = tk.serial && tk.serial.variants ? tk.serial.variants : "";
+    // 分卷：还原每卷章数；指定卷结构还原成可读文本（卷名 + 章数/章号范围）
+    $("f-vol-chapters").value = tk.serial && tk.serial.volume_chapters ? tk.serial.volume_chapters : "";
+    $("f-vol-spec").value = tk.serial && Array.isArray(tk.serial.volumes)
+      ? tk.serial.volumes.map((v) => {
+          const ttl = (v && v.title) || "未命名";
+          if (v && v.start && v.end) return ttl + " 第" + v.start + "-" + v.end + "章";
+          if (v && v.chapters) return ttl + " " + v.chapters + "章";
+          return ttl;
+        }).join("；")
+      : "";
     const want = new Set(tk.critics || []);
     $("f-critics").querySelectorAll("input").forEach((i) => { i.checked = want.has(i.value); });
     // 同目录同稿件名再开一篇会覆盖旧产出——提醒但不阻止（有意重写也合理）
@@ -3335,17 +3346,22 @@ function renderRunList() {
     "</div>";
   box.innerHTML = tools + runs.map((r) => {
     const can = runDeletable(r);
+    // 行结构照参考站的「主副标题 + 右侧状态与相对时间」：标题与摘要竖排成一块，
+    // 状态点用侧栏同款字形（staskGlyph），时间用相对档（完整时间戳挪进悬停提示）
+    const sub = String(r.summary || r.error || (r.steps ? r.steps.length + t(" 个步骤") : "")).trim();
     return '<div class="item" onclick="openRun(\'' + esc(r.id) + '\')">' +
       '<div class="t">' +
       '<input type="checkbox" class="rcheck"' + (S.selRuns[r.id] ? " checked" : "") + (can ? "" : " disabled") +
       ' title="' + (can ? t("勾选以批量删除") : t("运行中的记录不可删除，请先取消")) + '"' +
       ' onclick="event.stopPropagation()" onchange="toggleRunSel(\'' + esc(r.id) + '\', this.checked)">' +
-      runKindTag(r.kind) +
-      '<span class="name">' + esc(r.title) + "</span>" +
+      '<span class="rglyph">' + staskGlyph(r.status || "") + "</span>" +
+      '<div class="rt">' +
+      '<span class="name">' + esc(r.title) + runKindTag(r.kind) + "</span>" +
+      (sub ? '<span class="desc">' + esc(t(sub)) + "</span>" : "") +
+      "</div>" +
       '<span class="chip ' + esc(r.status || "") + '">' + esc(runStatusText(r)) + "</span>" +
-      '<span class="time">' + esc(r.created_at) + "</span>" +
-      '<button class="danger small" title="' + t("删除该记录") + '" onclick="event.stopPropagation(); deleteRun(\'' + esc(r.id) + '\')">' + t("删除") + '</button></div>' +
-      '<div class="desc">' + esc(t(r.summary || r.error || (r.steps ? r.steps.length + t(" 个步骤") : ""))) + "</div></div>";
+      '<span class="time" title="' + esc(r.created_at) + '">' + esc(relTime(r.created_at)) + "</span>" +
+      '<button class="danger small" title="' + t("删除该记录") + '" onclick="event.stopPropagation(); deleteRun(\'' + esc(r.id) + '\')">' + t("删除") + '</button></div></div>';
   }).join("");
 }
 
@@ -3632,8 +3648,7 @@ function showDetailInMain() {
   document.querySelectorAll("#page-settings .subpage").forEach((d) => d.classList.toggle("hidden", d.id !== "sub-runs"));
   document.querySelectorAll(".set-item").forEach((b) => b.classList.remove("active"));
   document.body.classList.remove("settings-mode");
-  const title = $("page-title");
-  if (title) title.textContent = t("运行详情");
+  renderPageCrumb();
   collapseDrawerIfMobile();
   syncInspectorVis();    // 从设置子页点进运行详情：任务上下文，检查器跟着回来
 }
@@ -3644,7 +3659,7 @@ function showDetailInMain() {
 function jumpToRun(id) {
   S.focusStep = 0;
   S.focusDone = false;
-  if (document.body.classList.contains("settings-mode")) switchTab("runs");
+  if (document.body.classList.contains("settings-mode")) switchTab("runs", "settings");   // 已在设置里：留在设置侧栏
   else showDetailInMain();
   openRun(id);
 }
@@ -3900,6 +3915,7 @@ function drawTaskDetail(key, runs) {
   };
   drawReport();
   loadArtifacts(latest.id);   // 成品文件双入口同源：主栏「成果」分区 + 检查器（列表上下文）
+  renderPreview(latest.id);   // 网页成品预览：入口页 + 可运行 iframe（无成品则整块隐藏）
   // 任务级详情：git 面板吃任务级 side（实时/最新快照），side 未到先以最新 run 快照落位
   const tk = ((S.state || {}).tasks || []).find((x) => x.id === key);
   S.lastRunTask = tk || null;
@@ -3973,6 +3989,7 @@ async function clearRuns() {
 async function openRun(id, pinTab) {
   S.detailRunId = id;
   S.detailTaskKey = null;
+  renderPageCrumb();   // 标题「运行详情」；必须在赋值后画——showDetailInMain 先于本函数跑，那边画不到
   rdTabReset(pinTab || null);   // sideOpenRun 带步骤号时钉住步骤分区
   document.querySelector("#sub-runs .panel:first-child").classList.add("hidden");
   $("run-detail").classList.remove("hidden");
@@ -3992,14 +4009,22 @@ function closeRun() {
   detailSideReset();
   $("run-detail").classList.add("hidden");
   renderChatNav();   // 解除 main.chat-fill（对话为主的固定高度），恢复外层滚动
-  if (document.body.classList.contains("settings-mode")) {
+  if (document.body.classList.contains("settings-mode") || S.mainPage === "runs") {
+    // 回运行列表：设置导航里点进来的，或主栏本就停在运行记录页（快捷导航/概览的入口）
     document.querySelector("#sub-runs .panel:first-child").classList.remove("hidden");
+    renderPageCrumb();   // 详情关了，标题从「运行详情」回到当前页名
+  } else if (S.mainPage) {
+    // 主栏停在别的快捷导航页（概览/自动化）：返回点开详情前那一页，左栏任务树不动
+    switchTab(S.mainPage, "main");
   } else {
-    // 从主视图（侧栏点任务行）进来的详情：返回直接回任务页，不露出运行列表
+    // 从主视图（侧栏点任务行）进来的详情：返回直接回任务页，不露出运行列表。
+    // S.tab 还停在 "runs"（showDetailInMain 设的），视图既然回到任务页就一并归位，
+    // 否则标题会拿 "runs" 的页名显示成「运行记录」
+    S.tab = "tasks";
     document.querySelectorAll("#page-settings .subpage").forEach((d) => d.classList.toggle("hidden", d.id !== "sub-tasks"));
     document.querySelectorAll(".set-item").forEach((b) => b.classList.toggle("active", b.dataset.sub === "tasks"));
-    const title = $("page-title");
-    if (title) title.textContent = tabTitle("tasks");
+    document.querySelectorAll(".qitem").forEach((b) => b.classList.remove("active"));
+    renderPageCrumb();
   }
   syncInspectorVis();    // 离开详情：回设置运行列表时检查器按各上下文规则重新落位
 }
@@ -4036,13 +4061,14 @@ function rdTabAvail() {
     git: !$("rd-git").classList.contains("hidden"),
     bible: !$("rd-bible").classList.contains("hidden"),
     bookmeta: !$("rd-bookmeta").classList.contains("hidden"),
+    preview: !$("rd-preview").classList.contains("hidden"),
   };
 }
 
 function applyRdTabs() {
   const avail = rdTabAvail();
   if (!S.rdTab || !avail[S.rdTab]) {
-    S.rdTab = ["chat", "hive", "steps", "result", "git", "bible", "bookmeta"]
+    S.rdTab = ["chat", "hive", "steps", "result", "preview", "git", "bible", "bookmeta"]
       .find((k) => avail[k]) || "steps";
   }
   document.querySelectorAll("#rd-tabs .rd-tab").forEach((b) => {
@@ -4082,10 +4108,10 @@ function renderChatNav() {
   if (mainEl) mainEl.classList.toggle("chat-fill", direct);
   if (!direct) { nav.classList.add("hidden"); nav.innerHTML = ""; return; }
   const labels = { hive: t("蜂巢"), steps: t("步骤"), result: t("成果"),
-    git: "Git", bible: t("圣经"), bookmeta: t("作品信息") };
+    preview: t("预览"), git: "Git", bible: t("圣经"), bookmeta: t("作品信息") };
   const avail = rdTabAvail();
   let pills = "";
-  for (const k of ["hive", "steps", "result", "git", "bible", "bookmeta"]) {
+  for (const k of ["preview", "hive", "steps", "result", "git", "bible", "bookmeta"]) {
     if (!avail[k]) continue;
     // 徽章直接镜像隐藏页签上的（蜂巢在岗数/步骤数/待裁决/成果数），不另设状态源
     const badge = document.querySelector('#rd-tabs .rd-tab[data-tab="' + k + '"] .rd-badge');
@@ -4127,16 +4153,18 @@ function rdTabBadges() {
   set("git", c.gitState === "isolated" ? t("待裁决") : "", "verdict");
 }
 
-/* ctx 可省略：省略时只刷新可用性/徽章/pane（renderHive/renderGitPanel 等收尾调用）。
- * 带 ctx 时先做自动选卡判断，再落徽章。 */
+/* ctx 可省略：省略时沿用上次的 _rdCtx 做自动选卡判断（renderHive/renderGitPanel/
+ * renderPreview 等收尾调用——预览可用性是异步翻过来的，翻过来这次必须重选卡）。 */
 function rdTabsSync(ctx) {
   if (ctx) S._rdCtx = ctx;
-  if (ctx && !S.rdTabPin) {
-    // 对话页签可用性入签名：刚建的任务要等 state 刷进来 direct 才判定成立，
-    // chat 从不可用变可用时必须触发一次重新选卡（否则落在步骤/蜂巢不跳对话）
+  const c = ctx || S._rdCtx || {};
+  if (!S.rdTabPin) {
     const chatAvail = $("rd-chat") && !$("rd-chat").classList.contains("hidden");
-    const sig = (S.detailTaskKey || S.detailRunId || "") + "|" + (ctx.status || "") +
-      "|" + (ctx.gitState || "") + "|" + (ctx.running ? 1 : 0) + "|" + (chatAvail ? 1 : 0);
+    // 预览可用性入签名：网页成品是跑完才落盘的，从不可用变可用时要重选一次卡
+    const pvAvail = $("rd-preview") && !$("rd-preview").classList.contains("hidden");
+    const sig = (S.detailTaskKey || S.detailRunId || "") + "|" + (c.status || "") +
+      "|" + (c.gitState || "") + "|" + (c.running ? 1 : 0) + "|" + (chatAvail ? 1 : 0) +
+      "|" + (pvAvail ? 1 : 0);
     if (S.rdTabSig !== sig) {
       S.rdTabSig = sig;
       const avail = rdTabAvail();
@@ -4144,13 +4172,17 @@ function rdTabsSync(ctx) {
       // 直连任务的主问题是「继续聊什么、上一轮回答是什么」——默认把对话
       // 放在第一视线；编排/代码任务才默认落蜂巢，先看阶段与在岗步骤。
       // 没跑到终态时成果分区是空的，避免打开详情先看到白板。
-      const finishing = !ctx.running && ["done", "failed", "cancelled", "timeout"].includes(ctx.status);
+      const finishing = !c.running && ["done", "failed", "cancelled", "timeout"].includes(c.status);
       S.rdTab = (direct && avail.chat ? "chat" : null)
+        // 跑出了能打开的网页成品：第一视线给「预览」——这正是用户做完一个
+        // 前端任务最想看到的（借鉴对话式编程产品：跑完先看东西跑起来）。
+        // 直连任务的对话、待裁决的版本仍排在它前面：那两个是"要用户说话/动手"。
+        || (finishing && avail.preview ? "preview" : null)
         || (avail.hive ? "hive" : null)
         || (avail.chat ? "chat" : null)
-        || (ctx.running ? (avail.hive ? "hive" : "steps")
-          : (ctx.gitState === "isolated" && avail.git ? "git"
-            : (ctx.hasResult && finishing ? "result" : "steps")));
+        || (c.running ? (avail.hive ? "hive" : "steps")
+          : (c.gitState === "isolated" && avail.git ? "git"
+            : (c.hasResult && finishing ? "result" : "steps")));
     }
   }
   applyRdTabs();
@@ -4175,6 +4207,7 @@ function rdTabReset(pin) {
   S.rdTabSig = "";
   S.rdTabPin = !!pin;
   S._rdCtx = {};
+  pvReset();   // 预览也随详情目标清空：别家的 iframe/页签绝不带到新详情
   syncChatLogSpace(false);
   setRdMetaOpen(false);
 }
@@ -4269,6 +4302,9 @@ async function renderRunDetail() {
         : esc(t("本次运行没有生成报告") + (st ? t("（状态：") + st + t("）") : "") + t("；各步骤日志在「步骤」页签"))) +
       "</div>";
   }
+  // 网页成品预览：与成果同源双入口都走这里；无成功报告时也要重新判定可用性
+  // （换到没有网页成品的 run 必须把「预览」页签收起来，别留着上一家的 iframe）
+  renderPreview(id);
   // 成品文件双入口同源：主栏「成果」分区 + 检查器成品 TAB（列表上下文），
   // 详情上下文检查器让位后主栏是唯一可见面
   S.lastRunTask = rcTask || null;
@@ -4726,8 +4762,11 @@ window.pbUploadChapter = async function (taskId, platform) {
   if (!box.classList.contains("hidden")) { box.classList.add("hidden"); return; }
   box.classList.remove("hidden");
   box.innerHTML = '<div class="pb-loading">' + esc(t("正在列出章节文件…")) + "</div>";
-  let wd = "";
-  try { const tk = ((S.state || {}).tasks || []).find((x) => x.id === taskId); wd = (tk && tk.workdir) || ""; } catch (e) { /* 兜底空 */ }
+  let wd = "", pubTask = null;
+  try {
+    pubTask = ((S.state || {}).tasks || []).find((x) => x.id === taskId);
+    wd = (pubTask && pubTask.workdir) || "";
+  } catch (e) { /* 兜底空 */ }
   if (!wd) { box.innerHTML = '<div class="pb-err">' + esc(t("找不到任务工作目录")) + "</div>"; return; }
   let files = [];
   try {
@@ -4740,11 +4779,33 @@ window.pbUploadChapter = async function (taskId, platform) {
   }
   if (!files.length) { box.innerHTML = '<div class="pb-err">' + esc(t("工作目录里没有 .md 章稿")) + "</div>"; return; }
   files.sort((a, b) => (a.name > b.name ? 1 : -1));
-  box.innerHTML = '<div class="pb-hint">' + esc(t("选一章发送（表单填好后停，人工确认提交）；已成功发过的章会被台账拦下：")) + "</div>" +
-    files.map((f) =>
-      '<button class="ghost pb-ch-item" onclick="pbSendChapter(\'' + esc(taskId) + "', '" + platform +
-      '\',\'' + esc(f.name) + '\')" title="' + esc(f.name) + '">' + esc(f.name.split("/").pop()) + "</button>"
-    ).join("");
+  const item = (f) =>
+    '<button class="ghost pb-ch-item" onclick="pbSendChapter(\'' + esc(taskId) + "', '" + platform +
+    '\',\'' + esc(f.name) + '\')" title="' + esc(f.name) + '">' + esc(f.name.split("/").pop()) + "</button>";
+  const hint = '<div class="pb-hint">' + esc(t("选一章发送（表单填好后停，人工确认提交）；已成功发过的章会被台账拦下：")) + "</div>";
+  // 最高章号：让卷规划表铺到最后一章（否则超出显式卷表的章节会掉进「其他」）
+  let maxCh = 0;
+  files.forEach((f) => {
+    const n = chapterNumOf(f.name);
+    if (n > maxCh) maxCh = n;
+  });
+  const plan = volumePlanOf(pubTask, maxCh);
+  if (!plan.length) { box.innerHTML = hint + files.map(item).join(""); return; }
+  // 分卷：按卷分组列出可发章节（章号取自 chapter-NN.md）。未落入卷的文件归「其他」。
+  const groups = plan.map((v) => ({ v: v, files: [] }));
+  const rest = [];
+  files.forEach((f) => {
+    const n = chapterNumOf(f.name);
+    if (!n) { rest.push(f); return; }
+    const g = groups.find((x) => n >= x.v.first && (x.v.last == null || n <= x.v.last));
+    if (g) g.files.push(f); else rest.push(f);
+  });
+  box.innerHTML = hint + groups.filter((g) => g.files.length).map((g) => {
+    const label = t("第") + " " + g.v.vol + " " + t("卷") + (g.v.title ? " 《" + g.v.title + "》" : "");
+    return '<div class="pb-vol"><div class="pb-vol-head">' + esc(label) + "</div>" +
+      g.files.map(item).join("") + "</div>";
+  }).join("") + (rest.length ? '<div class="pb-vol"><div class="pb-vol-head">' +
+    esc(t("其他文件")) + "</div>" + rest.map(item).join("") + "</div>" : "");
 };
 
 window.pbSendChapter = async function (taskId, platform, relName) {
@@ -5232,7 +5293,7 @@ window.toggleInspector = function () {
   openInspector(key);
 };
 
-/* 检查器只属于「列表快捷预览」上下文：设置子页、新建表单、运行/任务详情一律收起。
+/* 检查器只属于「列表快捷预览」上下文：设置子页、快捷导航页、新建表单、运行/任务详情一律收起。
  * 详情页已铺开全部信息（蜂巢/步骤/成果/版本/圣经/指挥），检查器留着只会同屏
  * 出现两份标题/成品/Git——让它让位，但不丢选中，回到列表上下文自动滑回 */
 function syncInspectorVis() {
@@ -5244,11 +5305,12 @@ function syncInspectorVis() {
   // 主视图下正在看「要完成什么？」新建表单：不是任务上下文，不自动滑出。
   // （本函数只在模式切换时调用，不在轮询里——用户在表单页手动点树里的任务，
   //   openInspector 直接开，不会被这里关掉）
-  const onComposer = !document.body.classList.contains("settings-mode") &&
+  const onComposer = !S.mainPage && !document.body.classList.contains("settings-mode") &&
     !$("sub-tasks").classList.contains("hidden");
   // 主栏正开着运行/任务详情：详情页是全功能视图，检查器同屏只会重复
   const onDetail = !$("run-detail").classList.contains("hidden");
-  if (document.body.classList.contains("settings-mode") || onComposer || onDetail ||
+  // 主栏停在快捷导航页（概览/运行记录/自动化）：同设置子页，检查器让位不抢版面
+  if (document.body.classList.contains("settings-mode") || S.mainPage || onComposer || onDetail ||
       !S.inspKey || runsGone) {
     document.body.classList.remove("inspector-open");
     insp.classList.add("hidden");
@@ -5836,6 +5898,131 @@ async function loadArtifacts(runId) {
     mainBox.innerHTML = head + '<div class="file-chips">' + chips + "</div>"; }
 }
 
+/* ---------------- 网页成品预览（借鉴对话式编程产品的预览窗） ----------------
+ * 代码任务跑完，用户要的是「看到东西跑起来」，而不是逐个点开文件读代码。
+ * 左「运行」= 入口 HTML 的 iframe（后端 /preview/<run>/<令牌>/ 只读挂载工作
+ * 目录，令牌走路径段让 style.css / script.js 这些相对子资源也带上）；
+ * 右各文件页签 = 源码视图（复用 codeBlockHTML：行号+高亮，与成果预览同款）。
+ * 「刷新」重挂 iframe（改完文件不用退出详情页），「打开新窗口」给真全屏。
+ * 页签在无网页成品时整体隐藏（见 rdTabAvail），不打扰小说/普通任务。 */
+let pvRunId = null;      // 当前预览归属的 run（换 run 必须重挑入口与页签）
+let pvApp = null;        // 后端 /api/runs/<id>/preview 的返回（入口 + 文件清单 + base）
+let pvView = "run";      // "run" = 运行视图；否则是文件名
+let pvCodeSig = "";      // 代码视图去抖签名（轮询重画不重取同一个文件）
+
+function pvReset() {
+  pvRunId = null; pvApp = null; pvView = "run"; pvCodeSig = "";
+}
+
+/* 预览 iframe 的地址：base 已带令牌与尾部斜杠，相对路径交给 <base href> 解析 */
+function pvRunUrl() {
+  if (!pvApp || !pvApp.base) return "";
+  return urlAuth(pvApp.base + (pvApp.entry || ""));
+}
+
+function pvTabsHTML() {
+  const f = (pvApp && pvApp.files) || [];
+  const mk = (key, label, title) =>
+    '<button class="pv-tab' + (pvView === key ? " on" : "") + '" role="tab" ' +
+    'aria-selected="' + (pvView === key ? "true" : "false") + '" data-pv="' + esc(key) + '" ' +
+    'title="' + esc(title || label) + '">' + esc(label) + "</button>";
+  let h = mk("run", t("运行视图"), t("实时运行入口页面"));
+  for (const it of f) h += mk(it.name, it.name.split("/").pop(), it.name);
+  return h;
+}
+
+function pvBodyHTML() {
+  if (!pvApp || !pvApp.ok) return "";
+  if (pvView === "run") {
+    // 每次重挂 iframe 都换 src 尾参，绕开浏览器缓存：用户点「刷新」就是要看新代码
+    const src = pvRunUrl();
+    return '<iframe class="pv-frame" id="rd-pv-frame" src="' + esc(src) +
+      '" title="' + esc(t("运行预览")) + '" sandbox="allow-scripts allow-same-origin allow-forms allow-modals allow-popups allow-downloads"></iframe>';
+  }
+  return '<div class="pv-code"><div class="fp-vp" id="rd-pv-code">' +
+    '<div class="fp-hint">' + esc(t("正在读取文件…")) + "</div></div></div>";
+}
+
+async function pvLoadCode(name) {
+  const el = $("rd-pv-code");
+  if (!el) return;
+  const url = "/api/runs/" + encodeURIComponent(pvRunId) + "/file?name=" + encodeURIComponent(name);
+  try {
+    const r = await fetch(urlAuth(url), { headers: authHeaders() });
+    if (!r.ok) throw new Error("HTTP " + r.status);
+    const text = await r.text();
+    if (!el.isConnected || pvView !== name) return;   // 拉取期间切走了：过期响应不落盘
+    el.innerHTML = codeBlockHTML(text);
+  } catch (e) {
+    if (el.isConnected && pvView === name)
+      el.innerHTML = '<div class="fp-hint">' + esc(t("内容读取失败：") + (e.message || e)) + "</div>";
+  }
+}
+
+function pvDraw() {
+  const box = $("rd-preview");
+  if (!box) return;
+  if (!pvApp || !pvApp.ok) {
+    box.classList.add("hidden");
+    // iframe 一并摘掉：hidden 只是不可见，留在 DOM 里旧页面还在跑（定时器/
+    // 音频不会停）；换成无预览的 run 时更不能留上一家的残影
+    const body = $("rd-pv-body");
+    if (body) body.innerHTML = "";
+    return;
+  }
+  box.classList.remove("hidden");
+  $("rd-pv-tabs").innerHTML = pvTabsHTML();
+  const open = $("rd-pv-open");
+  if (open) open.href = urlAuth(pvRunUrl());
+  $("rd-pv-body").innerHTML = pvBodyHTML();
+  const hint = $("rd-pv-hint");
+  if (hint) {
+    // 工作目录路径给出来：预览的是哪个目录一目了然（与「成果」同款可点复制）
+    hint.innerHTML = '<span data-i18n-x>' + esc(t("预览工作目录：")) + "</span>" +
+      '<span class="pv-wd" title="' + esc(t("点击复制")) + '" onclick="copyText(this.textContent)">' +
+      esc(pvApp.workdir || "") + "</span>";
+    hint.classList.remove("hidden");
+  }
+  if (pvView !== "run") { pvCodeSig = pvView; pvLoadCode(pvView); }
+}
+
+window.pvGo = function (view) {
+  pvView = view;
+  pvCodeSig = "";
+  pvDraw();
+};
+window.pvReload = function () {
+  // 重挂 iframe：加时间戳绕缓存；代码视图则重取当前文件
+  if (pvView === "run") {
+    const f = $("rd-pv-frame");
+    if (f) f.src = urlAuth(pvRunUrl()) + (String(pvRunUrl()).includes("?") ? "&" : "?") + "_=" + Date.now();
+  } else {
+    pvLoadCode(pvView);
+  }
+};
+
+async function renderPreview(runId) {
+  const box = $("rd-preview");
+  if (!box) return;
+  if (!runId) { box.classList.add("hidden"); rdTabsSync(); return; }
+  if (pvRunId !== runId) { pvRunId = runId; pvApp = null; pvView = "run"; pvCodeSig = ""; }
+  let d = null;
+  try { d = await api("/api/runs/" + encodeURIComponent(runId) + "/preview"); }
+  catch (e) { d = null; }
+  // 过期闸门：拉取期间切了详情就丢弃响应（同 loadArtifacts 的双入口闸门）
+  if (pvRunId !== runId) return;
+  if (!$("run-detail") || $("run-detail").classList.contains("hidden")) { rdTabsSync(); return; }
+  pvApp = d || { ok: false };
+  const badge = document.querySelector('#rd-tabs .rd-tab[data-tab="preview"] .rd-badge');
+  if (badge) {
+    const n = pvApp && pvApp.ok ? (pvApp.files || []).length : 0;
+    badge.textContent = n ? String(n) : "";
+    badge.className = "rd-badge" + (n ? "" : " hidden");
+  }
+  pvDraw();
+  rdTabsSync();   // 预览可用性（rdTabAvail 认 #rd-preview 的显隐）随之更新
+}
+
 window.copyText = function (t) {
   // writeText 返回 promise，无头/非安全上下文会拒绝——必须挂 catch，否则
   // 未处理的 promise 拒绝会以控制台错误冒出来（测试断言 0 错误会被它打爆）
@@ -5854,36 +6041,117 @@ function stepsMatch(runs, current) {
     (r.steps || []).some((s) => s.log === current.rel));
 }
 
+/* 从章稿文件名取全书章号：chapter-07.md → 7；非章稿（或解析不出）返回 0。
+ * 只认「chapter-数字.md」这一约定（与后端 _CH_FILE_RE 一致）。 */
+function chapterNumOf(name) {
+  const base = String(name || "").split("/").pop();
+  if (!/^chapter-\d{1,4}\.md$/i.test(base)) return 0;
+  const digits = base.slice("chapter-".length, -3);
+  const n = parseInt(digits, 10);
+  return n > 0 ? n : 0;
+}
+
+/* 分卷规划表（前端只读副本）：把任务的 serial 分卷配置还原成
+ * [{vol, title, first, last}]，供发布页按卷分组列章。后端 volumes.py 是唯一
+ * 真源（写作与成书都走它）；这里只做「列清单」这一用途的最小推导，取不到
+ * 分卷配置时返回 []（调用方退化为平铺列表）。
+ *   serial.volumes        显式卷表：[{title, chapters|start/end}]（优先）
+ *   serial.volume_chapters 每卷章数：等长切卷（兜底）
+ * last=null 表示开放到书末。 */
+function volumePlanOf(task, upto) {
+  const s = (task || {}).serial || {};
+  const spec = Array.isArray(s.volumes) ? s.volumes : [];
+  let per = parseInt(s.volume_chapters, 10);
+  if (!(per >= 2)) per = 0;
+  if (!spec.length && !per) return [];
+  const plan = [];
+  let prevLast = 0;
+  const push = (title, first, last) => plan.push({ vol: plan.length + 1, title: title || "", first: first, last: last });
+  for (const it of spec) {
+    if (!it) continue;
+    const first = (it.start > 0) ? it.start : prevLast + 1;
+    let last = null;
+    if (it.end > 0) last = it.end;
+    else if (it.chapters > 0) last = first + it.chapters - 1;
+    if (last != null && last < first) last = first;
+    push(it.title, first, last);
+    if (last == null) return plan;     // 开放卷：后面不再有卷
+    prevLast = last;
+  }
+  // 显式卷表用尽后按每卷章数（或末卷长度）续卷，保证覆盖到 upto（与后端
+  // volumes.build_plan 同规则）——否则第 21 章起会掉进「其他文件」分组。
+  const fb = per || (plan.length && plan[plan.length - 1].last != null
+    ? plan[plan.length - 1].last - plan[plan.length - 1].first + 1 : 0);
+  if (fb > 0) {
+    let cursor = prevLast + 1;
+    const limit = (upto > 0) ? upto : (plan.length ? prevLast : fb);
+    while (cursor <= limit && plan.length < 200) {
+      push("", cursor, cursor + fb - 1);
+      cursor += fb;
+    }
+  }
+  return plan;
+}
+
+
 /* 连载章节评审卡：每章均分/是否达标/字数 + 逐项目标审稿结果（event_check，
  * 借鉴 AI-Novel-Writer：大纲要点逐项判定+正文证据）。非连载 run 无
- * chapter_scores 保持隐藏。 */
+ * chapter_scores 保持隐藏。
+ * 分卷：章节卡按卷分组显示（卷名来自 run.volumes / chapter_scores[].vol_title），
+ * 不分卷时退化为原来的平铺列表，视觉零变化。 */
 function renderChapterScores(run) {
   const box = $("rd-chapters");
   if (!box) return;
   const cs = run && run.chapter_scores;
   if (!Array.isArray(cs) || !cs.length) { box.classList.add("hidden"); return; }
   box.classList.remove("hidden");
-  box.innerHTML = '<h3 class="sec-title">' + t("章节评审") +
-    '<span class="tag">' + cs.filter((c) => c.passed).length + "/" + cs.length + " " + t("达标") + "</span></h3>" +
-    cs.map((c) => {
-      const means = c.means || {};
-      const dims = Object.keys(means).map((d) =>
-        '<span class="ch-dim' + (means[d] >= 7 ? "" : " low") + '">' + esc(d) + " " + means[d] + "</span>").join("");
-      const ev = (c.event_check || []).map((line) => {
-        const ok = /已完成/.test(line), bad = /未完成/.test(line);
-        return '<div class="ch-ev' + (ok ? " ok" : bad ? " bad" : "") + '">' + esc(line) + "</div>";
-      }).join("");
-      return '<div class="ch-row' + (c.passed ? "" : " fail") + '">' +
-        '<div class="ch-head"><b>' + esc(t("第") + " " + c.chapter + " " + t("章")) + '</b>' +
-        '<span class="ch-title">' + esc(c.title || "") + "</span>" +
-        '<span class="tag">' + (c.passed ? t("达标") : t("未达标")) + "</span>" +
-        (c.reused ? '<span class="tag">' + t("沿用") + "</span>" : "") +
-        '<span class="ch-meta">' + Number(c.words || 0) + t(" 字") +
-        (c.rounds > 1 ? " · " + c.rounds + t(" 轮") : "") + "</span></div>" +
-        (dims ? '<div class="ch-dims">' + dims + "</div>" : "") +
-        (ev ? '<div class="ch-evs"><span class="hint">' + t("逐项目标核对：") + "</span>" + ev + "</div>" : "") +
-        "</div>";
+  // 卷名表：优先 run.volumes（全书卷规划），退到章节自带的 vol_title
+  const volTitles = {};
+  (run.volumes || []).forEach((v) => { volTitles[v.vol] = v.title || ""; });
+  cs.forEach((c) => {
+    if (c.vol && c.vol_title && !volTitles[c.vol]) volTitles[c.vol] = c.vol_title;
+  });
+  const rowHtml = (c) => {
+    const means = c.means || {};
+    const dims = Object.keys(means).map((d) =>
+      '<span class="ch-dim' + (means[d] >= 7 ? "" : " low") + '">' + esc(d) + " " + means[d] + "</span>").join("");
+    const ev = (c.event_check || []).map((line) => {
+      const ok = /已完成/.test(line), bad = /未完成/.test(line);
+      return '<div class="ch-ev' + (ok ? " ok" : bad ? " bad" : "") + '">' + esc(line) + "</div>";
     }).join("");
+    return '<div class="ch-row' + (c.passed ? "" : " fail") + '">' +
+      '<div class="ch-head"><b>' + esc(t("第") + " " + c.chapter + " " + t("章")) + '</b>' +
+      '<span class="ch-title">' + esc(c.title || "") + "</span>" +
+      '<span class="tag">' + (c.passed ? t("达标") : t("未达标")) + "</span>" +
+      (c.reused ? '<span class="tag">' + t("沿用") + "</span>" : "") +
+      '<span class="ch-meta">' + Number(c.words || 0) + t(" 字") +
+      (c.rounds > 1 ? " · " + c.rounds + t(" 轮") : "") + "</span></div>" +
+      (dims ? '<div class="ch-dims">' + dims + "</div>" : "") +
+      (ev ? '<div class="ch-evs"><span class="hint">' + t("逐项目标核对：") + "</span>" + ev + "</div>" : "") +
+      "</div>";
+  };
+  const head = '<h3 class="sec-title">' + t("章节评审") +
+    '<span class="tag">' + cs.filter((c) => c.passed).length + "/" + cs.length + " " + t("达标") + "</span></h3>";
+  const hasVol = cs.some((c) => c.vol);
+  if (!hasVol) { box.innerHTML = head + cs.map(rowHtml).join(""); return; }
+  // 按卷分组（章号顺序，卷内保持原序）
+  const groups = [];
+  cs.forEach((c) => {
+    const v = c.vol || 0;
+    let g = groups.find((x) => x.vol === v);
+    if (!g) { g = { vol: v, rows: [] }; groups.push(g); }
+    g.rows.push(c);
+  });
+  box.innerHTML = head + groups.map((g) => {
+    const title = volTitles[g.vol] || "";
+    const nPass = g.rows.filter((c) => c.passed).length;
+    const label = g.vol ? (t("第") + " " + g.vol + " " + t("卷") + (title ? " 《" + title + "》" : "")) : t("未分卷");
+    return '<div class="ch-vol"><div class="ch-vol-head"><b>' + esc(label) + "</b>" +
+      '<span class="tag">' + nPass + "/" + g.rows.length + " " + t("达标") + "</span>" +
+      '<span class="ch-meta">' + t("第 ") + g.rows[0].chapter + "–" +
+      g.rows[g.rows.length - 1].chapter + t(" 章") + "</span></div>" +
+      g.rows.map(rowHtml).join("") + "</div>";
+  }).join("");
 }
 
 function renderPlan(run) {
@@ -6038,7 +6306,11 @@ async function toggleLog(runId, rel) {
       (S.detailTaskKey && S.lastRun && S.lastRun.task_id === S.detailTaskKey) ||
       ((S.inspData || {}).run || {}).id === runId;
     if (!owned) return;
-    pre.textContent = r.log || t("（等待输出…）");
+    // 占位符跟状态走：运行中才「等待输出」，终态没产出就是「无输出」——
+    // 否则内置合成器这类不落 CLI 日志的步骤结束后，一直挂「等待输出…」
+    // 假装还在产字（2026-09-22 merge 卡已结束却等待输出案）
+    pre.textContent = r.log ||
+      (r.step_status === "running" ? t("（等待输出…）") : t("（无输出）"));
     box.classList.remove("hidden");
     syncChatLogSpace(true);
     currentLog = { runId, rel };
@@ -6057,7 +6329,9 @@ async function toggleLog(runId, rel) {
         if (currentLog && currentLog.runId === runId && currentLog.rel === rel) {
           // 贴底跟随：用户滚到底部附近才自动滚到最新输出，回看历史不打扰
           const stick = pre.scrollHeight - pre.scrollTop - pre.clientHeight < 48;
-          pre.textContent = rr.log || t("（等待输出…）");
+          // 最后一帧常在步骤翻终态后才拉到：此刻仍无输出就该换「无输出」
+          pre.textContent = rr.log ||
+            (rr.step_status === "running" ? t("（等待输出…）") : t("（无输出）"));
           if (stick) pre.scrollTop = pre.scrollHeight;
           logLiveBadge(true);   // 每帧都打时间戳：内容没变也能证明通道活着
           if (rr.step_status && rr.step_status !== "running") {
@@ -6543,6 +6817,9 @@ function chatCleanText(raw) {
     .trim();
 }
 let chatSig = "";
+let chatLiveSig = "";        // 时间线实时增量签名（思考/正文长度变才重建 DOM）
+let chatLiveTimer = null;    // 运行中快轮询句柄（1.2s，见 scheduleChatLive）
+let chatLiveRunId = null;
 
 function chatEngineIsDirect(run) {
   const st = S.state || {};
@@ -6552,6 +6829,54 @@ function chatEngineIsDirect(run) {
     (!task && run && (run.engine === "direct" || run.type === "direct")));
 }
 
+/* 思考过程块（2026-09-22 用户诉求「把思考过程打印出来」）：内置智能体流式抓的
+ * 模型思维链 + 工具活动。运行中=常开实时块（逐句长出来）；结束后=折叠摘要
+ * （点开回看），不再让整轮只有三点打字动画。thinking 最长 2 万字（后端已截）。 */
+function chatThinkHTML(it) {
+  const running = it.status === "running";
+  const think = String(it.thinking || "").trim();
+  const acts = running ? (it.activity || []).slice(-4) : [];
+  if (!think && !acts.length) return "";
+  const shown = think.length > 12000 ? "…" + think.slice(-12000) : think;
+  if (running) {
+    return '<div class="chat-think live" data-think-live="1">' +
+      '<div class="ct-head"><span class="ct-dot" aria-hidden="true"></span>' +
+      esc(t("思考过程")) + '<span class="ct-live">' + esc(t("实时")) + "</span></div>" +
+      (shown ? '<div class="ct-body">' + esc(shown) + "</div>" : "") +
+      (acts.length ? '<div class="ct-acts">' +
+        acts.map((a) => "<div>" + esc(a) + "</div>").join("") + "</div>" : "") +
+      "</div>";
+  }
+  return '<details class="chat-think"><summary>' + esc(t("思考过程")) +
+    '<span class="ct-len">' + think.length + " " + esc(t("字")) + "</span></summary>" +
+    '<div class="ct-body">' + esc(think) + "</div></details>";
+}
+
+/* 运行中直连对话的快轮询：SSE/轮询最密 2s、闲时 8s，思考是逐句吐的——
+ * 1.2s 直拉时间线把增量打印出来。run 终态、切详情、分区隐藏即停。 */
+function stopChatLive() {
+  if (chatLiveTimer) { clearInterval(chatLiveTimer); chatLiveTimer = null; }
+  chatLiveRunId = null;
+}
+
+function scheduleChatLive(runId) {
+  if (chatLiveTimer && chatLiveRunId === runId) return;
+  stopChatLive();
+  chatLiveRunId = runId;
+  chatLiveTimer = setInterval(async () => {
+    const run = S.lastRun;
+    const flow = $("rd-chat-flow");
+    if (!run || run.id !== runId || !flow ||
+        !$("run-detail") || $("run-detail").classList.contains("hidden") ||
+        (run.status !== "running" && run.status !== "queued")) return stopChatLive();
+    try {
+      const data = await api("/api/runs/" + encodeURIComponent(runId) + "/timeline");
+      if (!S.lastRun || S.lastRun.id !== runId) return;   // 拉取期间切了详情
+      drawChatFlow(run, data, true);
+    } catch (e) { /* 网络抖动保留上一帧 */ }
+  }, 1200);
+}
+
 /* 对话正文：``` 围栏渲染成真代码块（复用 codeBlockHTML：行号+高亮+代码主题），
  * 其余文本保持 pre-wrap 原样（行内 `code` 与 **加粗** 轻量翻译）。模型输出先
  * 全量 esc 再插标记；未闭合围栏按代码块收尾，流式输出中途也不撒裸反引号。 */
@@ -6592,7 +6917,7 @@ async function renderChat(run, active) {
   box.classList.remove("hidden");
   const continueNote = $("rd-chat-continue-note");
   if (continueNote) continueNote.classList.toggle("hidden", !!active);
-  if (chatRunId !== run.id) { chatRunId = run.id; chatAtts = []; drawChatAtts(); chatSig = ""; }
+  if (chatRunId !== run.id) { chatRunId = run.id; chatAtts = []; drawChatAtts(); chatSig = ""; chatLiveSig = ""; }
   // 三件套回填：任务对象来自 S.state（渲染时已就位）；只在任务未在跑时回显，
   // 防止轮询把用户正在改的值弹回（select change 重绘弹回教训）
   if (run.status !== "running" && run.status !== "queued" && S.state) {
@@ -6607,12 +6932,29 @@ async function renderChat(run, active) {
   let data = null;
   try { data = await api("/api/runs/" + encodeURIComponent(run.id) + "/timeline"); }
   catch (e) { data = null; }
-  const items = (data && data.items) || [];
   if (!$("run-detail") || $("run-detail").classList.contains("hidden")) return;
   // 过期闸门：run 级（renderRunDetail）与任务级（drawTaskDetail）都经 S.lastRun
   // 指向当前详情正在展示的那条 run——拉取期间切了详情就丢弃响应
   if (!S.lastRun || S.lastRun.id !== runForFetch) return;
+  drawChatFlow(run, data, active);
+}
+
+/* 时间线渲染本体（renderChat 与运行中快轮询共用）：items → 气泡流。
+ * force=true 时跳过增量签名闸门（快轮询拿到的一定是新帧）。 */
+function drawChatFlow(run, data, active) {
+  const items = (data && data.items) || [];
   const flow = $("rd-chat-flow");
+  if (!flow) return;
+  // 增量闸门：时间线任何可见输入（状态/正文/思考/实时流/活动/追问/已送达）
+  // 都没变才跳过重建——保滚动位置与折叠态。维度少了不行：只看 live 长度的话，
+  // 没开思考的 CLI 步骤 running→done 两态签名相同，气泡会永远停在打字动画
+  const liveSig = items.reduce((a, it) => a + "|" + (it.kind || "") + ":" +
+    (it.status || "") + ":" + String(it.text || "").length + ":" +
+    String(it.thinking || "").length + ":" + String(it.stream || "").length + ":" +
+    (it.activity || []).length + ":" + (it.followups || []).length +
+    ":" + (it.consumed ? 1 : 0), "") + "|" + ((data && data.result) ? "r" : "");
+  if (liveSig === chatLiveSig && flow.childElementCount) return;
+  chatLiveSig = liveSig;
   // 时间显示统一收敛到 HH:MM（日期在 meta 条里，全量戳塞气泡就是噪音）；
   // 附件兼容 字符串路径 / {name|path} 对象 两种形态（对象直接拼会成 [object Object]）
   const chatTime = (v) => { const s = String(v || "");
@@ -6663,11 +7005,14 @@ async function renderChat(run, active) {
     // 开场「本轮做了什么：…」+「回复：」是模型复读协议措辞的元描述（提示词已禁，
     // 这里兜历史数据），只剥消息开头的第一行
     const body = chatCleanText(it.text);
-    // 运行中还没有正文：三点打字动画（终态无正文才落「无文本输出」占位）
+    // 运行中还没有正文：先给思考过程块（有思维链/工具活动时），正文位退化为
+    // 实时预览（stream 累计值）；两者皆无才是三点打字动画（终态无正文才落占位）
+    const liveText = it.status === "running" ? String(it.stream || "").trim() : "";
     const bodyHtml = body ? chatBodyHTML(body)
+      : (liveText ? '<div class="chat-body chat-live-text">' + esc(liveText.slice(-4000)) + "</div>"
       : (it.status === "running"
         ? '<span class="chat-typing" aria-label="' + esc(t("正在执行…")) + '"><i></i><i></i><i></i></span>'
-        : esc(t("（本轮无文本输出）")));
+        : esc(t("（本轮无文本输出）"))));
     // 元信息只留 名字+时间（+失败标记）：路由/供应商细节属于「步骤」页签，塞这里就是噪音
     const metaBad = it.status === "failed" || it.status === "cancelled";
     // 智能体回复：头像 + 整幅正文（不套气泡框），元信息小字落在正文下方；
@@ -6678,6 +7023,7 @@ async function renderChat(run, active) {
     return '<div class="chat-row">' +
       '<span class="chat-avatar" aria-hidden="true"><svg class="ico"><use href="#i-bee"></use></svg></span>' +
       '<div class="chat-bubble agent">' +
+      chatThinkHTML(it) +
       '<div class="chat-body">' + bodyHtml + "</div>" +
       '<div class="chat-meta">' + esc(it.who || "") + " " + esc(chatTime(it.at)) +
       (metaBad ? " · " + t(it.status === "failed" ? "失败" : "已取消") : "") + actsA + "</div>" +
@@ -6699,8 +7045,14 @@ async function renderChat(run, active) {
   if (hint) hint.textContent = active
     ? t("运行中：新消息会排队，本轮回答完后依次送达")
     : t("已结束：发送后将自动开新一轮接着做");
+  // 贴底跟随：用户滚到底部附近才自动滚到最新输出，回看历史不打扰
+  const stick = flow.scrollHeight - flow.scrollTop - flow.clientHeight < 80;
   flow.innerHTML = html || '<div class="hint">' + esc(t("还没有对话内容")) + "</div>";
-  flow.scrollTop = flow.scrollHeight;
+  if (stick) flow.scrollTop = flow.scrollHeight;
+  // 有运行中的直连步骤 → 快轮询把思考过程/正文增量打印出来；终态即停
+  const hasRunning = items.some((it) => it.kind === "agent" && it.status === "running");
+  if (active && hasRunning && run && run.id) scheduleChatLive(run.id);
+  else stopChatLive();
 }
 
 /* 执行结果卡（时间线收尾）：run 终态后的确定性摘要——成没成、跑多久、谁执行
@@ -7797,43 +8149,9 @@ function autoBindAll() {
   }
 }
 
-/* 厂商/模型停用·启用·删除后自动修复显式绑定：
- * 空链保持自动调度，不写入绑定；已有链失效时才直接落盘替代链。
- * 没有合适的推荐就保持原样，什么都不绑。绑定页上用户手改中的草稿（dirty）
- * 不碰；一处都没改成静默返回，不打扰停用/启用的操作反馈。 */
-let _autoRebindRunning = false, _autoRebindAgain = false;
-async function autoRebindSoon() {
-  if (_autoRebindRunning) { _autoRebindAgain = true; return; }
-  _autoRebindRunning = true;
-  try {
-    await poll();   // 拿停用/启用落盘后的最新 providers / bindings / catalog
-    let fixed = 0;
-    for (const c of (S.catalog || []).filter((x) => x.installed && x.orch_kind)) {
-      const st = bindSelById(c.id);
-      if (st.dirty) continue;   // 用户手改中，不覆盖草稿
-      const act = bindRepairAction(c, st, false);
-      if (!act) continue;
-      const b = (S.bindings || {})[c.id] || {};
-      try {
-        await api("/api/models/binding", { method: "POST", busy: false, body: JSON.stringify({
-          agent_id: c.id, provider_id: act[0].p,
-          chain: act.map((x) => ({ provider_id: x.p, model: x.m })),
-          difficulty_routing: !!b.difficulty_routing }) });
-        st.chain = act; st.dirty = false; st.key = chainKey(act);
-        fixed++;
-      } catch (e) { /* 单条失败不打断，等下次变更再补 */ }
-    }
-    if (fixed) {
-      S.catSig = null; S.bindSig = null;
-      render();
-      toast(t("厂商/模型变动，已自动重绑 %1 处。").replace("%1", fixed));
-    }
-  } catch (e) { /* 自动补绑失败静默：不打断用户的停用/启用操作 */ }
-  finally {
-    _autoRebindRunning = false;
-    if (_autoRebindAgain) { _autoRebindAgain = false; autoRebindSoon(); }
-  }
-}
+/* 厂商/模型停用·删除后不再自动改写绑定链（2026-09-22 用户拍板：不要去动
+ * 模型调度）——后端在停用/删除时已把死条目从链里剔除（modelhub._prune_binding_chains），
+ * 空链回落 CLI 默认；要补推荐用「一键推荐绑定」手动来。 */
 
 async function saveAllBindings() {
   const targets = (S.catalog || []).filter((c) => c.installed && c.orch_kind);
@@ -8355,6 +8673,7 @@ function flowForm(fid) {
     '<div class="field"><label>' + t("连载章节数（留空 = 单稿件）") + '</label><input id="fl-chapters" type="number" min="2" max="20" value="' + (f && f.serial ? f.serial.chapters : "") + '" placeholder="' + t("例：8") + '"></div>' +
     '<div class="field"><label>' + t("每章约字数") + '</label><input id="fl-words-per-ch" type="number" min="500" max="8000" step="100" value="' + (f && f.serial ? f.serial.words_per_chapter : "") + '" placeholder="' + t("例：2500") + '"></div>' +
     '<div class="field"><label>' + t("同章赛马稿件数") + '</label><input id="fl-variants" type="number" min="1" max="3" step="1" value="' + (f && f.serial ? (f.serial.variants || 1) : 1) + '" placeholder="' + t("1 = 关闭") + '"></div>' +
+    '<div class="field"><label>' + t("分卷：每卷章数（留空 = 不分卷）") + '</label><input id="fl-vol-chapters" type="number" min="2" max="200" step="1" value="' + (f && f.serial && f.serial.volume_chapters ? f.serial.volume_chapters : "") + '" placeholder="' + t("例：20") + '"></div>' +
     "</div>" +
     '<div class="field"><label>' + t("起草提示词（可选，占位符 __FILE__ __GOAL__ __CONTEXT__ __SKILLS__）") + '</label><textarea id="fl-draft" rows="3" placeholder="' + t("留空 = 内置通用模板") + '">' + esc(f && f.draft_prompt ? f.draft_prompt : "") + "</textarea></div>" +
     '<div class="field"><label>' + t("评审提示词（可选，占位符 __DIMKEYS__ __MANUSCRIPT__）") + '</label><textarea id="fl-critique" rows="3" placeholder="' + t("留空 = 内置通用模板") + '">' + esc(f && f.critique_prompt ? f.critique_prompt : "") + "</textarea></div>" +
@@ -8394,11 +8713,15 @@ async function saveFlow() {
     const rb = $("fl-rubric").value.split(/[,，、]/).map((s) => s.trim()).filter(Boolean);
     if (rb.length) payload.rubric = rb;
     const ch = parseInt($("fl-chapters").value, 10);
-    if (ch >= 2) payload.serial = {
-      chapters: ch,
-      words_per_chapter: parseInt($("fl-words-per-ch").value, 10) || 2500,
-      variants: Math.max(1, Math.min(3, parseInt($("fl-variants").value, 10) || 1)),
-    };
+    if (ch >= 2) {
+      payload.serial = {
+        chapters: ch,
+        words_per_chapter: parseInt($("fl-words-per-ch").value, 10) || 2500,
+        variants: Math.max(1, Math.min(3, parseInt($("fl-variants").value, 10) || 1)),
+      };
+      const vp = parseInt(($("fl-vol-chapters") || {}).value, 10);
+      if (vp >= 2) payload.serial.volume_chapters = vp;   // 流程默认分卷（任务级可覆盖）
+    }
     const dp = $("fl-draft").value.trim();
     if (dp) payload.draft_prompt = dp;
     const cp = $("fl-critique").value.trim();
@@ -8695,6 +9018,26 @@ function autoStatusTag(tsk) {
   return "";
 }
 
+/* 运行偏好标签：只显示「偏离默认」的那些（编排默认 auto、思考默认 standard），
+ * 否则每张卡都挂两颗没有信息量的胶囊，反而盖住真正要看的节奏与流程 */
+function autoPrefTags(tsk) {
+  const MODE = { auto: "自动", fast: "快速", expert: "专家", manual: "手动" };
+  const TH = { auto: "自动", low: "快速", standard: "标准", high: "深度" };
+  const out = [];
+  if (tsk.mode && tsk.mode !== "auto" && MODE[tsk.mode]) {
+    out.push(t("编排模式") + "：" + t(MODE[tsk.mode]));
+  }
+  if (tsk.thinking && tsk.thinking !== "standard" && TH[tsk.thinking]) {
+    out.push(t("思考程度") + "：" + t(TH[tsk.thinking]));
+  }
+  if (tsk.direct_provider_id) {
+    const p = directProviders().find((x) => x.id === tsk.direct_provider_id);
+    out.push(t("对话模型") + "：" + (p ? (p.name || p.id) : tsk.direct_provider_id) +
+      "/" + (tsk.direct_model || t("随厂商推荐")));
+  }
+  return out.map((s) => '<span class="tag">' + esc(s) + "</span>").join("");
+}
+
 function autoCardHtml(tsk) {
   const flow = tsk.flow ? flowById(tsk.flow) : null;
   return '<div class="card' + (tsk.enabled ? "" : " off") + '"><div class="head">' +
@@ -8704,7 +9047,8 @@ function autoCardHtml(tsk) {
     ' onchange="autoToggle(\'' + esc(tsk.id) + '\', this.checked)"><span>' + (tsk.enabled ? t("启用中") : t("已停用")) + "</span></label>" +
     "</div>" +
     '<div class="auto-kind">' + esc(autoKindText(tsk)) +
-    (flow ? '<span class="tag">' + t("流程：") + esc(t(flow.name)) + "</span>" : "") + "</div>" +
+    (flow ? '<span class="tag">' + t("流程：") + esc(t(flow.name)) + "</span>" : "") +
+    autoPrefTags(tsk) + "</div>" +
     '<div class="auto-prompt">' + esc(tsk.prompt) + "</div>" +
     '<div class="auto-meta">' +
     (tsk.enabled && tsk.next_run ? "<span>" + t("下次运行 ") + esc(tsk.next_run) + "</span>" : "") +
@@ -8747,6 +9091,8 @@ async function autoForm(task, tpl) {
   const f = task || {};
   const kind = f.kind || (tpl && tpl.suggested_kind) || "daily";
   const curFlow = f.flow || (tpl && tpl.suggested_flow) || "";
+  const mode = f.mode || "auto";
+  const thinking = f.thinking || "standard";
   const wdOpts = AUTO_WD.map((w, i) =>
     '<option value="' + i + '"' + (Number(f.weekday) === i || (!task && tpl && tpl.suggested_weekday === i) ? " selected" : "") + ">" + t(w) + "</option>").join("");
   const runAt = f.run_at ? String(f.run_at).replace(" ", "T").slice(0, 16) : "";
@@ -8770,6 +9116,18 @@ async function autoForm(task, tpl) {
         '<option value="' + esc(fl.id) + '"' + (fl.id === curFlow ? " selected" : "") + ">" + esc(t(fl.name)) + "</option>").join("") +
       "</select></div>" +
     "</div>" +
+    /* 运行偏好：与新建任务 Composer 的三颗胶囊同一套取值（编排模式/思考程度/
+       对话模型），到点拉起的运行与手动建的任务完全等价 */
+    '<div class="grid-2">' +
+    '<div class="field"><label>' + t("编排模式") + "</label>" +
+      autoPillHtml("au-mode", AUTO_MODES, mode) + "</div>" +
+    '<div class="field"><label>' + t("思考程度") + "</label>" +
+      autoPillHtml("au-thinking", AUTO_THINKINGS, thinking) + "</div>" +
+    "</div>" +
+    '<div id="au-model-field" class="field hidden"><label>' + t("对话模型（可选）") + '</label><div class="grid-2">' +
+      '<select id="au-direct-provider" aria-label="' + t("对话厂商") + '"></select>' +
+      '<select id="au-direct-model-name" aria-label="' + t("对话模型") + '"></select>' +
+      '</div><p class="hint">' + t("只对「直接执行」类流程生效；留「自动推荐」时按系统路由挑模型。") + "</p></div>" +
     '<div class="grid-2">' +
     '<div class="field au-fld" data-k="time"><label>' + t("时间") + '</label><input id="au-time" type="time" value="' +
       esc(f.time || (tpl && tpl.suggested_time) || "09:00") + '"></div>' +
@@ -8789,6 +9147,71 @@ async function autoForm(task, tpl) {
     kindSel.addEventListener("change", autoFormSyncKind);
     autoFormSyncKind();
   }
+  ["au-mode", "au-thinking"].forEach((id) => {
+    const sel = $(id);
+    if (sel) sel.addEventListener("change", () => syncCmpSelFace(id));
+    syncCmpSelFace(id);   // 弹框是动态插入的：选项文字要在这里同步一次
+  });
+  renderAuModelPicker(f.direct_provider_id || "", f.direct_model || "");
+  const flowSel = $("au-flow");
+  if (flowSel) {
+    flowSel.addEventListener("change", autoFormSyncFlow);
+    autoFormSyncFlow();
+  }
+}
+
+/* 运行偏好取值（真源 = automation.py 的 MODES/THINKINGS，选项文案与 Composer 共用） */
+const AUTO_MODES = [
+  { v: "auto", label: "自动（推荐）：按任务类型与风险动态决定步骤" },
+  { v: "fast", label: "快速：少步骤优先，先做确定性验收" },
+  { v: "expert", label: "专家：完整规划、多评审、失败修复与换将" },
+  { v: "manual", label: "手动：自行指定实现者与评审组" },
+];
+const AUTO_THINKINGS = [
+  { v: "standard", label: "标准：平衡质量与速度" },
+  { v: "auto", label: "自动：随任务难度调整" },
+  { v: "low", label: "快速：少推理、优先响应" },
+  { v: "high", label: "深度：更多推理与检查" },
+];
+
+/* 偏好胶囊：外观与 Composer 同款（透明原生 select 铺满整颗，短名由
+ * syncCmpSelFace 从选中 option 文本截取——语言切换后短名跟着换） */
+function autoPillHtml(id, opts, cur) {
+  return '<span class="cmp-sel"><select id="' + id + '" class="cmp-sel-native" aria-label="' +
+    esc(id === "au-mode" ? t("编排模式") : t("思考程度")) + '">' +
+    opts.map((o) => '<option value="' + o.v + '"' + (o.v === cur ? " selected" : "") +
+      ' data-i18n="' + esc(o.label) + '">' + esc(t(o.label)) + "</option>").join("") +
+    '</select><span class="cmp-sel-face" id="' + id + '-face"></span>' +
+    '<svg class="ico chev" aria-hidden="true"><use href="#i-chevron-r"></use></svg></span>';
+}
+
+/* 对话模型（仅 direct 流程）：复用 Composer 的厂商/模型数据源与重建规则 */
+function renderAuModelPicker(pid, model) {
+  const ps = $("au-direct-provider"), ms = $("au-direct-model-name");
+  if (!ps || !ms) return;
+  const provs = directProviders();
+  const keepP = pid != null ? pid : ps.value;
+  ps.innerHTML = '<option value="">' + t("自动推荐") + "</option>" + provs.map((p) =>
+    '<option value="' + esc(p.id) + '">' + esc(p.name || p.id) + "</option>").join("");
+  ps.value = provs.some((p) => p.id === keepP) ? keepP : "";
+  const fillModels = (keepM) => {
+    const p = provs.find((x) => x.id === ps.value);
+    const names = p ? (p.models || []).filter((m) => !m.hidden)
+      .map((m) => m.name).filter(Boolean) : [];
+    ms.innerHTML = '<option value="">' + t("随厂商推荐") + "</option>" + names.map((name) =>
+      '<option value="' + esc(name) + '">' + esc(name) + "</option>").join("");
+    ms.value = names.includes(keepM) ? keepM : "";
+  };
+  fillModels(model != null ? model : ms.value);
+  // 换厂商 = 旧模型名多半不在新厂商名录里：回「随厂商推荐」，不留悬空值
+  ps.onchange = () => fillModels("");
+}
+
+/* 流程 → 对话模型字段显隐：只有 direct 引擎流程用得上（其余流程模型由系统路由） */
+function autoFormSyncFlow() {
+  const flow = flowById(($("au-flow") || {}).value);
+  const box = $("au-model-field");
+  if (box) box.classList.toggle("hidden", !(flow && flow.engine === "direct"));
 }
 
 /* 类型 → 字段联动：daily/weekly→时间；weekly→星期几；interval→N 小时；once→未来时间 */
@@ -8813,6 +9236,17 @@ async function saveAutoForm(id) {
   if (!prompt) { toast(t("请填写执行内容"), true); return; }
   const kind = $("au-kind").value;
   const payload = { name, prompt, workdir: ($("au-workdir").value || "").trim(), kind, flow: $("au-flow").value };
+  // 运行偏好：与 Composer 同名字段，后端 _apply_run_prefs 再归一一次
+  payload.mode = $("au-mode") ? $("au-mode").value : "";
+  payload.thinking = $("au-thinking") ? $("au-thinking").value : "";
+  if (!$("au-model-field") || !$("au-model-field").classList.contains("hidden")) {
+    payload.direct_provider_id = $("au-direct-provider") ? $("au-direct-provider").value : "";
+    payload.direct_model = $("au-direct-model-name") ? $("au-direct-model-name").value : "";
+    if (payload.direct_model && !payload.direct_provider_id) {
+      toast(t("选择对话模型前请先选厂商"), true);
+      return;
+    }
+  }
   if (kind === "daily" || kind === "weekly") payload.time = $("au-time").value;
   if (kind === "weekly") payload.weekday = parseInt($("au-weekday").value, 10);
   if (kind === "interval") payload.interval_hours = parseInt($("au-interval").value, 10) || 0;
@@ -8891,7 +9325,7 @@ async function loadZentao() {
   tg("zt-autoresolve", cfg.auto_resolve);
   tg("zt-automerge", cfg.auto_merge);
   tg("zt-poll", cfg.poll_enabled);
-  set("zt-interval", cfg.interval_hours || 2);
+  set("zt-interval", cfg.interval_minutes || 5);
   S.ztProfiles = JSON.parse(JSON.stringify(cfg.product_profiles || []));
   renderZentaoProfiles();
   renderZentaoStatus();
@@ -9158,26 +9592,26 @@ function renderHooks() {
   if (!box) return;
   const list = S.hooks || [];
   if (empty) empty.classList.toggle("hidden", list.length > 0);
+  const evLabel = { task_start: t("任务开始"), message_submit: t("消息送达"), run_end: t("运行结束") };
   box.innerHTML = list.map((h, i) => {
-    const evName = { task_start: t("任务开始"), message_submit: t("消息送达"), run_end: t("运行结束") }[h.event] || h.event;
     return '<div class="card hook-card" data-i="' + i + '">' +
-      '<div class="hook-head">' +
-      '<input class="hook-name" value="' + esc(h.name || "") + '" placeholder="' + esc(t("名称")) + '" data-hf="name">' +
+      '<div class="hook-row">' +
+      '<input class="hook-name" value="' + esc(h.name || "") + '" placeholder="' + esc(t("钩子名称")) + '" data-hf="name">' +
       '<select class="hook-event" data-hf="event">' +
       ["task_start", "message_submit", "run_end"].map((ev) =>
         '<option value="' + ev + '"' + (h.event === ev ? " selected" : "") + ">" +
-        esc({ task_start: t("任务开始"), message_submit: t("消息送达"), run_end: t("运行结束") }[ev]) + "</option>").join("") +
+        esc(evLabel[ev]) + "</option>").join("") +
       "</select>" +
-      '<label class="switch" title="' + esc(t("启用")) + '"><input type="checkbox" data-hf="enabled"' +
-      (h.enabled ? " checked" : "") + '><span></span></label>' +
-      '<button type="button" class="ghost small" onclick="removeHook(' + i + ')">' + t("删除") + "</button>" +
       "</div>" +
       '<input class="hook-cmd mono" value="' + esc(h.cmd || "") + '" placeholder="' +
-      esc(t('命令，例：python E:\\proj\\hook.py --event {event}')) + '" data-hf="cmd">' +
-      '<div class="hook-foot">' +
-      '<span class="hint">' + esc(t("超时（秒）")) + '</span><input class="hook-timeout" type="number" min="1" max="120" value="' +
-      Number(h.timeout_s || 10) + '" data-hf="timeout_s">' +
+      esc(t('命令：python D:\\proj\\hook.py（stdin 收 JSON，stdout 回 {"inject":"文本"}）')) + '" data-hf="cmd">' +
+      '<div class="hook-row hook-foot">' +
+      '<label class="switch" title="' + esc(t("启用")) + '"><input type="checkbox" data-hf="enabled"' +
+      (h.enabled ? " checked" : "") + '><span></span><em>' + esc(t("启用")) + '</em></label>' +
+      '<span class="hook-foot-lab">' + esc(t("超时（秒）")) + '</span>' +
+      '<input class="hook-timeout" type="number" min="1" max="120" value="' + Number(h.timeout_s || 10) + '" data-hf="timeout_s">' +
       '<button type="button" class="ghost small" data-hook-test="' + i + '">' + t("测试") + "</button>" +
+      '<button type="button" class="ghost small" onclick="removeHook(' + i + ')">' + t("删除") + "</button>" +
       '<span class="hint hook-test-out"></span>' +
       "</div></div>";
   }).join("");
@@ -9262,6 +9696,13 @@ function zentaoTriText(c) {
   return t("排查：") + t(NAME[tri.side] || tri.side) + (by ? "（" + by + "）" : "");
 }
 
+/* 扫描间隔（分钟）→ 人类可读：整小时显示「2 小时」，否则「5 分钟」 */
+function ztIntervalText(mins) {
+  const n = Math.max(1, parseInt(mins, 10) || 5);
+  if (n % 60 === 0) return (n / 60) + t(" 小时一次");
+  return n + t(" 分钟一次");
+}
+
 function renderZentaoStatus() {
   const box = $("zentao-status");
   if (!box) return;
@@ -9270,7 +9711,7 @@ function renderZentaoStatus() {
   const cfg = v.config || {};
   const parts = [];
   parts.push(cfg.poll_enabled
-    ? (t("定时扫描已开启，每 ") + (cfg.interval_hours || 2) + t(" 小时一次")
+    ? (t("定时扫描已开启，每 ") + ztIntervalText(cfg.interval_minutes)
        + (v.next_scan ? t("，下次 ") + esc(v.next_scan) : ""))
     : t("定时扫描未开启（仍可手动「立即扫描」）"));
   if (v.last_scan) parts.push(t("上次扫描 ") + esc(v.last_scan));
@@ -9314,7 +9755,7 @@ function ztFormPayload() {
     auto_resolve: $("zt-autoresolve").checked,
     auto_merge: $("zt-automerge").checked,
     poll_enabled: $("zt-poll").checked,
-    interval_hours: parseInt($("zt-interval").value, 10) || 2,
+    interval_minutes: Math.max(5, parseInt($("zt-interval").value, 10) || 5),
   };
   const pw = ($("zt-password").value || "").trim();
   if (pw) payload.password = pw;
@@ -9734,6 +10175,8 @@ async function loadSettings() {
     if (tel && S.settings) tel.checked = S.settings.telemetry_errors !== false;
     const pet = $("set-pet");
     if (pet && S.settings) pet.checked = S.settings.pet_enabled !== false;
+    const cs = $("set-claude-sync");
+    if (cs && S.settings) cs.checked = S.settings.claude_config_sync !== false;
     syncPetModeSeg();
     syncPetSkinSeg();
     const wd = $("set-workdir"), hint = $("set-workdir-hint");
@@ -9918,7 +10361,8 @@ async function saveSettings() {
   const msg = $("settings-msg");
   try {
     const r = await api("/api/settings", { method: "POST", body: JSON.stringify({
-      max_concurrent_jobs: parseInt($("set-workers").value, 10) }) });
+      max_concurrent_jobs: parseInt($("set-workers").value, 10),
+      claude_config_sync: !$("set-claude-sync") || $("set-claude-sync").checked }) });
     S.settings = r.settings;
     if (msg) { msg.className = "msg ok"; msg.textContent = t("已保存：最大并发 ") + r.workers + t(" 个任务"); }
   } catch (e) {
@@ -10027,6 +10471,9 @@ function helpChapterBody(id) {
       '<p class="help-p">' + t("新建任务选「连载写作」类型，目标里写清书名、题材和计划篇幅（如「都市异能，先写 20 章」）。目标写得太笼统时，蜂群会先反问几个澄清问题再开工。开书前会先准备作品资料：书简介与分类标签可一键生成，按平台官方选项实抓，不用自己去查规则。") + '</p>' +
       '<h3 class="help-h3">' + t("每章怎么跑") + '</h3>' +
       '<p class="help-p">' + t("大纲确认后分章推进：起草 → 跨厂商评审 → 打磨 → 定稿。评审不过会自动换将重写，不带着问题过关；需要你拍板的地方会亮起「待裁决」。写作时详情页可实时预览章节，蜂巢页每个智能体一格，点开能看谁在干什么。") + '</p>' +
+      '<h3 class="help-h3">' + t("分卷（卷结构）") + '</h3>' +
+      '<p class="help-p">' + t("长篇建议分卷。两种给法：填「每卷章数」（默认预填 20，清空 = 不分卷），系统按全书章号自动切卷；或者直接写明各卷——在「指定卷结构」框里，也可以在任务目标里写「第一卷 少年初入江湖 第1-20章；卷二 风云再起 21-40章」，会自动识别。给了卷名的会原样沿用，不会被改写。") + '</p>' +
+      '<p class="help-p">' + t("分卷会贯穿全程：大纲按卷给卷名与卷弧光（本卷主线冲突与卷末高潮）；每章起草和评审都带着「第几卷第几章」，靠近卷末会提醒收拢支线、卷末章必须写出本卷高潮与卷末钩子；成书自动插入「第 X 卷《卷名》」分隔；详情页章节卡与发布页清单按卷分组，发章时一卷一卷地发。卷边界只看全书章号，所以续写批次会自动接上同一卷，不会把一卷劈成两半。") + '</p>' +
       '<h3 class="help-h3">' + t("中断了怎么办") + '</h3>' +
       '<p class="help-p">' + t("任务随时可续跑：已写章节都落了盘，续跑接着往下写，不会从头再来。单章失败会自动退避重试，任务状态里会显示「将于 HH:MM 自动续跑」，不用盯着等。") + '</p>' +
       '<h3 class="help-h3">' + t("递话与经验") + '</h3>' +
@@ -10458,12 +10905,51 @@ async function suStartupCheck() {
 
 /* ---------------------------------------------------------- 页签 & 初始化 */
 const TAB_TITLES = { overview: "概览", tasks: "任务", runs: "运行记录", automation: "自动化", zentao: "禅道 Bug 自动修复", __wxdigest: "群摘要", usage: "用量统计", agents: "本机智能体", models: "模型接入", bindings: "模型调度（可选）", skills: "经验库", knowledge: "知识库", market: "插件市场", orch: "编排设置", data: "数据与备份", appearance: "皮肤", about: "关于与更新" };
-const SET_TABS = new Set(Object.keys(TAB_TITLES));   // 设置导航里的子页（__phone 是弹框，不算）
+const SET_TABS = new Set(Object.keys(TAB_TITLES));   // 全部设置子页（__phone 是弹框，不算）
 
 function tabTitle(name) {
   return t(TAB_TITLES[name]) || t("设置");
 }
 
+/* 顶栏标题 + 面包屑：页名永远落在 #page-title（多处测试断言它的 textContent
+ * 精确等于页名，所以组名绝不能并进去），父级组名单独放 #crumb-root。
+ * 组名从左栏设置导航现读——找选中项上方最近的分组标签，HTML 增删导航项时
+ * 这里自动跟上，不需要维护一份硬编码映射。全页统一切标题只走这一个函数。 */
+function renderPageCrumb() {
+  const el = $("page-title");
+  if (!el) return;
+  const crumb = $("crumb-root");
+  const inDetail = !!(S.detailRunId || S.detailTaskKey);   // 详情自成语境，不挂父级
+  let group = "";
+  if (!inDetail && document.body.classList.contains("settings-mode")) {
+    const active = document.querySelector(".side-settings .set-item.active");
+    let n = active ? active.previousElementSibling : null;
+    while (n && !(n.classList && n.classList.contains("set-group"))) n = n.previousElementSibling;
+    if (n) group = (n.textContent || "").trim();
+  }
+  if (crumb) {
+    crumb.textContent = group;
+    crumb.classList.toggle("hidden", !group);
+  }
+  el.textContent = inDetail ? t("运行详情") : tabTitle(S.tab);
+}
+
+/* 左栏两套导航各管哪些页，一律从 index.html 现读——HTML 改了 JS 自动跟上，
+ * 不再各存一份常量、两处漂移：
+ *   .side-quick    快捷导航（概览/运行记录/自动化）→ main 形态：只换主栏内容，左栏任务树不动
+ *   .side-settings 设置导航                        → settings 形态：左栏整体换成设置导航
+ * 同一个页只应挂在其中一边（重复挂就是两处入口）。 */
+function mainPageSubs() {
+  const s = new Set();
+  document.querySelectorAll(".side-quick .qitem").forEach((b) => { if (b.dataset.page) s.add(b.dataset.page); });
+  return s;
+}
+function settingsNavSubs() {
+  const s = new Set();
+  document.querySelectorAll(".side-settings .set-item").forEach((b) => { if (b.dataset.sub) s.add(b.dataset.sub); });
+  return s;
+}
+
 
 
 /* ---------------------------------------------------------- 用量统计 */
@@ -10628,9 +11114,8 @@ function setLangBtn(lang) {
     paintHelpChrome();
     renderHelp();
   }
-  // 重画还在缓存里的页面标题
-  const title = $("page-title");
-  if (title && S.tab) title.textContent = tabTitle(S.tab);
+  // 重画还在缓存里的页面标题（语言切换后组名也要跟着换）
+  renderPageCrumb();
   // 同步顶栏的连接状态文案（applyI18n 不会处理 textContent 写入的）
   const cn = $("conn");
   if (cn) {
@@ -11289,11 +11774,79 @@ function ovRenderRecent() {
 }
 
 /* 运行状态经 SSE 推来：停在概览页时只重画依赖 runs 的两处（概览语 + 最近运行），
- * 不重新拉用量（台账不会因为一次运行状态变化就变） */
+ * 不重新拉用量（台账不会因为一次运行状态变化就变）。
+ * 侧栏常驻件（用量条 + 计数徽章）不跟着 S.tab 走，每次状态推送都要顺手刷新。 */
 function ovMaybeRefresh() {
-  if (S.tab !== "overview") return;
-  ovRenderHead();
-  ovRenderRecent();
+  if (S.tab === "overview") {
+    ovRenderHead();
+    ovRenderRecent();
+  }
+  sideUsageRefresh();
+}
+
+/* ---------------------------------------------------------- 侧栏常驻：用量条 + 计数徽章 */
+/* 用量条的数字来自真实台账，口径写死为「本月」（自然月，从 1 号起）。
+ * 刻意不做「用量 68%」那种进度条：CodeBee 没有套餐配额，没有分母可除，
+ * 编一个上限出来就是假数。这里陈列的是能直接去用量页核对的事实。 */
+async function sideUsageLoad() {
+  if (S.sideUsage && S.sideUsageAt && Date.now() - S.sideUsageAt < 60000) return;  // 1 分钟节流
+  try {
+    const u = await api("/api/usage?days=30");
+    S.sideUsage = u || null;
+    S.sideUsageAt = Date.now();
+  } catch (e) { /* 拉不到就保留上次的值，不把侧栏清空 */ }
+  sideUsageRender();
+}
+
+function sideUsageRefresh() {
+  sideUsageRender();          // 计数徽章靠 S.state，同步重画
+  sideUsageLoad();            // 台账按节流异步补
+}
+
+function sideUsageRender() {
+  sideUsageRenderRuns();
+  const box = $("side-usage");
+  if (!box) return;
+  const u = S.sideUsage;
+  const tok = $("su-tok"), cost = $("su-cost"), spark = $("su-spark");
+  if (!tok || !cost || !spark) return;
+  if (!u || !u.by_day || !u.by_day.length) {
+    tok.textContent = t("本月还没有调用");
+    cost.textContent = "";
+    spark.innerHTML = "";
+    return;
+  }
+  // 口径=自然月：days=31 只是取数窗口（任一自然月的已过天数都不超过它），
+  // 展示前必须按当前年月再滤一遍——不滤的话月初那几天会把上个月的尾巴算进"本月"，
+  // 标签写着本月、数字却是滚动 30 天，就是假口径
+  const now = new Date();
+  const ym = now.getFullYear() + "-" + String(now.getMonth() + 1).padStart(2, "0");
+  const monthDays = u.by_day.filter((d) => String(d.day || "").slice(0, 7) === ym);
+  const sum = (k) => monthDays.reduce((s, d) => s + (Number(d[k]) || 0), 0);
+  const calls = sum("calls");
+  if (!calls) {
+    tok.textContent = t("本月还没有调用");
+    cost.textContent = "";
+    spark.innerHTML = "";
+    return;
+  }
+  tok.textContent = fmtTok(sum("tokens")) + t(" tokens · ") + fmtTok(calls) + t(" 次");
+  cost.textContent = fmtUsd(sum("cost_usd"));
+  // 走势不受月界影响：近 14 天日序列，只是节奏参考，by_day 连续补零直接取尾
+  const days = u.by_day.slice(-14).map((d) => d.tokens || 0);
+  spark.innerHTML = days.length > 1 ? kpiSparkSvg(days, "accent") : "";
+}
+
+/* 计数徽章：挂在「运行记录」快捷导航项上，数当前在跑 + 排队的 run 数。
+ * 数据取自 S.state.runs（SSE 推送），不额外请求；为 0 时收起徽章不留空位。 */
+function sideUsageRenderRuns() {
+  const el = $("nav-badge-runs");
+  if (!el) return;
+  const runs = (S.state && S.state.runs) || [];
+  const n = runs.filter((r) => r.status === "running" || r.status === "queued").length;
+  el.textContent = n > 99 ? "99+" : String(n);
+  el.classList.toggle("hidden", n === 0);
+  el.title = n ? t("正在运行或排队 ") + n + t(" 个任务") : "";
 }
 
 /* ---------------------------------------------------------- 手机连接（扫码） */
@@ -11553,19 +12106,25 @@ function collapseDrawerIfMobile() {
   if (window.innerWidth < 900) document.body.classList.add("side-collapsed");
 }
 
-function switchTab(name) {
+/* 切页：主栏换成目标子页。shell 决定左栏形态——"main" 保持任务树、"settings" 换成
+ * 设置导航，缺省按目标页归哪套导航自动选（见 mainPageSubs/settingsNavSubs）。 */
+function switchTab(name, shell) {
   if (name === "__phone") { openPhoneConnect(); return; }  // 手机连接是弹框，不切页
   if (name === "__guide") { welcomeOpen(); return; }       // 帮助中心是弹层，不切页（设置导航「软件」组）
-  // 导航收进「设置」：进设置后左栏整体换成设置导航，内容铺满
+  // 形态由目标页决定：快捷导航页（概览/运行记录/自动化）走 main——只换主栏内容、
+  // 左栏任务树原地不动；其余页进设置导航。调用方可用 shell 显式覆盖（如已在设置里
+  // 点运行详情，仍要留在设置侧栏）。用户主动进设置时左栏一定会换成设置导航。
+  const inMain = (shell || (mainPageSubs().has(name) ? "main" : "settings")) === "main";
   S.tab = name;
-  if (SET_TABS.has(name)) localStorage.setItem("orch.setTab", name);
-  document.body.classList.add("settings-mode");
-  document.body.classList.remove("files-mode");   // 文件浏览页与设置导航互斥，别叠在左栏
+  S.mainPage = inMain ? name : "";   // 主栏停在哪个全局页；closeRun 靠它回到点开详情前那一页
+  if (settingsNavSubs().has(name)) localStorage.setItem("orch.setTab", name);
+  document.body.classList.toggle("settings-mode", !inMain);
+  document.body.classList.remove("files-mode");   // 文件浏览页与两套导航都互斥，别叠在左栏
   document.querySelectorAll(".page").forEach((p) => p.classList.toggle("hidden", p.id !== "page-settings"));
-  document.querySelectorAll(".set-item").forEach((b) => b.classList.toggle("active", b.dataset.sub === name));
+  document.querySelectorAll(".set-item").forEach((b) => b.classList.toggle("active", !inMain && b.dataset.sub === name));
+  document.querySelectorAll(".qitem").forEach((b) => b.classList.toggle("active", inMain && b.dataset.page === name));
   document.querySelectorAll("#page-settings .subpage").forEach((d) => d.classList.toggle("hidden", d.id !== "sub-" + name));
-  const title = $("page-title");
-  if (title) title.textContent = tabTitle(name);
+  renderPageCrumb();   // 页名 + 面包屑组名一起刷新（组名从左栏导航现读）
   if (name === "runs" && !S.detailRunId) closeRun();
   if (name === "agents") autoCheckUpdates();   // 进目录页自动查各 CLI 新版本
   if (name === "orch") { loadOrchestrator(); loadSettings(); }  // 进编排设置页拉取配置
@@ -11587,26 +12146,29 @@ function switchTab(name) {
   syncInspectorVis();    // 检查器只属于任务上下文：进设置子页自动收起
 }
 
-/* 退出设置：左栏恢复任务树，内容回到任务页 */
+/* 退出设置/回到新建任务表单：左栏恢复任务树，主栏回到任务页 */
 function exitSettings() {
   S.tab = "tasks";
+  S.mainPage = "";   // 主栏回到表单：不再是快捷导航页
   stopAutoPoll();   // 离开设置视图：自动化页轮询一并停掉
   document.querySelectorAll(".page").forEach((p) => p.classList.toggle("hidden", p.id !== "page-settings"));
   document.querySelectorAll("#page-settings .subpage").forEach((d) => d.classList.toggle("hidden", d.id !== "sub-tasks"));
   document.querySelectorAll(".set-item").forEach((b) => b.classList.toggle("active", b.dataset.sub === "tasks"));
+  document.querySelectorAll(".qitem").forEach((b) => b.classList.remove("active"));
   document.body.classList.remove("settings-mode");
   document.body.classList.remove("files-mode");
   cmpGreeting();   // 回到任务页：问候语刷新
-  const title = $("page-title");
-  if (title) title.textContent = tabTitle("tasks");
+  renderPageCrumb();
   collapseDrawerIfMobile();
   syncInspectorVis();    // 回到新建表单：不是任务上下文，检查器收起（点运行详情才会滑回）
 }
 
-/* 侧栏底部齿轮：直接进设置（左栏换成设置导航，不再弹菜单）。回到上次看的那页，默认编排设置 */
+/* 侧栏底部齿轮：直接进设置（左栏换成设置导航，不再弹菜单）。回到上次看的那页，默认编排设置。
+ * 只认设置导航里真实存在的子页——概览/运行记录/自动化已升为快捷导航，落回它们会停在
+ * 一个没有导航项高亮的设置页。 */
 function enterSettings() {
   const saved = localStorage.getItem("orch.setTab") || "";
-  switchTab(SET_TABS.has(saved) ? saved : "orch");
+  switchTab(settingsNavSubs().has(saved) ? saved : "orch", "settings");
 }
 
 window.openRun = openRun;
@@ -11634,6 +12196,7 @@ window.mgmt = mgmt;
 window.switchTab = switchTab;
 window.setUsageDays = setUsageDays;
 window.setOvDays = setOvDays;
+window.renderPageCrumb = renderPageCrumb;   // i18n.js 换语言后补画标题用
 window.jumpToRun = jumpToRun;
 window.saveProvider = saveProvider;
 window.delProvider = delProvider;
@@ -11748,6 +12311,14 @@ document.addEventListener("DOMContentLoaded", () => {
   };
   bindArtifactClicks($("rd-arts"));
   bindArtifactClicks($("insp-artifacts"));
+  // 预览子页签（运行 / 各文件）：委托一次，页签条整块重画也不用重绑
+  const pvTabs = $("rd-pv-tabs");
+  if (pvTabs) pvTabs.addEventListener("click", (e) => {
+    const b = e.target.closest(".pv-tab");
+    if (b && b.dataset.pv) window.pvGo(b.dataset.pv);
+  });
+  const pvReload = $("rd-pv-reload");
+  if (pvReload) pvReload.addEventListener("click", () => window.pvReload());
   // 动态详情区统一用 data 属性委托，日志路径/文件名不再拼进 inline JS。
   const detailOverview = $("rd-overview");
   if (detailOverview) detailOverview.addEventListener("click", (e) => {
@@ -11901,6 +12472,8 @@ document.addEventListener("DOMContentLoaded", () => {
   $("btn-notify-toggle").addEventListener("click", toggleNotifySound);
   // 命令面板：侧栏搜索行 / Ctrl+K 唤起（函数若尚未落地，跳过而不炸整个初始化）
   if (typeof bindCmdK === "function") bindCmdK();
+  // 侧栏常驻用量条：首屏先取一次台账（之后由 applyState 的节流刷新接手）
+  sideUsageRefresh();
   // 文件夹全部展开/收起（写回 localStorage，与手点单个 folder 同一套持久化）
   $("btn-side-expand").addEventListener("click", () => {
     const dlist = Array.from($("side-tasks").querySelectorAll("details.sdir"));
@@ -11955,10 +12528,11 @@ document.addEventListener("DOMContentLoaded", () => {
     if (e.target.closest("button, summary, .stask")) collapseDrawerIfMobile();
   });
   $("btn-new-task").addEventListener("click", exitSettings);
-  // 主侧栏快捷入口：直达概览 / 自动化 / 插件市场（switchTab 自己会切设置模式并挂载页面）
-  $("btn-q-overview").addEventListener("click", () => switchTab("overview"));
-  $("btn-q-automation").addEventListener("click", () => switchTab("automation"));
-  $("btn-q-market").addEventListener("click", () => switchTab("market"));
+  // 侧栏快捷导航：主栏换成目标页，左栏任务树不动（shell="main"）。
+  // 页面清单以 index.html .side-quick 的 data-page 为准，这里逐项绑 id。
+  $("btn-q-overview").addEventListener("click", () => switchTab("overview", "main"));
+  $("btn-q-runs").addEventListener("click", () => switchTab("runs", "main"));
+  $("btn-q-automation").addEventListener("click", () => switchTab("automation", "main"));
   bindCtxMenus();
   bindInspector();
   if (window.innerWidth < 900) document.body.classList.add("side-collapsed");