codebee 0.1.22 → 0.1.24

package/app/ui/app.js

@@ -3315,6 +3315,24 @@ function setEditRetry(taskId, status, taskExists) {
   if (bn) bn.classList.toggle("hidden", !taskExists || failedish);
 }
 
+/* 详情页归档按钮：非运行中显示；已归档任务显示「取消归档」。
+ * 点击走 archiveTask（与右键菜单同一链路：取消归档会自动恢复侧栏目录显示）。 */
+function syncArchBtn(task, active) {
+  const b = $("btn-arch");
+  if (!b) return;
+  const show = !!task && !active;
+  b.classList.toggle("hidden", !show);
+  if (!show) return;
+  const archived = !!task.archived;
+  b.textContent = archived ? t("取消归档") : t("归档任务");
+  b.onclick = async () => {
+    try {
+      await archiveTask(task.id, !archived);
+      b.textContent = archived ? t("归档任务") : t("取消归档");
+    } catch (e) { /* archiveTask 内部已 toast */ }
+  };
+}
+
 /* 重试按钮三态：失败/取消 → 「↻ 继续任务」（断点续跑语义）；连载任务完整跑完
  * 但质量未达标（verdict.publishable=false）→ 「↻ 重写未达标章」——后端 retry
  * 会把未过线章从继承清单剔除，只重写重评这几章（store.retry_task 未达标分支）；
@@ -3346,6 +3364,7 @@ function renderTaskDetail() {
   if (bc) bc.classList.toggle("hidden",
     !(tk && tk.serial && tk.status !== "running" && tk.status !== "queued"));
   setEditRetry(tk ? tk.id : "", tk ? tk.status : "", !!tk);
+  syncArchBtn(tk, tk && (tk.status === "running" || tk.status === "queued"));
   const isTask = ((S.state || {}).tasks || []).some((t2) => t2.id === key);
   if (isTask) {
     api("/api/tasks/" + encodeURIComponent(key) + "/runs")
@@ -3420,6 +3439,7 @@ function drawTaskDetail(key, runs) {
     '<span class="stat">tokens <b>' + sum("tokens") + "</b></span>" +
     (latest.error ? '<span class="stat err">' + errTag(latest.error) + esc(latest.error.slice(0, 200)) + "</span>" : "");
   $("rd-plan").classList.add("hidden");
+  renderRouting(latest);
   let html = "";
   ordered.forEach((r, i) => {
     const runNo = runs.length - i;
@@ -3776,6 +3796,9 @@ async function renderRunDetail() {
   S.cancelTargetRunId = active ? run.id : null;
   $("btn-delete").classList.toggle("hidden", active);
   $("btn-share").classList.toggle("hidden", active);   // 分享页：结束后可生成自包含 HTML
+  // 归档按钮：非运行中任务可归档/取消归档（此前只有侧栏右键菜单入口，
+  // 用户反馈「归档按钮不见了」——补显式入口，文案随状态切换）
+  syncArchBtn(rcTask, active);
   $("btn-talk").classList.toggle("hidden", !(run.task_id && !chatEngineIsDirect(run)));
   const rcTask = ((S.state || {}).tasks || []).find((x) => x.id === run.task_id);
   setRetryBtn(run, rcTask);
@@ -3800,6 +3823,7 @@ async function renderRunDetail() {
     '<span class="stat tasksum hidden" id="rd-meta-task"></span>';
   if (S.detailSide) fillMetaTask(S.detailSide.stats || {});   // 缓存命中：轮询重画不闪丢累计组
   renderPlan(run);
+  renderRouting(run);
   // 详情页优先展示最近一步，排查运行中的任务时无需滚到底部；
   // 蜂巢泳道仍按原始流程顺序呈现，避免破坏阶段语义。
   $("rd-steps").innerHTML = (run.steps || []).slice().reverse().map((s) =>
@@ -5443,6 +5467,75 @@ function renderPlan(run) {
       '<span class="role">' + esc(s.title || "") + "</span>" +
       '<span class="sum">' + esc(s.detail || "") + "</span></div>").join("") + "</div>" + routeHtml;
 }
+
+/* 运行详情的统一调度审计：任务画像和实际选路来自同一次编译结果。
+ * 旧运行没有 task_spec/route_plan 时保持隐藏，避免把历史数据伪装成当前决策。 */
+function renderRouting(run) {
+  let box = $("rd-routing");
+  if (!box) {
+    const steps = $("rd-steps");
+    if (!steps || !steps.parentNode) return;
+    box = document.createElement("div");
+    box.id = "rd-routing";
+    box.className = "rd-routing hidden";
+    steps.parentNode.insertBefore(box, steps);
+  }
+  const spec = run && run.task_spec;
+  const plan = run && run.route_plan;
+  if (!spec || !plan) { box.classList.add("hidden"); box.innerHTML = ""; return; }
+  const type = spec.type || "direct";
+  const difficulty = spec.difficulty || "default";
+  const dimension = spec.dimension || "reasoning";
+  const caps = Array.isArray(spec.capabilities) ? spec.capabilities.filter(Boolean) : [];
+  const typeLabel = ((flowById(type) || {}).name) || type;
+  const difficultyLabel = t(({ easy: "简单", default: "标准", hard: "困难" })[difficulty] || difficulty);
+  const dimensionLabel = t(({ coding: "编码", writing: "写作", reasoning: "推理", vision: "视觉" })[dimension] || dimension);
+  const capLabels = {
+    coding: "编码", writing: "写作", reasoning: "推理", vision: "视觉",
+    filesystem: "文件读写", verification: "验证", long_context: "长上下文",
+    continuity: "连续性", attachments: "附件",
+  };
+  const capsText = caps.length ? caps.map((x) => t(capLabels[x] || x)).join(t("、")) : t("通用能力");
+  const selectedLabel = (entry) => entry && (entry.label || entry.agent_id || "") || t("未选定");
+  const roleBlock = (key, title) => {
+    const route = plan[key] || {};
+    const candidates = Array.isArray(route.candidates) ? route.candidates : [];
+    if (!route.selected && !candidates.length) return "";
+    const selected = candidates.find((x) => x.agent_id === route.selected) || candidates[0];
+    const participants = Array.isArray(route.participants) ? route.participants : [];
+    const activeIds = participants.length ? participants.slice() : (route.selected ? [route.selected] : []);
+    if (route.selected && activeIds.includes(route.selected)) {
+      activeIds.splice(activeIds.indexOf(route.selected), 1);
+      activeIds.unshift(route.selected);
+    }
+    const activeLabels = activeIds.map((id) => {
+      const item = candidates.find((x) => x.agent_id === id);
+      return selectedLabel(item || { agent_id: id });
+    }).filter(Boolean);
+    const fallback = Array.isArray(route.fallback) ? route.fallback : [];
+    const fallbackLabels = fallback.map((id) => {
+      const item = candidates.find((x) => x.agent_id === id);
+      return selectedLabel(item || { agent_id: id });
+    }).filter(Boolean);
+    const rows = candidates.map((x) =>
+      '<div class="rd-route-row"><span class="rd-route-score">' + esc(Number(x.score || 0).toFixed(1)) +
+      '</span><span class="rd-route-agent">' + esc(selectedLabel(x)) + '</span><span class="rd-route-reason">' +
+      esc(x.reason || "") + '</span></div>').join("");
+    return '<div class="rd-route-role"><div class="rd-route-role-head"><b>' + esc(title) +
+      '</b><span>' + esc(activeLabels.join(" + ") || selectedLabel(selected)) + '</span></div>' +
+      (route.selection_reason ? '<div class="rd-route-selection">' + esc(route.selection_reason) + '</div>' : "") +
+      (fallbackLabels.length ? '<div class="rd-route-fallback">' + esc(t("降级：")) + esc(fallbackLabels.join(" → ")) + '</div>' : "") +
+      (rows ? '<details class="rd-route-candidates"><summary>' + esc(t("查看候选评分")) + '</summary>' + rows + '</details>' : "") +
+      '</div>';
+  };
+  const roles = [roleBlock("implement", t("执行")), roleBlock("review", t("评审"))].filter(Boolean).join("");
+  if (!roles) { box.classList.add("hidden"); box.innerHTML = ""; return; }
+  box.classList.remove("hidden");
+  box.innerHTML = '<div class="rd-routing-head"><span class="rd-routing-title">' + esc(t("任务画像与调度")) +
+    '</span><span class="rd-routing-spec">' + esc(t("{0} · {1} · {2}", t(typeLabel), difficultyLabel, dimensionLabel)) + '</span></div>' +
+    '<div class="rd-routing-caps"><span>' + esc(t("需要：")) + '</span>' + esc(capsText) + '</div>' +
+    '<div class="rd-route-roles">' + roles + '</div>';
+}
 /* 日志框顶部状态条：运行中 → ● 实时（呼吸点 + 最后刷新时间）；结束 → 灰字已结束。
  * 没有它，用户分不清"日志在刷但 CLI 暂无输出"和"刷新坏了"——两者长得一模一样。 */
 function logLiveBadge(live) {
@@ -9216,7 +9309,7 @@ function renderSu() {
       t("　") + "<a href=\"#\" onclick=\"event.preventDefault();suApply()\">" + t("立即升级") + "</a></b></p>";
     if (SU.notes) {
       html += "<div class=\"hint\"><b>" + t("新版本更新内容") + t("：") + "</b>" +
-        "<pre class=\"su-notes\">" + esc(SU.notes) + "</pre></div>";
+        renderRelnotes(SU.notes) + "</div>";
     }
   } else if (SU.mode === "npm" && !SU.note) {
     html += "<p class=\"hint\">" + t("已是最新版。") + "</p>";
@@ -9232,6 +9325,31 @@ function renderSu() {
   renderUpdPill();
 }
 
+/* 更新说明分类渲染：### 行渲染为小节标题，- 行渲染为条目（对照主流产品的
+ * 更新日志样式：问题修复/新功能分组，一眼看懂）。全部 esc 后拼接。 */
+function renderRelnotes(txt) {
+  const lines = String(txt || "").replace(/\r/g, "").split("\n");
+  let html = "", inList = false;
+  const closeList = () => { if (inList) { html += "</div>"; inList = false; } };
+  for (const raw of lines) {
+    const line = raw.trim();
+    if (!line) continue;
+    if (/^#{2,4}\s+/.test(line)) {
+      closeList();
+      html += "<p style=\"margin:6px 0 2px\"><b>" + esc(line.replace(/^#{2,4}\s+/, "")) + "</b></p>";
+    } else if (/^[-*]\s+/.test(line)) {
+      if (!inList) { html += "<div style=\"margin:2px 0 2px 4px\">"; inList = true; }
+      html += "<div style=\"display:flex;gap:6px\"><span style=\"opacity:.6\">·</span>" +
+        "<span style=\"flex:1\">" + esc(line.replace(/^[-*]\s+/, "")) + "</span></div>";
+    } else {
+      closeList();
+      html += "<p style=\"margin:2px 0\">" + esc(line) + "</p>";
+    }
+  }
+  closeList();
+  return html || ("<pre class=\"su-notes\">" + esc(txt) + "</pre>");
+}
+
 /* 顶栏左上角常驻更新胶囊：有新版才出现（同版本被忽略后不再出现），
  * 点击直达「关于与更新」，× 忽略本版本（与 su.seen 记账键同一套语义） */
 function renderUpdPill() {
@@ -9348,6 +9466,64 @@ async function reportIssue() {
   }
 }
 
+/* 端口占用诊断（借鉴 leftopen）：谁占着端口、属于哪个项目；可温和关闭 */
+async function scanPorts() {
+  const box = $("ports-list");
+  if (!box) return;
+  const b = $("ports-scan");
+  if (b) b.disabled = true;
+  try {
+    const r = await api("/api/ports");
+    const ports = r.ports || [];
+    if (!ports.length) { box.innerHTML = '<span class="hint">' + esc(t("没有发现监听端口")) + "</span>"; return; }
+    box.innerHTML = "";
+    const tbl = document.createElement("table");
+    tbl.style.width = "100%";
+    tbl.style.fontSize = "12px";
+    tbl.style.borderCollapse = "collapse";
+    const th = (s) => '<th style="text-align:left;padding:4px 8px;opacity:.7">' + esc(s) + "</th>";
+    tbl.innerHTML = "<thead><tr>" + th(t("端口")) + th(t("进程")) + th(t("项目")) + th("") + "</tr></thead>";
+    const tb = document.createElement("tbody");
+    for (const p of ports) {
+      const tr = document.createElement("tr");
+      const td = (s) => '<td style="padding:4px 8px;border-top:1px solid var(--border)">' + s + "</td>";
+      tr.innerHTML =
+        td(p.port + (p.local_only ? ' <span class="pill">' + esc(t("仅本机")) + "</span>" : "") + (p.self ? ' <span class="pill">' + esc(t("本服务")) + "</span>" : "")) +
+        td(esc((p.process || "?") + (p.pid ? " · pid " + p.pid : ""))) +
+        td(p.project ? esc(p.project) : "-") +
+        "<td></td>";
+      const act = tr.lastElementChild;
+      if (!p.self && p.pid) {
+        const btn = document.createElement("button");
+        btn.className = "ghost small";
+        btn.textContent = t("关闭");
+        btn.onclick = () => closePort(p.port);
+        act.appendChild(btn);
+      }
+      tb.appendChild(tr);
+    }
+    tbl.appendChild(tb);
+    box.appendChild(tbl);
+  } catch (e) {
+    box.innerHTML = '<span class="hint">' + esc(t("扫描失败：") + (e.message || e)) + "</span>";
+  } finally {
+    if (b) b.disabled = false;
+  }
+}
+
+async function closePort(port) {
+  if (!confirm(t("向占用端口 %1 的进程发送温和关闭信号？（系统进程会被拒绝）").replace("%1", port))) return;
+  try {
+    const r = await api("/api/ports/close", { method: "POST", body: JSON.stringify({ port }) });
+    toast(r.message || (r.ok ? t("已发送关闭信号") : t("未能关闭")), !r.ok);
+    scanPorts();
+  } catch (e) {
+    toast(e.message || t("关闭失败"), true);
+  }
+}
+
+
+
 async function suCheck() {
   const b = $("su-check");
   if (b) b.disabled = true;

package/app/ui/i18n.js

@@ -584,6 +584,8 @@
     "勾选可批量删除": "Tick to bulk delete",
     "取消归档": "Unarchive",
     "归档": "Archive",
+    "归档任务": "Archive Task",
+    "归档后任务从侧栏收起，可随时用左下角时钟图标找回并取消归档": "Archiving hides the task from the sidebar; use the clock icon at the bottom-left to find it back and unarchive anytime",
     "重命名任务": "Rename task",
     "↻ 继续任务": "↻ Resume task",
     "↻ 重写未达标章": "↻ Rewrite unqualified chapters",
@@ -1867,6 +1869,23 @@
     "一键反馈 Issue": "Report Issue",
     "已打开 GitHub 反馈页，内容已预填，可直接提交（也可附上诊断包 zip）": "GitHub issue page opened with the report pre-filled — submit it, and feel free to attach the diagnostics zip",
     "反馈摘要生成失败：": "Failed to build issue summary: ",
+    "端口占用": "Port Usage",
+    "扫描本机端口": "Scan local ports",
+    "谁占着端口、属于哪个项目一目了然；「仅本机」的端口外网不可达。关闭只发温和信号，系统进程与本服务自身拒绝关闭。": "See at a glance which process holds each port and which project it belongs to; \"local only\" ports are unreachable from outside. Close sends a gentle termination signal only — system processes and this service itself are refused.",
+    "端口": "Port",
+    "进程": "Process",
+    "项目": "Project",
+    "仅本机": "local only",
+    "本服务": "this service",
+    "关闭": "Close",
+    "没有发现监听端口": "No listening ports found",
+    "扫描失败：": "Scan failed: ",
+    "向占用端口 %1 的进程发送温和关闭信号？（系统进程会被拒绝）": "Send a gentle close signal to the process holding port %1? (system processes are refused)",
+    "已发送关闭信号": "Close signal sent",
+    "未能关闭": "Could not close",
+    "关闭失败": "Close failed",
+
+
 
     // —— 禅道 Bug 自动修复 ——
     "禅道": "ZenTao",
@@ -2261,6 +2280,23 @@
     "旧版浏览器缓存残留": "Legacy browser cache remains",
     "历史备份包": "Old backup archives",
     "服务日志瘦身": "Service log trim",
+    "任务画像与调度": "Task profile & routing",
+    "通用能力": "general capabilities",
+    "未选定": "Not selected",
+    "执行": "Implement",
+    "降级：": "Fallback: ",
+    "查看候选评分": "View candidate scores",
+    "需要：": "Needs: ",
+    "简单": "Easy",
+    "标准": "Standard",
+    "困难": "Hard",
+    "编码": "Coding",
+    "写作": "Writing",
+    "推理": "Reasoning",
+    "视觉": "Vision",
+    "文件读写": "File access",
+    "长上下文": "Long context",
+    "连续性": "Continuity",
     "发布浏览器缓存": "Publishing browser cache",
     "保留运行记录与结果报告，只删过程中的原始日志": "Keeps run records and result reports; only raw process logs are deleted",
     "发布过程留档截图，超期即清": "Screenshots kept as publishing evidence, removed once expired",