codebee 0.1.69 → 0.1.71

package/app/ui/index.html

@@ -55,6 +55,10 @@
   <symbol id="i-workflow" viewBox="0 0 24 24"><rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/><path d="M10 6.5h4a3 3 0 0 1 3 3V14"/></symbol>
   <symbol id="i-phone" viewBox="0 0 24 24"><rect x="5" y="2" width="14" height="20" rx="2.5"/><path d="M12 18h.01"/></symbol>
   <symbol id="i-arrow-left" viewBox="0 0 24 24"><path d="M19 12H5"/><path d="m12 19-7-7 7-7"/></symbol>
+  <symbol id="i-arrow-right" viewBox="0 0 24 24"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></symbol>
+  <symbol id="i-home" viewBox="0 0 24 24"><path d="m3 11 9-8 9 8"/><path d="M5 10v10h14V10"/><path d="M9 20v-6h6v6"/></symbol>
+  <symbol id="i-external" viewBox="0 0 24 24"><path d="M14 3h7v7"/><path d="m21 3-9 9"/><path d="M19 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h6"/></symbol>
+  <symbol id="i-browser" viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="16" rx="2"/><path d="M3 9h18"/><path d="M7 6.5h.01M10 6.5h.01M13 6.5h.01"/></symbol>
   <symbol id="i-menu" viewBox="0 0 24 24"><path d="M4 6h16"/><path d="M4 12h16"/><path d="M4 18h16"/></symbol>
   <symbol id="i-moon" viewBox="0 0 24 24"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"/></symbol>
   <symbol id="i-globe" viewBox="0 0 24 24"><path d="M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20Zm0 2c1.9 0 3.6 2.8 4 6.5h-8c.4-3.7 2.1-6.5 4-6.5ZM4.3 10.5h2.7c-.1 1-.1 2 0 3H4.3a8 8 0 0 1 0-3Zm.8-2a8 8 0 0 1 4-4.2c-1 1.3-1.8 3-2.1 4.2H5.1Zm-1 7h2c.3 1.3 1 3 2.1 4.2a8 8 0 0 1-4-4.2Zm2-2a17 17 0 0 1 0-3h8a17 17 0 0 1 0 3h-8Zm2.9 6.2c-1-1.2-1.8-2.9-2.1-4.2h1.9c.3 1.2 1.1 3 2.1 4.2a8 8 0 0 1-1.9 0Zm3 0c-1-.5-2-2.6-2.4-4.2h4.8c-.4 1.6-1.4 3.7-2.4 4.2Zm1.9-.2c1-1.2 1.8-2.9 2.1-4.2h2a8 8 0 0 1-4.1 4.2Zm4.4-6.2h-2.7c.1-1 .1-2 0-3h2.7a8 8 0 0 1 0 3Zm-2.4-5a11 11 0 0 0-2-4.2 8 8 0 0 1 4 4.2h-2Z"/><path d="M7 10.5h10M7 13.5h10" fill="none" stroke="currentColor" stroke-width=".8" opacity=".45"/></symbol><symbol id="i-palette" viewBox="0 0 24 24"><circle cx="13.5" cy="6.5" r=".5" fill="currentColor"/><circle cx="17.5" cy="10.5" r=".5" fill="currentColor"/><circle cx="8.5" cy="7.5" r=".5" fill="currentColor"/><circle cx="6.5" cy="12.5" r=".5" fill="currentColor"/><path d="M12 2a10 10 0 0 0 0 20 2 2 0 0 0 2-2v-1a2 2 0 0 1 2-2h1.5A4.5 4.5 0 0 0 22 12.5C22 6.7 17.5 2 12 2Z"/></symbol>
@@ -102,18 +106,54 @@
 <div id="drawer-mask" aria-hidden="true"></div>
 <div id="app">
 
+  <!-- Codex 式一级导航：保留原有侧栏功能，增加一条可快速切换主视图的窄轨道。 -->
+  <nav class="side-rail" aria-label="主导航">
+    <button type="button" class="rail-btn active" data-rail-page="tasks" title="任务" aria-label="任务" data-i18n-title="任务" data-i18n-aria="任务" onclick="exitSettings()">
+      <svg class="ico" aria-hidden="true"><use href="#i-gauge"></use></svg>
+    </button>
+    <button type="button" class="rail-btn" data-rail-page="runs" title="运行记录" aria-label="运行记录" data-i18n-title="运行记录" data-i18n-aria="运行记录" onclick="switchTab('runs')">
+      <svg class="ico" aria-hidden="true"><use href="#i-history"></use></svg>
+    </button>
+    <button type="button" class="rail-btn" data-rail-page="automation" title="自动化" aria-label="自动化" data-i18n-title="自动化" data-i18n-aria="自动化" onclick="switchTab('automation')">
+      <svg class="ico" aria-hidden="true"><use href="#i-calendar-days"></use></svg>
+    </button>
+    <button type="button" class="rail-btn" id="btn-rail-browser" data-rail-page="browser" title="浏览器" aria-label="浏览器" data-i18n-title="浏览器" data-i18n-aria="浏览器" onclick="switchTab('browser', 'main')">
+      <svg class="ico" aria-hidden="true"><use href="#i-browser"></use></svg>
+    </button>
+    <span class="rail-spacer"></span>
+    <button type="button" class="rail-btn" title="设置" aria-label="设置" onclick="document.getElementById('btn-settings').click()">
+      <svg class="ico" aria-hidden="true"><use href="#i-gear"></use></svg>
+    </button>
+  </nav>
+
   <!-- ================= 侧栏 ================= -->
   <aside id="sidebar">
     <!-- 常规视图：任务树 -->
     <div class="side-main">
