openclaw-openagent 1.0.9 → 1.0.12

package/src/plugin-ui/modules/remote-agent/output-card.js

@@ -31,14 +31,26 @@ function _clRenderOutputCard(model, onOpenSidebar) {
         ? _clStripOpenagentMediaLines(chunk.text)
         : chunk.text;
       if (_clShouldRenderOutputText(textChunk)) resultTexts.push(textChunk);
+    } else if (chunk.type === 'error') {
+      var errorText = chunk.text || model.rawText || '远端 Agent 调用失败';
+      if (_clShouldRenderOutputText(errorText)) resultTexts.push(errorText);
     }
   }
 
+  // ── V2 版本判断 ──
+  var isV2 = typeof _clIsHostVersionGte === 'function' && _clIsHostVersionGte('2026.6.9');
+
   if (resultTexts.length === 0 && mediaLinks.length === 0) {
     var placeholder = document.createElement('span');
     placeholder.className = 'cl-remote-agent-card cl-remote-agent-output-placeholder';
     placeholder.style.display = 'none';
     placeholder.__clEmptyOutput = true;
+    // 防止 OpenClaw native 代码读 .textContent 报 undefined.trim()
+    var hiddenText = document.createElement('span');
+    hiddenText.className = 'chat-text';
+    hiddenText.style.display = 'none';
+    hiddenText.textContent = '';
+    placeholder.appendChild(hiddenText);
     if (model.toolCallId) {
       placeholder.dataset.clCardTcid = model.toolCallId;
     }
@@ -47,34 +59,54 @@ function _clRenderOutputCard(model, onOpenSidebar) {
   }
 
   var container = document.createElement('div');
-  container.className = 'cl-remote-agent-card cl-thought-chain cl-output-card'
+  var cardClasses = 'cl-remote-agent-card cl-thought-chain cl-output-card'
     + (resultTexts.length > 0 ? ' cl-output-card--pending' : '');
+  if (isV2) cardClasses += ' cl-exec-v2';
+  container.className = cardClasses;
   container.dataset.clCardRole = 'output';
+  // 防止 OpenClaw native 代码读 .textContent 报 undefined.trim()
+  var safetyText = document.createElement('div');
+  safetyText.className = 'chat-text';
+  safetyText.style.display = 'none';
+  safetyText.textContent = '';
+  container.appendChild(safetyText);
+  if (model.toolCallId) container.dataset.clCardTcid = model.toolCallId;
+  // 阻止点击冒泡到原生 tool card handler
+  container.addEventListener('click', function(e) { e.stopPropagation(); });
   if (CL && typeof CL.diagMarkCard === 'function') {
     CL.diagMarkCard(container, 'output', { tcid: model.toolCallId || '' });
   }
 
-  var shellHeader = _clCreateOpenAgentHeader(model);
-  container.appendChild(shellHeader);
-  if (typeof _clSetOpenAgentHeaderAgent === 'function') {
-    _clSetOpenAgentHeaderAgent(container, model.agentName || model.agentId || 'Remote Agent');
+  model._outputMode = true;
+  model.status = model.isError ? 'failed' : 'completed';
+  if (isV2) {
+    var v2Header = _clCreateOpenAgentHeaderV2(model);
+    v2Header.classList.remove('cl-openagent-header--output');
+    container.appendChild(v2Header);
+    if (typeof _clUpdateAgentStatusTextV2 === 'function') {
+      _clUpdateAgentStatusTextV2(container, model.status);
+    }
+  } else {
+    var shellHeader = _clCreateOpenAgentHeader(model);
+    container.appendChild(shellHeader);
+    if (typeof _clSetOpenAgentHeaderAgent === 'function') {
+      _clSetOpenAgentHeaderAgent(container, model.agentName || model.agentId || 'Remote Agent');
+    }
   }
 
   var content = document.createElement('div');
   content.className = 'cl-thought-chain-content';
   container.appendChild(content);
 
-  // ── Agent Pill ──
-  var pillSlot = document.createElement('div');
-  pillSlot.className = 'cl-thought-chain-pill-slot';
-  var pill = _clCreateAgentPill(model.agentName, model.agentId, model.agentAvatar);
-  pillSlot.appendChild(pill);
-  content.appendChild(pillSlot);
-
-  // ── 分隔线 ──
-  var divider = document.createElement('div');
-  divider.className = 'cl-thought-chain-divider';
-  content.appendChild(divider);
+  // ── V2 Agent 详情卡片 ──
+  if (isV2) {
+    try {
+      var detailCard = _clCreateAgentDetailCardV2(model);
+      content.appendChild(detailCard);
+    } catch(e) {
+      console.warn('[cl-output-v2] detail card creation failed:', e);
+    }
+  }
 
   // ── 附件下载链接 ──
   if (mediaLinks.length > 0 && typeof _clCreateOpenagentMediaLinksSection === 'function') {
@@ -119,12 +151,23 @@ function _clRenderOutputCard(model, onOpenSidebar) {
   }
 
   // ── onOpenSidebar 支持：点击展开到侧边栏 ──
-  if (onOpenSidebar && model.rawText) {
+  // 宿主 sidebar 渲染器要求 content 为 { kind: 'markdown', content, rawText } 对象，
+  // kind 必须为 'markdown' 才会进入 markdown 渲染路径，否则显示 "No previewable markdown content."。
+  // travel card 标签（<sh_card>等）sidebar 原生 markdown 解析不认，先 strip 再传。
+  var sidebarRaw = resultText || model.rawText || '';
+  var sidebarText = String(sidebarRaw).replace(/<\/?[a-z]+_card[^>]*>/gi, '');
+  if (typeof _clStripSuppressedTravelTags === 'function') {
+    sidebarText = _clStripSuppressedTravelTags(sidebarText);
+  }
+  if (onOpenSidebar && sidebarText.trim()) {
     container.style.cursor = 'pointer';
     container.addEventListener('click', function(e) {
-      // 不拦截折叠/展开点击
       if (e.target.closest('.cl-tools-collapse-header')) return;
-      onOpenSidebar(model.rawText);
+      onOpenSidebar({ kind: 'markdown', content: sidebarText, rawText: sidebarText });
+      setTimeout(function() {
+        var titleEl = document.querySelector('.chat-sidebar .sidebar-title');
+        if (titleEl) titleEl.textContent = 'OpenAgent @' + (model.agentName || 'Remote Agent');
+      }, 100);
     });
   }
 
@@ -132,26 +175,47 @@ function _clRenderOutputCard(model, onOpenSidebar) {
   if ((model.agentId || model.agentName) && typeof fetchAgentById === 'function') {
     fetchAgentById(model.agentId, model.agentName).then(function(agent) {
       if (!agent) return;
-      var pa = container.querySelector('.cl-agent-pill-avatar');
-      var pn = container.querySelector('.cl-agent-pill-name');
-      if (pa && typeof avatarUrl === 'function') {
-        var resolvedAvatar = avatarUrl(agent);
-        console.log('[cl-diag][pill] fetch-update agentId=' + JSON.stringify(model.agentId)
-          + ' name=' + JSON.stringify(agent.name || model.agentName)
-          + ' src=' + JSON.stringify(resolvedAvatar));
-        pa.src = resolvedAvatar;
-        pa.style.display = '';
+      if (isV2) {
+        var avatarElV2 = container.querySelector('.cl-exec-agent-avatar-v2');
+        var nameElV2 = container.querySelector('.cl-exec-agent-name-v2');
+        var bioElV2 = container.querySelector('.cl-exec-agent-bio-v2');
+        var agentBioV2 = typeof _clGetAgentDescriptionText === 'function'
+          ? _clGetAgentDescriptionText(agent)
+          : (agent.bio || agent.description || '');
+        if (nameElV2) nameElV2.textContent = agent.name || model.agentName;
+        if (bioElV2 && agentBioV2) bioElV2.textContent = agentBioV2;
+        var starsElV2 = container.querySelector('.cl-exec-star-count-v2');
+        if (starsElV2 && agent.claws) starsElV2.textContent = _cl_formatStarCount(agent.claws);
+        if (starsElV2 && agent.stars && !agent.claws) starsElV2.textContent = _cl_formatStarCount(agent.stars);
+      } else {
+        _clSetOpenAgentHeaderAgent(container, agent.name || model.agentName);
       }
-      _clSetAgentPillName(container, agent.name || model.agentName);
-      _clSetOpenAgentHeaderAgent(container, agent.name || model.agentName);
     }).catch(function() {});
   }
 
+  // ── Footer ──
+  if (isV2) {
+    var footerV2 = document.createElement('div');
+    footerV2.className = 'cl-output-footer cl-output-footer-v2';
+    footerV2.innerHTML = '<span class="cl-output-footer-text">-由' + (model.agentName || 'Remote Agent') + '完成</span>'
+      + '<span class="cl-output-footer-star"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1.16L8.356 5.33H12.78L9.195 7.94L10.565 12.1L7 9.51L3.435 12.1L4.805 7.94L1.22 5.33H5.644L7 1.16Z" stroke="#999" stroke-width="0.8"/></svg></span>'
+      + '<span class="cl-output-footer-count">' + (model.agentStars || '3.2万') + '</span>';
+    container.appendChild(footerV2);
+  } else {
+    // ── Footer（Figma 131:2091） ──
+    var footer = document.createElement('div');
+    footer.className = 'cl-output-footer';
+    footer.innerHTML = '<span class="cl-output-footer-text">-由' + (model.agentName || 'Remote Agent') + '完成</span>'
+      + '<span class="cl-output-footer-star"><svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M7 1.16L8.356 5.33H12.78L9.195 7.94L10.565 12.1L7 9.51L3.435 12.1L4.805 7.94L1.22 5.33H5.644L7 1.16Z" stroke="#999" stroke-width="0.8"/></svg></span>'
+      + '<span class="cl-output-footer-count">' + (model.agentStars || '3.2万') + '</span>';
+    container.appendChild(footer);
+  }
+
   if (typeof _cl_applyCardUiState === 'function') {
     _cl_applyCardUiState(container, model);
   }
 
-  console.log('[cl-output] ✅ output card built: results=' + resultTexts.length);
+  console.log('[cl-output] ✅ output card built: results=' + resultTexts.length + ' v2=' + isV2);
   return container;
 }
 
@@ -274,3 +338,5 @@ function _clScheduleOutputCardProcessing(resultSection, model) {
 
   setTimeout(run, 0);
 }
+
+// ── Sidebar Figma 145:5712 内联样式 ──

package/src/plugin-ui/modules/remote-agent/render-hooks.js

@@ -13,8 +13,14 @@ var __cl_toolStates = new Map();
 // 每个 entry: { steps: [], phase: 'active'|'completed', cardNode: null, args: {} }
 
 var __cl_lastCallModel = null;   // 同一 render cycle 里 call card 的 model（供 result card 读取 agent 身份）
-var __cl_outputCardCache = new Map();  // toolCallId → cached output DOM
-var __cl_cardUiStates = new Map();     // execution/output 展开状态，避免 OpenClaw rerender 覆盖用户操作
+var __cl_outputCardCache = new Map();    // toolCallId → cached output DOM
+var __cl_executionCardCache = new Map(); // toolCallId → cached historical execution DOM
+var __cl_cardUiStates = new Map();       // execution/output 展开状态，避免 OpenClaw rerender 覆盖用户操作
+var __cl_progressMessageMap = new Map(); // toolCallId → 动态进度文字（来自 response.progress?.safe_status_message）
+
+// ── 诊断：渲染频率计数器 ──
+var __clDiag = { renderCalls: 0, lastDiagTs: 0, version: 'v4-oneshot-20260630' };
+console.log('[cl-diag] render-hooks loaded, version=' + __clDiag.version);
 
 var CL_REMOTE_AGENT_PROGRESS_MODE_TRAVEL_TITLE = 'travel-title';
 var CL_REMOTE_AGENT_PROGRESS_MODE_GENERIC_STREAM = 'generic-stream';
@@ -310,6 +316,16 @@ function _cl_ensureRemoteToolState(toolCallId, data, rawText) {
 // ═══════════════════════════════════════════════════════════════
 
 window.__openagentRenderToolCard = function(card, onOpenSidebar) {
+  // ── 诊断：渲染频率计数器 ──
+  __clDiag.renderCalls++;
+  var diagNow = Date.now();
+  if (diagNow - __clDiag.lastDiagTs > 2000) {
+    var rps = (__clDiag.renderCalls / ((diagNow - __clDiag.lastDiagTs) / 1000)).toFixed(1);
+    console.log('[cl-diag] render rate: ' + rps + ' calls/sec, total=' + __clDiag.renderCalls + ', version=' + __clDiag.version);
+    __clDiag.renderCalls = 0;
+    __clDiag.lastDiagTs = diagNow;
+  }
+
   var n = (card && card.name || '').toLowerCase();
   var cardTcid = card && (card.toolCallId || '');
   var cardKind = typeof _clInferToolCardKind === 'function' ? _clInferToolCardKind(card) : (card && card.kind || '');
@@ -347,19 +363,34 @@ window.__openagentRenderToolCard = function(card, onOpenSidebar) {
         }
         if (state.phase === 'active') {
           model.status = 'executing';
+          if (typeof _clUpdateAgentStatusTextV2 === 'function' && state.cardNode && state.cardNode.classList.contains('cl-exec-v2')) {
+            _clUpdateAgentStatusTextV2(state.cardNode, 'executing');
+          } else if (typeof _clUpdateAgentStatusText === 'function') {
+            _clUpdateAgentStatusText(state.cardNode, 'executing');
+          }
         }
         // 有 streaming 状态 — 复用或新建
         if (state.cardNode) {
           // Lit 重复调用会复用同一个 DOM 节点；但 OpenClaw 外层 native
           // <details> 可能被 rerender 成 closed。这里重新打开的是外层原生
-          // details，不影响卡片内部的“思考中/思考完成”折叠状态。
+          // details，不影响卡片内部的”思考中/思考完成”折叠状态。
           _cl_applyCardUiState(state.cardNode, { toolCallId: tcid, cardKind: 'call' });
           if (state.phase === 'active') {
             _cl_autoOpenStepsIfUncontrolled(state.cardNode);
           }
-          _cl_forceOpenNativeToolDetails(state.cardNode, 'execution-cache', tcid);
-          if (typeof _cl_scheduleHostShellMark === 'function') _cl_scheduleHostShellMark(state.cardNode);
-          _cl_hideHostRawText(state.cardNode);
+          // ── 更新进度文字：来自 response.progress?.safe_status_message ──
+          var progressEl = state.cardNode.querySelector('.cl-exec-progress-text');
+          if (progressEl && model.rawText) {
+            var msg = (model.rawText || '').trim();
+            if (msg) progressEl.textContent = msg;
+          }
+          // ── 一次性外壳初始化：首次渲染时打开 native details + 隐藏 raw text，之后永久跳过 ──
+          if (!state.cardNode.__clShellReady) {
+            state.cardNode.__clShellReady = true;
+            _cl_forceOpenNativeToolDetails(state.cardNode, 'execution-cache', tcid);
+            if (typeof _cl_scheduleHostShellMark === 'function') _cl_scheduleHostShellMark(state.cardNode);
+            _cl_hideHostRawText(state.cardNode);
+          }
           return state.cardNode;
         }
 
@@ -397,6 +428,20 @@ window.__openagentRenderToolCard = function(card, onOpenSidebar) {
 
       // 无状态 → 刷新/历史态。前端 store 如果有同一 toolCallId 的卡片快照，
       // 就用快照参数重建 steps；没有 store 时仍展示完成态外壳。
+
+      // 缓存：历史态 execution card 只创建一次，Lit 重复调用时复用（与 output card 逻辑一致）
+      var cachedExecution = tcid ? __cl_executionCardCache.get(tcid) : null;
+      if (cachedExecution && cachedExecution.isConnected) {
+        _cl_applyCardUiState(cachedExecution, { toolCallId: tcid, cardKind: 'call' });
+        if (!cachedExecution.__clShellReady) {
+          cachedExecution.__clShellReady = true;
+          _cl_forceOpenNativeToolDetails(cachedExecution, 'execution-history-cache', tcid);
+          if (typeof _cl_scheduleHostShellMark === 'function') _cl_scheduleHostShellMark(cachedExecution);
+          _cl_hideHostRawText(cachedExecution);
+        }
+        return cachedExecution;
+      }
+
       var storedCallRecord = tcid && typeof _clRemoteAgentProgressStore !== 'undefined' && _clRemoteAgentProgressStore
         ? _clRemoteAgentProgressStore.get(tcid)
         : null;
@@ -413,10 +458,16 @@ window.__openagentRenderToolCard = function(card, onOpenSidebar) {
       model.cardKind = 'call';
       model.status = 'completed';
       var historyNode = _clRenderExecutionCard(model);
+      if (historyNode && historyNode.classList && historyNode.classList.contains('cl-exec-v2')) {
+        if (typeof _clUpdateAgentStatusTextV2 === 'function') _clUpdateAgentStatusTextV2(historyNode, 'completed');
+      } else if (typeof _clUpdateAgentStatusText === 'function') {
+        _clUpdateAgentStatusText(historyNode, 'completed');
+      }
       _cl_finalizeCard(historyNode, model._bufferedSteps || []);
       _cl_forceOpenNativeToolDetails(historyNode, 'execution-history', tcid);
       if (typeof _cl_scheduleHostShellMark === 'function') _cl_scheduleHostShellMark(historyNode);
       _cl_hideHostRawText(historyNode);
+      if (tcid) __cl_executionCardCache.set(tcid, historyNode);
       console.log('[cl-render] 🗂️ built historical call card, tcid=' + tcid.substring(0, 8));
       return historyNode;
     }
@@ -464,14 +515,27 @@ window.__openagentRenderToolCard = function(card, onOpenSidebar) {
 
       model.toolCallId = resTcid;
       model.cardKind = 'result';
+      if (model.isError) {
+        var executionNodeForResult = (resState && resState.cardNode)
+          || (resTcid ? __cl_executionCardCache.get(resTcid) : null);
+        if (executionNodeForResult && executionNodeForResult.classList && executionNodeForResult.classList.contains('cl-exec-v2')) {
+          if (typeof _clUpdateAgentStatusTextV2 === 'function') _clUpdateAgentStatusTextV2(executionNodeForResult, 'failed');
+        } else if (executionNodeForResult && typeof _clUpdateAgentStatusText === 'function') {
+          _clUpdateAgentStatusText(executionNodeForResult, 'failed');
+        }
+      }
 
       // 缓存：同一 toolCallId 的 output card 只创建一次，Lit 重复调用时复用
       var cachedOutput = resTcid ? __cl_outputCardCache.get(resTcid) : null;
       if (cachedOutput && cachedOutput.isConnected) {
         _cl_applyCardUiState(cachedOutput, { toolCallId: resTcid, cardKind: 'result' });
-        _cl_forceOpenNativeToolDetails(cachedOutput, 'output-cache', resTcid);
-        if (typeof _cl_scheduleHostShellMark === 'function') _cl_scheduleHostShellMark(cachedOutput);
-        _cl_hideHostRawText(cachedOutput);
+        // ── 一次性外壳初始化：首次渲染时打开 native details + 隐藏 raw text，之后永久跳过 ──
+        if (!cachedOutput.__clShellReady) {
+          cachedOutput.__clShellReady = true;
+          _cl_forceOpenNativeToolDetails(cachedOutput, 'output-cache', resTcid);
+          if (typeof _cl_scheduleHostShellMark === 'function') _cl_scheduleHostShellMark(cachedOutput);
+          _cl_hideHostRawText(cachedOutput);
+        }
         return cachedOutput;
       }
 
@@ -554,6 +618,8 @@ function _cl_replayBufferedSteps(toolCallId, state) {
 
 function _cl_hideHostRawText(cardNode) {
   if (!cardNode) return;
+  // 幂等性守卫：如果父链已经标记为隐藏，跳过重复操作
+  if (cardNode.closest && cardNode.closest('.cl-remote-agent-raw-hidden')) return;
   function hide() {
     var hosts = _cl_collectRawTextHosts(cardNode);
     for (var h = 0; h < hosts.length; h++) {
@@ -563,10 +629,7 @@ function _cl_hideHostRawText(cardNode) {
   hide();
   if (typeof requestAnimationFrame === 'function') requestAnimationFrame(hide);
   setTimeout(hide, 0);
-  setTimeout(hide, 80);
-  setTimeout(hide, 250);
-  setTimeout(hide, 800);
-  setTimeout(hide, 2000);
+  setTimeout(hide, 200);
 }
 
 function _cl_isRemoteToolNameText(text) {
@@ -585,26 +648,32 @@ function _cl_isRemoteRawTextContent(text) {
   return false;
 }
 
+function _cl_getHostAdapter() {
+  return (typeof CL !== 'undefined' && CL.hostAdapter) ? CL.hostAdapter : {};
+}
+
 function _cl_collectRawTextHosts(node) {
   var hosts = [];
+  var adapter = _cl_getHostAdapter();
+  var selectors = adapter.selectors && adapter.selectors.rawTextHostClosest;
   function add(host) {
     if (!host || hosts.indexOf(host) !== -1) return;
     hosts.push(host);
   }
   add(node.parentElement);
-  if (node.closest) {
-    add(node.closest('.chat-tools-collapse__body'));
-    add(node.closest('.chat-tool-msg-body'));
-    add(node.closest('.chat-tool-card__detail'));
-    add(node.closest('.chat-bubble'));
+  if (node.closest && Array.isArray(selectors)) {
+    for (var i = 0; i < selectors.length; i++) {
+      add(node.closest(selectors[i]));
+    }
   }
   return hosts;
 }
 
 function _cl_hideRawTextInHost(host) {
   if (!host || !host.querySelectorAll) return;
+  var adapter = _cl_getHostAdapter();
   host.classList.add('cl-remote-agent-raw-hidden');
-  if (host.classList.contains('chat-tools-collapse__body') || host.classList.contains('chat-tool-msg-body')) {
+  if (adapter.isToolBody && adapter.isToolBody(host)) {
     host.classList.add('cl-remote-agent-host-shell');
   }
   var texts = host.querySelectorAll(':scope > .chat-text');
@@ -615,16 +684,11 @@ function _cl_hideRawTextInHost(host) {
 }
 
 function _cl_findRemoteNativeToolShell(node) {
+  var adapter = _cl_getHostAdapter();
   var cur = node && (node.nodeType === 1 ? node : node.parentElement);
   var hops = 0;
   while (cur && cur !== document.body && hops < 12) {
-    if (cur.matches && cur.matches(
-      'details.chat-tools-collapse,' +
-      'details.chat-tool-msg-collapse,' +
-      '.chat-tools-collapse,' +
-      '.chat-tool-msg-collapse,' +
-      '.chat-tool-card'
-    )) {
+    if (adapter.isRemoteNativeToolShellCandidate && adapter.isRemoteNativeToolShellCandidate(cur)) {
       if (_cl_isRemoteNativeToolShell(cur)) return cur;
     }
     cur = cur.parentElement;
@@ -635,14 +699,12 @@ function _cl_findRemoteNativeToolShell(node) {
 
 function _cl_isRemoteNativeToolShell(shell) {
   if (!shell) return false;
+  var adapter = _cl_getHostAdapter();
+  var summarySelector = adapter.selectors && adapter.selectors.summary;
   var summaryText = '';
-  var summary = shell.querySelector && shell.querySelector(
-    ':scope > summary,' +
-    ':scope > .chat-tools-summary,' +
-    ':scope > .chat-tool-msg-summary,' +
-    '.chat-tools-summary,' +
-    '.chat-tool-msg-summary'
-  );
+  var summary = shell.querySelector && summarySelector
+    ? shell.querySelector(summarySelector)
+    : null;
   if (summary) summaryText = summary.textContent || '';
   if (_cl_isRemoteToolNameText(summaryText)) return true;
 
@@ -683,27 +745,23 @@ function _cl_tryHideRemoteRawTextNode(node) {
 
   var shell = _cl_findRemoteNativeToolShell(node);
   if (shell && shell.querySelectorAll) {
-    var hosts = shell.querySelectorAll('.chat-tools-collapse__body, .chat-tool-msg-body, .chat-tool-card__detail, .chat-bubble');
-    for (var h = 0; h < hosts.length; h++) {
-      _cl_hideRawTextInHost(hosts[h]);
+    var adapter = _cl_getHostAdapter();
+    var hostSelector = adapter.selectors && adapter.selectors.rawTextHostsWithinShell;
+    if (hostSelector) {
+      var hosts = shell.querySelectorAll(hostSelector);
+      for (var h = 0; h < hosts.length; h++) {
+        _cl_hideRawTextInHost(hosts[h]);
+      }
     }
   }
 }
 
 function _cl_findNearestToolLikeShell(node) {
+  var adapter = _cl_getHostAdapter();
   var cur = node && (node.nodeType === 1 ? node : node.parentElement);
   var hops = 0;
   while (cur && cur !== document.body && hops < 12) {
-    if (cur.matches && cur.matches(
-      'details.chat-tools-collapse,' +
-      'details.chat-tool-msg-collapse,' +
-      '.chat-tools-collapse,' +
-      '.chat-tool-msg-collapse,' +
-      '.chat-tool-card,' +
-      '.chat-tools-collapse__body,' +
-      '.chat-tool-msg-body,' +
-      '.chat-tool-card__detail'
-    )) {
+    if (adapter.isToolLikeShell && adapter.isToolLikeShell(cur)) {
       return cur;
     }
     cur = cur.parentElement;
@@ -752,15 +810,11 @@ _cl_installRemoteRawTextObserver();
 // ── 局部打开最近宿主 wrapper（不做全局扫描）──
 
 function _cl_findNearestNativeToolShell(node) {
+  var adapter = _cl_getHostAdapter();
   var cur = node && node.parentElement;
   var hops = 0;
   while (cur && cur !== document.body && hops < 10) {
-    if (cur.matches && cur.matches(
-      'details.chat-tools-collapse,' +
-      'details.chat-tool-msg-collapse,' +
-      '.chat-tools-collapse,' +
-      '.chat-tool-msg-collapse'
-    )) {
+    if (adapter.isNativeToolShell && adapter.isNativeToolShell(cur)) {
       return cur;
     }
     cur = cur.parentElement;
@@ -788,7 +842,9 @@ function _cl_forceOpenNativeToolDetails(node, source, tcid) {
 
     if (shell.classList && !shell.classList.contains('is-open')) {
       shell.classList.add('is-open');
-      var header = shell.querySelector('.chat-tool-msg-summary, .chat-tools-summary');
+      var adapter = _cl_getHostAdapter();
+      var headerSelector = (adapter.selectors && adapter.selectors.forceOpenHeader) || '';
+      var header = headerSelector ? shell.querySelector(headerSelector) : null;
       if (header) header.setAttribute('aria-expanded', 'true');
       console.log('[cl-render] 🔓 opened native collapse source=' + source
         + ' tcid=' + String(tcid || '').substring(0, 8));
@@ -800,8 +856,6 @@ function _cl_forceOpenNativeToolDetails(node, source, tcid) {
   // openNearest 是幂等的（已 open 不重复操作），不需要防抖。
   openNearest();
   if (typeof requestAnimationFrame === 'function') requestAnimationFrame(openNearest);
-  setTimeout(openNearest, 0);
-  setTimeout(openNearest, 80);
   setTimeout(openNearest, 300);  // 兜底：慢速 Lit render / 异步 wrapper 挂载
 }
 
@@ -866,6 +920,9 @@ function _cl_applyCardUiState(container, modelOrNode) {
       content.classList.remove('cl-content-collapsed');
       if (caret) caret.textContent = '▼';
     }
+    if (typeof _clSyncOutputFooterVisibility === 'function') {
+      _clSyncOutputFooterVisibility(container, state.contentCollapsed);
+    }
   }
 
   var body = container.querySelector('.cl-tools-collapse-body');
@@ -895,6 +952,14 @@ function _cl_applyStoredRecordToModel(model, record) {
   if (!model.agentAvatar) {
     model.agentAvatar = args.agent_avatar || args.agentAvatar || args.avatar || args.avatar_url || args.avatarUrl || null;
   }
+  if (!model.agentBio) {
+    model.agentBio = typeof _clPickAgentDescription === 'function'
+      ? _clPickAgentDescription(args)
+      : (args.agent_bio || args.agentBio || args.description || args.agent_description || args.MOM || '');
+  }
+  if (!model.agentStars) {
+    model.agentStars = args.agent_stars || args.agentStars || '3.2万';
+  }
   var identity = CL && typeof CL.getAgentIdentity === 'function'
     ? CL.getAgentIdentity(model.agentId, model.agentName)
     : null;
@@ -902,6 +967,11 @@ function _cl_applyStoredRecordToModel(model, record) {
     model.agentId = model.agentId || identity.id || identity.agent_id;
     model.agentName = (model.agentName && model.agentName !== 'Remote Agent') ? model.agentName : (identity.name || model.agentName);
     model.agentAvatar = model.agentAvatar || identity.avatar || null;
+    if (!model.agentBio) {
+      model.agentBio = typeof _clPickAgentDescription === 'function'
+        ? _clPickAgentDescription(identity)
+        : (identity.bio || identity.description || identity.agent_bio || identity.agentBio || identity.MOM || '');
+    }
   }
   model.taskText = model.taskText || args.task || args.message || args.instruction || '';
 }
@@ -1300,8 +1370,6 @@ function _cl_updateCardSteps(card, steps) {
     var stepEl = _clCreateStepElement(steps[i], i === steps.length - 1);
     body.appendChild(stepEl);
   }
-
-  _cl_forceOpenNativeToolDetails(card, 'steps-update', card.dataset && card.dataset.clCardTcid || '');
 }
 
 function _cl_autoOpenStepsIfUncontrolled(card) {
@@ -1309,7 +1377,11 @@ function _cl_autoOpenStepsIfUncontrolled(card) {
   var uiState = _cl_getCardUiState(card);
   if (uiState && uiState.stepsExpanded !== undefined) return;
 
-  var body = card.querySelector('.cl-tools-collapse-body');
+  // 缓存 body 引用，避免 5-16Hz Lit rerender 时重复 querySelector
+  if (!card.__clStepsBody) {
+    card.__clStepsBody = card.querySelector('.cl-tools-collapse-body');
+  }
+  var body = card.__clStepsBody;
   if (!body) return;
 
   body.classList.remove('cl-collapsed');
@@ -1364,6 +1436,11 @@ function _cl_countChunkTypes(chunks) {
 }
 
 function _cl_finalizeCard(card, steps) {
+  if (card && card.classList && card.classList.contains('cl-exec-v2')) {
+    if (typeof _clUpdateAgentStatusTextV2 === 'function') _clUpdateAgentStatusTextV2(card, 'completed');
+  } else if (typeof _clUpdateAgentStatusText === 'function') {
+    _clUpdateAgentStatusText(card, 'completed');
+  }
   var header = card.querySelector('.cl-tools-collapse-header-title');
   if (header) {
     header.textContent = '思考完成';
@@ -1374,6 +1451,20 @@ function _cl_finalizeCard(card, steps) {
     dots[i].className = 'cl-tools-collapse-step-check';
   }
 
+  // 执行完成后隐藏第一个 chat-bubble（execution card），仅保留 output card
+  // 仅 V2 启用：V1 的 output card 布局不同，不宜隐藏 execution bubble
+  var isV2Finalize = typeof _clIsHostVersionGte === 'function' && _clIsHostVersionGte('2026.6.9');
+  if (isV2Finalize && card && !card.__clBubbleHidden) {
+    card.__clBubbleHidden = true;
+    var bubble = card.closest && card.closest('.chat-bubble');
+    if (bubble) {
+      // 延迟隐藏，等 output card（第二个 bubble）渲染完毕
+      setTimeout(function() {
+        bubble.style.display = 'none';
+      }, 500);
+    }
+  }
+
   // Finalize 只负责把 execution card 标记为完成态。
   // 不在这里强制折叠 steps：OpenClaw 会周期性 rerender，若 finalize 每次都
   // 写 cl-collapsed，会覆盖用户手动展开后的状态。