codebee 0.1.21 → 0.1.23

package/app/ui/app.js

@@ -297,6 +297,93 @@ function urlAuth(u) {
 }
 
 /* ---------------------------------------------------------- 工具 */
+let _requestBusyCount = 0;
+let _lastActionButton = null;
+let _lastActionAt = 0;
+const _requestBusyButtons = new WeakMap();
+
+/* 记录发起请求的按钮。写请求统一在 api() 里挂忙碌态，避免每个业务入口各写一套；
+ * 确认框的按钮不覆盖原始操作按钮，但会续期，使“确认后执行”仍反馈在原按钮上。 */
+document.addEventListener("click", (e) => {
+  const btn = e.target && e.target.closest ? e.target.closest("button") : null;
+  if (!btn) return;
+  if (btn.classList.contains("request-busy")) {
+    e.preventDefault();
+    e.stopImmediatePropagation();
+    return;
+  }
+  _lastActionAt = performance.now();
+  if (!btn.closest("#ask")) _lastActionButton = btn;
+}, true);
+
+function requestBusyStart(opts) {
+  const method = String((opts && opts.method) || "GET").toUpperCase();
+  if (opts && opts.busy === false) return null;
+  if ((method === "GET" || method === "HEAD") && !(opts && opts.busy)) return null;
+
+  _requestBusyCount++;
+  let bar = $("request-progress");
+  if (!bar && document.body) {
+    bar = document.createElement("div");
+    bar.id = "request-progress";
+    bar.className = "request-progress";
+    bar.setAttribute("role", "status");
+    bar.setAttribute("aria-label", t("操作处理中"));
+    bar.setAttribute("aria-hidden", "true");
+    document.body.appendChild(bar);
+  }
+  if (bar) {
+    bar.classList.add("active");
+    bar.setAttribute("aria-hidden", "false");
+  }
+
+  let btn = opts && opts.busyElement;
+  if (typeof btn === "string") btn = document.querySelector(btn);
+  if (!btn && performance.now() - _lastActionAt < 2000) btn = _lastActionButton;
+  if (!btn || !document.documentElement.contains(btn)) btn = null;
+  if (btn) {
+    let state = _requestBusyButtons.get(btn);
+    if (!state) {
+      state = {
+        count: 0,
+        ariaBusy: btn.getAttribute("aria-busy"),
+        ariaDisabled: btn.getAttribute("aria-disabled"),
+      };
+      _requestBusyButtons.set(btn, state);
+    }
+    state.count++;
+    btn.classList.add("request-busy");
+    btn.setAttribute("aria-busy", "true");
+    btn.setAttribute("aria-disabled", "true");
+  }
+  return { button: btn };
+}
+
+function requestBusyEnd(token) {
+  if (!token) return;
+  _requestBusyCount = Math.max(0, _requestBusyCount - 1);
+  const btn = token.button;
+  const state = btn && _requestBusyButtons.get(btn);
+  if (state) {
+    state.count--;
+    if (state.count <= 0) {
+      btn.classList.remove("request-busy");
+      if (state.ariaBusy === null) btn.removeAttribute("aria-busy");
+      else btn.setAttribute("aria-busy", state.ariaBusy);
+      if (state.ariaDisabled === null) btn.removeAttribute("aria-disabled");
+      else btn.setAttribute("aria-disabled", state.ariaDisabled);
+      _requestBusyButtons.delete(btn);
+    }
+  }
+  if (_requestBusyCount === 0) {
+    const bar = $("request-progress");
+    if (bar) {
+      bar.classList.remove("active");
+      bar.setAttribute("aria-hidden", "true");
+    }
+  }
+}
+
 async function api(path, opts) {
   opts = opts || {};
   // 可选超时：长请求（如外部插件下载）传 opts.timeout，网络卡死时也能
@@ -306,21 +393,30 @@ async function api(path, opts) {
     ctrl = new AbortController();
     var timer = setTimeout(() => ctrl.abort(), opts.timeout);
   }
-  let res;
+  const busyToken = requestBusyStart(opts);
+  const fetchOpts = Object.assign({}, opts);
+  delete fetchOpts.timeout;
+  delete fetchOpts.busy;
+  delete fetchOpts.busyElement;
   try {
-    res = await fetch(path, Object.assign({ headers: authHeaders() }, opts, ctrl ? { signal: ctrl.signal } : {}));
-  } catch (e) {
-    if (ctrl && e.name === "AbortError") throw new Error(t("请求超时，请重试或检查网络"));
-    throw e;
+    let res;
+    try {
+      res = await fetch(path, Object.assign({ headers: authHeaders() }, fetchOpts,
+        ctrl ? { signal: ctrl.signal } : {}));
+    } catch (e) {
+      if (ctrl && e.name === "AbortError") throw new Error(t("请求超时，请重试或检查网络"));
+      throw e;
+    }
+    if (res.status === 401) { showTokenGate(t("令牌不正确或已更换，请重新输入")); throw new Error(t("需要访问令牌")); }
+    let data = null;
+    try { data = await res.json(); } catch (e) { /* ignore */ }
+    if (res.status === 423 && data && data.control) setControl(data.control);
+    if (!res.ok) throw new Error((data && data.error) || ("HTTP " + res.status));
+    return data;
   } finally {
     if (timer) clearTimeout(timer);
+    requestBusyEnd(busyToken);
   }
-  if (res.status === 401) { showTokenGate(t("令牌不正确或已更换，请重新输入")); throw new Error(t("需要访问令牌")); }
-  let data = null;
-  try { data = await res.json(); } catch (e) { /* ignore */ }
-  if (res.status === 423 && data && data.control) setControl(data.control);
-  if (!res.ok) throw new Error((data && data.error) || ("HTTP " + res.status));
-  return data;
 }
 
 /* 轻提示：3.5s 自动消失 */
