codebee 0.1.5 → 0.1.7

package/app/ui/app.js

@@ -2,7 +2,7 @@
 "use strict";
 
 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, inspKey: null, inspData: null, inspSig: "", inspAt: 0, inspTab: "git", inspAutoSig: "", rdTab: null, rdTabSig: "", rdTabPin: false, _rdCtx: {} };
+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: {} };
 
 /* ---------------------------------------------------------- 任务类型（流程） */
 async function loadFlows() {
@@ -97,10 +97,17 @@ function onTypeChange() {
   const engine = flow ? flow.engine : "code";
   const isReview = engine === "review";
   const isDirect = engine === "direct";
-  const codeOnly = $("f-code-only"), reviewOnly = $("f-review-only");
+  const codeOnly = $("f-code-only"), reviewOnly = $("f-review-only");
   // 直连：验证命令与评审参数都不适用，两块一起收起（目标+附件即全部输入）
-  if (codeOnly) codeOnly.classList.toggle("hidden", isReview || isDirect);
-  if (reviewOnly) reviewOnly.classList.toggle("hidden", !isReview);
+  if (codeOnly) codeOnly.classList.toggle("hidden", isReview || isDirect);
+  if (reviewOnly) reviewOnly.classList.toggle("hidden", !isReview);
+  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 el = $(id);
+    if (el) el.value = "";
+  });
   const goal = $("f-goal");
   if (goal && flow && flow.goal_hint) goal.placeholder = t(flow.goal_hint);
   if (isReview && flow) {
@@ -110,12 +117,16 @@ function onTypeChange() {
     const saved = ($("f-rubric").value || "").trim();
     if (!saved && flow.rubric) $("f-rubric").value = flow.rubric.join(", ");
     // 连载参数预填（用户可改/可清空 = 单稿件模式）
-    if (flow.serial) {
-      if (!$("f-chapters").value) $("f-chapters").value = flow.serial.chapters || "";
-      if (!$("f-words-per-ch").value) $("f-words-per-ch").value = flow.serial.words_per_chapter || "";
-    }
-  }
+    if (flow.serial) {
+      if (!$("f-chapters").value) $("f-chapters").value = flow.serial.chapters || "";
+      if (!$("f-words-per-ch").value) $("f-words-per-ch").value = flow.serial.words_per_chapter || "";
+    } else clearSerialFields();
+  } else {
+    // 隐藏控件仍保留 DOM 值；换流程时清理，避免章节/圣经状态污染下一次提交。
+    clearSerialFields();
+  }
   renderImplSelects();
+  refreshEstimate();
 }
 
 /* 快捷类型 chips（Composer 框下方）：内置流程一键选定，选中态跟 #f-type 走 */
@@ -149,6 +160,28 @@ function cmpGreeting() {
     : "晚上好呀，有什么想让我帮忙的吗");
 }
 
+/* 开跑前成本预估（借鉴 omnigent 的 pre-run estimate）：读台账同类任务给量级参考。
+ * 无样本/请求失败都保持隐藏；快速切类型用序号丢弃过期响应。 */
+let _estSeq = 0;
+async function refreshEstimate() {
+  const el = $("cmp-estimate");
+  const flowId = ($("f-type") || {}).value || "";
+  if (!el) return;
+  const seq = ++_estSeq;
+  try {
+    const d = await api("/api/usage/estimate?type=" + encodeURIComponent(flowId) + "&days=90");
+    if (seq !== _estSeq) return;
+    if (!d || !(d.samples > 0)) { el.classList.add("hidden"); el.textContent = ""; return; }
+    const tk = "≈" + fmtTok(d.median_tokens) + " tokens";
+    const tail = "（" + t("近{0}天 · {1}次同类", d.days || 90, d.samples) + "）";
+    const cost = (d.median_cost_usd || 0) > 0 ? " · ≈$" + (d.median_cost_usd).toFixed(2) : "";
+    el.textContent = t("预估：≈{0}{1}", tk, cost) + tail;
+    el.classList.remove("hidden");
+  } catch (e) {
+    if (seq === _estSeq) { el.classList.add("hidden"); el.textContent = ""; }
+  }
+}
+
 /* ---------------------------------------------------------- 本机身份与鉴权 */
 function clientId() {
   let id = localStorage.getItem("orch.client");
@@ -567,7 +600,9 @@ function renderHealthBanner(health) {
   el.className = "health-banner alerting";
   el.title = alerts.map((p) =>
     p.provider + (p.model ? " · " + p.model : "") +
-    t("：连续失败 ") + p.consecutive_failures + t(" 次（") + (p.last_error || t("未知错误")) + t("）")
+    (p.static
+      ? t("：") + (p.last_error || t("未知错误"))
+      : t("：连续失败 ") + p.consecutive_failures + t(" 次（") + (p.last_error || t("未知错误")) + t("）"))
   ).join("\n");
   if (!_healthBeeped) { _healthBeeped = true; beepAttention(); }
 }
@@ -575,7 +610,7 @@ function renderHealthBanner(health) {
 function healthBannerText(health) {
   return ((health && health.alerts) || []).map((p) => {
     const m = p.model ? " · " + p.model : "";
-    return "⚠ " + p.provider + m + " " + t("连接异常");
+    return "⚠ " + p.provider + m + " " + (p.static ? t("绑定链失效") : t("连接异常"));
   }).join(t("　"));
 }
 
@@ -584,19 +619,21 @@ function healthBannerClick() {
   if (!alerts.length) return;
   const rows = alerts.map((p) => {
     const model = p.model ? " · " + p.model : "";
-    return "<div style='margin-bottom:10px'>" +
-      "<b>" + esc(p.provider) + (p.model ? " · " + esc(p.model) : "") + "</b>" +
+    const statLine = p.static ? "" :
       "<div style='opacity:.75;font-size:12px;margin-top:2px'>" +
       t("连续失败") + " " + p.consecutive_failures + " " + t("次 · 首次失败 ") + (p.first_fail_at || "-") +
-      "</div>" +
+      "</div>";
+    return "<div style='margin-bottom:10px'>" +
+      "<b>" + esc(p.provider) + (p.model ? " · " + esc(p.model) : "") + "</b>" +
+      statLine +
       "<div style='color:#dc2626;font-size:12px;margin-top:2px;word-break:break-all'>" +
       esc(p.last_error || "") + "</div></div>";
   }).join("");
   const pid0 = alerts[0].provider_id || "";
   const model0 = alerts[0].model || "";
   const foot =
-    (model0 ? "<button class='btn ghost' onclick=\"healthDisableModel('" + esc(pid0) + "','" + esc(model0) + "')\">" + t("禁用该模型") + "</button>" : "") +
-    "<button class='btn ghost' onclick=\"healthDisableProvider('" + esc(pid0) + "')\">" + t("禁用该厂商") + "</button>" +
+    (pid0 && model0 ? "<button class='btn ghost' onclick=\"healthDisableModel('" + esc(pid0) + "','" + esc(model0) + "')\">" + t("禁用该模型") + "</button>" : "") +
+    (pid0 ? "<button class='btn ghost' onclick=\"healthDisableProvider('" + esc(pid0) + "')\">" + t("禁用该厂商") + "</button>" : "") +
     "<button class='btn ghost' onclick=\"healthOp('silence')\">" + t("静默本次告警") + "</button>" +
     "<button class='btn ghost' onclick=\"healthOp('reset')\">" + t("手动标记恢复") + "</button>" +
     "<button class='primary' onclick='closeModal()'>" + t("关闭") + "</button>";
@@ -640,6 +677,7 @@ async function healthDisableModel(pid, model) {
     S.provSig = "";
     closeModal(); render(); loadOrchestrator();
     toast(t("已禁用模型 {0} · {1}，链降级自动跳过；绑定页可重新启用").replace("{0}", pid).replace("{1}", model));
+    autoRebindSoon();
   } catch (e) {
     toast(t("操作失败：") + e.message, true);
   }
@@ -663,6 +701,7 @@ async function healthDisableProvider(pid) {
     S.provSig = "";
     closeModal(); render(); loadOrchestrator();
     toast(t("已禁用厂商 {0}：链降级自动跳过，绑定页可重新启用").replace("{0}", pid));
+    autoRebindSoon();
   } catch (e) {
     toast(t("操作失败：") + e.message, true);
   }
@@ -848,19 +887,19 @@ function renderBindings() {
     }).join("");
     const bound = provs.find((p) => p.id === b.provider_id);
     const offWarn = bound && bound.enabled === false
-      ? '<p class="hint warn">' + t("该供应商已停用：编排时不会注入它，将回落为 CLI 默认配置（模型链也不会生效）。") + '</p>' : "";
+      ? '<p class="hint warn">' + t("该供应商已停用：编排时不会注入它，模型链因此失效时相关步骤会直接判失败。") + '</p>' : "";
     const protoWarn = bound && !bindable.some((p) => p.id === bound.id)
       ? '<p class="hint warn">' + t("该供应商协议为 ") + esc(protoLabel(bound)) +
-        t("，当前没有可注入的 CLI，编排时会回落为 CLI 默认配置。") + '</p>' : "";
-    // 供应商停用但链上勾选了它家模型：链条目在解析时也会被整条跳过，
-    // 链空了照样回落本机默认——这是 2026-09-16 配额事故的隐藏形态，单说
-    // 「供应商下拉」警告不够，链本身的死活也要点名。
+        t("，当前没有可注入的 CLI，编排时相关步骤会直接判失败。") + '</p>' : "";
+    // 供应商停用但链上勾选了它家模型：链条目在解析时也会被整条跳过，链空了
+    // 相关步骤会直接判失败（2026-09-17 起；此前的静默回落本机默认正是 2026-09-16
+    // 配额事故的隐藏形态）——单说「供应商下拉」警告不够，链本身的死活也要点名。
     const chainDead = bindChain(b).some((c2) => c2.p && (() => {
       const pv = provs.find((p) => p.id === c2.p);
       return !pv || pv.enabled === false;
     })());
     const chainWarn = (!bound || bound.enabled !== false) && chainDead
-      ? '<p class="hint warn">' + t("模型链里有已停用/已删除的供应商：这些条目解析时会被跳过，链可能因此整体失效。") + '</p>' : "";
+      ? '<p class="hint warn">' + t("模型链里有已停用/已删除的供应商：这些条目解析时会被跳过，链可能因此整体失效，相关步骤将判失败。") + '</p>' : "";
     return '<div class="card"><div class="head"><span class="name">' + esc(c.name) + "</span>" +
       '<span class="tag">' + esc(c.orch_kind) + "</span></div>" +
       '<div class="field"><label>' + t("供应商") + '</label><select id="bindprov-' + esc(c.id) + '">' + opts + "</select></div>" +
@@ -964,6 +1003,7 @@ 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;
@@ -1150,6 +1190,7 @@ 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 写盘成功界面也看不到。
@@ -1359,6 +1400,7 @@ 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); }
@@ -1425,6 +1467,7 @@ 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();
@@ -1443,6 +1486,7 @@ 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();
@@ -1466,7 +1510,8 @@ async function refreshAllModels() {
     btn.disabled = false; btn.classList.remove("loading");
     btn.title = t("全部重新拉取模型列表");
   }, 1500);