-      <div class="brand" title="CodeBee · 多智能体编排台" data-i18n-title="CodeBee · 多智能体编排台">
-        <span class="brand-name">CodeBee</span>
+      <div class="brand-row">
+        <button id="btn-brand" class="brand" type="button" title="切换工作区" aria-label="切换工作区" aria-haspopup="menu" aria-expanded="false" onclick="toggleBrandMenu()">
+          <span class="brand-name">CodeBee</span>
+          <svg class="ico brand-caret" aria-hidden="true"><use href="#i-chevron-r"></use></svg>
+        </button>
+        <button id="btn-notify-toggle" class="brand-tool" title="完成/待裁决提示音" aria-label="完成/待裁决提示音"
+                data-i18n-title="完成/待裁决提示音" data-i18n-aria="完成/待裁决提示音">
+          <svg class="ico" aria-hidden="true"><use href="#i-bell"></use></svg>
+        </button>
+        <button class="brand-tool side-search" id="btn-cmdk" title="搜索" aria-label="搜索" data-i18n-title="搜索">
+          <svg class="ico" aria-hidden="true"><use href="#i-search"></use></svg>
+          <span class="ss-label" data-i18n="搜索">搜索</span>
+          <span class="kbd" aria-hidden="true">Ctrl K</span>
+        </button>
+      </div>
+      <div id="brand-menu" class="brand-menu hidden" role="menu" aria-label="工作区">
+        <div class="brand-menu-item selected" role="menuitem">
+          <span><b>CodeBee</b><small>多智能体编排台</small></span>
+          <svg class="ico" aria-hidden="true"><use href="#i-check"></use></svg>
+        </div>
       </div>
-      <button id="btn-new-task" class="new-task"><span class="nt-label" data-i18n="＋ 新任务">＋ 新任务</span><span class="kbd" aria-hidden="true">N</span></button>
-      <button class="side-search" id="btn-cmdk" title="搜索" data-i18n-title="搜索">
-        <svg class="ico" aria-hidden="true"><use href="#i-search"></use></svg>
-        <span class="ss-label" data-i18n="搜索">搜索</span>
-        <span class="kbd" aria-hidden="true">Ctrl K</span>
+      <button id="btn-new-task" class="new-task">
+        <svg class="ico" aria-hidden="true"><use href="#i-chat"></use></svg>
+        <span class="nt-label">新聊天</span><span class="kbd" aria-hidden="true">N</span>
       </button>
       <!-- 快捷导航：只放最常用的全局页（data-page 是页面 id 真源）。
            点它们只换主栏内容，左栏任务树原地不动（app.js switchTab 的 main 形态）；
@@ -132,10 +172,14 @@
           <svg class="ico" aria-hidden="true"><use href="#i-calendar-days"></use></svg>
           <span data-i18n="自动化">自动化</span>
         </button>
+        <button class="qitem" id="btn-q-browser" data-page="browser" title="浏览器" data-i18n-title="浏览器">
+          <svg class="ico" aria-hidden="true"><use href="#i-browser"></use></svg>
+          <span data-i18n="浏览器">浏览器</span>
+        </button>
       </div>
       <div class="side-section tasks">
         <div class="side-label-row">
-          <div data-i18n="任务" class="side-label">任务</div>
+          <div data-i18n="项目" class="side-label">项目</div>
           <button id="btn-side-expand" class="foot-btn notify-toggle" title="展开全部" aria-label="展开全部"
                   data-i18n-title="展开全部" data-i18n-aria="展开全部">
             <svg class="ico" aria-hidden="true"><use href="#i-chevrons-d"></use></svg>
@@ -144,10 +188,6 @@
                   data-i18n-title="显示已归档" data-i18n-aria="显示已归档">
             <svg class="ico" aria-hidden="true"><use href="#i-history"></use></svg>
           </button>
-          <button id="btn-notify-toggle" class="foot-btn notify-toggle" title="完成/待裁决提示音" aria-label="完成/待裁决提示音"
-                  data-i18n-title="完成/待裁决提示音" data-i18n-aria="完成/待裁决提示音">
-            <svg class="ico" aria-hidden="true"><use href="#i-bell"></use></svg>
-          </button>
         </div>
         <div id="side-tasks" class="side-tasks"></div>
       </div>
@@ -212,6 +252,7 @@
       <button class="set-item" data-sub="knowledge" data-i18n="知识库"><svg class="ico" aria-hidden="true"><use href="#i-sigma"></use></svg>知识库</button>
       <button class="set-item" data-sub="market" data-i18n="插件市场"><svg class="ico" aria-hidden="true"><use href="#i-blocks"></use></svg>插件市场</button>
       <button class="set-item" data-sub="orch" data-i18n="编排设置"><svg class="ico" aria-hidden="true"><use href="#i-workflow"></use></svg>编排设置</button>
