openclaw-openagent 1.0.8 → 1.0.11

package/src/plugin-ui/modules/remote-agent/media-links.js

@@ -0,0 +1,151 @@
+// ── OpenAgent Media Links — toolResult MEDIA: protocol renderer ──
+//
+// OpenClaw host parses MEDIA: links in assistant text, but remote-agent
+// toolResult text is rendered through the plugin card path. Keep this parser
+// local to the card so OASN artifacts become visible downloads.
+
+function _clExtractOpenagentMediaLinksFromText(rawText) {
+  var value = String(rawText || '');
+  var links = [];
+  var seen = Object.create(null);
+
+  function addUrl(rawUrl) {
+    var url = _clNormalizeOpenagentMediaUrl(rawUrl);
+    if (!url || seen[url]) return;
+    seen[url] = true;
+
+    var fileName = _clGetOpenagentMediaFileName(url);
+    links.push({
+      url: url,
+      fileName: fileName,
+      extension: _clInferOpenagentMediaExtension(fileName),
+    });
+  }
+
+  var re = /^\s*MEDIA:\s*(\S+)\s*$/gm;
+  var match;
+
+  while ((match = re.exec(value)) !== null) {
+    addUrl(match[1]);
+  }
+
+  var markdownRe = /\[[^\]]+\]\((https?:\/\/[^)\s]+|\/[^)\s]+)\)/g;
+  while ((match = markdownRe.exec(value)) !== null) {
+    addUrl(match[1]);
+  }
+
+  return links;
+}
+
+function _clExtractOpenagentMediaLinksFromModel(model) {
+  var allText = [];
+  if (model && model.rawText) allText.push(model.rawText);
+  var chunks = model && Array.isArray(model.chunks) ? model.chunks : [];
+  for (var i = 0; i < chunks.length; i++) {
+    if (chunks[i] && chunks[i].text) allText.push(chunks[i].text);
+  }
+  return _clExtractOpenagentMediaLinksFromText(allText.join('\n'));
+}
+
+function _clNormalizeOpenagentMediaUrl(rawUrl) {
+  var value = String(rawUrl || '').trim();
+  if (!value) return '';
+  value = value.replace(/^[`'"]+/, '').replace(/[`'".,;)\]]+$/, '');
+
+  if (value.charAt(0) === '/') return value;
+
+  try {
+    var parsed = new URL(value);
+    if (parsed.protocol === 'http:' || parsed.protocol === 'https:') return value;
+  } catch (e) {}
+
+  return '';
+}
+
+function _clGetOpenagentMediaFileName(url) {
+  var pathValue = '';
+  try {
+    var base = (typeof window !== 'undefined' && window.location && window.location.href)
+      ? window.location.href
+      : 'http://127.0.0.1/';
+    pathValue = new URL(url, base).pathname || '';
+  } catch (e) {
+    pathValue = String(url || '').split('?')[0] || '';
+  }
+
+  var parts = pathValue.split('/');
+  var fileName = parts[parts.length - 1] || 'artifact';
+  try {
+    fileName = decodeURIComponent(fileName);
+  } catch (e) {}
+  return fileName || 'artifact';
+}
+
+function _clInferOpenagentMediaExtension(fileName) {
+  var match = String(fileName || '').toLowerCase().match(/\.([a-z0-9]{1,12})$/);
+  return match ? match[1] : '';
+}
+
+function _clStripOpenagentMediaLines(rawText) {
+  return String(rawText || '')
+    .split(/\r?\n/)
+    .filter(function(line) { return !/^\s*MEDIA:\s*/.test(line); })
+    .join('\n')
+    .trim();
+}
+
+function _clCreateOpenagentMediaLinksSection(links) {
+  if (!Array.isArray(links) || links.length === 0) return null;
+
+  var section = document.createElement('div');
+  section.className = 'cl-openagent-media-links';
+
+  for (var i = 0; i < links.length; i++) {
+    var link = links[i] || {};
+    if (!link.url) continue;
+
+    var anchor = document.createElement('a');
+    anchor.className = 'cl-openagent-media-link';
+    anchor.href = link.url;
+    anchor.target = '_blank';
+    anchor.rel = 'noopener noreferrer';
+    anchor.download = link.fileName || '';
+    anchor.title = link.fileName || link.url;
+
+    var icon = document.createElement('span');
+    icon.className = 'cl-openagent-media-link-icon';
+    icon.textContent = _clGetOpenagentMediaIconText(link.extension);
+    anchor.appendChild(icon);
+
+    var text = document.createElement('span');
+    text.className = 'cl-openagent-media-link-text';
+    text.textContent = _clGetOpenagentMediaActionText(link.extension);
+    anchor.appendChild(text);
+
+    var file = document.createElement('span');
+    file.className = 'cl-openagent-media-link-file';
+    file.textContent = link.fileName || 'artifact';
+    anchor.appendChild(file);
+
+    section.appendChild(anchor);
+  }
+
+  return section.childNodes.length > 0 ? section : null;
+}
+
+function _clGetOpenagentMediaActionText(extension) {
+  var ext = String(extension || '').toUpperCase();
+  if (!ext) return '下载附件';
+  return '下载 ' + ext;
+}
+
+function _clGetOpenagentMediaIconText(extension) {
+  extension = String(extension || '').toLowerCase();
+  if (extension === 'pptx' || extension === 'ppt') return 'P';
+  if (extension === 'docx' || extension === 'doc') return 'D';
+  if (extension === 'xlsx' || extension === 'xls' || extension === 'csv') return 'X';
+  if (extension === 'json') return '{}';
+  if (extension === 'md' || extension === 'txt') return 'T';
+  if (extension === 'zip') return 'Z';
+  return 'F';
+}

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

@@ -11,24 +11,43 @@
 // UI 结构复用 shared thought-chain styles；数据来源是 RenderHook model。
 
 function _clRenderOutputCard(model, onOpenSidebar) {
+  var mediaLinks = typeof _clExtractOpenagentMediaLinksFromModel === 'function'
+    ? _clExtractOpenagentMediaLinksFromModel(model)
+    : [];
+
   // ── 从 chunks 提取最终结果。SSE 思考链只由 call/execution card 展示，避免重复。──
   var resultTexts = [];
   for (var i = 0; i < model.chunks.length; i++) {
     var chunk = model.chunks[i];
     if (chunk.type === 'result') {
-      if (_clShouldRenderOutputText(chunk.text)) resultTexts.push(chunk.text);
+      var resultText = typeof _clStripOpenagentMediaLines === 'function'
+        ? _clStripOpenagentMediaLines(chunk.text)
+        : chunk.text;
+      if (_clShouldRenderOutputText(resultText)) resultTexts.push(resultText);
     } else if (chunk.type === 'text') {
       // 远端 Agent 最终回复是普通文本（toolResult(reply.content)），
       // chunk-parser 归为 type='text'，也应作为最终结果显示
-      if (_clShouldRenderOutputText(chunk.text)) resultTexts.push(chunk.text);
+      var textChunk = typeof _clStripOpenagentMediaLines === 'function'
+        ? _clStripOpenagentMediaLines(chunk.text)
+        : chunk.text;
+      if (_clShouldRenderOutputText(textChunk)) resultTexts.push(textChunk);
     }
   }
 
-  if (resultTexts.length === 0) {
+  // ── 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;
     }
@@ -37,33 +56,60 @@ function _clRenderOutputCard(model, onOpenSidebar) {
   }
 
   var container = document.createElement('div');
-  container.className = 'cl-remote-agent-card cl-thought-chain cl-output-card cl-output-card--pending';
+  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 = 'completed';
+  if (isV2) {
+    var v2Header = _clCreateOpenAgentHeaderV2(model);
+    v2Header.classList.remove('cl-openagent-header--output');
+    container.appendChild(v2Header);
+    if (typeof _clUpdateAgentStatusTextV2 === 'function') {
+      _clUpdateAgentStatusTextV2(container, 'completed');
+    }
+  } 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);
+  // ── V2 Agent 详情卡片 ──
+  if (isV2) {
+    try {
+      var detailCard = _clCreateAgentDetailCardV2(model);
+      content.appendChild(detailCard);
+    } catch(e) {
+      console.warn('[cl-output-v2] detail card creation failed:', e);
+    }
+  }
 
-  // ── 分隔线 ──
-  var divider = document.createElement('div');
-  divider.className = 'cl-thought-chain-divider';
-  content.appendChild(divider);
+  // ── 附件下载链接 ──
+  if (mediaLinks.length > 0 && typeof _clCreateOpenagentMediaLinksSection === 'function') {
+    var mediaSection = _clCreateOpenagentMediaLinksSection(mediaLinks);
+    if (mediaSection) content.appendChild(mediaSection);
+  }
 
   // ── 最终结果展示 ──
   if (resultTexts.length > 0) {
@@ -102,12 +148,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);
     });
   }
 
@@ -115,18 +172,18 @@ 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');
+        if (nameElV2) nameElV2.textContent = agent.name || model.agentName;
+        if (bioElV2 && (agent.bio || agent.description)) bioElV2.textContent = agent.bio || agent.description;
+        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() {});
   }
 
@@ -134,7 +191,25 @@ function _clRenderOutputCard(model, onOpenSidebar) {
     _cl_applyCardUiState(container, model);
   }
 
-  console.log('[cl-output] ✅ output card built: results=' + resultTexts.length);
+  // ── 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);
+  }
+
+  console.log('[cl-output] ✅ output card built: results=' + resultTexts.length + ' v2=' + isV2);
   return container;
 }
 
@@ -257,3 +332,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;
     }
@@ -469,9 +520,13 @@ window.__openagentRenderToolCard = function(card, onOpenSidebar) {
       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 +609,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 +620,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) {
@@ -800,8 +854,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 挂载
 }
 
@@ -895,6 +947,12 @@ 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 = args.agent_bio || args.agentBio || '';
+  }
+  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;
@@ -1300,8 +1358,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 +1365,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 +1424,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 +1439,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，会覆盖用户手动展开后的状态。