mingdao-harness 0.6.24 → 0.6.25

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mingdao-harness",
-  "version": "0.6.24",
+  "version": "0.6.25",
   "description": "MingDao Harness —— 开源智能体框架（Agent Harness）。零依赖、开箱即用，针对 DeepSeek-V4 系列优化，开放主流模型接入。",
   "type": "module",
   "bin": {

package/src/web/app.js

@@ -314,6 +314,41 @@ function writeSideNavCollapsed(storage, collapsed) {
   try { if (storage) storage.setItem(SIDE_NAV_STORAGE_KEY, collapsed ? '1' : '0'); } catch {}
   return !!collapsed;
 }
+
+// —— §3.90：「最近会话」整块可折叠（标题与计数常驻，只藏列表），偏好记 localStorage ——
+const RECENT_STORAGE_KEY = 'mingdao-recent-collapsed';
+let recentCollapsed = false;
+/** @param {any} storage */
+function recentCollapsedPref(storage) {
+  try { return !!storage && storage.getItem(RECENT_STORAGE_KEY) === '1'; } catch { return false; }
+}
+/** @param {any} storage @param {boolean} collapsed */
+function writeRecentCollapsed(storage, collapsed) {
+  try { if (storage) storage.setItem(RECENT_STORAGE_KEY, collapsed ? '1' : '0'); } catch {}
+  return !!collapsed;
+}
+/** @param {number} n 当前会话条数（只显示数字，标题「最近会话」始终可见） */
+function updateRecentCount(n) {
+  const el = $('#sideNavRecentCount');
+  if (el) el.textContent = String(Math.max(0, Number(n) || 0));
+}
+/** @param {boolean} collapsed 折叠只切 #sideNavSessions.hidden，不销毁列表节点 */
+function syncRecentCollapsed(collapsed) {
+  const box = $('#sideNavSessions');
+  if (box) box.hidden = !!collapsed;
+  const btn = $('#sideNavRecentToggle');
+  if (btn) {
+    btn.setAttribute('aria-expanded', String(!collapsed));
+    btn.title = collapsed ? '展开最近会话' : '折叠最近会话';
+  }
+}
+function toggleRecentSessions() {
+  recentCollapsed = !recentCollapsed;
+  let storage = null;
+  try { storage = window.localStorage; } catch {}
+  writeRecentCollapsed(storage, recentCollapsed);
+  syncRecentCollapsed(recentCollapsed);
+}
 /** 三档断点：≥1180 三栏 / 900–1180 左栏自动折叠 / <900 抽屉。 */
 function sideNavBreakpoint(width) {
   const w = Number(width) || 0;
@@ -456,10 +491,13 @@ function initSideNav() {
   let storage = null;
   try { storage = window.localStorage; } catch {}
   sideNavUserCollapsed = sideNavCollapsedPref(storage);
+  recentCollapsed = recentCollapsedPref(storage);
   const newBtn = $('#sideNavNew');
   if (newBtn) newBtn.onclick = () => { const b = $('#newChat'); if (b) b.click(); };
   const collapse = $('#sideNavCollapse');
   if (collapse) collapse.onclick = toggleSideNav;
+  const recentToggle = $('#sideNavRecentToggle');
+  if (recentToggle) recentToggle.onclick = toggleRecentSessions;
   const rail = $('#sideNavRailBtn');
   if (rail) rail.onclick = toggleSideNav;
   const ws = $('#sideNavWs');
@@ -478,7 +516,9 @@ function initSideNav() {
     try { main.click(); } catch {}
   };
   syncSideNavWorkspace();
-  renderSideNavSessions($('#sideNavSessions'), sessionsGroupedCache, currentSession, pickSessionFromSideNav);
+  const recentN = renderSideNavSessions($('#sideNavSessions'), sessionsGroupedCache, currentSession, pickSessionFromSideNav);
+  updateRecentCount(recentN);
+  syncRecentCollapsed(recentCollapsed);
   applySideNavLayout();
 }
 // ==== /v0.6.24 §3.88 ====
@@ -1545,6 +1585,51 @@ for (const key of RAIL_TABS) {
 }
 setRailTab('trace');
 
+// ==== v0.6.25 §3.90：右栏「概览」（会话配置 + 本轮数据）可折叠 ====
+// 默认折叠，折叠时只显示一行摘要（模型 · 权限 · 阶段 · 工具数）；偏好记 localStorage。
+// 展开后的字段与数据来源不变：仍由 renderRunPanel() 写 #rpModel/#rpPerm/六个 data-rk。
+const RP_OVERVIEW_STORAGE_KEY = 'mingdao-rp-overview-expanded';
+let rpOverviewExpanded = false;
+/** @param {any} storage */
+function rpOverviewPref(storage) {
+  try { return !!storage && storage.getItem(RP_OVERVIEW_STORAGE_KEY) === '1'; } catch { return false; }
+}
+/** @param {any} storage @param {boolean} expanded */
+function writeRpOverview(storage, expanded) {
+  try { if (storage) storage.setItem(RP_OVERVIEW_STORAGE_KEY, expanded ? '1' : '0'); } catch {}
+  return !!expanded;
+}
+/** 折叠时的一行摘要：完全复用 runPanelView() 的字段，不另算数据。 */
+function rpOverviewSummary(v) {
+  const x = v || {};
+  return [x.model || x.modelLabel, x.permission, x.phase, x.tools].filter((s) => s != null && s !== '').join(' · ') || '—';
+}
+/** @param {boolean} expanded 只切 hidden/aria，不销毁字段节点（id 与数据来源不变） */
+function syncRpOverview(expanded) {
+  rpOverviewExpanded = !!expanded;
+  const body = $('#rpOverviewBody');
+  if (body) body.hidden = !rpOverviewExpanded;
+  const head = $('#rpOverviewHead');
+  if (head) {
+    head.setAttribute('aria-expanded', String(rpOverviewExpanded));
+    head.title = rpOverviewExpanded ? '折叠概览' : '展开概览（会话配置 + 本轮数据）';
+  }
+}
+function toggleRpOverview() {
+  let storage = null;
+  try { storage = window.localStorage; } catch {}
+  writeRpOverview(storage, !rpOverviewExpanded);
+  syncRpOverview(!rpOverviewExpanded);
+}
+function initRpOverview() {
+  let storage = null;
+  try { storage = window.localStorage; } catch {}
+  const head = $('#rpOverviewHead');
+  if (head) head.onclick = toggleRpOverview;
+  syncRpOverview(rpOverviewPref(storage));
+}
+initRpOverview();
+
 // —— 工具时间线 DOM：一张卡 + 可复用行（开始/完成不换节点） ——
 function toolStepNode(step) {
   const li = document.createElement('li'); li.className = step.liClass;
@@ -1696,6 +1781,8 @@ function renderRunPanel() {
   set('#rpPreset', v.preset);
   set('#rpPerm', v.permission);
   set('#rpPermSrc', '来源：' + v.permissionSource + '（' + v.permissionSourceLabel + '）');
+  // §3.90：折叠概览的一行摘要与展开后的字段同源（同一个 v，不同展示）。
+  set('#rpOverviewSum', rpOverviewSummary(v));
   const total = Number(runState.contextTotal) || 0;
   const used = Math.max(0, Number(runState.contextUsed) || 0);
   const pct = total ? Math.min(100, Math.round((used / total) * 100)) : 0;
@@ -2374,8 +2461,7 @@ function openTraj(msg){
     // 点击标题定位到聊天中的对应工具卡
     list.appendChild(div);
   }
-  // §3.82：轨迹入口不再单独开旧浮层——切到右栏「轨迹」标签（旧面板与其 #tjList 仍在 DOM 里）。
-  $('#trajRailBtn').classList.add('on');
+  // §3.82：轨迹详情在右栏「轨迹」标签；§3.90 起窄条不再有 🧭 入口，旧面板渲染保留但不再挂可见入口。
   activateRailTab('trace');
 }
 // 面板布局同步：§3.82 起轨迹/子代理/任务/仪表盘都在右栏标签页内，
@@ -2390,19 +2476,8 @@ function syncPanelLayout(){
   // §3.73：窄屏右栏收起时，轨迹/子Agent 在对话流末尾显示；右栏（抽屉）一开就让位。
   syncTraceDock();
 }
-$('#tjClose').onclick=()=>{ setRunPanel(false); $('#trajRailBtn').classList.remove('on'); };
-$('#trajRailBtn').onclick=()=>{
-  // §3.82：轨迹入口 = 打开右栏并切到「轨迹」标签（没有轨迹时也切过去，显示空态）。
-  const m=lastMsgWithTraj();
-  if(m && m._traj && m._traj.length){ openTraj(m); return; }
-  $('#trajRailBtn').classList.add('on');
-  activateRailTab('trace');
-};
-function lastMsgWithTraj(){
-  const msgs=[...document.querySelectorAll('#chat .msg-ai')].reverse();
-  for(const m of msgs){ if(m._traj && m._traj.length) return m; }
-  return msgs.length ? msgs[0] : null;
-}
+$('#tjClose').onclick=()=>{ setRunPanel(false); };
+// §3.90：窄条 🧭 入口已删除（与右栏「轨迹」标签重复）；轨迹只在右栏标签可达。
 function renderSubPanel(){
   const count=sessionSubs.length;
   const badge=$('#subBadge'); if(badge){ badge.style.display=count>0?'':'none'; badge.textContent=count>99?'99+':String(count); }
@@ -2422,14 +2497,8 @@ function renderSubPanel(){
   }
   if(!count) list.innerHTML='<div class="empty" style="color:var(--faint);font-size:12px;padding:10px">本会话还没有子 Agent（task 工具会派生子 Agent）</div>';
 }
-const toggleSubPanel=()=>{
-  // §3.82：子Agent 入口 = 打开右栏并切到「子Agent」标签（不再单独开旧浮层）。
-  renderSubPanel();
-  activateRailTab('sub');
-  $('#subRailBtn').classList.add('on');
-};
-$('#subRailBtn').onclick=toggleSubPanel;
-$('#sbClose').onclick=()=>{ setRunPanel(false); $('#subRailBtn').classList.remove('on'); };
+// §3.90：窄条 🤖 入口已删除（与右栏「子Agent」标签重复）；子Agent 只在右栏标签可达。
+$('#sbClose').onclick=()=>{ setRunPanel(false); };
 // —— 任务面板（多会话并行） ——
 function setBtn(){
   // §138：停止点击后立刻有可见反馈（「停止中…」+ 禁用防连点），回合真正收尾后由 finally 复位。
@@ -2541,8 +2610,9 @@ async function refreshSessions(q){
     for(const s of g.items){ const o=document.createElement('option'); o.value=s.file; o.textContent=s.label; og.appendChild(o); }
     sel.appendChild(og);
   }
-  // §3.88：左栏只读同一份分组缓存（不额外请求/不轮询）
-  renderSideNavSessions($('#sideNavSessions'), sessionsGroupedCache, currentSession, pickSessionFromSideNav);
+  // §3.88：左栏只读同一份分组缓存（不额外请求/不轮询）；§3.90 同步折叠标题上的会话数
+  const recentN = renderSideNavSessions($('#sideNavSessions'), sessionsGroupedCache, currentSession, pickSessionFromSideNav);
+  updateRecentCount(recentN);
   if(currentSession&&!q) sel.value=currentSession;
   renderCrumb();
 }

package/src/web/index.html

@@ -596,6 +596,18 @@ body.run-open #sessSheet{right:318px}
    四个面板本体搬进标签页后不再 fixed（覆盖既有 #tasksPanel/#dashPanel 的定位，宽度跟随右栏）。 */
 .rp-top{flex:none;padding:10px 12px 0}
 .rp-top .rp-sec{margin-bottom:8px}
+/* §3.90：概览（会话配置 + 本轮数据）收进标签栏下方的可折叠区块；默认折叠只留一行摘要。
+   展开后内容仍是原来的字段与 id（renderRunPanel 的写入点一个没改）。 */
+.rp-overview{flex:none;margin:0 12px 8px;border:1px solid var(--border);border-radius:9px;background:var(--bg3);overflow:hidden}
+#runPanel [role="tablist"]{margin-top:8px}
+#rpOverviewHead{display:flex;align-items:center;gap:5px;width:100%;min-width:0;border:0;background:transparent;color:var(--dim);font:inherit;font-size:11.5px;text-align:left;padding:6px 7px;cursor:pointer}
+#rpOverviewHead:hover{color:var(--text)}
+.rp-ov-title{flex:none;font-weight:600;color:var(--text);white-space:nowrap}
+.rp-ov-sum{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;color:var(--dim)}
+.rp-ov-tri{flex:none;width:0;height:0;border-top:4px solid currentColor;border-left:3px solid transparent;border-right:3px solid transparent;transition:transform .15s}
+#rpOverviewHead[aria-expanded="false"] .rp-ov-tri{transform:rotate(-90deg)}
+#rpOverviewBody{padding:8px;border-top:1px solid var(--border);max-height:46vh;overflow-y:auto;overscroll-behavior:contain}
+#rpOverviewBody[hidden]{display:none}
 /* §3.83：四个标签统一成设计稿 `.seg` 分段控件观感（外框 bg3 + padding 3 / 圆角 9，
    内按钮 26px 高 / 圆角 6；选中态 panel 底 + text 字 + 600 字重）。只改样式，切换逻辑不动。 */
 .rp-tabs{display:flex;gap:4px;padding:3px;margin:0 12px 8px;flex:none;background:var(--bg3);border:1px solid var(--border);border-radius:9px}
@@ -659,6 +671,17 @@ body.run-open #sessSheet{right:318px}
 #sideNavWs{flex:1;min-width:0;max-width:none;background:var(--bg3);border:1px solid var(--border);border-radius:8px;padding:5px 6px;font-size:12px}
 #sideNavWsIcon{display:none;align-items:center;justify-content:center;width:36px;height:30px;padding:0;border-radius:8px;background:var(--bg3);font-size:14px;line-height:1}
 #sideNav .sn-sec-title{flex:none;font-size:10.5px;color:var(--dim);letter-spacing:.05em;padding:2px 6px;white-space:nowrap}
+/* §3.90：「最近会话」标题变成折叠开关；折叠后标题与计数仍在，只藏列表项。 */
+#sideNav button.sn-sec-title{display:flex;align-items:center;gap:6px;width:100%;min-width:0;border:0;border-radius:6px;background:transparent;font-family:inherit;font-weight:600;cursor:pointer;text-align:left}
+#sideNav button.sn-sec-title:hover{color:var(--text);background:var(--bg3)}
+.sn-sec-chev{flex:none;width:10px;font-size:9px;line-height:1;color:var(--faint);transition:transform .15s}
+#sideNavRecentToggle[aria-expanded="false"] .sn-sec-chev{transform:rotate(-90deg)}
+.sn-sec-label{flex:none;white-space:nowrap}
+.sn-sec-count{margin-left:auto;flex:none;min-width:16px;text-align:right;font-size:10px;font-weight:400;color:var(--faint);font-variant-numeric:tabular-nums}
+/* 侧栏收成 48px 图标列时，标题/计数不参与（与既有 .sn-sec-title 的隐藏口径一致）。 */
+body.side-collapsed #sideNav #sideNavRecentToggle,
+body.side-mid #sideNav #sideNavRecentToggle{display:none}
+#sideNavSessions[hidden]{display:none}
 #sideNavSessions{display:flex;flex-direction:column;gap:1px;min-width:0}
 #sideNavSessions .sn-group{font-size:10.5px;line-height:1.6;color:var(--dim);padding:7px 6px 2px;letter-spacing:.02em;white-space:nowrap}
 #sideNavSessions .sn-item{display:flex;align-items:center;gap:8px;width:100%;min-width:0;padding:6px 8px;border:0;border-radius:8px;background:transparent;color:var(--dim);text-align:left;font-size:12.5px;line-height:1.5;cursor:pointer}
@@ -722,15 +745,19 @@ body.side-collapsed #sideNavSessions .sn-item.on,body.side-mid #sideNavSessions
     <input id="sessionSearch" placeholder="搜索会话…" title="关键词检索历史会话">
     <select id="sessions" title="历史会话"><option value="">历史会话</option></select>
     <button id="tasksBtn" title="任务面板">任务</button><button id="sessMgrBtn" title="管理会话（重命名/删除）">✎</button>
-    <button id="newChat">新对话</button>
+    <!-- v0.6.25 §3.90：顶栏「新对话」与左侧栏 #sideNavNew 重复，可视入口只留左侧。
+         保留 hidden 兼容节点：id/处理器语义不变（左侧按钮与 ⌘K 仍点它），只是不可见。 -->
+    <span id="newChatCompat" hidden><button id="newChat">新对话</button></span>
   </div>
 </header>
 <div id="trajRail">
-  <button class="rail-btn" id="trajRailBtn" title="轨迹（点击查看详情）">🧭</button>
-  <button class="rail-btn" id="subRailBtn" title="子 Agent">🤖<span class="rail-badge" id="subBadge" style="display:none"></span></button>
   <!-- §3.88：<900 时左栏收成抽屉，这个窄条图标负责打开/关闭（≥900 隐藏）。 -->
   <button class="rail-btn" id="sideNavRailBtn" title="会话侧栏（打开/关闭）">☰</button>
 </div>
+<!-- v0.6.25 §3.90：旧窄条 🧭/🤖 与右栏四标签重复，已从可见窄条移除；轨迹/子Agent 只在
+     右栏「轨迹」「子Agent」标签可达。下面两个隐藏兼容节点不渲染、不绑定点击，仅让既有
+     class 清理与历史回归脚本保持空引用安全（#newChatCompat 同理）。 -->
+<span id="legacyRailCompat" hidden aria-hidden="true"><span id="trajRailBtn"></span><span id="subRailBtn"></span></span>
 <!-- v0.6.24 §3.88 左侧栏：设计稿三栏的会话列。只新增；顶栏既有入口一个不删。
      数据复用 refreshSessions() 的 sessionsGroupedCache；切换走 #sessions change；
      工作空间镜像 #wsSel（原控件保留在顶栏原位）；新建对话复用 #newChat handler。 -->
@@ -746,7 +773,9 @@ body.side-collapsed #sideNavSessions .sn-item.on,body.side-mid #sideNavSessions
       <select id="sideNavWs" title="工作空间（与顶栏 #wsSel 同源，切换走同一个 handler）"></select>
     </div>
     <button id="sideNavWsIcon" type="button" title="工作空间" aria-label="工作空间">📁</button>
-    <div class="sn-sec-title">最近会话</div>
+    <button id="sideNavRecentToggle" type="button" class="sn-sec-title" aria-expanded="true" aria-controls="sideNavSessions" title="折叠最近会话">
+      <span class="sn-sec-chev" aria-hidden="true">▾</span><span class="sn-sec-label">最近会话</span><span class="sn-sec-count" id="sideNavRecentCount" title="当前会话数">0</span>
+    </button>
     <div id="sideNavSessions" role="list" aria-label="会话列表"></div>
   </div>
 </aside>
@@ -821,37 +850,48 @@ body.side-collapsed #sideNavSessions .sn-item.on,body.side-mid #sideNavSessions
      ≥1180 默认展开并推开正文；<1180 收起为顶栏「运行」chip，点开是覆盖式抽屉。无新增轮询。 -->
 <aside id="runPanel" aria-label="本轮运行" hidden>
   <div class="rp-head"><span class="rp-live" aria-hidden="true"></span><span>本轮运行</span><span class="rp-sub">指标口径：本轮（非累计）</span><button id="rpCollapse" type="button" title="收起右栏">收起</button></div>
-  <!-- §3.82：状态条（阶段/首帧/吞吐/工具数/上下文/费用）留在顶部，不随标签切换。 -->
-  <div class="rp-top">
-    <section class="rp-sec">
-      <div class="rp-sec-title">会话配置<span class="line"></span></div>
-      <dl class="rp-kv">
-        <dt>模型</dt><dd><span id="rpModel">—</span><span class="rp-src" id="rpModelSrc">设置</span></dd>
-        <dt>API id</dt><dd><span class="rp-id" id="rpModelId">—</span></dd>
-        <dt>预设</dt><dd><span id="rpPreset">无预设</span><span class="rp-src">本轮</span></dd>
-        <dt>权限</dt><dd><span id="rpPerm">—</span><span class="rp-src" id="rpPermSrc">—</span></dd>
-      </dl>
-    </section>
-    <section class="rp-sec">
-      <div class="rp-sec-title">本轮数据<span class="line"></span></div>
-      <div class="rp-metrics">
-        <div class="rp-metric"><span class="l">阶段</span><span class="v" data-rk="phase" id="rpPhase">空闲</span></div>
-        <div class="rp-metric"><span class="l">首帧 TTFT</span><span class="v" data-rk="ttft" id="rpTtft">—</span></div>
-        <div class="rp-metric"><span class="l">吞吐</span><span class="v" data-rk="tps"><span id="rpTps">—</span><small>tok/s</small></span></div>
-        <div class="rp-metric"><span class="l">工具步数</span><span class="v" data-rk="tools" id="rpTools">0</span></div>
-        <div class="rp-metric"><span class="l">本轮用时</span><span class="v" id="rpTime">—</span></div>
-        <div class="rp-metric wide"><span class="l">上下文占用</span><span class="v" data-rk="ctx" id="rpCtx">—</span><div class="rp-ctxbar"><i id="rpCtxBar"></i></div></div>
-        <div class="rp-metric wide"><span class="l">本轮费用（估算）</span><span class="v" data-rk="cost" id="rpCost">—</span></div>
-      </div>
-    </section>
-  </div>
-  <!-- §3.82 第二步：四个标签。只切 display（railTabDisplay），节点不销毁、id 不变。 -->
+  <!-- §3.82：空结构占位（hidden）。真实的「会话配置 + 本轮数据」按 §3.90 收进下方可折叠
+       「概览」区块；这里保留旧锚点，避免历史回归脚本对 rp-top 位置的断言失效。 -->
+  <div class="rp-top" hidden aria-hidden="true"></div>
+  <!-- §3.82 第二步：四个标签。只切 display（railTabDisplay），节点不销毁、id 不变。
+       §3.90：标签栏上移到「本轮运行」标题行之下，内容区因此拿到更大高度。 -->
   <div class="rp-tabs" role="tablist" aria-label="右栏标签">
     <button id="rtTrace" type="button" role="tab" data-tab="trace" aria-selected="true" aria-controls="tabTrace" class="seg on">轨迹</button>
     <button id="rtSub" type="button" role="tab" data-tab="sub" aria-selected="false" aria-controls="tabSub" class="seg">子Agent</button>
     <button id="rtTasks" type="button" role="tab" data-tab="tasks" aria-selected="false" aria-controls="tabTasks" class="seg">任务</button>
     <button id="rtDash" type="button" role="tab" data-tab="dash" aria-selected="false" aria-controls="tabDash" class="seg">仪表盘</button>
   </div>
+  <!-- §3.90：概览默认折叠，折叠时只显示一行摘要；展开后字段与数据来源与旧 rp-top 完全一致。 -->
+  <section id="rpOverview" class="rp-overview" aria-label="概览">
+    <button id="rpOverviewHead" type="button" aria-expanded="false" aria-controls="rpOverviewBody" title="展开概览（会话配置 + 本轮数据）">
+      <span class="rp-ov-title">概览</span>
+      <span id="rpOverviewSum" class="rp-ov-sum">—</span>
+      <span class="rp-ov-tri" aria-hidden="true"></span>
+    </button>
+    <div id="rpOverviewBody" hidden>
+      <section class="rp-sec">
+        <div class="rp-sec-title">会话配置<span class="line"></span></div>
+        <dl class="rp-kv">
+          <dt>模型</dt><dd><span id="rpModel">—</span><span class="rp-src" id="rpModelSrc">设置</span></dd>
+          <dt>API id</dt><dd><span class="rp-id" id="rpModelId">—</span></dd>
+          <dt>预设</dt><dd><span id="rpPreset">无预设</span><span class="rp-src">本轮</span></dd>
+          <dt>权限</dt><dd><span id="rpPerm">—</span><span class="rp-src" id="rpPermSrc">—</span></dd>
+        </dl>
+      </section>
+      <section class="rp-sec">
+        <div class="rp-sec-title">本轮数据<span class="line"></span></div>
+        <div class="rp-metrics">
+          <div class="rp-metric"><span class="l">阶段</span><span class="v" data-rk="phase" id="rpPhase">空闲</span></div>
+          <div class="rp-metric"><span class="l">首帧 TTFT</span><span class="v" data-rk="ttft" id="rpTtft">—</span></div>
+          <div class="rp-metric"><span class="l">吞吐</span><span class="v" data-rk="tps"><span id="rpTps">—</span><small>tok/s</small></span></div>
+          <div class="rp-metric"><span class="l">工具步数</span><span class="v" data-rk="tools" id="rpTools">0</span></div>
+          <div class="rp-metric"><span class="l">本轮用时</span><span class="v" id="rpTime">—</span></div>
+          <div class="rp-metric wide"><span class="l">上下文占用</span><span class="v" data-rk="ctx" id="rpCtx">—</span><div class="rp-ctxbar"><i id="rpCtxBar"></i></div></div>
+          <div class="rp-metric wide"><span class="l">本轮费用（估算）</span><span class="v" data-rk="cost" id="rpCost">—</span></div>
+        </div>
+      </section>
+    </div>
+  </section>
   <div class="rp-tabbody">
     <section id="tabTrace" class="rp-tab" role="tabpanel" aria-labelledby="rtTrace" data-tab="trace">
       <!-- §3.73：轨迹折叠区（renderTracePanels 写入 #rpTraceList，不在这里重写）。 -->