codebee 0.1.2 → 0.1.4

package/app/ui/app.js

@@ -123,7 +123,12 @@ function renderQuickChips() {
   const box = $("cmp-quick");
   if (!box || !S.flows) return;
   const cur = ($("f-type") || {}).value;
-  box.innerHTML = (S.flows || []).filter((f) => f.builtin).slice(0, 5).map((f) =>
+  // 直连是默认档位：固定首枚 chip；其余内置流程跟后面（去重，共 5 枚）
+  const builtins = (S.flows || []).filter((f) => f.builtin);
+  const d = builtins.find((f) => f.id === "direct");
+  const list = d ? [d].concat(builtins.filter((f) => f.id !== "direct").slice(0, 4))
+                 : builtins.slice(0, 5);
+  box.innerHTML = list.map((f) =>
     '<button type="button" class="cmp-chip' + (f.id === cur ? " on" : "") +
     '" onclick="pickQuickType(\'' + esc(f.id) + '\')">' + flowIconHtml(f) +
     "<span>" + esc(t(f.name)) + "</span></button>").join("");
@@ -829,6 +834,7 @@ function renderBindings() {
                               targets.map((c) => [c.id, c.orch_kind]), S.bindSel]);
   if (sig === S.bindSig) return;
   S.bindSig = sig;
+  syncSaveAllBtn();
   bbox.innerHTML = targets.map((c) => {
     const b = (S.bindings || {})[c.id] || {};
     const opts = '<option value="">' + t("不绑定（用 CLI 自身的凭据与配置）") + '</option>' + bindable.map((p) => {
@@ -1674,9 +1680,14 @@ async function doImport() {
 
 async function saveBinding(id) {
   const st = bindSelById(id);
+  // 主供应商跟链首走：模型链是唯一真源，链首非空时供应商下拉必须与之一致
+  // （下拉是旧状态时把旧值发上去，后端「显式指定」就会盖回停用的旧供应商）。
+  const headP = st.chain.length ? st.chain[0].p : "";
+  const provSel = $("bindprov-" + id);
+  if (provSel && provSel.value !== (headP || "")) provSel.value = headP || "";
   try {
     await api("/api/models/binding", { method: "POST", body: JSON.stringify({
-      agent_id: id, provider_id: $("bindprov-" + id).value,
+      agent_id: id, provider_id: provSel ? provSel.value : "",
       chain: st.chain.map((c) => ({ provider_id: c.p, model: c.m })),
       difficulty_routing: $("binddiff-" + id).checked }) });
     st.dirty = false;
@@ -1972,6 +1983,13 @@ async function archiveTask(id, archived) {
   try {
     await api("/api/tasks/" + encodeURIComponent(id) + "/archive",
       { method: "POST", body: JSON.stringify({ archived: !!archived }) });
+    // 取消归档时把任务工作目录从「已移除目录」里捞回来：用户点时钟开关找回
+    // 归档任务再取消归档，直觉上文件夹就该回侧栏（否则只能靠在该目录新建任务）。
+    if (!archived) {
+      const t0 = ((S.state || {}).tasks || []).concat(((S.state || {}).archived_tasks) || [])
+        .find((x) => x.id === id);
+      if (t0 && t0.workdir) unhideSideDir(t0.workdir);
+    }
   } catch (e) { toast(t("操作失败：") + e.message, true); }
   poll();
 }
@@ -2934,6 +2952,7 @@ function drawTaskDetail(key, runs) {
   }
   renderDirector(activeRun || null, !!activeRun);
   renderHive(activeRun || latest);   // 终态回看最近一次运行的蜂巢
+  renderChat(latest, active);        // 直连任务：对话时间线在任务级详情同样渲染（S.lastRun 已指向 latest）
   const sum = (f) => runs.reduce((a, r) => a + (Number(r[f]) || 0), 0);
   $("rd-meta").innerHTML =
     '<span class="stat">' + t("运行 ") + '<b>' + runs.length + "</b>" + t(" 次") + "</span>" +
@@ -2973,8 +2992,9 @@ function drawTaskDetail(key, runs) {
       try {
         const md = await fetch("/api/runs/" + encodeURIComponent(latest.id) + "/report").then((r) => r.text());
         const html2 = md2html(md);
+        if (S.detailTaskKey !== key) return;   // 拉取期间切了详情：过期报告不落缓存/不落盘
         S.taskReport = { key, runId: latest.id, html: html2 };
-        if (S.detailTaskKey === key) $("rd-report").innerHTML = html2;
+        $("rd-report").innerHTML = html2;
       } catch (e) { /* 报告拉取失败静默，保留旧内容 */ }
     } else {
       $("rd-report").innerHTML = '<div class="hint">' + t("运行结束后生成") + '</div>';
@@ -3158,11 +3178,14 @@ function rdTabsSync(ctx) {
     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)
         || (ctx.running ? (avail.hive ? "hive" : "steps")
           : (ctx.gitState === "isolated" && avail.git ? "git"
-            : (ctx.hasResult ? "result" : "steps")));
+            : (ctx.hasResult && finishing ? "result" : "steps")));
     }
   }
   applyRdTabs();
@@ -3185,6 +3208,7 @@ async function renderRunDetail() {
   try { run = (await api("/api/runs/" + encodeURIComponent(id))).run; }
   catch (e) { return; }
   if (!run) return;
+  if (S.detailRunId !== id || S.detailTaskKey) return;   // 拉取期间已切走：过期响应不落盘
   $("rd-title").textContent = run.title;
   const chip = $("rd-status");
   chip.className = "chip " + run.status;
@@ -3228,6 +3252,8 @@ async function renderRunDetail() {
   // 报告
   if (run.status === "done" || run.report) {
     const md = await fetch("/api/runs/" + encodeURIComponent(id) + "/report").then((r) => r.text());
+    // 报告拉取期间切了详情：过期报告/成品不落盘（A 的报告写进 B 详情的报告区）
+    if (S.detailRunId !== id || S.detailTaskKey) return;
     $("rd-report").innerHTML = md2html(md);
     loadArtifacts(id);
   } else {
@@ -3276,10 +3302,15 @@ async function renderBiblePanel(task) {
   const box = $("rd-bible");
   if (!box || !(task || {}).id) { if (box) box.classList.add("hidden"); rdTabsSync(); return; }
   if (!task.serial) { box.classList.add("hidden"); rdTabsSync(); return; }
+  // 拉取期间可能切详情：过期响应不落盘（把 A 任务的圣经写进 B 详情的串台面）
+  const detailKey = S.detailTaskKey || S.detailRunId || "";
   let d;
   try { d = await api("/api/tasks/" + encodeURIComponent(task.id) + "/bible"); }
   catch (e) { box.classList.add("hidden"); rdTabsSync(); return; }
-  if ((S.detailTaskKey || S.detailRunId) !== (S._bibleKey || (S.detailTaskKey || S.detailRunId))) { /* noop */ }
+  if ((S.detailTaskKey || S.detailRunId || "") !== detailKey ||
+      ((S.lastRunTask || {}).id || "") !== (task.id || "")) {
+    box.classList.add("hidden"); rdTabsSync(); return;
+  }
   const running = task.status === "running" || task.status === "queued";
   const text = d.text || "";
   const editing = S._bibleEdit === task.id;
@@ -3339,7 +3370,8 @@ const BOOKMETA_PLATFORMS = [
 ];
 const BOOKMETA_FIELDS = {
   fanqie: [["book_name", "作品名"], ["signing_mode", "签约模式"], ["target_reader", "目标读者"],
-    ["read_tags", "阅读标签"], ["content_tags", "内容标签"], ["protagonist_1", "主角名1"],
+    ["category", "分类"], ["tags_theme", "主题标签"], ["tags_role", "角色标签"],
+    ["tags_plot", "情节标签"], ["protagonist_1", "主角名1"],
     ["protagonist_2", "主角名2"], ["summary", "作品简介"]],
   qimao: [["book_name", "作品名称"], ["target_reader", "目标读者"], ["category_main", "一级分类"],
     ["category_sub", "二级分类"], ["tags", "作品标签"], ["protagonist_1", "主角名1"],
@@ -3955,6 +3987,9 @@ async function refreshInspector(force) {
 function drawInspector() {
   const d = S.inspData;
   if (!d || !d.task) return;
+  // 已收起（详情页让位/用户关闭）就整帧不落盘：在途响应回来时用户多半已切到
+  // 别的详情，落盘只会让 loadArtifacts 等渲染面拿到别人任务的 run（串台源头）
+  if (!document.body.classList.contains("inspector-open")) return;
   const ta = $("insp-msg-input");
   if (ta && document.activeElement === ta) return;
   const sig = JSON.stringify([
@@ -4456,15 +4491,22 @@ async function loadArtifacts(runId) {
   let d;
   try { d = await api("/api/runs/" + encodeURIComponent(runId) + "/files"); }
   catch (e) { return; }
-  // 用户可能已经切到别的详情：过期响应不落盘（检查器当前的 run 同样有效）
-  const inspRun = (S.inspData && S.inspData.run && S.inspData.run.id) || "";
-  if (S.detailRunId !== runId && inspRun !== runId &&
-      !(S.detailTaskKey && S.lastRun && S.lastRun.id === runId)) return;
+  // 成果分区/徽章只吃当前详情目标的 run：详情开着但 runId 是别的任务（检查器
+  // 后台跟刷旧选中）时，绝不能把别家的文件写进主栏——那是肉眼可见的串台
+  const detailOpen = !$("run-detail").classList.contains("hidden");
+  const detailOwns = detailOpen &&
+    (S.detailRunId === runId ||
+     (S.detailTaskKey && S.lastRun && S.lastRun.id === runId));
+  // 检查器入口只在「开着且 runId 仍是检查器当前 run」时认领；两边都不认 → 过期响应丢弃
+  const inspOpen = document.body.classList.contains("inspector-open") && S.inspKey !== null;
+  const inspOwns = inspOpen &&
+    runId === ((S.inspData && S.inspData.run && S.inspData.run.id) || "");
+  if (!detailOwns && !inspOwns) return;
   const files = d.files || [];
-  const box = $("insp-artifacts");
-  const mainBox = $("rd-arts");
-  // 成果分区徽章：文件数（终态才有产出，运行中不计）
-  const fb = document.querySelector('#rd-tabs .rd-tab[data-tab="result"] .rd-badge');
+  const box = inspOwns ? $("insp-artifacts") : null;
+  const mainBox = detailOwns ? $("rd-arts") : null;
+  // 成果分区徽章：文件数（终态才有产出，运行中不计）；只随 detailOwns 一起刷
+  const fb = detailOwns ? document.querySelector('#rd-tabs .rd-tab[data-tab="result"] .rd-badge') : null;
   if (fb) { fb.textContent = files.length ? String(files.length) : "";
     fb.className = "rd-badge" + (files.length ? "" : " hidden"); }
   if (!files.length) {
@@ -4562,6 +4604,12 @@ async function toggleLog(runId, rel) {
   }
   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;
+    if (!owned) return;
     pre.textContent = r.log || t("（等待输出…）");
     box.classList.remove("hidden");
     currentLog = rel;
@@ -4739,6 +4787,10 @@ window.renderHive = function (run) {
  * 只刷运行中格子——终态格子的结论一旦定格，不再被命令回显覆盖。 */
 async function hiveTick(rid) {
   if (document.hidden || !rid) return;
+  // 换详情目标后旧蜂巢定时器必须停：先把 run.id 记下来，拉回来不是它就停表，
+  // 否则 A 任务的步骤尾巴会持续写进 B 详情的蜂巢格
+  if (!((S.inspData || {}).run || {}).id && S.detailRunId !== rid &&
+      !(S.detailTaskKey && S.lastRun && S.lastRun.id === rid)) { stopHiveTick(); return; }
   const box = $("rd-hive-cells");
   if (!box) return;
   const rels = Array.from(box.querySelectorAll(".hive-cell.st-running .hc-tail[data-log]"))
@@ -4951,28 +5003,42 @@ async function renderChat(run, active) {
   const sig = run.id + "|" + run.status + "|" + (run.steps || []).length +
     "|" + ((run.messages || []).length);
   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 = []; }
+  if (!$("run-detail") || $("run-detail").classList.contains("hidden")) return;
+  // 过期闸门：run 级（renderRunDetail）与任务级（drawTaskDetail）都经 S.lastRun
+  // 指向当前详情正在展示的那条 run——拉取期间切了详情就丢弃响应
+  if (!S.lastRun || S.lastRun.id !== runForFetch) return;
   const flow = $("rd-chat-flow");
   flow.innerHTML = items.map((it) => {
     if (it.kind === "user") {
+      // 用户消息：右侧浅灰圆角块，元信息在块内顶部
       return '<div class="chat-row me">' +
-        '<div class="chat-bubble me">' + esc(it.text || t("（仅附件）")) +
+        '<div class="chat-bubble me">' +
+        '<div class="chat-meta">' + esc(it.who || "") + " " + esc(it.at || "") +
+        (it.consumed ? "" : " · " + t("待送达")) + "</div>" +
+        esc(it.text || t("（仅附件）")) +
         ((it.attachments || []).length
           ? '<div class="chat-atts">' + it.attachments.map((a) =>
               '<span class="att-chip2">' + esc(String(a).split(/[\\/]/).pop()) + "</span>").join("") + "</div>"
           : "") +
-        '<div class="chat-meta">' + esc(it.who || "") + " " + esc(it.at || "") +
-        (it.consumed ? "" : " · " + t("待送达")) + "</div></div></div>";
+        "</div></div>";
     }
+    // 协议尾行是给编排器判收的机器标记，不该出现在聊天正文里（真源在提示词约定）
+    const body = String(it.text || "").replace(/\n*DIRECT_DONE:.*\s*$/s, "").trim();
+    // 运行中的步骤还没有正文（output/summary 都空）：给占位，不渲染空气泡
+    const shown = body || (it.status === "running" ? t("正在执行…") : t("（本轮无文本输出）"));
+    // 智能体回复：头像 + 整幅正文（不套气泡框），元信息小字落在正文下方
     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">' +
+      '<pre class="chat-body">' + esc(shown) + "</pre>" +
       '<div class="chat-meta">' + esc(it.who || "") + " " + esc(it.at || "") +
       (it.note ? " · " + esc(it.note) : "") +
-      (it.status && it.status !== "done" ? " · " + esc(it.status) : "") + "</div>" +
-      '<pre class="chat-body">' + esc(it.text || "") + "</pre></div></div>";
+      (it.status && it.status !== "done" ? " · " + esc(it.status) : "") + "</div></div></div>";
   }).join("") || '<div class="hint">' + esc(t("还没有对话内容")) + "</div>";
   const hint = $("rd-chat-hint");
   if (hint) hint.textContent = active
@@ -5487,6 +5553,132 @@ function bindSelById(id) {
 
 function bindRepaint() { S.bindSig = null; renderBindings(); }
 
+/* 一键推荐绑定：给每个链为空的 CLI 按协议适配规则预填一条主模型。
+ * 推荐顺序：显式协议原生匹配 > auto 且 wire_caps 命中；默认模型停用的厂商
+ * 降权（当前键位是坏的，除非只剩它，否则不当首选——失效链重推荐实测）；
+ * 同分按 priority / 数组序稳定。只预填草稿态（dirty），逐条看清后各自保存
+ * 或「全部保存」，健康链绝不被覆盖。 */
+function recommendFor(c) {
+  const allow = bindAllowedProtocols(c.orch_kind);
+  const provs = (S.providers || []).filter((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);
+  };
+  provs.sort((a, b) => score(a) - score(b));
+  const p = provs[0];
+  const models = (p.models || []).filter((m) => !m.hidden && m.enabled !== false);
+  if (!models.length) return null;
+  return { p: p.id, m: models[0].name };
+}
+
+/* 供应商对某 CLI 是否「推荐可用」：启用、协议适配，且至少有一把不在冷却期的
+ * KEY（全冷却=欠费失效，推荐了也白推荐——解析层照样失败）。 */
+function chainProvUsable(p, allow) {
+  if (!p || p.enabled === false) return false;
+  if (!provAdaptedProto(p, allow)) return false;
+  const ks = p.keys || [];
+  if (!ks.length) return true; // 老数据单 KEY（api_key 镜像）：无 keys 结构视为可用
+  return ks.some((k) => k.enabled !== false && !k.cooling);
+}
+
+/* 绑定链里的死条目：厂商已删/停用/协议不再适配/KEY 全冷却，或该模型已被
+ * 隐藏停用。这些条目解析时会被跳过，留在链首等于配了个寂寞。 */
+function chainDeadReasons(c, chain) {
+  const allow = bindAllowedProtocols(c.orch_kind);
+  const dead = (chain || []).map((x) => {
+    if (!x.p) return ""; // 空 p = CLI 默认凭据，不算死
+    const pv = (S.providers || []).find((p) => p.id === x.p);
+    if (!pv) return t("供应商已删除");
+    if (pv.enabled === false) return t("供应商已停用");
+    if (!provAdaptedProto(pv, allow)) return t("协议不匹配");
+    const ks = pv.keys || [];
+    if (ks.length && !ks.some((k) => k.enabled !== false && !k.cooling))
+      return t("密钥全部冷却中");
+    const mm = (pv.models || []).find((m) => m.name === x.m);
+    if (mm && (mm.hidden || mm.enabled === false)) return t("模型已停用");
+    return "";
+  });
+  return dead;
+}
+
+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++;
+      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++;
+    }
+  }
+  bindRepaint();
+  if (filled && refilled) {
+    toast(t("已为 %1 个空链 CLI 预填推荐，并修复 %2 条失效链——确认后保存。")
+      .replace("%1", filled).replace("%2", refilled));
+  } else if (filled) {
+    toast(t("已为 %1 个 CLI 预填推荐模型，确认无误后点各卡片「保存」，或点右上「全部保存」。").replace("%1", filled));
+  } else if (refilled) {
+    toast(t("已为 %1 条失效链重新推荐（原厂商失效/停用/模型停用）——确认后点「全部保存」生效。")
+      .replace("%1", refilled));
+  } else if (noProv && !skipped) {
+    toast(t("没有可推荐的：先到「模型接入」页导入与 CLI 协议匹配的供应商。"), true);
+  } else if (skipped && !filled && !refilled) {
+    toast(t("所有 CLI 都已配置模型链，无需推荐。"));
+  }
+}
+
+async function saveAllBindings() {
+  const targets = (S.catalog || []).filter((c) => c.installed && c.orch_kind);
+  const dirty = targets.filter((c) => (S.bindSel[c.id] || {}).dirty);
+  for (const c of dirty) await saveBinding(c.id);
+  if (dirty.length) toast(t("已保存 %1 个 CLI 的绑定。").replace("%1", dirty.length));
+}
+
+/* 有未保存草稿时显示「全部保存」按钮（在 poll 重绘里顺带刷新） */
+function syncSaveAllBtn() {
+  const btn = $("btn-saveall-bind");
+  if (!btn) return;
+  const anyDirty = Object.values(S.bindSel || {}).some((st) => st.dirty);
+  btn.classList.toggle("hidden", !anyDirty);
+}
+
 function bindModelBox(c, provId) {
   const st = bindSelById(c.id);
   const allow = bindAllowedProtocols(c.orch_kind);