+      <button class="set-item" data-sub="evalbench" data-i18n="模型评测"><svg class="ico" aria-hidden="true"><use href="#i-gauge"></use></svg>模型评测</button>
       <div data-i18n="数据" class="set-group">数据</div>
       <button class="set-item" data-sub="data" data-i18n="数据与备份"><svg class="ico" aria-hidden="true"><use href="#i-library"></use></svg>数据与备份</button>
       <div data-i18n="外观" class="set-group">外观</div>
@@ -564,7 +605,7 @@
         </div>
         </div><!-- /rd-railcol -->
         <div class="rd-main">
-          <!-- 对话分区（直连任务默认）：用户消息与 CLI 输出混排的时间线 + 贴底追话框。
+          <!-- 对话分区（所有任务默认）：用户消息与各智能体输出混排的时间线 + 贴底追话框。
                运行中发出去走信箱（下一步送达）；已结束发出去走 /chat 自动续跑新一轮。 -->
           <div id="rd-pane-chat" class="rd-pane" role="tabpanel" aria-labelledby="rd-tab-chat" data-pane="chat">
             <div id="rd-chat" class="rd-chat hidden">
@@ -741,6 +782,7 @@
           <label class="toggle" title="修复任务评审通过后，自动到禅道 resolve（fixed）并回评论" data-i18n-title="修复任务评审通过后，自动到禅道 resolve（fixed）并回评论"><input id="zt-autoresolve" type="checkbox"><span data-i18n="自动 resolve Bug">自动 resolve Bug</span></label>
           <label class="toggle" title="把任务分支自动合并回基线分支（需配置基线分支；合并失败不 resolve 不转派，留人工）" data-i18n-title="把任务分支自动合并回基线分支（需配置基线分支；合并失败不 resolve 不转派，留人工）"><input id="zt-automerge" type="checkbox"><span data-i18n="自动合并代码">自动合并代码</span></label>
           <label class="toggle" title="按下面的间隔定时扫描；关掉后仍可手动「立即扫描」" data-i18n-title="按下面的间隔定时扫描；关掉后仍可手动「立即扫描」"><input id="zt-poll" type="checkbox"><span data-i18n="定时扫描">定时扫描</span></label>
+          <label class="toggle" title="法定休假日不认领新 Bug，扫描顺延到下一个工作日（对账照跑）；调休补班的周末照常扫描" data-i18n-title="法定休假日不认领新 Bug，扫描顺延到下一个工作日（对账照跑）；调休补班的周末照常扫描"><input id="zt-holiday" type="checkbox"><span data-i18n="跳过法定节假日">跳过法定节假日</span></label>
           <label class="zt-interval-field" for="zt-interval" title="定时扫描的间隔，最小 5 分钟" data-i18n-title="定时扫描的间隔，最小 5 分钟"><span class="zt-iv-label" data-i18n="扫描间隔">扫描间隔</span><span class="zt-iv-box"><input id="zt-interval" type="number" min="5" max="10080" step="5"><span class="zt-iv-unit" data-i18n="分钟">分钟</span></span></label>
         </div>
         <div class="ops"><button id="btn-zentao-save" class="primary small"><span data-i18n="保存配置">保存配置</span></button></div>
@@ -770,6 +812,9 @@
               <button data-i18n="近 30 天" class="seg-btn" data-days="30">近 30 天</button>
               <button data-i18n="全部" class="seg-btn" data-days="0">全部</button>
             </div>
+            <button id="btn-usage-export" class="ghost small" data-i18n-title="导出当前范围的台账明细（CSV，Excel 可开）" title="导出当前范围的台账明细（CSV，Excel 可开）">
+              <svg class="ico" aria-hidden="true"><use href="#i-arrow-up"></use></svg><span data-i18n="导出">导出</span>
+            </button>
             <button id="btn-usage-refresh" class="icon-btn" title="重新拉取" aria-label="重新拉取" data-i18n-aria="重新拉取" data-i18n-title="重新拉取">
               <svg class="ico" aria-hidden="true"><use href="#i-refresh"></use></svg>
             </button>
@@ -805,6 +850,7 @@
           <h2 data-i18n="智能体目录">智能体目录</h2>
           <button class="hhelp" data-help-topic="models" title="这是什么？点开看帮助" data-i18n-title="这是什么？点开看帮助" aria-label="帮助" data-i18n-aria="帮助"><svg class="ico" aria-hidden="true"><use href="#i-help"></use></svg></button>
           <div class="actions">
+            <button data-i18n="一键升级全部" id="btn-catalog-upgrade-all" class="primary">一键升级全部</button>
             <button data-i18n="写入推荐默认模型（可选）" id="btn-catalog-autobind" class="ghost">写入推荐默认模型（可选）</button>
             <button data-i18n="重新加载 catalog" id="btn-reload-catalog" class="ghost">重新加载 catalog</button>
             <button data-i18n="恢复默认 catalog" id="btn-reset-catalog" class="ghost">恢复默认 catalog</button>
@@ -897,6 +943,11 @@
           <button data-i18n="经验包" class="seg-btn active" data-v="local">经验包</button>
           <button data-i18n="外部目录" class="seg-btn" data-v="remote">外部目录</button>
         </div>