-  setTimeout(poll, 2500); setTimeout(poll, 8000);
+  setTimeout(poll, 2500);
+  setTimeout(autoRebindSoon, 8000);   // 模型列表落盘后推荐源才完整，补绑一次
 }
 
 async function refreshProviderModels(id) {
@@ -1477,7 +1522,7 @@ async function refreshProviderModels(id) {
     else toast(t("已获取模型列表 · wire 适配测试后台进行中"));
   } catch (e) { toast(t("获取失败：") + e.message, true); }
   poll();
-  setTimeout(poll, 4000);  // 后台探测落盘后补一轮，适配徽标及时出现
+  setTimeout(autoRebindSoon, 4000);   // 模型列表落盘后补绑一次（后台 wire 探测同步进行）
 }
 
 /* 供应商编辑卡：协议可选「自动」；显式选定时它是主协议（用于需要唯一协议的
@@ -1533,6 +1578,7 @@ 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];
@@ -1596,6 +1642,7 @@ async function doAddProvider() {
     S.modelsSig = null;
     closeModal();
     poll();
+    autoRebindSoon();   // 新增即启用：马上给空链/死链一次推荐机会
     if (p && body.api_key) refreshProviderModels(p.id);  // 有密钥才自动拉模型列表
   } catch (e) {
     res.textContent = t("保存失败：") + e.message;
@@ -1691,7 +1738,7 @@ async function doImport() {
     btn.textContent = t("完成");
     btn.disabled = false;
     btn.onclick = closeModal;
-    if (r.imported) { S.selProv = null; S.modelsSig = null; poll(); }
+    if (r.imported) { S.selProv = null; S.modelsSig = null; poll(); autoRebindSoon(); }
   } catch (e) {
     $("import-result").innerHTML = '<div class="msg bad">' + t("导入失败：") + esc(e.message) + "</div>";
     btn.disabled = false; btn.textContent = t("导入选中");
@@ -1756,18 +1803,39 @@ function renderImplSelects() {
   }
 }
 
-async function createTask() {
-  const msg = $("create-msg");
+async function createTask() {
+  if (S.creatingTask) return;
+  S.creatingTask = true;
+  const submit = $("btn-create");
+  if (submit) {
+    submit.disabled = true;
+    submit.setAttribute("aria-busy", "true");
+  }
+  const resetSubmit = () => {
+    S.creatingTask = false;
+    if (submit) {
+      submit.disabled = false;
+      submit.removeAttribute("aria-busy");
+    }
+  };
+  const msg = $("create-msg");
   msg.className = "msg"; msg.textContent = t("提交中…");
   const payload = {
     type: $("f-type").value,
     mode: $("f-mode").value,
     title: $("f-title").value.trim(),
     goal: $("f-goal").value.trim(),
-    context: $("f-context").value.trim(),
-    workdir: $("f-workdir").value.trim(),
-  };
-  if (!payload.workdir) delete payload.workdir;  // 留空 → 服务端用「默认保存路径」（编排设置可改）
+    context: $("f-context").value.trim(),
+    workdir: $("f-workdir").value.trim(),
+  };
+  if (!payload.goal) {
+    msg.className = "msg err";
+    msg.textContent = t("请先填写目标");
+    $("f-goal").focus();
+    resetSubmit();
+    return;
+  }
+  if (!payload.workdir) delete payload.workdir;  // 留空 → 服务端用「默认保存路径」（编排设置可改）
   else unhideSideDir(payload.workdir);           // 在已移除的目录新建任务 → 自动恢复显示
   if (payload.mode === "manual") payload.implementer = $("f-impl").value;
   // 附件与代码版本：任务创建时服务端把待提交附件移入 _attachments/ 并注入上下文
@@ -1785,7 +1853,8 @@ async function createTask() {
     payload.resume = { agent: resumeAgent, session: sid,
       preview: opt ? opt.textContent : "", project: (hit && hit.project) || "" };
   }
-  const _eng = (flowById(payload.type) || {}).engine;
+  const flow = flowById(payload.type) || {};
+  const _eng = flow.engine;
   if (_eng === "code") {
     payload.verify_command = $("f-verify").value.trim();
   } else if (_eng === "direct") {
@@ -1797,11 +1866,18 @@ async function createTask() {
     const rubric = $("f-rubric").value.trim();
     if (rubric) payload.rubric = rubric.split(/[,，、]/).map((s) => s.trim()).filter(Boolean);
     const ch = parseInt($("f-chapters").value, 10);
-    if (ch >= 2) payload.serial = {
-      chapters: ch,
-      words_per_chapter: parseInt($("f-words-per-ch").value, 10) || 2500,
-      variants: Math.max(1, Math.min(3, parseInt($("f-variants").value, 10) || 1)),
-    };
+    if (ch >= 2) {
+      payload.serial = {
+        chapters: ch,
+        words_per_chapter: parseInt($("f-words-per-ch").value, 10) || 2500,
+        variants: Math.max(1, Math.min(3, parseInt($("f-variants").value, 10) || 1)),
+      };
+    } else if (flow.serial) {
+      // 显式 null 覆盖 serial_novel 的流程默认，空章节就是单稿件。
+      payload.serial = null;
+    }
+    const initialBible = ($("f-bible") || {}).value ? $("f-bible").value.trim() : "";
+    if (initialBible && flow.serial && payload.serial) payload.story_bible = initialBible;
     const critics = Array.from($("f-critics").querySelectorAll("input:checked")).map((i) => i.value);
     if (critics.length) payload.critics = critics;
   }
@@ -1813,11 +1889,14 @@ async function createTask() {
     try { await refreshState(); } catch (e) { /* 刷失败等轮询兜底 */ }
     jumpToRun(r.run_id);
     $("f-goal").value = "";
+    if ($("f-bible")) $("f-bible").value = "";
     S.atts = []; renderAttachChips();   // 附件已移交任务待提交区，清空本地列表