@@ -783,7 +879,7 @@ async function ctrlClick() {
 function startCtrlHeartbeat() {
   setInterval(() => {
     if (S.control && S.control.mine) {
-      api("/api/control/heartbeat", { method: "POST", body: "{}" })
+      api("/api/control/heartbeat", { method: "POST", body: "{}", busy: false })
         .then((d) => setControl(d.control)).catch(() => {});
     }
   }, 15000);
@@ -1687,7 +1783,7 @@ async function openImportDialog() {
     '<button class="ghost" onclick="closeModal()">' + t("取消") + '</button>');
   let data;
   try {
-    data = await api("/api/models/sources");
+    data = await api("/api/models/sources", { busy: true });
   } catch (e) {
     $("modal-body").innerHTML = '<div class="msg bad">' + t("扫描失败：") + esc(e.message) + "</div>";
     return;
@@ -2586,7 +2682,7 @@ async function retryTask(id) {
 async function continueSerial(id) {
   let info;
   try {
-    info = await api("/api/tasks/" + encodeURIComponent(id) + "/continue-info");
+    info = await api("/api/tasks/" + encodeURIComponent(id) + "/continue-info", { busy: true });
   } catch (e) { toast(t("无法续写：") + e.message, true); return; }
   if (!info || !info.can) {
     toast(t("无法续写：") + ((info && info.reason) || t("当前状态不支持")), true);
@@ -3324,6 +3420,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;
@@ -3704,6 +3801,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) =>
@@ -5347,6 +5445,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) {
@@ -6378,6 +6545,7 @@ function bindVoiceInput() {
         if (e.results[i].isFinal) text += e.results[i][0].transcript;
       }
       if (text) {
+        text = voiceFixup(text);
         ta.value = (ta.value ? ta.value.replace(/\s+$/, "") + " " : "") + text;
         ta.dispatchEvent(new Event("input", { bubbles: true }));
       }
@@ -6389,6 +6557,24 @@ function bindVoiceInput() {
   });
 }
 
+/* 语音识别结果纠偏（借鉴 lexicon 个人词典）：设置里维护的专有名词表
+ * （localStorage orch.voice_terms，一行一个「错误→正确」或直接「术语」），
+ * 识别结果做逐词替换。人名/书名/项目名是识别高频错位，词表是最小可用解。 */
+function voiceFixup(text) {
+  let terms = [];
+  try {
+    const raw = localStorage.getItem("orch.voice_terms") || "";
+    terms = raw.split("\n").map((l) => l.trim()).filter(Boolean);
+  } catch (e) {}
+  for (const t of terms) {
+    const m = t.split("→");
+    if (m.length === 2 && m[0].trim() && m[1].trim()) {
+      text = text.split(m[0].trim()).join(m[1].trim());
+    }
+  }
+  return text;
+}
+
 /* ---------------------------------------------------------- 外观：皮肤 + 明暗（换肤） */
 /* 调色板全部在 style.css（html[data-skin="X"]，每套含夜间/日间两版变量）；这里只放顺序
  * 与文案。卡片预览色块用 skinPalette 从 CSS 变量实时取值，不在 JS 里重复写色值——
@@ -6796,7 +6982,7 @@ function updateChip(c) {
 async function autoCheckUpdates() {
   if (Date.now() - (S.updateCheckAt || 0) < 5 * 60 * 1000) return;
   S.updateCheckAt = Date.now();
-  try { await api("/api/catalog/check-updates", { method: "POST" }); } catch (e) { /* 忽略 */ }
+  try { await api("/api/catalog/check-updates", { method: "POST", busy: false }); } catch (e) { /* 忽略 */ }
   poll();
 }
 
@@ -6954,7 +7140,7 @@ async function autoRebindSoon() {
       if (!act) continue;
       const b = (S.bindings || {})[c.id] || {};
       try {
-        await api("/api/models/binding", { method: "POST", body: JSON.stringify({
+        await api("/api/models/binding", { method: "POST", busy: false, body: JSON.stringify({
           agent_id: c.id, provider_id: act[0].p,
           chain: act.map((x) => ({ provider_id: x.p, model: x.m })),
           difficulty_routing: !!b.difficulty_routing }) });
@@ -8882,7 +9068,7 @@ function suLastUpgradeRun() {
 
 async function loadSelfupdate(force) {
   try {
-    SU = await api("/api/selfupdate" + (force ? "?force=1" : ""));
+    SU = await api("/api/selfupdate" + (force ? "?force=1" : ""), { busy: !!force });
   } catch (e) { SU = null; }
   renderSu();
   maybeWhatsnew();
@@ -9198,6 +9384,7 @@ async function savePetSkin(skin) {
 async function exportDiagBundle() {
   const b = $("diag-export");
   if (b) b.disabled = true;
+  const busyToken = requestBusyStart({ method: "GET", busy: true, busyElement: b });
   try {
     const r = await fetch("/api/diagnostics/bundle", { headers: authHeaders() });
     if (!r.ok) throw new Error("HTTP " + r.status);
@@ -9213,6 +9400,7 @@ async function exportDiagBundle() {
   } catch (e) {
     toast(t("诊断包导出失败：") + e.message, true);
   } finally {
+    requestBusyEnd(busyToken);
     if (b) b.disabled = false;
   }
 }
@@ -9220,7 +9408,7 @@ async function exportDiagBundle() {
 /* 一键反馈 Issue：拉脱敏摘要 → 预填 GitHub Issue 新建页（用户亲手提交，不自动回传） */
 async function reportIssue() {
   try {
-    const s = await api("/api/diagnostics/issue-summary");
+    const s = await api("/api/diagnostics/issue-summary", { busy: true });
     const url = "https://github.com/Vercel-By-WXP/CodeBee/issues/new" +
       "?title=" + encodeURIComponent(s.title || "") +
       "&body=" + encodeURIComponent(s.body || "");
@@ -9231,6 +9419,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

@@ -1273,6 +1273,7 @@
     "安装中…": "Installing…",
     "正在下载安装，插件包较大时需要约一分钟…": "Downloading and installing — large plugin packages can take about a minute…",
     "请求超时，请重试或检查网络": "Request timed out — try again or check your network",
+    "操作处理中": "Working on it",
     "该插件含脚本/钩子/MCP 组件，仅支持纯技能类插件": "Contains scripts/hooks/MCP components — only pure skill plugins are supported",
     " 个供应商（google 等协议）仅登记，不支持注入 CLI，未出现在上面的下拉中。": " provider(s) (google etc.) are registry-only, can't inject into CLIs, and are hidden from the dropdown above.",
     " 个降级备选）。": " fallback(s)).",
@@ -1866,6 +1867,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",
@@ -2260,6 +2278,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",