+        <div class="plugin-section">
+          <h3 class="sec-title"><span data-i18n="本地插件">本地插件</span> <span class="tag" id="plugin-count"></span></h3>
+          <p class="hint" data-i18n="本地插件遵循统一 manifest 规范。技能会接入经验库；MCP 只在启用后合并到内置智能体工具，不执行插件脚本或钩子。">本地插件遵循统一 manifest 规范。技能会接入经验库；MCP 只在启用后合并到内置智能体工具，不执行插件脚本或钩子。</p>
+          <div id="plugin-grid" class="cards mk-grid"></div>
+        </div>
         <div id="mk-local">
         <div class="pm-tools mk-tools">
           <input id="mk-search" type="search" placeholder="搜索插件…" data-i18n-ph="搜索插件…" autocomplete="off">
@@ -956,11 +1007,90 @@
             <label class="toggle" style="margin-top:6px"><input id="set-claude-sync" type="checkbox"> <span data-i18n="把绑定供应商写进 ~/.claude/settings.json（一键打开与每次运行前）">把绑定供应商写进 ~/.claude/settings.json（一键打开与每次运行前）</span></label>
             <p data-i18n="开启后 CodeBee 会覆盖 cc-switch 等工具对交互 claude 的手选配置。关闭后交互 claude 配置归你手动管理；编排步骤改用一次性注入，模型路由不受影响。" class="hint">开启后 CodeBee 会覆盖 cc-switch 等工具对交互 claude 的手选配置。关闭后交互 claude 配置归你手动管理；编排步骤改用一次性注入，模型路由不受影响。</p>
           </div>
+          <h3 data-i18n="MCP 工具（内置智能体）" class="sec-title">MCP 工具（内置智能体）</h3>
+          <div class="field"><label data-i18n="MCP 服务器清单（JSON 数组，stdio 形态，最多 4 个）">MCP 服务器清单（JSON 数组，stdio 形态，最多 4 个）</label>
+            <textarea id="set-mcp-servers" rows="4" style="width:100%;font-family:var(--mono,monospace);font-size:12px" placeholder='[{"name":"fs","command":"npx","args":["-y","@modelcontextprotocol/server-fs","C:/data"]}]'></textarea>
+            <div class="input-row" style="margin-top:6px" id="mcp-templates">
+              <span class="hint" data-i18n="一键模板：">一键模板：</span>
+              <button class="ghost small" onclick="mcpTemplate('fetch')" data-i18n="fetch 网页抓取">fetch 网页抓取</button>
+              <button class="ghost small" onclick="mcpTemplate('memory')" data-i18n="memory 记忆">memory 记忆</button>
+              <button class="ghost small" onclick="mcpTemplate('filesystem')" data-i18n="filesystem 文件">filesystem 文件</button>
+              <button class="ghost small" onclick="mcpTemplate('playwright')" data-i18n="playwright 浏览器">playwright 浏览器</button>
+              <button class="ghost small" onclick="mcpTemplate('context7')" data-i18n="context7 文档">context7 文档</button>
+            </div>
+            <div class="input-row" style="margin-top:6px">
+              <button class="ghost small" onclick="saveMcpServers()" data-i18n="保存 MCP 配置">保存 MCP 配置</button>
+            </div>
+            <p data-i18n="内置智能体（直连对话/直接执行）会把服务器的工具并入工具循环（mcp__服务器__工具 名）。命令在你本机执行，与「执行命令」工具同一自主权级别；工具清单缓存 5 分钟。留空 = 不启用。" class="hint">内置智能体（直连对话/直接执行）会把服务器的工具并入工具循环（mcp__服务器__工具 名）。命令在你本机执行，与「执行命令」工具同一自主权级别；工具清单缓存 5 分钟。留空 = 不启用。</p>
+          </div>
+          <h3 data-i18n="推送通知" class="sec-title">推送通知</h3>
+          <div class="field"><label data-i18n="群机器人 Webhook（钉钉 / 飞书 / 企业微信，按域名自动适配）">群机器人 Webhook（钉钉 / 飞书 / 企业微信，按域名自动适配）</label>
+            <div class="input-row">
+              <input id="set-notify-webhook" type="text" placeholder="https://oapi.dingtalk.com/robot/send?access_token=…" data-i18n-ph="https://oapi.dingtalk.com/robot/send?access_token=…">
+            </div>
+            <p data-i18n="任务收尾把结果摘要推到群里；也接受任意 https 地址（按钉钉 text 形状发，自建 n8n 等自选）。" class="hint">任务收尾把结果摘要推到群里；也接受任意 https 地址（按钉钉 text 形状发，自建 n8n 等自选）。</p>
+          </div>
+          <div class="field"><label data-i18n="个人推送（推到你的手机，配任意一条即可）">个人推送（推到你的手机，配任意一条即可）</label>
+            <div class="grid-2">
+              <div><input id="set-notify-bark-key" type="text" placeholder="Bark Device Key" data-i18n-ph="Bark Device Key">
+                <input id="set-notify-bark-server" type="text" placeholder="Bark 服务器（默认 https://api.day.app）" data-i18n-ph="Bark 服务器（默认 https://api.day.app）" style="margin-top:6px"></div>
+              <div><input id="set-notify-ntfy" type="text" placeholder="ntfy 主题 URL（如 https://ntfy.sh/my-topic）" data-i18n-ph="ntfy 主题 URL（如 https://ntfy.sh/my-topic）"></div>
+            </div>
+            <div class="grid-2" style="margin-top:6px">
+              <div><input id="set-notify-serverchan" type="text" placeholder="Server酱 SendKey（推送到微信）" data-i18n-ph="Server酱 SendKey（推送到微信）"></div>
+              <div><input id="set-notify-tg-token" type="text" placeholder="Telegram Bot Token" data-i18n-ph="Telegram Bot Token">
+                <input id="set-notify-tg-chat" type="text" placeholder="Telegram Chat ID" data-i18n-ph="Telegram Chat ID" style="margin-top:6px"></div>
+            </div>
+            <p data-i18n="密钥只存本机。多通道同时配置时全部发送；任一通道收到即视为送达。" class="hint">密钥只存本机。多通道同时配置时全部发送；任一通道收到即视为送达。</p>
+          </div>
+          <div class="field">
+            <div class="input-row">
+              <button class="ghost small" onclick="saveNotifyPush()" data-i18n="保存推送设置">保存推送设置</button>
+              <button class="ghost small" onclick="testNotifyPush()" data-i18n="发送测试">发送测试</button>
+            </div>
+            <p class="hint" id="notify-test-msg"></p>
+          </div>
           <div id="set-v2-card" class="field"></div>
           <div id="settings-msg" class="msg"></div>
         </div>
       </div>
 
