codebee 0.1.66 → 0.1.67

package/app/ui/i18n.js

@@ -11,6 +11,32 @@
   // 字典：键 = 中文原文；值 = 英文译文。未命中即回落中文。
   const EN = {
     // —— 短片段（拼接用）——
+    "检查中…": "Checking…",
+    "已安装 ": "Installed ",
+    "…等 ": "…and ",
+    "…等共 ": "…plus ",
+    "文件": "File",
+    "体量": "Size",
+    "包含技能：": "Skills included: ",
+    "确认安装": "Confirm install",
+
+    // —— 市场安装预览（先看后装）——
+    "安装前确认": "Pre-install confirmation",
+    "正在下载插件包做安装前检查，包较大时需要约一分钟…": "Downloading the plugin package for a pre-install check; large packages may take about a minute…",
+    "sha256 已校验": "sha256 verified",
+    "无哈希（HTTPS 传输 + 纯技能白名单兜底）": "No hash (HTTPS transport + pure-skill whitelist as backstop)",
+    "按 git ref 锁定": "Pinned by git ref",
+    "跟随仓库 HEAD": "Tracks repository HEAD",
+    "将自动剥离（不写入、不执行）：": "Will be stripped automatically (never written or executed): ",
+    "安装后运行任务时自动注入提示词；可到「经验库」启停或卸载。": "After install, content is injected into matching task prompts automatically; enable/disable/uninstall it in \"Skill library\".",
+    "只看已安装的外部插件": "Show only installed external plugins",
+    "还没有从外部目录安装过插件；退出过滤后逛逛目录，安装前会先给你看包内容。": "No external plugins installed yet; clear this filter to browse the catalog — installs always show package contents first.",
+    "渲染中…": "Rendering…",
+    "docx 预览不可用（渲染器需联网首次加载）；可下载后查看。": "docx preview unavailable (renderer needs network on first load); download to view instead.",
+    "PDF 预览不可用（渲染器需联网首次加载）；可下载后查看。": "PDF preview unavailable (renderer needs network on first load); download to view instead.",
+    "表格预览不可用（渲染器需联网首次加载）；可下载后查看。": "Spreadsheet preview unavailable (renderer needs network on first load); download to view instead.",
+    "仅渲染前 {0} 页（共 {1} 页），完整内容请下载。": "Rendering first {0} of {1} pages only; download for the full document.",
+    "已截断：仅显示前 {0} 行 × {1} 列；完整内容请下载。": "Truncated: showing first {0} rows × {1} columns only; download for the full sheet.",
 
     // —— 用量统计图表 ——
 
@@ -860,6 +886,7 @@
     "大纲 → 逐章起草评审 → 合并（可续跑）": "Outline → per-chapter draft & review → merge (resumable)",
     "≈{0} tokens · {1}次": "≈{0} tokens · {1} runs",
     "实际派发模型": "Dispatched model",
+    "实际用上游（厂商@网关）": "Actual upstream (provider@gateway)",
     "大纲": "Outline",
     "修复": "Fix",
     "验证": "Verify",
@@ -1638,8 +1665,18 @@
     "评分点覆盖": "Scoring coverage",
     "商务清晰度": "Commercial clarity",
     "扫榜选材": "Rank Scan for Topics",
-    "抓取七猫+番茄排行榜公开数据 → AI 提炼跨平台热门题材/人设/差异化切入点（快档直出报告）": "Grabs public Qimao + Fanqie ranking data → AI distills cross-platform hot genres / character archetypes / differentiation angles (fast lane, report straight out)",
+    "抓取七猫/番茄/起点/纵横四平台排行榜公开数据 → AI 提炼跨平台热门题材/人设/差异化切入点（快档直出报告）": "Grabs public rankings from Qimao / Fanqie / Qidian / Zongheng → AI distills cross-platform hot genres / character archetypes / differentiation angles (fast lane, report straight out)",
     "想写哪个方向（一句话，可留空默认分析总榜热门题材）": "Which direction to write (one sentence; leave empty to analyze the overall hot genres)",
+    "缺陷复盘": "Defect Retrospective",
+    "读取附带的缺陷导出数据 → AI 输出产品/开发/测试三视角复盘报告：整体画像、根因聚类、漏测分析、改进动作（快档直出报告）": "Reads the attached defect export → AI produces a Product/Dev/QA three-lens retrospective: overall profile, root-cause clusters, missed-test analysis, improvement actions (fast lane, report straight out)",
+    "复盘哪个版本/时间段的缺陷（建议附带禅道或 Jira 导出 CSV）": "Which version/time window to retrospect (attaching a ZenTao or Jira CSV export is recommended)",
+    "与上一版对比": "Diff vs previous run",
+    "对比": "Diff",
+    "两版内容一致。": "The two versions are identical.",
+    "正在取两版内容…": "Fetching both versions…",
+    "{0} 行相同（已折叠）": "{0} unchanged lines (collapsed)",
+    "变更过大（旧 {0} 行 → 新 {1} 行），不逐行对齐；可分别打开两版查看。": "Change too large (old {0} → new {1} lines); no line-by-line alignment. Open each version separately to compare.",
+    "文件过大，不在线对比；可分别打开两版查看。": "File too large for an online diff; open each version separately.",
 
     // —— 插件市场远程来源名（market_remote.py）——
     "ZCode 官方": "ZCode Official",
@@ -2211,6 +2248,19 @@
     "保存失败": "Save failed",
     "失败 ": "Failed ",
 
+    // —— 任务总时限（任务信息弹层，空闲可改）——
+    "任务总时限": "Task time limit",
+    "30 分钟": "30 min",
+    "1 小时": "1 hour",
+    "2 小时": "2 hours",
+    "3 小时": "3 hours",
+    "4 小时": "4 hours",
+    "6 小时": "6 hours",
+    "12 小时": "12 hours",
+    "24 小时": "24 hours",
+    "自定义 ": "Custom · ",
+    "单次运行的总时间预算；超时即中断（连载断点续跑，已完成章不重写）。空闲时可改，下次运行生效": "Total wall-clock budget per run; the run stops when it is exhausted (serial novels resume from finished chapters). Editable while idle, effective on the next run",
+
     // —— 引擎调参（设置 v2，label 来自后端 schema description）——
     "编排引擎": "Orchestration engine",
     "预算": "Budget",

package/app/ui/index.html

@@ -526,6 +526,10 @@
           <div id="rd-meta-popover" class="rd-meta-popover hidden" role="dialog" aria-label="任务信息" data-i18n-aria="任务信息">
             <div class="rd-meta-popover-head"><span data-i18n="任务信息">任务信息</span><button id="rd-more-close" type="button" class="ghost" aria-label="关闭" data-i18n-aria="关闭">×</button></div>
             <div id="rd-meta" class="stats rd-meta-strip"></div>
+            <div id="rd-timeout-row" class="rd-timeout-row hidden">
+              <label for="rd-timeout" data-i18n="任务总时限">任务总时限</label>
+              <select id="rd-timeout" data-i18n-title="单次运行的总时间预算；超时即中断（连载断点续跑，已完成章不重写）。空闲时可改，下次运行生效"></select>
+            </div>
             <div id="rd-overview" class="rd-overview hidden" aria-live="polite"></div>
           </div>
         </div>
@@ -911,6 +915,7 @@
             <input id="mkr-search" type="search" placeholder="搜索外部插件…" data-i18n-ph="搜索外部插件…" autocomplete="off">
             <button id="mkr-search-btn" class="ghost small" title="搜索" data-i18n-title="搜索" aria-label="搜索" data-i18n-aria="搜索"><svg class="ico" aria-hidden="true"><use href="#i-search"></use></svg><span data-i18n="搜索">搜索</span></button>
             <select id="mkr-source" aria-label="来源" data-i18n-aria="来源"></select>
+            <button id="mkr-installed" class="ghost small" title="只看已安装的外部插件" data-i18n-title="只看已安装的外部插件" aria-pressed="false">已安装</button>
             <button id="mkr-refresh" class="ghost small" data-i18n="拉取更新">拉取更新</button>
           </div>
           <div id="mkr-meta" class="hint mkr-meta"></div>
@@ -1330,6 +1335,7 @@
 
 <script src="qrcode.js"></script>
 <script src="i18n.js"></script>
+<script src="artdiff.js"></script>
 <script src="app.js"></script>
 </body>
 </html>

package/app/ui/style.css

@@ -18,6 +18,7 @@
   --log-bg: #161616;
   --log-text: #c3c9d6;
   --shadow: 0 18px 48px rgba(7, 19, 38, .16);
+  --mask: rgba(0, 0, 0, .5);
   --mono: "Cascadia Code", Consolas, monospace;
   --font-ui: "Aptos", "Segoe UI", sans-serif;
   --font-display: "Aptos Display", "Trebuchet MS", sans-serif;
@@ -1134,7 +1135,7 @@ body.inspector-open #inspector { display: flex; }
   }
   body.inspector-open #insp-mask {
     display: block; position: fixed; inset: 0; z-index: 55;