-  } catch (e) {
-    msg.className = "msg err"; msg.textContent = e.message;
-  }
-}
+  } catch (e) {
+    msg.className = "msg err"; msg.textContent = e.message;
+  } finally {
+    resetSubmit();
+  }
+}
 
 /* ---------------------------------------------------------- 附件（截图/文件） */
 /* 待提交附件：选中/粘贴即上传到服务端 pending 区，创建任务时随 payload 落盘
@@ -2087,44 +2166,59 @@ function openCtxMenu(x, y, items) {
   };
 }
 
-function closeCtxMenu() {
-  const menu = $("ctx-menu");
-  if (menu && !menu.classList.contains("hidden")) menu.classList.add("hidden");
-}
-
-function bindCtxMenus() {
+function closeCtxMenu() {
+  const menu = $("ctx-menu");
+  if (menu && !menu.classList.contains("hidden")) menu.classList.add("hidden");
+}
+
+/* 任务行的「⋯」与右键共用同一组动作，避免两个入口越改越不一样。
+ * det 是 .stask 元素；菜单位置由调用方提供，缺省时贴在行右下角。 */
+function taskContextItems(det) {
+  const taskId = det && det.dataset ? (det.dataset.task || "") : "";
+  const runId = det && det.dataset ? (det.dataset.run || "") : "";
+  const items = [];
+  if (runId) items.push({ label: t("打开详情"), fn: () => sideOpenRun(runId) });
+  if (taskId) {
+    items.push("-");
+    items.push({ label: t("打开工作目录"), fn: () => revealPath("tasks", taskId, true) });
+    items.push({ label: t("复制工作目录路径"), fn: () => revealPath("tasks", taskId, false) });
+    if (runId) items.push({ label: t("复制日志目录路径"), fn: () => revealPath("runs", runId, false) });
+    const st = det.dataset.status || "";
+    if (st === "failed" || st === "cancelled") items.push({ label: t("↻ 继续任务"), fn: () => retryTask(taskId) });
+    items.push({ label: (st === "failed" || st === "cancelled") ? t("✎ 编辑重试") : t("基于此任务新建"),
+      fn: () => newFromTask(taskId) });
+    const sTask = ((S.state || {}).tasks || []).find((x) => x.id === taskId);
+    if (sTask && sTask.serial && st !== "running" && st !== "queued")
+      items.push({ label: t("继续连载（新任务）"), fn: () => continueSerial(taskId) });
+    items.push({ label: t("重命名任务"), fn: () => renameTask(taskId) });
+    const archived = archivedTaskIds().has(taskId);
+    items.push({ label: archived ? t("取消归档") : t("归档"), fn: () => archiveTask(taskId, !archived) });
+    items.push({ label: t("删除任务"), danger: true, fn: () => deleteTask(taskId) });
+  } else if (runId) {
+    items.push("-");
+    items.push({ label: t("复制日志目录路径"), fn: () => revealPath("runs", runId, false) });
+    items.push({ label: t("删除记录"), danger: true, fn: () => deleteRun(runId) });
+  }
+  return items;
+}
+
+window.openTaskActions = function (det, ev) {
+  if (!det) return;
+  const r = det.getBoundingClientRect();
+  const x = ev && Number.isFinite(ev.clientX) ? ev.clientX : r.right - 8;
+  const y = ev && Number.isFinite(ev.clientY) ? ev.clientY : r.bottom;
+  openCtxMenu(x, y, taskContextItems(det));
+};
+
+function bindCtxMenus() {
   // 侧栏任务树：右键任务 → 详情/目录/重试/重命名/归档/删除；管理类运行 → 详情/目录/删除记录
   $("side-tasks").addEventListener("contextmenu", (e) => {
     // .stask 在 .sdir 内部：先判任务行，点到才算文件夹自己的菜单
-    const det = e.target.closest(".stask");
-    if (det) {
-    e.preventDefault();
-    const taskId = det.dataset.task || "", runId = det.dataset.run || "";
-    const items = [];
-    if (runId) items.push({ label: t("打开详情"), fn: () => sideOpenRun(runId) });
-    if (taskId) {
-      items.push("-");
-      items.push({ label: t("打开工作目录"), fn: () => revealPath("tasks", taskId, true) });
-      items.push({ label: t("复制工作目录路径"), fn: () => revealPath("tasks", taskId, false) });
-      if (runId) items.push({ label: t("复制日志目录路径"), fn: () => revealPath("runs", runId, false) });
-      const st = det.dataset.status || "";
-      if (st === "failed" || st === "cancelled") items.push({ label: t("↻ 继续任务"), fn: () => retryTask(taskId) });
-      // 与详情页同一套说法：失败/取消叫「编辑重试」，其余叫「基于此任务新建」
-      items.push({ label: (st === "failed" || st === "cancelled") ? t("✎ 编辑重试") : t("基于此任务新建"),
-                   fn: () => newFromTask(taskId) });
-      const sTask = ((S.state || {}).tasks || []).find((x) => x.id === taskId);
-      if (sTask && sTask.serial && st !== "running" && st !== "queued")
-        items.push({ label: t("继续连载（新任务）"), fn: () => continueSerial(taskId) });
-      items.push({ label: t("重命名任务"), fn: () => renameTask(taskId) });
-      items.push({ label: archivedTaskIds().has(taskId) ? t("取消归档") : t("归档"), fn: () => archiveTask(taskId, !archivedTaskIds().has(taskId)) });
-      items.push({ label: t("删除任务"), danger: true, fn: () => deleteTask(taskId) });
-    } else if (runId) {
-      items.push("-");
-      items.push({ label: t("复制日志目录路径"), fn: () => revealPath("runs", runId, false) });
-      items.push({ label: t("删除记录"), danger: true, fn: () => deleteRun(runId) });
-    }
-    openCtxMenu(e.clientX, e.clientY, items);
-    return;
+    const det = e.target.closest(".stask");
+    if (det) {
+    e.preventDefault();
+    openCtxMenu(e.clientX, e.clientY, taskContextItems(det));
+    return;
     }
     // 文件夹行（ZCode 桌面端式样）：新建任务到该目录 / 打开工作目录 / 复制路径 / 移除。
     // 「其他」是兜底展示（无主运行的聚合），不是真实目录，不弹菜单。
@@ -2789,17 +2883,19 @@ function renderSideTasks() {
   // 二级任务行：单行即全部——点击主栏直开任务详情。
   // 内嵌步骤层已砍：步骤/运行明细在任务详情里更全，侧栏只留状态字形 + 徽章 + 相对时间。
   // 右键菜单仍吃 data-task / data-run；主栏开着某任务详情时行保持高亮。
-  const row = (g) => {
-    if (g.active) g.status = "running";
-    const sel = (g.key === S.detailTaskKey || g.runIds.indexOf(S.detailRunId) >= 0) ? " active" : "";
-    return '<div class="stask' + sel + (g.archived ? " archived" : "") + '" tabindex="0" role="button" data-key="' + esc(g.key) +
-      '" data-task="' + esc(g.taskId || "") + '" data-run="' + esc(g.runIds[0] || "") +
-      '" data-status="' + esc(g.status || "") + '">' + staskGlyph(g.status) +
-      '<span class="t">' + esc(g.title) + "</span>" +
-      (g.archived ? '<span class="sbadge archb">' + t("已归档") + "</span>" : "") +
-      (g.verdict ? '<span class="sbadge">' + t("待裁决") + "</span>" : "") +
-      '<span class="tm">' + esc(relTime(g.time)) + "</span></div>";
-  };
+  const row = (g) => {
+    if (g.active) g.status = "running";
+    const sel = (g.key === S.detailTaskKey || g.runIds.indexOf(S.detailRunId) >= 0) ? " active" : "";
+    return '<div class="stask' + sel + (g.archived ? " archived" : "") + '" tabindex="0" role="button" data-key="' + esc(g.key) +
+      '" data-task="' + esc(g.taskId || "") + '" data-run="' + esc(g.runIds[0] || "") +
+      '" data-status="' + esc(g.status || "") + '">' + staskGlyph(g.status) +
+      '<span class="t">' + esc(g.title) + "</span>" +
+      (g.archived ? '<span class="sbadge archb">' + t("已归档") + "</span>" : "") +
+      (g.verdict ? '<span class="sbadge">' + t("待裁决") + "</span>" : "") +
+      '<span class="tm">' + esc(relTime(g.time)) + "</span>" +
+      '<button class="stask-more" type="button" aria-haspopup="menu" aria-label="' + esc(t("任务操作")) + '" title="' + esc(t("任务操作")) +
+      '" onclick="event.stopPropagation();openTaskActions(this.closest(\'.stask\'), event)">⋯</button></div>';
+  };
   // 一级文件夹行：折叠箭头 + 目录图标 + 末段名（hover 显全路径）+ 任务计数徽标
   box.innerHTML = dirs.map((d) => {
     const isOrphan = d.dir === ORPHAN;
@@ -2949,7 +3045,7 @@ function drawTaskDetail(key, runs) {
   if (sig === S.taskSig) return;
   S.taskSig = sig;
   const latest = runs[0];                       // runs 新→旧
-  const chrono = runs.slice().reverse();        // 展示按时间正序
+  const ordered = runs.slice();                 // 详情按最近运行优先，方便排查
   const totalSteps = runs.reduce((a, r) => a + (r.steps || []).length, 0);
   const active = runs.some((r) => r.status === "running" || r.status === "queued");
   const st = active ? "running" : latest.status;
@@ -2963,7 +3059,9 @@ function drawTaskDetail(key, runs) {
   $("btn-retry").classList.toggle("hidden", !(latest.task_id && (latest.status === "failed" || latest.status === "cancelled")));
   setEditRetry(latest.task_id, latest.status,
     !!((S.state || {}).tasks || []).some((x) => x.id === latest.task_id));
-  S.lastRun = latest;
+  S.lastRun = latest;
+  renderRunOutcome(latest, runs);
+  renderDetailOverview(latest, runs, bmTask);
   // 指挥区指向最新的活跃运行（无则隐藏整个指挥区，避免终态任务误导用户以为指令还能生效）
   const activeRun = runs.find((r) => r.status === "queued" || r.status === "running");
   // 活跃运行（含排队中）显示取消按钮；取消目标钉在活跃 run——任务级详情没有
@@ -2988,20 +3086,23 @@ function drawTaskDetail(key, runs) {
   $("rd-plan").classList.add("hidden");
   const statusTxt = { queued: t("排队中"), running: t("运行中"), done: t("完成"), failed: t("失败"), cancelled: t("已取消") };
   let html = "";
-  chrono.forEach((r, i) => {
-    html += '<div class="run-sep"><span class="rs-i">' + t("第 ") + (i + 1) + "/" + chrono.length + t(" 次运行") + '</span>' +
+  ordered.forEach((r, i) => {
+    const runNo = runs.length - i;
+    html += '<div class="run-sep"><span class="rs-i">' + t("第 ") + runNo + "/" + runs.length + t(" 次运行") + '</span>' +
       '<span class="rs-t">' + esc(String(r.created_at || "").slice(5, 16)) + "</span>" +
       '<span class="chip ' + esc(r.status || "") + '">' + (statusTxt[r.status] || r.status || "") + "</span>" +
       (r.error ? '<span class="rs-err" title="' + esc(r.error.slice(0, 200)) + '">' + esc(r.error.slice(0, 60)) + "</span>" : "") +
       "</div>";
-    html += (r.steps || []).map((s) =>
-      '<div class="step" onclick="toggleLog(\'' + esc(r.id) + "', '" + esc(s.log) + '\')" title="' + esc(s.note || "") + '">' +
+    html += (r.steps || []).slice().reverse().map((s) =>
+      '<div class="step" data-n="' + Number(s.n) + '" data-run-id="' + esc(r.id) + '" data-log="' + esc(s.log || "") + '" title="' + esc(s.note || "") + '">' +
       '<span class="n">' + String(s.n).padStart(2, "0") + "</span>" +
       '<span class="role">' + esc(s.role) + "</span>" +
       '<span class="who">' + esc(t(s.agent_label || s.agent)) + "</span>" +
       '<span class="sum">' + esc((s.note ? "◆ " + s.note + " — " : "") + (s.summary || "")) + "</span>" +
       '<span class="dur">' + (s.duration_s != null ? s.duration_s + "s" : "") + "</span>" +
-      statusChip(s.status) + "</div>"
+      statusChip(s.status) +
+      (s.log ? '<button class="step-log-btn" type="button" data-log-run="' + esc(r.id) + '" data-log-rel="' + esc(s.log) + '" title="' + esc(t("查看日志")) + '">' + esc(t("CLI 日志")) + "</button>" : "") +
+      "</div>"
     ).join("");
   });
   $("rd-steps").innerHTML = html || '<div class="empty">' + t("尚无步骤") + '</div>';
@@ -3144,7 +3245,7 @@ function applyStepFocus() {
   el.classList.add("flash");
   try { el.scrollIntoView({ block: "center", behavior: "smooth" }); }
   catch (e) { el.scrollIntoView(); }
-  if (el.dataset.log) toggleLog(S.detailRunId, el.dataset.log);
+  if (el.dataset.log) toggleLog(el.dataset.runId || S.detailRunId, el.dataset.log);
   setTimeout(() => el.classList.remove("flash"), 1800);
 }
 
@@ -3178,6 +3279,18 @@ function applyRdTabs() {
   });
   document.querySelectorAll("#run-detail .rd-pane").forEach((p) =>
     p.classList.toggle("hidden", p.dataset.pane !== S.rdTab));
+  document.querySelectorAll("#rd-tabs .rd-tab").forEach((b) => {
+    const active = b.dataset.tab === S.rdTab && !b.classList.contains("hidden");
+    b.setAttribute("aria-selected", active ? "true" : "false");
+    b.tabIndex = active ? 0 : -1;
+  });
+  document.querySelectorAll("#run-detail .rd-pane").forEach((p) =>
+    p.setAttribute("aria-hidden", p.dataset.pane === S.rdTab ? "false" : "true"));
+  const focusedTab = document.activeElement;
+  if (focusedTab && focusedTab.matches && focusedTab.matches("#rd-tabs .rd-tab.hidden")) {
+    const nextTab = document.querySelector('#rd-tabs .rd-tab[data-tab="' + S.rdTab + '"]:not(.hidden)');
+    if (nextTab) nextTab.focus({ preventScroll: true });
+  }
   // 对话页签不放日志抽屉：会盖住贴底输入条（手动切来/自动选卡都覆盖）
   if (S.rdTab === "chat" && !$("rd-log").classList.contains("hidden")) window.rdLogClose();
   renderChatNav();
@@ -3253,13 +3366,16 @@ function rdTabsSync(ctx) {
     const sig = (S.detailTaskKey || S.detailRunId || "") + "|" + (ctx.status || "") +
       "|" + (ctx.gitState || "") + "|" + (ctx.running ? 1 : 0) + "|" + (chatAvail ? 1 : 0);
     if (S.rdTabSig !== sig) {
-      S.rdTabSig = sig;
-      const avail = rdTabAvail();
-      // 直连任务：对话就是全部内容，默认落「对话」；其余流程保持既有落位。
-      // 没跑到终态时成果分区是空的，落进去只见「运行结束后生成」白板——
-      // 运行中先落蜂巢/步骤，收尾后自动选卡会再切到成果
-      const finishing = !ctx.running && ["done", "failed", "cancelled", "timeout"].includes(ctx.status);
-      S.rdTab = (avail.chat ? "chat" : null)
+      S.rdTabSig = sig;
+      const avail = rdTabAvail();
+      const direct = chatAvail && chatEngineIsDirect(S.lastRun);
+      // 直连任务的主问题是「继续聊什么、上一轮回答是什么」——默认把对话
+      // 放在第一视线；编排/代码任务才默认落蜂巢，先看阶段与在岗步骤。
+      // 没跑到终态时成果分区是空的，避免打开详情先看到白板。
+      const finishing = !ctx.running && ["done", "failed", "cancelled", "timeout"].includes(ctx.status);
+      S.rdTab = (direct && avail.chat ? "chat" : 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")));
@@ -3299,7 +3415,9 @@ async function renderRunDetail() {
   $("btn-continue").classList.toggle("hidden",
     !(rcTask && rcTask.serial && run.status !== "running" && run.status !== "queued"));
   setEditRetry(run.task_id, run.status, !!rcTask);
-  S.lastRun = run;
+  S.lastRun = run;
+  renderRunOutcome(run);
+  renderDetailOverview(run, [run], rcTask);
   const bp = $("btn-pause");
   if (bp) { bp.classList.toggle("hidden", !active);
     bp.textContent = run.paused ? t("继续执行") : t("暂停"); }
@@ -3315,16 +3433,20 @@ async function renderRunDetail() {
     '<span class="stat tasksum hidden" id="rd-meta-task"></span>';
   if (S.detailSide) fillMetaTask(S.detailSide.stats || {});   // 缓存命中：轮询重画不闪丢累计组
   renderPlan(run);
-  $("rd-steps").innerHTML = (run.steps || []).map((s) =>
-    '<div class="step" data-n="' + Number(s.n) + '" data-log="' + esc(s.log || "") +
-    '" onclick="toggleLog(\'' + esc(run.id) + "', '" + esc(s.log) + '\')" title="' + esc(s.note || "") + '">' +
+  // 详情页优先展示最近一步，排查运行中的任务时无需滚到底部；
+  // 蜂巢泳道仍按原始流程顺序呈现，避免破坏阶段语义。
+  $("rd-steps").innerHTML = (run.steps || []).slice().reverse().map((s) =>
+    '<div class="step" data-n="' + Number(s.n) + '" data-run-id="' + esc(run.id) + '" data-log="' + esc(s.log || "") +
+    '" title="' + esc(s.note || "") + '">' +
     '<span class="n">' + String(s.n).padStart(2, "0") + "</span>" +
     '<span class="role">' + esc(s.role) + "</span>" +
-    '<span class="who">' + esc(t(s.agent_label || s.agent)) + "</span>" +
-    '<span class="sum">' + esc((s.note ? "◆ " + s.note + " — " : "") + (s.summary || "")) + "</span>" +
-    '<span class="dur">' + (s.duration_s != null ? s.duration_s + "s" : "") + "</span>" +
-    statusChip(s.status) + "</div>"
-  ).join("") || '<div class="empty">' + t("尚无步骤") + '</div>';
+    '<span class="who">' + esc(t(s.agent_label || s.agent)) + "</span>" +
+    '<span class="sum">' + esc((s.note ? "◆ " + s.note + " — " : "") + (s.summary || "")) + "</span>" +
+    '<span class="dur">' + (s.duration_s != null ? s.duration_s + "s" : "") + "</span>" +
+    statusChip(s.status) +
+    (s.log ? '<button class="step-log-btn" type="button" data-log-run="' + esc(run.id) + '" data-log-rel="' + esc(s.log) + '" title="' + esc(t("查看日志")) + '">' + esc(t("CLI 日志")) + "</button>" : "") +
+    "</div>"
+  ).join("") || '<div class="empty">' + t("尚无步骤") + '</div>';
   applyStepFocus();
   // 报告
   if (run.status === "done" || run.report) {
@@ -4531,9 +4653,10 @@ function bindInspector() {
     const det = e.target.closest(".stask");
     if (det) sideRowActivate(det);
   });
-  $("side-tasks").addEventListener("keydown", (e) => {
-    if (e.key !== "Enter" && e.key !== " ") return;
-    const det = e.target.closest(".stask");
+  $("side-tasks").addEventListener("keydown", (e) => {
+    if (e.key !== "Enter" && e.key !== " ") return;
+    if (e.target.closest("button, a, input, select, textarea, summary")) return;
+    const det = e.target.closest(".stask");
     if (det) { e.preventDefault(); sideRowActivate(det); }
   });
 }
@@ -4553,14 +4676,13 @@ function artifactsChips(runId, files) {
   return files.map((f) => {
     const isTxt = FP_TXT.has(_fpExt(f.name));   // 文本/代码都有弹窗预览（按代码格式展示）
     return '<span class="fc-row">' +
-      '<a class="file-chip" href="/api/runs/' + encodeURIComponent(runId) + "/file?name=" +
-      encodeURIComponent(f.name) + '" target="_blank" rel="noopener" ' +
-      'title="' + esc(f.name + " · " + fmtSize(f.size)) + '" onclick="artPopup(\'' + esc(runId) + "', '" +
-      esc(f.name) + "', " + (Number(f.size) || 0) + ');return false">' +
+      '<a class="file-chip artifact-file-open" href="/api/runs/' + encodeURIComponent(runId) + "/file?name=" +
+      encodeURIComponent(f.name) + '" target="_blank" rel="noopener" ' +
+      'title="' + esc(f.name + " · " + fmtSize(f.size)) + '" data-file-run="' + esc(runId) + '" data-file-name="' + esc(f.name) + '" data-file-size="' + (Number(f.size) || 0) + '">' +
       '<i class="fx">' + esc(_fpExt(f.name).slice(0, 4) || "file") + "</i>" +
       '<span class="p">' + esc(f.name) + "</span><i>" + fmtSize(f.size) + "</i></a>" +
-      (isTxt ? '<a class="file-chip prev" title="' + esc(t("查看内容")) +
-        '" onclick="artPopup(\'' + esc(runId) + '\', \'' + esc(f.name) + '\', ' + (Number(f.size) || 0) + ')">' +
+      (isTxt ? '<a class="file-chip prev artifact-file-preview" title="' + esc(t("查看内容")) +
+        '" data-file-run="' + esc(runId) + '" data-file-name="' + esc(f.name) + '" data-file-size="' + (Number(f.size) || 0) + '">' +
         '<svg class="ico" aria-hidden="true"><use href="#i-book"/></svg>' + t("预览") + "</a>" : "") +
       "</span>";
   }).join("");
@@ -4611,12 +4733,14 @@ window.copyText = function (t) {
   } catch (e) { /* 剪贴板不可用则忽略 */ }
 };
 
-let currentLog = null;
-
-/* 当前打开的日志是否仍属于这批步骤（重画后日志路径消失说明步骤被重建，才收起） */
-function stepsMatch(runs, rel) {
-  return (runs || []).some((r) => (r.steps || []).some((s) => s.log === rel));
-}
+let currentLog = null; // { runId, rel }：同一路径在不同轮次也必须能切换
+
+/* 当前打开的日志是否仍属于这批步骤（重画后日志路径消失说明步骤被重建，才收起） */
+function stepsMatch(runs, current) {
+  if (!current) return false;
+  return (runs || []).some((r) => String(r.id || "") === String(current.runId || "") &&
+    (r.steps || []).some((s) => s.log === current.rel));
+}
 
 function renderPlan(run) {
   const box = $("rd-plan");
@@ -4677,22 +4801,24 @@ window.rdLogClose = function () {
   if (st) st.textContent = "";
 };
 
-async function toggleLog(runId, rel) {
-  const box = $("rd-log"), pre = $("rd-log-text");
-  if (currentLog === rel && !box.classList.contains("hidden")) {
+async function toggleLog(runId, rel) {
+  const box = $("rd-log"), pre = $("rd-log-text");
+  if (currentLog && currentLog.runId === runId && currentLog.rel === rel && !box.classList.contains("hidden")) {
     window.rdLogClose(); return;
   }
   try {
     const r = await api("/api/runs/" + encodeURIComponent(runId) + "/log?step=" + encodeURIComponent(rel) + "&pretty=1");
     // 拉取期间可能切详情：过期日志不落盘（A 的步骤输出写进 B 详情的抽屉）。
     // 检查器蜂巢/步骤点开日志同款：run 属检查器当前 run 也算在场
-    const owned = S.detailRunId === runId ||
-      (S.detailTaskKey && S.lastRun && S.lastRun.id === runId) ||
-      ((S.inspData || {}).run || {}).id === runId;
+    const owned = S.detailRunId === runId ||
+      // 任务级直连时间线会跨多轮 run 回放；按钮上的 run 可能不是最新一轮，
+      // 只按 latest.id 判断会让旧轮次的「CLI 日志」点击后悄悄失效。
+      (S.detailTaskKey && S.lastRun && S.lastRun.task_id === S.detailTaskKey) ||
+      ((S.inspData || {}).run || {}).id === runId;
     if (!owned) return;
     pre.textContent = r.log || t("（等待输出…）");
     box.classList.remove("hidden");
-    currentLog = rel;
+    currentLog = { runId, rel };
     const st = $("rd-log-step");
     if (st) st.textContent = rdLogStepLabel(runId, rel);
     pre.scrollTop = pre.scrollHeight;   // 打开即看最新输出
@@ -4702,10 +4828,10 @@ async function toggleLog(runId, rel) {
     stopLogLive();
     if (!live) return;
     S.logLive = setInterval(async () => {
-      if (!currentLog || currentLog !== rel) return stopLogLive();
+      if (!currentLog || currentLog.runId !== runId || currentLog.rel !== rel) return stopLogLive();
       try {
         const rr = await api("/api/runs/" + encodeURIComponent(runId) + "/log?step=" + encodeURIComponent(rel) + "&pretty=1");
-        if (currentLog === rel) {
+        if (currentLog && currentLog.runId === runId && currentLog.rel === rel) {
           // 贴底跟随：用户滚到底部附近才自动滚到最新输出，回看历史不打扰
           const stick = pre.scrollHeight - pre.scrollTop - pre.clientHeight < 48;
           pre.textContent = rr.log || t("（等待输出…）");
@@ -4789,8 +4915,16 @@ window.renderHive = function (run) {
   });
   const running = steps.filter((s) => s.status === "running");
   const sub = $("rd-hive-sub");
-  if (sub) sub.textContent = running.length
-    ? t("在岗") + " " + running.length + " / " + steps.length : t("全部空闲");
+  if (sub) {
+    const done = steps.filter((s) => ["done", "completed", "success"].includes(String(s.status || "").toLowerCase())).length;
+    const issues = steps.filter((s) => ["failed", "timeout", "cancelled"].includes(String(s.status || "").toLowerCase())).length;
+    sub.innerHTML = '<span class="hive-count hive-count-live"><i class="live-dot"></i>' +
+      esc(t("在岗")) + " " + running.length + '</span>' +
+      '<span class="hive-count hive-count-done">✓ ' + done + '</span>' +
+      (issues ? '<span class="hive-count hive-count-issue">! ' + issues + '</span>' : "") +
+      '<span class="hive-count hive-count-total">' + steps.length + ' ' + esc(t("步骤")) + '</span>' +
+      '<span class="hive-hint">' + esc(t("点击步骤卡片查看 CLI 日志")) + '</span>';
+  }
   const activeIdx = lanes.map((l) => byStage[l].some((s) => s.status === "running")).lastIndexOf(true);
   const cell = (s, laneIdx, cellIdx) => {
     // 五归一：取消/超时的格子不再冒充「完成」——与步骤芯片同三色体系
@@ -4805,16 +4939,19 @@ window.renderHive = function (run) {
     const key = run.id + "|" + (s.log || "");
     if (st !== "running") delete hiveTails[key];
     const tailText = st === "running" ? (hiveTails[key] || concl) : concl;
-    const title = [s.role, who, s.started_at ? t("开始于 ") + s.started_at : "",
+    const title = [s.role, who,
+                   (s.duration_s != null ? s.duration_s + "s" : ""),
+                   s.started_at ? t("开始于 ") + s.started_at : "",
                    (s.note ? "◆ " + s.note : "")].filter(Boolean).join(" · ")
       + (concl && st !== "running" ? "\n" + t("结论：") + concl : "");
     // --d：入场瀑布逐格延迟（泳道间 110ms + 同泳道逐格 45ms），样式端消费
-    return '<div class="hive-cell st-' + st + (st === "running" ? " hc-breathe" : "") + '"' +
-      ' style="--d:' + (laneIdx * 110 + cellIdx * 45) + 'ms"' +
-      ' title="' + esc(title) + '" ' +
-      'onclick="hiveOpenLog(\'' + esc(run.id) + "', '" + esc(s.log || "") + '\')">' +
+    return '<div class="hive-cell st-' + st + (st === "running" ? " hc-breathe" : "") + '" role="button" tabindex="0"' +
+      ' data-hive-run="' + esc(run.id) + '" data-hive-log="' + esc(s.log || "") + '"' +
+      ' style="--d:' + (laneIdx * 110 + cellIdx * 45) + 'ms"' +
+      ' title="' + esc(title) + '" ' +
+      '>' +
       '<div class="hc-head">' +
-      '<svg class="ico hc-bee" aria-hidden="true"><use href="#i-bee"></use></svg>' +
+      '<img class="hc-bee" src="icons/bee.svg" alt="" aria-hidden="true">' +
       '<span class="hc-role">' + esc(s.role || "") + "</span>" +
       '<span class="hc-who">' + esc(who) + "</span></div>" +
       '<div class="hc-tail" data-log="' + esc(s.log || "") + '">' +
@@ -4822,9 +4959,10 @@ window.renderHive = function (run) {
       '<div class="hc-meta"><span class="hc-elapsed" data-started="' + esc(s.started_at || "") + '">' +
       (s.duration_s != null ? s.duration_s + "s" : hiveElapsed(s.started_at)) + "</span>" +
       (st === "running" ? '<span class="hc-live"><i class="live-dot"></i>' + t("工作中") + "</span>" : "") +
-      (st === "timeout" ? '<span class="hc-dead">⏱ ' + t("超时") + "</span>" : "") +
-      (st === "cancelled" ? '<span class="hc-dead">' + t("已取消") + "</span>" : "") +
-      "</div></div>";
+      (st === "timeout" ? '<span class="hc-dead">⏱ ' + t("超时") + "</span>" : "") +
+      (st === "cancelled" ? '<span class="hc-dead">' + t("已取消") + "</span>" : "") +
+      (s.log ? '<span class="hc-log-link">' + esc(t("CLI 日志")) + "</span>" : "") +
+      "</div></div>";
   };
   const dots = (list, laneIdx) => list.slice(-12).map((s, di) => {
     const dc = s.status === "running" ? "run" : s.status === "failed" ? "fail"
@@ -4843,16 +4981,24 @@ window.renderHive = function (run) {
       : (activeIdx === -1 || i < activeIdx ? "lane-done" : "lane-idle");
     // 泳道头视觉 v2：阶段序号徽章（01/02…流水线站序）+ 已完成进度（settled/total）
     const settled = list.filter((s) => !["running", "queued"].includes(s.status)).length;
+    const meter = list.length ? Math.round((settled / list.length) * 100) : 0;
     return '<div class="hive-lane ' + cls + '">' +
       '<div class="lane-head">' +
       '<span class="lane-idx">' + String(i + 1).padStart(2, "0") + "</span>" +
       '<span class="lane-name">' + esc(stage) + '</span>' +
       '<span class="lane-n">×' + list.length + "</span>" +
       (settled ? '<span class="lane-prog">' + settled + "/" + list.length + "</span>" : "") +
+      '<span class="lane-meter" aria-label="' + meter + '%"><i style="width:' + meter + '%"></i></span>' +
       (hasRun ? '<span class="lane-live"><i class="live-dot"></i>' + t("进行中") + "</span>" : "") + "</div>" +
       '<div class="lane-track">' + dots(list, i) + "</div>" +
       '<div class="lane-cells">' + list.slice(-8).map((s, ci) => cell(s, i, ci)).join("") + "</div></div>";
-  }).join('<div class="lane-flow" aria-hidden="true"></div>');
+  }).join('<div class="lane-flow" aria-hidden="true">'
+    + '<svg class="flow-line flow-line-down" viewBox="0 0 36 44" aria-hidden="true">'
+    + '<path class="flow-path" d="M14 2 C14 16 22 28 22 42"/><path class="flow-tip" d="M16 36 L22 43 L28 36"/></svg>'
+    + '<svg class="flow-line flow-line-up" viewBox="0 0 36 44" aria-hidden="true">'
+    + '<path class="flow-path" d="M22 2 C22 16 14 28 14 42"/><path class="flow-tip" d="M8 36 L14 43 L20 36"/></svg>'
+    + '<span class="flow-bee"><img src="icons/bee.svg" alt="" aria-hidden="true"></span>'
+    + '</div>');
   // 入场瀑布闸门：只按"结构"（泳道数/格数/状态构成）签名；运行中尾巴/秒表每 2s
   // 变化不能触重播。签名没变就不动 DOM——格子不闪、动画不重启、悬停不弹手。
   const sig = lanes.map((l) => l + ":" + byStage[l].length + "(" +
@@ -5144,9 +5290,10 @@ async function renderChat(run, active) {
   if (sig === chatSig) return;   // 轮询重画去抖：内容没变不重建 DOM（保住输入焦点）
   const runForFetch = run.id;    // 拉取期间可能切详情：过期响应不落盘（同 renderRunDetail 闸门）
   chatSig = sig;
-  let items = [];
-  try { items = ((await api("/api/runs/" + encodeURIComponent(run.id) + "/timeline")).items) || []; }
-  catch (e) { items = []; }
+  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——拉取期间切了详情就丢弃响应
@@ -5159,7 +5306,7 @@ async function renderChat(run, active) {
   const attName = (a) => { const p = typeof a === "string" ? a
     : ((a && (a.name || a.path)) || "");
     return String(p).split(/[\\/]/).pop() || ""; };
-  flow.innerHTML = items.map((it) => {
+  let html = items.map((it) => {
     if (it.kind === "user") {
       // 用户消息：右侧浅灰圆角块，元信息在块内顶部。
       // 附件胶囊可点开预览：data-att 带 _attachments/ 相对路径（老数据裸文件名
@@ -5195,21 +5342,183 @@ async function renderChat(run, active) {
     // 元信息只留 名字+时间（+失败标记）：路由/供应商细节属于「步骤」页签，塞这里就是噪音
     const metaBad = it.status === "failed" || it.status === "cancelled";
     // 智能体回复：头像 + 整幅正文（不套气泡框），元信息小字落在正文下方
-    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">' +
-      '<div class="chat-body">' + bodyHtml + "</div>" +
-      '<div class="chat-meta">' + esc(it.who || "") + " " + esc(chatTime(it.at)) +
-      (metaBad ? " · " + t(it.status === "failed" ? "失败" : "已取消") : "") + "</div></div></div>";
-  }).join("") || '<div class="hint">' + esc(t("还没有对话内容")) + "</div>";
+    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">' +
+      '<div class="chat-body">' + bodyHtml + "</div>" +
+      '<div class="chat-meta">' + esc(it.who || "") + " " + esc(chatTime(it.at)) +
+      (metaBad ? " · " + t(it.status === "failed" ? "失败" : "已取消") : "") + "</div>" +
+      (it.log && it.run ? '<div class="chat-actions"><button class="chat-log-btn" type="button" data-chat-log-run="' +
+        esc(it.run) + '" data-chat-log-rel="' + esc(it.log) + '" title="' + esc(t("查看日志")) + '">' + esc(t("CLI 日志")) + "</button></div>" : "") +
+      "</div></div>";
+  }).join("");
+  // 时间线收尾的「执行结果」卡：run 终态后的确定性摘要（成没成/耗时/执行者/
+  // 产出文件）——不依赖模型最后一句话自觉交代（用户反馈：输"1"跑完 55 秒
+  // 只见一句寒暄，执行结果无处可看）。
+  const res = data && data.result;
+  if (res) html += chatResultHTML(run, res);
   const hint = $("rd-chat-hint");
   if (hint) hint.textContent = active
     ? t("运行中：新消息会排队，本轮回答完后依次送达")
     : t("已结束：发送后将自动开新一轮接着做");
+  flow.innerHTML = html || '<div class="hint">' + esc(t("还没有对话内容")) + "</div>";
   flow.scrollTop = flow.scrollHeight;
 }
 
-function drawChatAtts() {
+/* 执行结果卡（时间线收尾）：run 终态后的确定性摘要——成没成、跑多久、谁执行
+ * 的、产出了哪些文件，全部产品明示，不依赖模型自觉交代。失败给「查看执行步骤」
+ * 入口；文件 chip 复用成品预览通道（artPopup）。 */
+function chatResultHTML(run, res) {
+  const ok = res.status === "done";
+  const bad = res.status === "failed";
+  const icon = ok ? "#i-check" : "#i-x";
+  const label = ok ? t("任务完成") : (bad ? t("任务失败") : t("已取消"));
+  const meta = [];
+  if (res.executor) meta.push(esc(res.executor));
+  if (res.turns) meta.push(res.turns + " " + t("轮对话"));
+  if (res.duration_s != null) meta.push(chatDurTxt(res.duration_s));
+  const files = res.files || [];
+  const chips = files.map((f) =>
+    '<a class="file-chip chat-file-open" href="/api/runs/' + encodeURIComponent(run.id) + "/file?name=" +
+    encodeURIComponent(f.name) + '" target="_blank" rel="noopener" title="' +
+    esc(f.name + " · " + fmtSize(f.size)) + '" data-file-run="' + esc(run.id) + '" data-file-name="' + esc(f.name) + '" data-file-size="' + (Number(f.size) || 0) + '">' +
+    '<i class="fx">' + esc(_fpExt(f.name).slice(0, 4) || "file") + "</i>" +
+    '<span class="p">' + esc(f.name) + "</span><i>" + fmtSize(f.size) + "</i></a>").join("");
+  return '<div class="chat-row">' +
+    '<span class="chat-avatar" aria-hidden="true"><svg class="ico"><use href="' + icon + '"></use></svg></span>' +
+    '<div class="chat-result' + (ok ? "" : bad ? " bad" : " off") + '">' +
+    '<div class="cr-head"><svg class="ico" aria-hidden="true"><use href="' + icon + '"></use></svg>' +
+    esc(label) + "</div>" +
+    (meta.length ? '<div class="cr-meta">' + meta.join(" · ") + "</div>" : "") +
+    (bad && res.error ? '<div class="cr-err">' + esc(res.error) + "</div>" : "") +
+    '<div class="cr-files">' + (chips
+      ? '<div class="cr-files-title">' + esc(t("产出文件")) + "（" + files.length + "）</div>" +
+        '<div class="file-chips">' + chips + "</div>"
+      : '<div class="cr-files-title">' + esc(t("无文件产出")) + "</div>") + "</div>" +
+    (bad ? '<button class="ghost cr-steps" onclick="rdChatNavGo(\'steps\')">' +
+      esc(t("查看执行步骤")) + "</button>" : "") +
+    "</div></div>";
+}
+
+function chatDurTxt(s) {
+  s = Number(s) || 0;
+  if (s < 60) return s + " " + t("秒");
+  const m = Math.floor(s / 60), r = s % 60;
+  return m + " " + t("分") + (r ? " " + r + " " + t("秒") : "");
+}
+
+/* 代码/编排任务的确定性结果摘要：报告是长文，步骤是过程，用户还需要一眼
+ * 知道这次到底成没成、做了多少步、用了多久，以及失败原因。这个卡片不依赖
+ * 智能体是否在最后一句话里主动总结；直连任务也能在「成果」页签看到同一口径。 */
+function runDurationSeconds(run) {
+  if (!run) return null;
+  if (Number.isFinite(Number(run.duration_s))) return Number(run.duration_s);
+  const steps = (run.steps || []).filter((s) => Number.isFinite(Number(s.duration_s)));
+  if (steps.length) return steps.reduce((a, s) => a + Number(s.duration_s || 0), 0);
+  const a = Date.parse(String(run.started_at || "").replace(" ", "T"));
+  const b = Date.parse(String(run.ended_at || "").replace(" ", "T"));
+  return Number.isFinite(a) && Number.isFinite(b) && b >= a ? (b - a) / 1000 : null;
+}
+
+function runOutcomeSummary(run) {
+  if (!run) return "";
+  const last = (run.steps || []).slice().reverse().find((s) => s.output || s.summary);
+  const raw = run.summary || (last && (last.output || last.summary)) || run.error || "";
+  return String(raw).replace(/\s+/g, " ").trim().slice(0, 520);
+}
+
+function renderRunOutcome(run, runs) {
+  const box = $("rd-outcome");
+  if (!box) return;
+  if (!run) { box.classList.add("hidden"); box.innerHTML = ""; return; }
+  const all = runs && runs.length ? runs : [run];
+  const steps = (run.steps || []);
+  const total = all.reduce((n, r) => n + ((r.steps || []).length), 0);
+  const settled = all.reduce((n, r) => n + (r.steps || []).filter((s) =>
+    !["running", "queued"].includes(String(s.status || ""))).length, 0);
+  const status = String(run.status || "");
+  const active = status === "running" || status === "queued";
+  const bad = status === "failed" || status === "cancelled" || status === "timeout";
+  const label = active ? (status === "queued" ? t("排队中") : t("运行中"))
+    : (status === "done" ? t("完成") : status === "failed" ? t("失败") : status === "cancelled" ? t("已取消") : status || t("未知状态"));
+  const icon = status === "done" ? "#i-check" : bad ? "#i-x" : "#i-gauge";
+  const duration = runDurationSeconds(run);
+  const latest = steps.slice().reverse().find((s) => s.agent_label || s.agent || s.role);
+  const route = run.route && typeof run.route === "object" ? run.route.implementer : "";
+  // route.implementer 是路由评分说明，不是用户真正关心的 CLI 名称；优先
+  // 展示步骤上的 agent_label，只有旧数据没有步骤执行者时才回退到路由说明。
+  const executor = run.executor || run.implementer || (latest && (latest.agent_label || latest.agent)) || route || "";
+  const summary = runOutcomeSummary(run);
+  const meta = [];
+  if (executor) meta.push('<span><b>' + esc(t("执行者")) + '</b> ' + esc(executor) + "</span>");
+  if (total) meta.push('<span><b>' + esc(t("步骤")) + '</b> ' + settled + "/" + total + "</span>");
+  if (duration != null) meta.push('<span><b>' + esc(t("耗时")) + '</b> ' + esc(chatDurTxt(duration < 1 ? Number(duration.toFixed(1)) : Math.round(duration))) + "</span>");
+  return (box.classList.remove("hidden"), box.innerHTML =
+    '<div class="outcome-top">' +
+      '<div class="outcome-title ' + (bad ? "bad" : active ? "live" : "ok") + '">' +
+        '<svg class="ico" aria-hidden="true"><use href="' + icon + '"></use></svg>' + esc(t("执行结果")) +
+        '<span class="outcome-status">' + esc(label) + "</span></div>" +
+      (meta.length ? '<div class="outcome-meta">' + meta.join("") + "</div>" : "") +
+    "</div>" +
+    (summary ? '<div class="outcome-summary">' + esc(summary) + "</div>" : "") +
+    (run.error ? '<div class="outcome-error">' + esc(run.error) + "</div>" : "") +
+    (total ? '<div class="outcome-actions"><button class="ghost" type="button" onclick="rdChatNavGo(\'steps\')">' + esc(t("查看执行步骤")) + "</button></div>" : "")
+  );
+}
+
+/* 任务详情首屏概览：把“这次任务做了什么、做到哪、最近发生了什么”放在
+ * 蜂巢上方。直连任务仍以对话为主，由 chat-mode 隐藏概览，避免它抢走输入空间。 */
+function renderDetailOverview(run, runs, task) {
+  const box = $("rd-overview");
+  if (!box || !run) return;
+  if (chatEngineIsDirect(run)) {
+    box.classList.add("hidden");
+    box.innerHTML = "";
+    return;
+  }
+  const all = runs && runs.length ? runs : [run];
+  const steps = (run.steps || []);
+  const total = all.reduce((n, r) => n + ((r.steps || []).length), 0);
+  const settled = all.reduce((n, r) => n + (r.steps || []).filter((s) =>
+    !["running", "queued"].includes(String(s.status || ""))).length, 0);
+  const pct = total ? Math.max(0, Math.min(100, Math.round((settled / total) * 100))) : 0;
+  const status = String(run.status || "");
+  const active = status === "running" || status === "queued";
+  const bad = status === "failed" || status === "cancelled" || status === "timeout";
+  const statusText = active ? (status === "queued" ? t("排队中") : t("运行中"))
+    : status === "done" ? t("完成") : status === "failed" ? t("失败")
+      : status === "cancelled" ? t("已取消") : status || t("未知状态");
+  const last = steps.slice().reverse().find((s) => s.summary || s.output || s.note) || steps[steps.length - 1];
+  const lastText = last ? String(last.summary || last.output || last.note || "").replace(/\s+/g, " ").trim().slice(0, 240) : "";
+  const executor = run.executor || run.implementer || (last && (last.agent_label || last.agent)) || "";
+  const duration = runDurationSeconds(run);
+  const goal = (task && task.goal) || run.goal || run.title || "";
+  const actions = [];
+  if (total) actions.push('<button type="button" class="ghost" data-overview-tab="steps">' + esc(t("查看步骤")) + "</button>");
+  if (last && last.log) actions.push('<button type="button" class="ghost" data-overview-run="' + esc(run.id) + '" data-overview-log="' + esc(last.log) + '">' + esc(t("打开 CLI 日志")) + "</button>");
+  if (status === "done" || run.report) actions.push('<button type="button" class="ghost" data-overview-tab="result">' + esc(t("查看成果")) + "</button>");
+  box.innerHTML =
+    '<div class="rd-overview-main">' +
+      '<div class="rd-overview-kicker">' + esc(t("任务概览")) + '</div>' +
+      '<div class="rd-overview-title" title="' + esc(run.title || "") + '">' + esc(run.title || "") + '</div>' +
+      (goal ? '<div class="rd-overview-goal" title="' + esc(goal) + '">' + esc(goal) + '</div>' : "") +
+    '</div>' +
+    '<div class="rd-overview-state">' +
+      '<span class="state-label">' + esc(t("当前状态")) + '</span>' +
+      '<strong class="state-value ' + (bad ? "bad" : status === "done" ? "ok" : "") + '">' + esc(statusText) + '</strong>' +
+    '</div>' +
+    '<div class="rd-overview-progress" aria-label="' + esc(pct + "%") + '"><i style="width:' + pct + '%"></i></div>' +
+    '<div class="rd-overview-facts">' +
+      '<span><b>' + settled + "/" + total + '</b> ' + esc(t("步骤已完成")) + '</span>' +
+      (executor ? '<span>' + esc(t("执行者")) + ' <b>' + esc(executor) + '</b></span>' : "") +
+      (duration != null ? '<span>' + esc(t("耗时")) + ' <b>' + esc(chatDurTxt(duration < 1 ? Number(duration.toFixed(1)) : Math.round(duration))) + '</b></span>' : "") +
+    '</div>' +
+    (lastText ? '<div class="rd-overview-last"><b>' + esc(t("最近一步")) + '</b><span>' + esc(lastText) + '</span></div>' : "") +
+    (actions.length ? '<div class="rd-overview-actions">' + actions.join("") + '</div>' : "");
+  box.classList.remove("hidden");
+}
+
+function drawChatAtts() {
   const box = $("rd-chat-att-list");
   if (!box) return;
   // 点名字开预览（待提交区原文走 /api/attachments/<id>），× 才是移除
@@ -5324,8 +5633,16 @@ function bindChat() {
   // 附件胶囊点击预览：委托绑在静态容器上——时间线轮询整块重建 innerHTML、
   // 输入条胶囊增删重画，都不丢监听。时间线胶囊走已落盘文件，输入条胶囊
   // （× 移除按钮除外）走待提交区
-  $("rd-chat-flow").addEventListener("click", (e) => {
-    const chip = e.target.closest(".att-open");
+  $("rd-chat-flow").addEventListener("click", (e) => {
+    const logBtn = e.target.closest("[data-chat-log-run][data-chat-log-rel]");
+    if (logBtn) { e.stopPropagation(); toggleLog(logBtn.dataset.chatLogRun, logBtn.dataset.chatLogRel); return; }
+    const file = e.target.closest(".chat-file-open[data-file-run]");
+    if (file) {
+      e.preventDefault();
+      artPopup(file.dataset.fileRun, file.dataset.fileName || "", Number(file.dataset.fileSize) || 0);
+      return;
+    }
+    const chip = e.target.closest(".att-open");
     if (chip) window.chatAttPopup(chip.dataset.att);
   });
   const attBox = $("rd-chat-att-list");
@@ -5761,20 +6078,20 @@ function bindSelById(id) {
 function bindRepaint() { S.bindSig = null; renderBindings(); }
 
 /* 一键推荐绑定：给每个链为空的 CLI 按协议适配规则预填一条主模型。
- * 推荐顺序：显式协议原生匹配 > auto 且 wire_caps 命中；默认模型停用的厂商
- * 降权（当前键位是坏的，除非只剩它，否则不当首选——失效链重推荐实测）；
- * 同分按 priority / 数组序稳定。只预填草稿态（dirty），逐条看清后各自保存
+ * 推荐顺序：显式协议原生匹配 > auto 且 wire_caps 命中；同分按 priority /
+ * 数组序稳定。默认模型停用的厂商直接不推荐——它当前键位就是坏的，绑上去
+ * 解析照样失败；没有合适的就什么都不绑（2026-09-17 用户拍板，不再保留
+ * 「只剩它也上」的兜底）。只预填草稿态（dirty），逐条看清后各自保存
  * 或「全部保存」，健康链绝不被覆盖。 */
 function recommendFor(c) {
-  const allow = bindAllowedProtocols(c.orch_kind);
-  const provs = (S.providers || []).filter((p) => chainProvUsable(p, allow));
+  // 目录页「默认模型」下拉用 orch_kind || id 判协议（仅管理条目没有 orch_kind），
+  // 推荐口径与下拉过滤保持一致；绑定页条目恒有 orch_kind，不受影响
+  const allow = bindAllowedProtocols(c.orch_kind || c.id);
+  const badDefault = (p) => (p.models || []).some((m) => m.name === p.model &&
+    (m.hidden || m.enabled === false));
+  const provs = (S.providers || []).filter((p) => !badDefault(p) && chainProvUsable(p, allow));
   if (!provs.length) return null;
-  const score = (p) => {
-    const native = allow.indexOf(p.protocol) >= 0;
-    const badDefault = (p.models || []).some((m) => m.name === p.model &&
-      (m.hidden || m.enabled === false)) ? 500 : 0;
-    return (native ? 0 : 1) * 1000 + badDefault + (p.priority || 0);
-  };
+  const score = (p) => (allow.indexOf(p.protocol) >= 0 ? 0 : 1) * 1000 + (p.priority || 0);
   provs.sort((a, b) => score(a) - score(b));
   const p = provs[0];
   const models = (p.models || []).filter((m) => !m.hidden && m.enabled !== false);
@@ -5812,48 +6129,38 @@ function chainDeadReasons(c, chain) {
   return dead;
 }
 
+/* 单条绑定链的推荐修复动作：需要改返回新链，不动返回 null。
+ * 空链 → 预填推荐；整条死透（或只有链首且已死）→ 重推荐；链首死但链内还有
+ * 活的备选 → 新链首插最前（原降级序保留，推荐项已在链内则升首去重）。 */
+function bindRepairAction(c, st) {
+  const rec = recommendFor(c);
+  if (!st.chain.length) return rec ? [rec] : null;
+  const dead = chainDeadReasons(c, st.chain);
+  const allDead = dead.every((d) => d);
+  const headDead = dead[0] !== ""; // 空 p = CLI 默认凭据，是有意配置不算死
+  if (allDead) return rec ? [rec] : null;
+  if (headDead && rec && chainKey(st.chain) !== chainKey([rec]))
+    return [rec].concat(st.chain.filter((x) => !(x.p === rec.p && x.m === rec.m)));
+  return null;
+}
+
 function autoBindAll() {
   const targets = (S.catalog || []).filter((c) => c.installed && c.orch_kind);
   let filled = 0, skipped = 0, noProv = 0, refilled = 0;
   for (const c of targets) {
     const st = bindSelById(c.id);
-    if (!st.chain.length) {
-      const rec = recommendFor(c);
-      if (!rec) { noProv++; continue; }
-      st.chain = [rec];
-      st.dirty = true;
-      filled++;
+    const act = bindRepairAction(c, st);
+    if (!act) {
+      // 没动它：分清「健康链无需推荐」和「没有可推荐的」两种落空
+      if (!st.chain.length) { noProv++; continue; }
+      const dead = chainDeadReasons(c, st.chain);
+      if (dead.every((d) => d)) noProv++; else skipped++;
       continue;
     }
-    // 链非空：只处理死链——整条链全部死透（或只有链首且已死）才重推荐，
-    // 部分存活的长链保留（还降级得动，不擅自覆盖用户手工配的结构）
-    const dead = chainDeadReasons(c, st.chain);
-    const aliveN = dead.filter((d) => !d).length;
-    const allDead = aliveN === 0;
-    const headDead = dead[0] !== ""; // 空 p = CLI 默认凭据，是有意配置不算死
-    const rec = recommendFor(c);
-    if (allDead && rec) {
-      st.chain = [rec];
-      st.dirty = true;
-      refilled++;
-    } else if (allDead) {
-      noProv++;
-    } else if (headDead && rec && chainKey(st.chain) !== chainKey([rec])) {
-      // 链首死但链内还有活的备选：只把推荐的新链首插到最前面（原降级序保留）
-      const hasRec = st.chain.some((x) => x.p === rec.p && x.m === rec.m);
-      if (!hasRec) {
-        st.chain = [rec].concat(st.chain);
-        st.dirty = true;
-        refilled++;
-      } else {
-        // 推荐项已在链内：把它升到链首
-        st.chain = [rec].concat(st.chain.filter((x) => x !== rec));
-        st.dirty = true;
-        refilled++;
-      }
-    } else {
-      skipped++;
-    }
+    const wasEmpty = !st.chain.length;
+    st.chain = act;
+    st.dirty = true;
+    if (wasEmpty) filled++; else refilled++;
   }
   bindRepaint();
   if (filled && refilled) {
@@ -5871,6 +6178,56 @@ function autoBindAll() {
   }
 }
 
+/* 厂商/模型停用·启用·删除后自动补一次推荐绑定（2026-09-17 用户拍板）：
+ * 绑定链——空链预填、死链重推荐、死链首插新首，与「一键推荐绑定」同规则，
+ * 但直接落盘（自动场景没有人工确认环节）；目录页——空默认模型直填。
+ * 没有合适的推荐就保持原样，什么都不绑。绑定页上用户手改中的草稿（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);
+      if (!act) continue;
+      const b = (S.bindings || {})[c.id] || {};
+      try {
+        await api("/api/models/binding", { method: "POST", 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) { /* 单条失败不打断，等下次变更再补 */ }
+    }
+    for (const c of (S.catalog || []).filter((x) =>
+        x.installed && x.config_writable && !fmtModel(x.model))) {
+      const rec = recommendFor(c);
+      if (!rec) continue;
+      try {
+        const r = await api("/api/catalog/" + encodeURIComponent(c.id) + "/model",
+          { method: "POST", body: JSON.stringify({ model: rec.m }) });
+        c.model = r.model || rec.m;
+        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(); }
+  }
+}
+
 async function saveAllBindings() {
   const targets = (S.catalog || []).filter((c) => c.installed && c.orch_kind);
   const dirty = targets.filter((c) => (S.bindSel[c.id] || {}).dirty);
@@ -5916,7 +6273,7 @@ function bindModelBox(c, provId) {
           "</span>";
       }).join("")
     : '<span class="hint">' + t("未设置") + (provId
-        ? t("（按供应商/难度自动解析——供应商协议不匹配或被停用时解析为空，回落 CLI 本机默认）")
+        ? t("（按供应商/难度自动解析——供应商协议不匹配或被停用时解析为空，相关步骤将判失败）")
         : t("（用 CLI 默认模型——不会注入任何供应商凭据）")) + "</span>";
   return '<div class="field"><label>' + t("运行时模型链（跨厂商，最多 ") + MAX_ORCH_MODELS + t(" 条）") + "</label>" +
     '<div class="orch-row">' + chips +
@@ -6106,6 +6463,45 @@ async function saveModel(id) {
   poll();
 }
 
+/* 一键绑定推荐模型（智能体目录页）：给「默认模型」还空着的已安装智能体按
+ * 协议适配规则（复用绑定页 recommendFor 评分）挑一家厂商的启用模型并直接
+ * 写入该 CLI 自身配置（写入侧先自动 .bak 备份）。已配置的不动——目录页的
+ * 默认模型会写进 CLI 全局配置，手工设置过的值（含 CLI 订阅自带的默认）不
+ * 该被一键覆盖；要换模型逐卡下拉改就行。 */
+async function catAutoBindAll() {
+  const targets = (S.catalog || []).filter((c) => c.installed && c.config_writable);
+  if (!targets.length) { toast(t("没有支持写入默认模型的已安装智能体。"), true); return; }
+  const empty = targets.filter((c) => !fmtModel(c.model));
+  if (!empty.length) { toast(t("所有已安装智能体都已配置默认模型，无需绑定。")); return; }
+  let done = 0, failed = 0, noProv = 0, firstErr = "";
+  for (const c of empty) {
+    const rec = recommendFor(c);
+    if (!rec) { noProv++; continue; }
+    try {
+      const r = await api("/api/catalog/" + encodeURIComponent(c.id) + "/model",
+        { method: "POST", body: JSON.stringify({ model: rec.m }) });
+      c.model = r.model || rec.m;
+      done++;
+    } catch (e) {
+      failed++;
+      if (!firstErr) firstErr = c.name + "：" + e.message;
+    }
+  }
+  S.catSig = null;
+  renderCatalog();
+  if (done && failed) {
+    toast(t("已为 %1 个智能体写入推荐模型，%2 个失败。").replace("%1", done).replace("%2", failed) +
+      (firstErr ? " " + firstErr : ""), true);
+  } else if (done) {
+    toast(t("已为 %1 个智能体写入推荐模型（原配置已自动备份 .bak）。").replace("%1", done));
+  } else if (failed) {
+    toast(t("推荐模型写入失败：") + firstErr, true);
+  } else {
+    toast(t("没有可推荐的：先到「模型接入」页导入与 CLI 协议匹配的供应商。"), true);
+  }
+  poll();
+}
+
 /* 一键打开：web 类后台起服务并自动开浏览器；console 类新开终端窗口跑交互 TUI。
    用的模型就是目录页「默认模型」已写入该 CLI 配置文件的那份；密钥由服务端按编排同款规则注入 */
 async function openAgent(id) {
@@ -7255,7 +7651,8 @@ async function suApply() {
     clearInterval(SU_TIMER);
     SU_TIMER = setInterval(async () => {
       try {
-        const run = await api("/api/runs/" + encodeURIComponent(runId));
+        const d = await api("/api/runs/" + encodeURIComponent(runId));
+        const run = d && d.run;   // /api/runs/<id> 返回 {run:{…}} 信封，别读外壳
         if (run && run.status && run.status !== "running" && run.status !== "queued") {
           clearInterval(SU_TIMER); SU_TIMER = null;
           $("su-apply").disabled = false;
@@ -7587,18 +7984,31 @@ function usageMultilineSvg(byDay, byDayModel) {
         "<title>" + esc(days[i] + "\n" + s.name + " " + fmtTok(s.vals[i]) + t(" tokens")) + "</title></circle>";
     });
   });
-  const grid = [0.25, 0.5, 0.75].map((f) =>
-    '<line class="uc-grid" x1="' + padL + '" y1="' + (padT + ih * f).toFixed(1) +
-    '" x2="' + (W - padR) + '" y2="' + (padT + ih * f).toFixed(1) + '"/>').join("") +
-    '<line class="uc-base" x1="' + padL + '" y1="' + (padT + ih) + '" x2="' + (W - padR) + '" y2="' + (padT + ih) + '"/>';
+  const grid = [0.25, 0.5, 0.75].map((f) =>
+    '<line class="uc-grid" x1="' + padL + '" y1="' + (padT + ih * f).toFixed(1) +
+    '" x2="' + (W - padR) + '" y2="' + (padT + ih * f).toFixed(1) + '"/>').join("") +
+    '<line class="uc-base" x1="' + padL + '" y1="' + (padT + ih) + '" x2="' + (W - padR) + '" y2="' + (padT + ih) + '"/>';
+  // 底层活动量柱保留每日总量轮廓；折线仍表达各模型趋势，双层信息比单一曲线
+  // 更容易看出“哪天整体有调用、哪天只是某个模型占比变化”。
+  const dailyTotals = days.map((_, i) => series.reduce((sum, s) => sum + (s.vals[i] || 0), 0));
+  const dayMax = Math.max(1, ...dailyTotals);
+  const barW = Math.max(3, (iw / n) * 0.52);
+  const bars = dailyTotals.map((v, i) => {
+    const h = ih * v / dayMax;
+    const x = xOf(i) - barW / 2;
+    const y = padT + ih - h;
+    return '<rect class="uc-bar" x="' + x.toFixed(1) + '" y="' + y.toFixed(1) +
+      '" width="' + barW.toFixed(1) + '" height="' + Math.max(0.5, h).toFixed(1) +
+      '" rx="2"><title>' + esc(days[i] + " · " + fmtTok(v) + t(" tokens")) + "</title></rect>";
+  }).join("");
   const legend = '<div class="um-legend">' +
     series.map((s, si) =>
       '<span><i style="background:' + usageColor(si) + '"></i>' +
       esc(s.name.length > 22 ? s.name.slice(0, 21) + "…" : s.name) + "</span>").join("") +
     '<span class="um-peak">' + esc(t("峰值 ") + fmtTok(max)) + "</span></div>";
-  return legend +
-    '<svg class="usage-svg" viewBox="0 0 ' + W + " " + H + '" role="img" preserveAspectRatio="xMidYMid meet">' +
-    grid + body + labels + "</svg>";
+  return legend +
+    '<svg class="usage-svg" viewBox="0 0 ' + W + " " + H + '" role="img" preserveAspectRatio="xMidYMid meet">' +
+    grid + bars + body + labels + "</svg>";
 }
 
 /* Token 活动热力图：GitHub 贡献图风格。窗口自适应——覆盖全部活跃历史（封顶
@@ -7829,9 +8239,10 @@ function renderUsage() {
   // 不提示的话「输入 0 · 输出 0」会被误读成统计坏了
   const noBreakdown = tot.tokens > 0 && !tot.input && !tot.output && !tot.cached;
   $("usage-kpis").innerHTML = [
-    kpiCard(t("累计 Token 数"), fmtTok(tot.tokens),
-      t("调用 ") + fmtTok(tot.calls) + t(" 次 · 成功率 ") +
-      (tot.calls ? Math.round(tot.ok * 100 / tot.calls) : 0) + "% · " + fmtUsd(tot.cost_usd),
+    kpiCard(t("累计 Token 数"), fmtTok(tot.tokens),
+      t("调用 ") + fmtTok(tot.calls) + t(" 次 · 成功率 ") +
+      (tot.calls ? Math.round(tot.ok * 100 / tot.calls) : 0) + "% · " +
+      t("失败 ") + fmtTok(tot.failed || 0) + t(" · ") + fmtUsd(tot.cost_usd),
       true, "i-sigma"),
     kpiCard(t("峰值 Token 数"), fmtTok(tot.peak_tokens),
       t("单日最高 · 日均 ") + fmtTok(activeDays ? tot.tokens / activeDays : 0), false, "i-gauge"),
@@ -8105,9 +8516,47 @@ document.addEventListener("DOMContentLoaded", () => {
     b.addEventListener("click", () => setUsageHeatMode(b.dataset.heat)));
   $("btn-back").addEventListener("click", closeRun);
   $("btn-cancel").addEventListener("click", cancelRun);
-  bindDirector();
-  bindChat();
-  // 详情标签页：手点即切并钉住——状态变化触发的自动选卡不再抢用户的手选
+  bindDirector();
+  bindChat();
+  const bindArtifactClicks = (root) => {
+    if (!root) return;
+    root.addEventListener("click", (e) => {
+      const file = e.target.closest("[data-file-run][data-file-name]");
+      if (!file) return;
+      e.preventDefault();
+      artPopup(file.dataset.fileRun, file.dataset.fileName || "", Number(file.dataset.fileSize) || 0);
+    });
+  };
+  bindArtifactClicks($("rd-arts"));
+  bindArtifactClicks($("insp-artifacts"));
+  // 动态详情区统一用 data 属性委托，日志路径/文件名不再拼进 inline JS。
+  const detailOverview = $("rd-overview");
+  if (detailOverview) detailOverview.addEventListener("click", (e) => {
+    const log = e.target.closest("[data-overview-log]");
+    if (log) { toggleLog(log.dataset.overviewRun, log.dataset.overviewLog); return; }
+    const tab = e.target.closest("[data-overview-tab]");
+    if (tab) { S.rdTab = tab.dataset.overviewTab; S.rdTabPin = true; applyRdTabs(); }
+  });
+  const stepBox = $("rd-steps");
+  if (stepBox) stepBox.addEventListener("click", (e) => {
+    const btn = e.target.closest("[data-log-run][data-log-rel]");
+    const row = e.target.closest(".step[data-log]");
+    if (btn) { e.stopPropagation(); toggleLog(btn.dataset.logRun, btn.dataset.logRel); return; }
+    if (row && row.dataset.log) toggleLog(row.dataset.runId || S.detailRunId, row.dataset.log);
+  });
+  const hiveBox = $("rd-hive-cells");
+  if (hiveBox) {
+    hiveBox.addEventListener("click", (e) => {
+      const cell = e.target.closest("[data-hive-run][data-hive-log]");
+      if (cell) hiveOpenLog(cell.dataset.hiveRun, cell.dataset.hiveLog);
+    });
+    hiveBox.addEventListener("keydown", (e) => {
+      if (e.key !== "Enter" && e.key !== " ") return;
+      const cell = e.target.closest("[data-hive-run][data-hive-log]");
+      if (cell) { e.preventDefault(); hiveOpenLog(cell.dataset.hiveRun, cell.dataset.hiveLog); }
+    });
+  }
+  // 详情标签页：手点即切并钉住——状态变化触发的自动选卡不再抢用户的手选
   $("rd-tabs").addEventListener("click", (e) => {
     const b = e.target.closest(".rd-tab");
     if (!b || b.classList.contains("hidden")) return;
@@ -8115,6 +8564,21 @@ document.addEventListener("DOMContentLoaded", () => {
     S.rdTabPin = true;
     applyRdTabs();
   });
+  $("rd-tabs").addEventListener("keydown", (e) => {
+    if (!["ArrowLeft", "ArrowRight", "Home", "End"].includes(e.key)) return;
+    const tabs = Array.from($("rd-tabs").querySelectorAll(".rd-tab:not(.hidden)"));
+    if (!tabs.length) return;
+    const current = Math.max(0, tabs.indexOf(document.activeElement));
+    let next = current;
+    if (e.key === "ArrowRight") next = (current + 1) % tabs.length;
+    if (e.key === "ArrowLeft") next = (current - 1 + tabs.length) % tabs.length;
+    if (e.key === "Home") next = 0;
+    if (e.key === "End") next = tabs.length - 1;
+    e.preventDefault();
+    tabs[next].focus();
+    tabs[next].click();
+    tabs[next].scrollIntoView({ block: "nearest", inline: "nearest" });
+  });
   // 详情子页显隐 → 容器宽度 class（:has 在部分浏览器不生效，JS 同步为准）
   (function () {
     const sub = document.getElementById("sub-runs");
@@ -8258,6 +8722,7 @@ document.addEventListener("DOMContentLoaded", () => {
   $("btn-reload-catalog").addEventListener("click", async () => {
     await api("/api/catalog/reload", { method: "POST" }); poll(); refreshSessionAgents();
   });
+  $("btn-catalog-autobind").addEventListener("click", catAutoBindAll);
   $("btn-import").addEventListener("click", openImportDialog);
   $("btn-add-provider").addEventListener("click", openAddProviderDialog);
   $("prov-search").addEventListener("input", () => {