+      <!-- 模型评测（评测基准台：样题 × 候选模型 × 固定 rubric → 能力榜） -->
+      <div id="sub-evalbench" class="subpage hidden">
+        <div class="panel wide">
+          <div class="panel-head"><h2 data-i18n="模型评测">模型评测</h2><span class="spacer"></span><span class="hint" id="eb-judge"></span></div>
+          <p data-i18n="固定样题（章节写作 / 修 bug / 结构化摘要）让候选模型各跑一遍，同一评审链打分出能力榜；修 bug 题带客观验证（代码真跑断言）。评审用「编排者」供应商，先在编排设置里配好；裁判与候选同供应商时如实标注「同族评审」。所有调用计入用量台账（评测记账不计费用，价格表单位未核实）。实测分（14 天内）已作为软信号参与模型链排序与推荐选模——只动排序，健康/冷却/协议等硬约束照常一票否决。" class="hint">固定样题（章节写作 / 修 bug / 结构化摘要）让候选模型各跑一遍，同一评审链打分出能力榜；修 bug 题带客观验证（代码真跑断言）。评审用「编排者」供应商，先在编排设置里配好；裁判与候选同供应商时如实标注「同族评审」。所有调用计入用量台账（评测记账不计费用，价格表单位未核实）。实测分（14 天内）已作为软信号参与模型链排序与推荐选模——只动排序，健康/冷却/协议等硬约束照常一票否决。</p>
+          <h3 data-i18n="内置样题" class="sec-title">内置样题</h3>
+          <div id="eb-samples" class="list"></div>
+          <div class="input-row" style="margin:8px 0">
+            <button class="ghost small" onclick="sampleAdd()" data-i18n="＋ 添加自定义样题">＋ 添加自定义样题</button>
+            <button class="ghost small" onclick="sampleImport()" data-i18n="导入样题分享码">导入样题分享码</button>
+          </div>
+          <h3 data-i18n="候选模型（勾选要实测的模型）" class="sec-title">候选模型（勾选要实测的模型）</h3>
+          <div id="eb-cands" class="list"></div>
+          <div class="input-row" style="margin-top:10px">
+            <button id="eb-run-btn" class="primary" onclick="evalbenchRun()" data-i18n="开始评测">开始评测</button>
+            <button class="ghost" onclick="evalbenchCancel()" data-i18n="停止">停止</button>
+            <span id="eb-progress" class="hint"></span>
+          </div>
+          <div id="eb-msg" class="msg"></div>
+          <div class="field"><label data-i18n="定时回归（自动防漂移）">定时回归（自动防漂移）</label>
+            <label class="toggle" style="margin-top:6px"><input id="eb-auto-enabled" type="checkbox"> <span data-i18n="到期自动重跑候选榜并推送结果（挂自动化 tick，裁判为编排者；候选=启用供应商的启用模型，最多 8 个）">到期自动重跑候选榜并推送结果（挂自动化 tick，裁判为编排者；候选=启用供应商的启用模型，最多 8 个）</span></label>
+            <div class="input-row" style="margin-top:6px">
+              <input id="eb-auto-days" type="number" min="1" max="90" value="7" style="width:80px">
+              <span data-i18n="天一轮">天一轮</span>
+              <button class="ghost small" onclick="saveBenchAuto()" data-i18n="保存">保存</button>
+              <span id="eb-auto-msg" class="hint"></span>
+            </div>
+          </div>
+          <h3 data-i18n="能力榜" class="sec-title">能力榜</h3>
+          <div class="input-row" id="eb-trend" style="align-items:center;gap:8px"></div>
+          <div id="eb-board" class="list"></div>
+          <h3 data-i18n="逐题对比" class="sec-title">逐题对比</h3>
+          <div id="eb-matrix"></div>
+        </div>
+      </div>
+
       <!-- 群摘要（正式设置子页：配置与摘要一体，替代原右下角悬浮蜜蜂坞） -->
       <div id="sub-__wxdigest" class="subpage hidden">
         <div class="panel wide">