-    background: rgba(0, 0, 0, .45);
+    background: var(--mask);
   }
 }
 
@@ -1155,7 +1156,7 @@ body.inspector-open #inspector { display: flex; }
   body:not(.side-collapsed) #sidebar { transform: none; }
   body:not(.side-collapsed) #drawer-mask {
     display: block; position: fixed; inset: 0; z-index: 55;
-    background: rgba(0, 0, 0, .45);
+    background: var(--mask);
   }
   main { padding: 18px 14px 70px; }
   .panel { padding: 16px; }
@@ -1424,7 +1425,7 @@ details.prow-hidden[open] > summary { margin-bottom: 6px; }
 
 /* ---- 通用弹框 ---- */
 .modal-wrap { position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 24px; }
-.modal-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
+.modal-mask { position: absolute; inset: 0; background: var(--mask); }
 .modal {
   position: relative; width: 100%; max-width: 620px; max-height: calc(100vh - 48px);
   display: flex; flex-direction: column; background: var(--bg);
@@ -1901,7 +1902,7 @@ html[data-theme="light"] .seg-btn.active { box-shadow: 0 1px 3px rgba(0, 0, 0, .
  * 层级 240：高于主 modal(200)、低于 #ask(250)，Esc 逐层关 */
 #file-pop {
   position: fixed; inset: 0; z-index: 240; display: flex; align-items: center; justify-content: center;
-  padding: 4vh 4vw; background: rgba(0, 0, 0, 0.45);
+  padding: 4vh 4vw; background: var(--mask);
 }
 #file-pop.hidden { display: none; }
 #file-pop .fp-panel {
@@ -2386,7 +2387,7 @@ html.code-wrap #file-pop .fp-ln { white-space: pre-wrap; word-break: break-word;
 /* ============ 命令面板（Ctrl+K / 侧栏搜索行唤起）============ */
 .cmdk-mask {
   position: fixed; inset: 0; z-index: 300;
-  background: rgba(0, 0, 0, .45); backdrop-filter: blur(2px);
+  background: var(--mask); backdrop-filter: blur(2px);
   display: flex; align-items: flex-start; justify-content: center; padding-top: 11vh;
 }
 .cmdk-mask.hidden { display: none; }
@@ -2589,15 +2590,15 @@ details.sf-dir > summary i, a.sf-file i { font-style: normal; color: var(--muted
   user-select: none;
 }
 .health-banner.alerting {
-  background: rgba(220, 38, 38, 0.14);
-  color: #dc2626;
-  border: 1px solid rgba(220, 38, 38, 0.45);
+  background: color-mix(in srgb, var(--bad) 14%, transparent);
+  color: var(--bad);
+  border: 1px solid color-mix(in srgb, var(--bad) 45%, transparent);
   animation: health-pulse 2s ease-in-out infinite;
 }
 .health-banner.recovered {
-  background: rgba(34, 197, 94, 0.12);
-  color: #16a34a;
-  border: 1px solid rgba(34, 197, 94, 0.4);
+  background: color-mix(in srgb, var(--ok) 12%, transparent);
+  color: var(--ok);
+  border: 1px solid color-mix(in srgb, var(--ok) 40%, transparent);
 }
 @keyframes health-pulse {
   0%, 100% { opacity: 1; }
@@ -2612,15 +2613,15 @@ details.sf-dir > summary i, a.sf-file i { font-style: normal; color: var(--muted
 
 /* ---- 供应商健康告警弹框：禁用厂商的危险按钮 ---- */
 .modal-foot button.danger {
-  background: rgba(220, 38, 38, 0.12);
-  color: #dc2626;
-  border: 1px solid rgba(220, 38, 38, 0.45);
+  background: color-mix(in srgb, var(--bad) 12%, transparent);
+  color: var(--bad);
+  border: 1px solid color-mix(in srgb, var(--bad) 45%, transparent);
 }
-.modal-foot button.danger:hover { background: rgba(220, 38, 38, 0.22); }
+.modal-foot button.danger:hover { background: color-mix(in srgb, var(--bad) 22%, transparent); }
 
 /* 运行中指挥：未消费指令的撤回按钮（贴右侧，hover 提亮） */
 .rd-msg .m-retract { float: right; margin-left: 8px; padding: 0 7px; font-size: 11.5px; opacity: .8; }
-.rd-msg .m-retract:hover { opacity: 1; color: #dc2626; border-color: rgba(220, 38, 38, .45); }
+.rd-msg .m-retract:hover { opacity: 1; color: var(--bad); border-color: color-mix(in srgb, var(--bad) 45%, transparent); }
 
 /* 外部目录滚动分页：续页提示行 + 哨兵（追加于文件尾，防并行重排） */
 .mkr-more { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 10px 0 2px; }
@@ -5010,7 +5011,7 @@ html::-webkit-scrollbar-track { background: transparent; }
 
 /* ---- 帮助中心（首启欢迎引导升级版）：左目录右内容，随皮肤 accent ---- */
 .welcome-wrap { position: fixed; inset: 0; z-index: 195; display: flex; align-items: center; justify-content: center; padding: 24px; }
-.welcome-mask { position: absolute; inset: 0; background: rgba(0, 0, 0, .5); }
+.welcome-mask { position: absolute; inset: 0; background: var(--mask); }
 .welcome-card {
   position: relative; display: flex; width: min(920px, 100%); height: min(620px, calc(100vh - 48px));
   background: var(--bg); border: 1px solid var(--border-strong);
@@ -5338,7 +5339,7 @@ body.welcome-open { overflow: hidden; }
   flex-direction: column; gap: 10px; min-height: 46px; }
 .bee-digest { border: 1px solid var(--border); border-radius: var(--r-md); padding: 8px 10px; }
 .bee-digest-head { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 6px; }
-.bee-tag { background: rgba(245, 185, 66, .16); color: var(--warn);
+.bee-tag { background: color-mix(in srgb, var(--warn) 16%, transparent); color: var(--warn);
   border-radius: 6px; padding: 1px 8px; font-size: 12px; font-weight: 600; }
 .bee-meta { font-size: 11.5px; color: var(--muted); }
 .bee-text { font-size: 12.5px; line-height: 1.55; white-space: pre-wrap;
@@ -5382,7 +5383,7 @@ body.welcome-open { overflow: hidden; }
 .bee-g { display: flex; align-items: center; gap: 8px; padding: 3px 6px;
   border-radius: 6px; cursor: pointer; font-size: 12.5px; }
 .bee-g:hover { background: var(--panel2); }
-.bee-g.on { background: rgba(245, 185, 66, .12); }
+.bee-g.on { background: color-mix(in srgb, var(--warn) 12%, transparent); }
 .bee-g span:first-of-type { flex: 1; overflow: hidden; text-overflow: ellipsis;
   white-space: nowrap; }
 .bee-g input { flex: none; }
@@ -6091,10 +6092,10 @@ button.request-busy > * { opacity: .18; }
 .outcome-warn {
   margin-top: 8px;
   padding: 8px 10px;
-  border: 1px solid rgba(217, 119, 6, .45);
+  border: 1px solid color-mix(in srgb, var(--warn) 45%, transparent);
   border-radius: 8px;
-  background: rgba(217, 119, 6, .08);
-  color: #b45309;
+  background: color-mix(in srgb, var(--warn) 8%, transparent);
+  color: var(--warn);
   font-size: 12px;
   line-height: 1.5;
 }
@@ -6102,6 +6103,77 @@ button.request-busy > * { opacity: .18; }
 /* 「完成·未达标」：跑完但评审未过——不用成功绿，用琥珀警告色（2026-09-23
  * 禅道双单实案：用户把未达标误读成修好了） */
 .chip.done.unqualified {
-  background: color-mix(in srgb, #d97706 16%, transparent);
-  color: #b45309;
+  background: color-mix(in srgb, var(--warn) 16%, transparent);
+  color: var(--warn);
+}
+
+/* ---- 市场安装预览弹框（先看后装，两阶段确认；追加于文件尾防并行重排） ---- */
+.mkpv-name { font-size: 14px; font-weight: 700; margin-bottom: 4px; }
+.mkpv-meta { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--muted); margin-bottom: 8px; }
+.mkpv-skills { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 0 0 8px; font-size: 12.5px; }
+.mkpv-sum { font-size: 12.5px; color: var(--muted); margin-bottom: 6px; }
+.mkpv-files { width: 100%; border-collapse: collapse; font-family: var(--mono); font-size: 11.5px; margin: 4px 0 10px; }
+.mkpv-files th { text-align: left; font-family: var(--font-ui); font-size: 11.5px; color: var(--muted); font-weight: 600; padding: 2px 10px 4px 0; border-bottom: 1px solid var(--border-strong); }
+.mkpv-files td { padding: 2px 10px 2px 0; border-bottom: 1px solid var(--border); max-width: 400px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.mkpv-files td.mkpv-chars { color: var(--muted); white-space: nowrap; text-align: right; }
+.mkpv-files td.mkpv-more, .mkpv-strip li.mkpv-more { color: var(--muted); list-style: none; }
+.mkpv-sec { font-size: 12.5px; color: var(--warn); margin: 6px 0 4px; }
+.mkpv-strip { margin: 2px 0 8px 16px; padding: 0; font-family: var(--mono); font-size: 11.5px; color: var(--muted); max-height: 110px; overflow: auto; }
+.mkpv-strip li { margin: 1px 0; }
+
+/* 「已安装 N」过滤入口：active 时随 accent 提亮 */
+#mkr-installed.active { border-color: color-mix(in srgb, var(--accent) 55%, transparent); color: var(--accent); }
+
+/* ---- docx 只读预览（渲染器注入的 .docx-wrapper 改随皮肤；纸面保持白——
+ *      文档画布是内容不是 UI，白底是刻意的（令牌规则豁免项）） ---- */
+#file-pop .fp-docx { min-height: 100%; padding: 12px; }
+#file-pop .fp-docx .docx-wrapper { background: transparent; padding: 0; }
+#file-pop .fp-docx .docx-wrapper > section.docx {
+  background: #fff; color: #000; margin-bottom: 14px;
+  box-shadow: 0 2px 12px rgba(0, 0, 0, .3);
+}
+#file-pop .fp-docx-load { padding: 24px 18px; color: var(--muted); font-size: 12.5px; }
+
+/* 步骤卡「实际用上游」小徽章（借鉴 WorkDSH ResolvedExecutionBinding，追加于文件尾
+ * 防并行重排）：与 st-model 同族但用独立类名——ui_hive_model_think 断言
+ * .st-model 徽章数，复用类名会破锚点。虚线边框与模型徽章区分。 */
+.step .st-prov {
+  font-size: 10.5px; color: var(--muted); opacity: .85;
+  border: 1px dashed var(--border); border-radius: 999px; padding: 0 7px; line-height: 16px;
+  max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
+}
+
+/* PDF/xlsx 只读预览（成品弹窗，WorkDSH「真任务以可读产物收尾」切片；
+ * 追加于文件尾防并行重排）。PDF 纸面白底与 docx 同理：文档画布是内容不是 UI */
+#file-pop .fp-pdf { padding: 12px; display: flex; flex-direction: column; align-items: center; gap: 12px; }
+#file-pop .fp-pdf canvas.fp-pdf-page {
+  background: #fff; box-shadow: 0 2px 12px rgba(0, 0, 0, .3); max-width: 100%;
+}
+#file-pop .fp-xlsx { padding: 12px; overflow: auto; }
+.fp-xls-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
+.fp-xls-tabs .fp-xls-tab.active {
+  border-color: color-mix(in srgb, var(--accent) 55%, transparent);
+  color: var(--accent);
 }
+table.fp-xls { border-collapse: collapse; font-family: var(--mono); font-size: 11.5px; }
+.fp-xls th, .fp-xls td {
+  border: 1px solid var(--border); padding: 2px 8px; white-space: nowrap;
+  max-width: 320px; overflow: hidden; text-overflow: ellipsis;
+}
+.fp-xls th { color: var(--muted); font-weight: 600; font-family: var(--font-ui); }
+
+/* ---------------- 成品两版对比（artdiff.js + artifactDiffBody） ----------------
+ * 行色复用 insp-plus/insp-minus 同源变量（var(--ok)/var(--bad)），随皮肤走。 */
+.art-diff { margin: 0; padding: 6px 0 10px; font-family: var(--mono); font-size: 12px; line-height: 1.6; }
+.art-diff .dl-ln { display: flex; gap: 8px; padding: 0 14px; white-space: pre-wrap; word-break: break-word; }
+.art-diff .dl-ln i { flex: none; width: 12px; text-align: center; font-style: normal; opacity: .75; }
+.art-diff .dl-eq { color: var(--muted); }
+.art-diff .dl-add { color: var(--ok); background: color-mix(in srgb, var(--ok) 10%, transparent); }
+.art-diff .dl-del { color: var(--bad); background: color-mix(in srgb, var(--bad) 10%, transparent); text-decoration: none; }
+.art-diff .dl-gap { padding: 4px 14px; color: var(--muted); font-family: var(--font-ui); font-size: 11px; opacity: .85; }
+
+/* 任务总时限行（任务信息弹层内，rd-meta 下方独立一行；不随轮询重建） */
+.rd-timeout-row { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border-top: 1px solid var(--hairline, rgba(128,128,128,.18)); font-size: 12px; }
+.rd-timeout-row label { color: var(--muted); white-space: nowrap; }
+.rd-timeout-row select { flex: 0 0 auto; min-width: 96px; }
+.rd-timeout-row select:disabled { opacity: .55; cursor: not-allowed; }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codebee",
-  "version": "0.1.66",
+  "version": "0.1.67",
   "description": "CodeBee · 多智能体编排台 — 统一编排本机 AI 编码 CLI（Codex / Claude Code / QwenCode / OpenCode / Aider…）：目标→拆解→路由→执行→验证→跨厂商评审→修复→报告。纯 Python 标准库实现，本地 Web UI。",
   "license": "MIT",
   "bin": {