@@ -1025,10 +1155,31 @@
             <label class="toggle" style="margin-top:6px"><input id="bk-logs" type="checkbox" checked> <span data-i18n="包含运行过程日志（备份更大，但历史日志可完整回看）">包含运行过程日志（备份更大，但历史日志可完整回看）</span></label>
             <div id="bk-result" class="msg"></div>
           </div>
+          <div class="field">
+            <label data-i18n="远程备份（导出后自动上传到 WebDAV / S3 兼容 PUT 端点）">远程备份（导出后自动上传到 WebDAV / S3 兼容 PUT 端点）</label>
+            <label class="toggle" style="margin-top:6px"><input id="bk-remote-enabled" type="checkbox"> <span data-i18n="启用：每次导出成功后自动推送备份包到远程端点">启用：每次导出成功后自动推送备份包到远程端点</span></label>
+            <div class="input-row" style="margin-top:6px">
+              <input id="bk-remote-url" type="text" placeholder="端点 URL（如 https://dav.example.com/backup/）" data-i18n-ph="端点 URL（如 https://dav.example.com/backup/）" style="flex:1">
+            </div>
+            <div class="input-row" style="margin-top:6px">
+              <input id="bk-remote-user" type="text" placeholder="用户名（可空）" data-i18n-ph="用户名（可空）">
+              <input id="bk-remote-pass" type="password" placeholder="密码（可空）" data-i18n-ph="密码（可空）">
+              <button class="ghost small" type="button" onclick="saveBackupRemote()" data-i18n="保存">保存</button>
+              <button class="ghost small" type="button" onclick="testBackupRemote()" data-i18n="测试连接">测试连接</button>
+            </div>
+            <p class="hint" id="bk-remote-msg"></p>
+          </div>
         </div>
         <div class="panel wide">
           <div class="panel-head"><h2 data-i18n="恢复（导入备份包）">恢复（导入备份包）</h2></div>
           <p class="hint" data-i18n="选择之前导出的备份包，先预览确认再导入。导入会覆盖同名任务与配置；当前数据会先自动备份一份到数据目录 imports/ 下，导入后需重启服务生效。">选择之前导出的备份包，先预览确认再导入。导入会覆盖同名任务与配置；当前数据会先自动备份一份到数据目录 imports/ 下，导入后需重启服务生效。</p>
+          <div class="field">
+            <div class="input-row">
+              <button class="ghost small" type="button" onclick="listRemoteBackups()" data-i18n="从远程端点拉取备份…">从远程端点拉取备份…</button>
+              <span class="hint" id="bi-remote-msg"></span>
+            </div>
+            <div id="bi-remote-list" class="list"></div>
+          </div>
           <div class="field">
             <div class="input-row">
               <input id="bi-path" type="text" placeholder="备份包 zip 路径" data-i18n-ph="备份包 zip 路径">
@@ -1192,6 +1343,119 @@
           </div>
         </div>
       </div>
+
+      <div id="sub-browser" class="subpage hidden">
+        <div class="browser-shell">
+          <div class="browser-head">
+            <div class="browser-tabs" id="browser-tabs" role="tablist" aria-label="浏览器标签页">
+              <button class="browser-tab active" type="button" data-browser-tab="home" role="tab" aria-selected="true">
+                <svg class="ico" aria-hidden="true"><use href="#i-browser"></use></svg><span>CodeBee 浏览器</span>
+              </button>
+              <button class="browser-tab-add" id="browser-new-tab" type="button" title="新建标签页" aria-label="新建标签页"><svg class="ico" aria-hidden="true"><use href="#i-plus"></use></svg></button>
+            </div>
+            <div class="browser-status"><span class="browser-status-dot"></span><span data-i18n="本地浏览器工作区">本地浏览器工作区</span></div>
+          </div>
+          <div class="browser-toolbar">
+            <button class="icon-btn" id="browser-back" type="button" title="后退" aria-label="后退"><svg class="ico" aria-hidden="true"><use href="#i-arrow-left"></use></svg></button>
+            <button class="icon-btn" id="browser-forward" type="button" title="前进" aria-label="前进"><svg class="ico" aria-hidden="true"><use href="#i-arrow-right"></use></svg></button>
+            <button class="icon-btn" id="browser-reload" type="button" title="刷新" aria-label="刷新"><svg class="ico" aria-hidden="true"><use href="#i-refresh"></use></svg></button>
+            <button class="icon-btn" id="browser-home" type="button" title="主页" aria-label="主页"><svg class="ico" aria-hidden="true"><use href="#i-home"></use></svg></button>
+            <form id="browser-nav-form" class="browser-address-wrap">
+              <svg class="ico browser-lock" aria-hidden="true"><use href="#i-lock"></use></svg>
+              <input id="browser-address" type="text" autocomplete="off" spellcheck="false" placeholder="输入网址或搜索内容" data-i18n-ph="输入网址或搜索内容" aria-label="网址">
+              <button class="browser-go" type="submit" title="打开" aria-label="打开"><svg class="ico" aria-hidden="true"><use href="#i-arrow-right"></use></svg></button>
+            </form>
+            <button class="ghost small browser-external" id="browser-open-external" type="button" title="在系统浏览器打开"><svg class="ico" aria-hidden="true"><use href="#i-external"></use></svg><span data-i18n="系统浏览器">系统浏览器</span></button>
+          </div>
+          <div class="browser-shortcuts" id="browser-shortcuts">
+            <button type="button" class="browser-shortcut" data-browser-url="https://www.google.com"><span class="shortcut-mark google">G</span><span>Google</span></button>
+            <button type="button" class="browser-shortcut" data-browser-url="https://github.com"><span class="shortcut-mark github">GH</span><span>GitHub</span></button>
+            <button type="button" class="browser-shortcut" data-browser-url="https://developer.mozilla.org"><span class="shortcut-mark mdn">MDN</span><span>MDN</span></button>
+            <button type="button" class="browser-shortcut" data-browser-preview="1"><span class="shortcut-mark preview">P</span><span data-i18n="当前任务预览">当前任务预览</span></button>
+          </div>
+          <div class="browser-stage">
+            <aside class="browser-context" id="browser-context" aria-label="CodeBee 工作上下文" data-i18n-aria="CodeBee 工作上下文">
+              <div class="browser-context-head">
+                <span class="browser-context-kicker"><svg class="ico" aria-hidden="true"><use href="#i-baton"></use></svg><span data-i18n="工作上下文">工作上下文</span></span>
+                <span class="browser-context-live"><i></i><span data-i18n="本地">本地</span></span>
+              </div>
+              <div class="browser-context-select">
+                <label for="browser-task-select" data-i18n="当前任务">当前任务</label>
+                <select id="browser-task-select" aria-label="选择当前任务" data-i18n-aria="选择当前任务"></select>
+              </div>
+              <div class="browser-task-card" id="browser-task-card">
+                <div class="browser-task-empty" data-i18n="选择一个任务开始工作">选择一个任务开始工作</div>
+              </div>
+              <div class="browser-context-actions" id="browser-context-actions">
+                <button class="primary small" id="browser-action-preview" type="button"><svg class="ico" aria-hidden="true"><use href="#i-clapper"></use></svg><span data-i18n="预览成品">预览成品</span></button>
+                <button class="ghost small" id="browser-action-detail" type="button"><svg class="ico" aria-hidden="true"><use href="#i-file-search"></use></svg><span data-i18n="查看详情">查看详情</span></button>
+                <button class="ghost small" id="browser-action-retry" type="button"><svg class="ico" aria-hidden="true"><use href="#i-refresh"></use></svg><span data-i18n="重新运行">重新运行</span></button>
+              </div>
+              <section class="browser-context-section">
+                <div class="browser-context-section-head"><span data-i18n="验证">验证</span><button class="icon-btn" id="browser-action-verify" type="button" title="查看验证结果" aria-label="查看验证结果" data-i18n-title="查看验证结果" data-i18n-aria="查看验证结果"><svg class="ico" aria-hidden="true"><use href="#i-chevron-r"></use></svg></button></div>
+                <div id="browser-verify-card" class="browser-verify-card"></div>
+              </section>
+              <section class="browser-context-section browser-publish-section">
+                <div class="browser-context-section-head"><span data-i18n="小说发布">小说发布</span><button class="icon-btn" id="browser-action-publish" type="button" title="打开发布工作台" aria-label="打开发布工作台" data-i18n-title="打开发布工作台" data-i18n-aria="打开发布工作台"><svg class="ico" aria-hidden="true"><use href="#i-chevron-r"></use></svg></button></div>
+                <div class="browser-publish-note" data-i18n="发布由 CodeBee 受控浏览器执行，提交前保留人工确认。">发布由 CodeBee 受控浏览器执行，提交前保留人工确认。</div>
+                <div id="browser-publish-card" class="browser-publish-card"></div>
+              </section>
+            </aside>
+            <div class="browser-viewport">
+              <div class="browser-empty" id="browser-empty">
+                <div class="browser-home-workbench" id="browser-home-dashboard">
+                  <header class="browser-home-hero">
+                    <div class="browser-empty-mark"><svg class="ico" aria-hidden="true"><use href="#i-browser"></use></svg></div>
+                    <div class="browser-home-copy">
+                      <span class="browser-home-eyebrow" data-i18n="CodeBee 工作浏览器">CodeBee 工作浏览器</span>
+                      <h2 data-i18n="让 CodeBee 打开页面并完成验证">让 CodeBee 打开页面并完成验证</h2>
+                      <p data-i18n="配置 Playwright 工具后，任务智能体可打开页面、点击、填表和截图；小说发布继续复用本机登录态。">配置 Playwright 工具后，任务智能体可打开页面、点击、填表和截图；小说发布继续复用本机登录态。</p>
+                    </div>
+                    <span class="browser-home-mode"><i></i><span data-i18n="任务驱动">任务驱动</span></span>
+                  </header>
+                  <section class="browser-home-current">
+                    <span class="browser-home-section-label" data-i18n="当前工作">当前工作</span>
+                    <div class="browser-home-task-row">
+                      <div>
+                        <h3 id="browser-home-task-title" data-i18n="还没有任务">还没有任务</h3>
+                        <p id="browser-home-task-meta" data-i18n="先新建任务，CodeBee 会在这里接管预览、验证与发布动作。">先新建任务，CodeBee 会在这里接管预览、验证与发布动作。</p>
+                      </div>
+                      <span id="browser-home-run" class="browser-home-run" data-i18n="等待任务进入工作台">等待任务进入工作台</span>
+                    </div>
+                  </section>
+                  <div class="browser-home-workflows">
+                    <button class="browser-home-action primary" id="browser-open-preview" data-browser-home-action="preview" type="button">
+                      <svg class="ico" aria-hidden="true"><use href="#i-clapper"></use></svg><span><b data-i18n="预览成品">预览成品</b><small data-i18n="打开当前任务的网页成果">打开当前任务的网页成果</small></span>
+                    </button>
+                    <button class="browser-home-action" data-browser-home-action="verify" type="button">
+                      <svg class="ico" aria-hidden="true"><use href="#i-check"></use></svg><span><b data-i18n="查看验证">查看验证</b><small data-i18n="检查测试、截图与修复证据">检查测试、截图与修复证据</small></span>
+                    </button>
+                    <button class="browser-home-action" data-browser-home-action="retry" type="button">
+                      <svg class="ico" aria-hidden="true"><use href="#i-refresh"></use></svg><span><b data-i18n="交给 CodeBee 重跑">交给 CodeBee 重跑</b><small data-i18n="带着当前任务上下文再次执行">带着当前任务上下文再次执行</small></span>
+                    </button>
+                    <button class="browser-home-action" data-browser-home-action="publish" type="button">
+                      <svg class="ico" aria-hidden="true"><use href="#i-book-open"></use></svg><span><b data-i18n="进入小说发布">进入小说发布</b><small data-i18n="番茄、七猫自动填稿，提交前确认">番茄、七猫自动填稿，提交前确认</small></span>
+                    </button>
+                  </div>
+                  <div class="browser-home-capabilities">
+                    <div><svg class="ico" aria-hidden="true"><use href="#i-browser"></use></svg><span><b data-i18n="浏览器自动化">浏览器自动化</b><small data-i18n="配置 Playwright MCP 后可开页、交互与截图">配置 Playwright MCP 后可开页、交互与截图</small></span></div>
+                    <div><svg class="ico" aria-hidden="true"><use href="#i-check"></use></svg><span><b data-i18n="结果验证">结果验证</b><small data-i18n="成品、命令与证据集中回看">成品、命令与证据集中回看</small></span></div>
+                    <div><svg class="ico" aria-hidden="true"><use href="#i-book-open"></use></svg><span><b data-i18n="受控发布">受控发布</b><small data-i18n="平台登录态留在本机，最终提交由你确认">平台登录态留在本机，最终提交由你确认</small></span></div>
+                  </div>
+                </div>
+              </div>
+              <div class="browser-frame-error hidden" id="browser-frame-error" role="status">
+                <div class="browser-frame-error-mark"><svg class="ico" aria-hidden="true"><use href="#i-x"></use></svg></div>
+                <h2 data-i18n="这个网站拒绝了内置嵌入">这个网站拒绝了内置嵌入</h2>
+                <p id="browser-frame-error-text" data-i18n="Google 等网站会拦截 iframe 或自动化挑战；页面本身未必不可访问。">Google 等网站会拦截 iframe 或自动化挑战；页面本身未必不可访问。</p>
+                <button class="primary small" id="browser-frame-error-open" type="button"><svg class="ico" aria-hidden="true"><use href="#i-external"></use></svg><span data-i18n="用系统浏览器继续">用系统浏览器继续</span></button>
+              </div>
+              <iframe id="browser-frame" class="browser-frame hidden" title="CodeBee 浏览器" sandbox="allow-scripts allow-same-origin allow-forms allow-modals allow-popups allow-downloads" referrerpolicy="no-referrer"></iframe>
+            </div>
+          </div>
+          <div class="browser-foot"><span id="browser-hint" data-i18n="外部网站可能禁止嵌入；可用右上角系统浏览器打开。">外部网站可能禁止嵌入；可用右上角系统浏览器打开。</span><span class="spacer"></span><span id="browser-history-count"></span></div>
+        </div>
+      </div>
     </section>
     </main>
   </div>

package/app/ui/manifest.json

@@ -1,16 +1,16 @@
-{
-  "name": "CodeBee · 多智能体编排台",
-  "short_name": "CodeBee",
-  "description": "All agents, one hive. 一句话目标，自动拆解、路由、执行、验证与跨厂商评审。",
-  "start_url": "/",
-  "scope": "/",
-  "display": "standalone",
-  "orientation": "portrait-primary",
-  "background_color": "#0f1115",
-  "theme_color": "#6d5df6",
-  "icons": [
-    { "src": "icons/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
-    { "src": "icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
-    { "src": "icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
-  ]
-}
+{
+  "name": "CodeBee · 多智能体编排台",
+  "short_name": "CodeBee",
+  "description": "All agents, one hive. 一句话目标，自动拆解、路由、执行、验证与跨厂商评审。",
+  "start_url": "/",
+  "scope": "/",
+  "display": "standalone",
+  "orientation": "portrait-primary",
+  "background_color": "#0f1115",
+  "theme_color": "#6d5df6",
+  "icons": [
+    { "src": "icons/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any" },
+    { "src": "icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any" },
+    { "src": "icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
+  ]
+}