openclaw-openagent 1.0.11 → 1.0.12

package/dist/src/plugin-ui/assets/openagent-override.js

@@ -2,7 +2,7 @@
  * OpenAgent UI Override — Auto-generated, do not edit directly!
  *
  * Source: src/plugin-ui/modules/
- * Built:  2026-07-01T12:59:59.814Z
+ * Built:  2026-07-06T03:23:32.989Z
  *
  * To modify, edit the source modules and run:
  *   npm run build:override
@@ -51,6 +51,9 @@ const CL = {
   // ── Host 版本（构建时注入，fallback 运行时检测）──
   hostVersion: '__OPENCLAW_HOST_VERSION__',
 
+  // ── Override 构建标识（构建时注入，用于缓存自检）──
+  buildId: "65bf8968e270",
+
   // ── 配置 ──
   OPENAGENT_API: 'https://api.openagent.club',
   AUTH_API: '/plugins/openagent',  // Proxied via Gateway registerHttpRoute (see src/proxy/auth-proxy.ts)
@@ -59,6 +62,98 @@ const CL = {
   CACHE_TTL: 30000,
 };
 
+function _clFindOverrideScript() {
+  try {
+    var scripts = document.querySelectorAll('script[src*="openagent-override.js"]');
+    return scripts.length ? scripts[scripts.length - 1] : null;
+  } catch (e) {
+    return null;
+  }
+}
+
+function _clReadOverrideScriptVersionFromDocument() {
+  try {
+    var script = _clFindOverrideScript();
+    if (!script) return '';
+    var src = script.getAttribute('src') || '';
+    var url = new URL(src, window.location.href);
+    return url.searchParams.get('v') || '';
+  } catch (e) {
+    return '';
+  }
+}
+
+function _clResolveControlUiIndexUrl() {
+  try {
+    var script = _clFindOverrideScript();
+    if (script) {
+      var scriptUrl = new URL(script.src || script.getAttribute('src'), window.location.href);
+      return new URL('./', scriptUrl.href).href;
+    }
+  } catch (e) {}
+  try {
+    var url = new URL(window.location.href);
+    url.hash = '';
+    url.search = '';
+    return url.href;
+  } catch (e) {
+    return '/';
+  }
+}
+
+function _clExtractOverrideScriptVersionFromHtml(html) {
+  var match = String(html || '').match(/openagent-override\.js\?v=([A-Za-z0-9._-]+)/);
+  return match ? match[1] : '';
+}
+
+function _clInstallOverrideUpdateCheck() {
+  if (window.__openagentOverrideUpdateCheckInstalled) return;
+  window.__openagentOverrideUpdateCheckInstalled = true;
+
+  var currentVersion = _clReadOverrideScriptVersionFromDocument() || CL.buildId || '';
+  var storageKey = 'openagent.overrideScriptVersion.v1';
+  var reloadKey = 'openagent.overrideReloadedVersion.v1';
+  try {
+    document.documentElement.setAttribute('data-openagent-build-id', CL.buildId || 'unknown');
+    if (currentVersion) document.documentElement.setAttribute('data-openagent-script-version', currentVersion);
+  } catch (e) {}
+
+  try {
+    if (window.localStorage && currentVersion) {
+      window.localStorage.setItem(storageKey, currentVersion);
+    }
+  } catch (e) {}
+
+  function reloadForVersion(nextVersion) {
+    if (!nextVersion || nextVersion === currentVersion) return;
+    try {
+      if (window.sessionStorage && window.sessionStorage.getItem(reloadKey) === nextVersion) return;
+      if (window.sessionStorage) window.sessionStorage.setItem(reloadKey, nextVersion);
+    } catch (e) {}
+    console.info('[openagent] override updated, reloading Control UI', currentVersion, '→', nextVersion);
+    window.location.reload();
+  }
+
+  async function checkLatestOverrideVersion() {
+    if (document.visibilityState && document.visibilityState === 'hidden') return;
+    try {
+      var res = await fetch(_clResolveControlUiIndexUrl(), { cache: 'no-store' });
+      if (!res || !res.ok) return;
+      var latestVersion = _clExtractOverrideScriptVersionFromHtml(await res.text());
+      reloadForVersion(latestVersion);
+    } catch (e) {}
+  }
+
+  setTimeout(checkLatestOverrideVersion, 3000);
+  setInterval(checkLatestOverrideVersion, 60000);
+  window.addEventListener('focus', checkLatestOverrideVersion);
+  document.addEventListener('visibilitychange', function() {
+    if (!document.hidden) checkLatestOverrideVersion();
+  });
+}
+
+_clInstallOverrideUpdateCheck();
+
 // ── 版本解析与比较（供 execution-card V2 分支使用）──
 
 function _clParseHostVersion(v) {
@@ -74,6 +169,9 @@ function _clParseHostVersion(v) {
 }
 
 function _clIsHostVersionGte(minVer) {
+  if (CL.hostVersionSource !== 'exact' && CL.hostVersionSource !== 'script' && CL.hostVersionSource !== 'runtime') {
+    _clRefreshHostVersionFromRuntime();
+  }
   var cur = _clParseHostVersion(CL.hostVersion || '');
   var min = _clParseHostVersion(minVer);
   for (var i = 0; i < 3; i++) {
@@ -83,31 +181,131 @@ function _clIsHostVersionGte(minVer) {
   return true;
 }
 
-// ─ 运行时 fallback：当构建时未注入版本，通过 CSS/DOM 特征检测 ──
-// v5.x (2026.5+) 有 data-theme 属性和 --glass-surface CSS 变量
-// v4.x (2026.3-4.x) 有 data-theme-mode 属性和 --vscode-* CSS 变量
-if (CL.hostVersion === '__OPENCLAW_HOST_VERSION__' || !CL.hostVersion) {
+function _clResolveHostProfile(version) {
+  var parsed = _clParseHostVersion(version || '');
+  if (parsed[0] === 2026 && parsed[1] === 4) return 'oc-2026-04';
+  if (parsed[0] === 2026 && parsed[1] === 5) return 'oc-2026-05';
+  if (parsed[0] === 2026 && parsed[1] === 6) return 'oc-2026-06';
+  return 'oc-unknown';
+}
+
+function _clNormalizeHostVersion(value) {
+  var match = String(value || '').match(/20\d{2}\.\d{1,2}\.\d{1,2}(?:-[A-Za-z0-9._-]+)?/);
+  return match ? match[0] : '';
+}
+
+function _clGetByPath(root, path) {
+  var cur = root;
+  for (var i = 0; i < path.length; i++) {
+    if (!cur) return '';
+    cur = cur[path[i]];
+  }
+  return cur;
+}
+
+function _clReadHostVersionFromRuntime() {
   try {
-    if (document.documentElement.hasAttribute('data-theme')) {
-      // v5.x (2026.5+) — 有 data-theme 属性
-      CL.hostVersion = '2026.6.9';
-    } else if (document.documentElement.hasAttribute('data-theme-mode')) {
-      // v4.x — 有 data-theme-mode 属性
-      CL.hostVersion = '2026.4.0';
-    } else {
-      var cs = getComputedStyle(document.documentElement);
-      if (cs.getPropertyValue('--glass-surface').trim()) {
-        CL.hostVersion = '2026.6.9';
-      } else if (cs.getPropertyValue('--vscode-editor-background').trim()) {
-        CL.hostVersion = '2026.4.0';
-      } else {
-        CL.hostVersion = '2026.3.0';
+    var scripts = document.querySelectorAll('script[data-openagent-host-version]');
+    for (var i = scripts.length - 1; i >= 0; i--) {
+      var scriptVersion = _clNormalizeHostVersion(scripts[i].getAttribute('data-openagent-host-version'));
+      if (scriptVersion) return { version: scriptVersion, source: 'script' };
+    }
+  } catch (e) {}
+
+  var globals = [
+    window.__OPENCLAW_HOST_VERSION__,
+    window.__OPENCLAW_VERSION__,
+    window.__openclawVersion,
+    window.openclawVersion,
+  ];
+  for (var g = 0; g < globals.length; g++) {
+    var globalVersion = _clNormalizeHostVersion(globals[g]);
+    if (globalVersion) return { version: globalVersion, source: 'runtime' };
+  }
+
+  try {
+    var metaVersion = _clNormalizeHostVersion(
+      document.querySelector('meta[name="openclaw-version"],meta[name="openclaw:version"]')?.getAttribute('content')
+    );
+    if (metaVersion) return { version: metaVersion, source: 'runtime' };
+  } catch (e) {}
+
+  try {
+    var app = document.querySelector('openclaw-app');
+    if (app) {
+      var paths = [
+        ['runtime', 'version'],
+        ['hello', 'server', 'version'],
+        ['hello', 'version'],
+        ['client', 'hello', 'server', 'version'],
+        ['client', 'version'],
+        ['version'],
+        ['appVersion'],
+      ];
+      for (var p = 0; p < paths.length; p++) {
+        var appVersion = _clNormalizeHostVersion(_clGetByPath(app, paths[p]));
+        if (appVersion) return { version: appVersion, source: 'runtime' };
       }
     }
-    console.log('[cl-version] detected via DOM/CSS features: ' + CL.hostVersion);
+  } catch (e) {}
+
+  return null;
+}
+
+function _clApplyHostVersion(version, source) {
+  CL.hostVersion = version || '2026.3.0';
+  CL.hostVersionSource = source || 'fallback';
+  CL.hostProfile = _clResolveHostProfile(CL.hostVersion);
+  try {
+    document.documentElement.setAttribute('data-openagent-host-version', CL.hostVersion || 'unknown');
+    document.documentElement.setAttribute('data-openagent-host-profile', CL.hostProfile);
+    document.documentElement.setAttribute('data-openagent-host-version-source', CL.hostVersionSource);
+  } catch (e) {}
+}
+
+function _clRefreshHostVersionFromRuntime() {
+  var detected = _clReadHostVersionFromRuntime();
+  if (!detected) return false;
+  if (detected.version !== CL.hostVersion || detected.source !== CL.hostVersionSource) {
+    _clApplyHostVersion(detected.version, detected.source);
+    console.log('[cl-version] detected via ' + detected.source + ': ' + detected.version);
+  }
+  return true;
+}
+
+function _clScheduleHostVersionRefresh() {
+  var attempts = 0;
+  var timer = setInterval(function() {
+    attempts++;
+    if (_clRefreshHostVersionFromRuntime() || attempts >= 20) {
+      clearInterval(timer);
+    }
+  }, 500);
+}
+
+var _clInitialExactVersion = _clNormalizeHostVersion(CL.hostVersion);
+if (_clInitialExactVersion) {
+  _clApplyHostVersion(_clInitialExactVersion, 'exact');
+} else if (!_clRefreshHostVersionFromRuntime()) {
+  // ─ 运行时 fallback：只做版本族保守判断，避免把 2026.5 误判为 2026.6.9 ──
+  // v5.x (2026.5+) 有 data-theme / --glass-*；v4.x 有 data-theme-mode / --vscode-*。
+  try {
+    var cs = getComputedStyle(document.documentElement);
+    if (document.documentElement.hasAttribute('data-theme-mode')
+      || cs.getPropertyValue('--vscode-editor-background').trim()) {
+      _clApplyHostVersion('2026.4.0', 'feature-fallback');
+    } else if (document.documentElement.hasAttribute('data-theme')
+      || cs.getPropertyValue('--glass-surface').trim()
+      || cs.getPropertyValue('--kn-bg-primary').trim()) {
+      _clApplyHostVersion('2026.5.0', 'feature-fallback');
+    } else {
+      _clApplyHostVersion('2026.3.0', 'feature-fallback');
+    }
+    console.log('[cl-version] fallback via DOM/CSS features: ' + CL.hostVersion);
   } catch (e) {
-    CL.hostVersion = '2026.3.0';
+    _clApplyHostVersion('2026.3.0', 'feature-fallback');
   }
+  _clScheduleHostVersionRefresh();
 }
 
 // 暴露到 window 供控制台调试/测试
@@ -143,6 +341,28 @@ CL._saveAgentIdentityCache = function() {
   } catch (err) {}
 };
 
+CL.pickAgentIdentityDescription = function(agent) {
+  if (!agent || typeof agent !== 'object') return '';
+  var keys = [
+    'agent_bio',
+    'agentBio',
+    'bio',
+    'description',
+    'desc',
+    'agent_description',
+    'agentDescription',
+    'MOM',
+    'mom',
+    'introduction',
+    'summary'
+  ];
+  for (var i = 0; i < keys.length; i++) {
+    var value = agent[keys[i]];
+    if (typeof value === 'string' && value.trim()) return value.trim();
+  }
+  return '';
+};
+
 CL.storeAgentIdentity = function(agent, fallbackName) {
   if (!agent || typeof agent !== 'object') return null;
   CL._loadAgentIdentityCache();
@@ -151,12 +371,16 @@ CL.storeAgentIdentity = function(agent, fallbackName) {
     agent.user_id || agent.userId || agent.identifier || agent.tim_user_id || agent.timUserId || '';
   var name = agent.name || agent.agent_name || agent.agentName || fallbackName || '';
   var avatar = agent.avatar || agent.avatar_url || agent.avatarUrl || agent.image || agent.logo || agent.photo || '';
+  var bio = CL.pickAgentIdentityDescription(agent);
   var record = {
     id: id,
     agent_id: id,
     tag: agent.tag || id,
     name: name,
     avatar: avatar || null,
+    bio: bio,
+    description: agent.description || bio || '',
+    MOM: agent.MOM || agent.mom || '',
   };
 
   var keys = [id, record.tag, name, fallbackName].filter(Boolean);
@@ -630,6 +854,62 @@ if (!window.__clDiagClickProbeInstalled) {
   }, true);
 }
 
+// ════════════════════════════════════════════════════════════════
+// MODULE: host-adapter/selected
+// ════════════════════════════════════════════════════════════════
+
+/*__OPENAGENT_HOST_ADAPTER_START__*/
+// HOST ADAPTER: oc-unknown
+// ── Unknown OpenClaw host adapter ──
+// Fail closed: render OpenAgent's own card, but do not apply host-structure
+// takeover selectors when the host version is not one of the supported series.
+
+(function _clInstallHostAdapterUnknown() {
+  function _false() { return false; }
+
+  var adapter = {
+    id: 'oc-unknown',
+    family: 'unknown',
+    css: {
+      remoteShell: [],
+      outputHostMargin: [],
+      outputHostMarginReset: [],
+      summaryHidden: [],
+      hostShellRawText: [],
+      rawTextCardHosts: [],
+      rawTextPlaceholderHosts: [],
+      hostBody: [],
+      manualOpenReset: [],
+      hostShellReset: [],
+      hostShellSummary: [],
+      modernCardLayout: false,
+    },
+    nativeStyle: {
+      shellSelectors: [],
+      summarySelectors: [],
+      indentSelectors: [],
+    },
+    selectors: {
+      textContext: '.chat-text',
+      summary: '',
+      forceOpenHeader: '',
+      rawTextHostClosest: [],
+      rawTextHostsWithinShell: '',
+    },
+    isRemoteNativeToolShellCandidate: _false,
+    isNativeToolShell: _false,
+    isToolLikeShell: _false,
+    isToolBody: _false,
+    isMarkableHost: _false,
+  };
+
+  CL.hostAdapter = adapter;
+  try {
+    document.documentElement.setAttribute('data-openagent-host-adapter', adapter.id);
+  } catch (e) {}
+})();
+/*__OPENAGENT_HOST_ADAPTER_END__*/
+
 // ════════════════════════════════════════════════════════════════
 // MODULE: loader/ws-intercept.js
 // ════════════════════════════════════════════════════════════════
@@ -1755,10 +2035,13 @@ function AgentCard(agent, opts = {}) {
 // ── 样式注入 ──
 
 function injectStyles() {
-  if (document.getElementById('openagent-override-styles')) return;
+  var oldStyle = document.getElementById('openagent-override-styles');
+  if (oldStyle) oldStyle.remove();
 
   const style = document.createElement('style');
   style.id = 'openagent-override-styles';
+  style.setAttribute('data-openagent-style', 'agent-book-panel');
+  style.setAttribute('data-openagent-host-version', CL.hostVersion || 'unknown');
   style.textContent = `
     /* ── 流式回复边框闪烁：覆盖为蓝色 ── */
     @keyframes chatStreamPulse {
@@ -1827,7 +2110,6 @@ function injectStyles() {
       background: var(--oa-panel-bg, #fff);
       border: 0.5px solid #dbdbdb;
       border-radius: 16px;
-      box-shadow: 0 -4px 24px var(--oa-shadow-color, rgba(0,0,0,0.08)), 0 2px 8px var(--oa-shadow-color, rgba(0,0,0,0.04));
       z-index: 99999;
       overflow: hidden;
       display: none;
@@ -1839,6 +2121,7 @@ function injectStyles() {
     }
     .openagent-agent-panel.visible {
       display: flex;
+      padding: 30px;
       animation: openagent-up 0.25s cubic-bezier(0.16, 1, 0.3, 1);
     }
     @keyframes openagent-up {
@@ -1852,22 +2135,21 @@ function injectStyles() {
       justify-content: space-between;
       align-items: center;
       min-height: 26px;
-      padding: 6px 10px 0 10px;
       border-bottom: none;
     }
     .openagent-panel-title {
       display: flex;
       align-items: center;
       gap: 6px;
-      font-size: 16px;
+      font-size: 18px;
       font-weight: 500;
-      color: rgba(47, 47, 51, 0.8);
+      color: #333;
       text-transform: uppercase;
       letter-spacing: 0.3px;
     }
     .openagent-panel-title-icon {
-      width: 21px;
-      height: 21px;
+      width: 24px;
+      height: 24px;
       flex-shrink: 0;
     }
     .openagent-panel-close {
@@ -1894,7 +2176,7 @@ function injectStyles() {
     .openagent-panel-divider {
       height: 0;
       border: none;
-      border-top: 0.2px solid rgba(47, 47, 51, 0.16);
+      border-top: 0.2px solid #EAEAEA;
       margin: 0;
     }
 
@@ -2073,7 +2355,6 @@ function injectStyles() {
       flex: 1;
       display: flex;
       flex-direction: column;
-      gap: 14px;
       min-height: 0;
       max-height: min(56vh, 451px);
       scrollbar-width: thin;
@@ -2096,9 +2377,9 @@ function injectStyles() {
     .openagent-agent-section {
       display: flex;
       flex-direction: column;
-      gap: 8px;
       width: 100%;
       min-width: 0;
+      margin-bottom: 30px;
     }
 
     /* ── 父分类标题（两级结构：Research > Market Research） ── */
@@ -2109,33 +2390,22 @@ function injectStyles() {
       width: 100%;
       min-width: 0;
     }
-    .openagent-parent-heading {
-      font-size: 11px;
-      font-weight: 600;
-      line-height: 13px;
-      color: rgba(47, 47, 51, 0.45);
-      padding: 0 12px;
-      text-transform: uppercase;
-      letter-spacing: 0.8px;
-    }
-
     /* ── 分组标题 ── */
     .openagent-section-heading {
       font-size: 16px;
       font-weight: 400;
       line-height: 16px;
       color: rgba(47, 47, 51, 0.80);
-      padding: 0 12px 0 12px;
       letter-spacing: 0;
+      margin-bottom: 20px;
     }
 
     /* ── 分组网格容器 ── */
     .openagent-section-grid {
       display: grid;
-      grid-template-columns: repeat(3, minmax(0, 439.5px));
+      grid-template-columns: repeat(3, 1fr);
       justify-content: start;
-      gap: 8px 14px;
-      padding: 0 12px;
+      gap: 12px;
       width: 100%;
       box-sizing: border-box;
     }
@@ -2168,9 +2438,15 @@ function injectStyles() {
     .agent-card__body { flex: 1; min-width: 0; }
     .agent-card__name-line { display: flex; align-items: baseline; gap: 8px; }
     .agent-card__name {
+      display: block;
+      min-width: 0;
+      max-width: 100%;
       font-family: "PingFang SC", sans-serif;
       font-weight: 600;
       color: rgba(47, 47, 51, 1);
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
     }
     .agent-card__tag { font-size: 12px; color: #6366f1; font-weight: 500; }
     .agent-card__specialty { font-size: 12px; color: #999; font-weight: 400; }
@@ -2245,12 +2521,31 @@ function injectStyles() {
       border-radius: 20px;
       border: 0.5px solid #dbdbdb;
       background: #fff;
-      min-height: 0;
       min-width: 0;
       box-sizing: border-box;
     }
     .agent-card--mention:hover {
-      background: rgba(0, 0, 0, 0.02);
+      border-color: transparent;
+      box-shadow: 0 4px 12px 0 rgba(149, 147, 240, 0.10);
+    }
+    .openagent-agent-list .agent-card--mention:hover,
+    .openagent-agent-list .agent-card--search:hover {
+      position: relative;
+      border-color: transparent;
+    }
+    .openagent-agent-list .agent-card--mention:hover::after,
+    .openagent-agent-list .agent-card--search:hover::after {
+      content: "";
+      position: absolute;
+      inset: 0;
+      border-radius: inherit;
+      padding: 1px;
+      background: linear-gradient(90deg, rgba(92, 74, 255, 0.5), rgba(130, 116, 255, 0.5));
+      pointer-events: none;
+      box-sizing: border-box;
+      -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
+      -webkit-mask-composite: xor;
+      mask-composite: exclude;
     }
     /* avart 外壳简化 — 不再需要 */
     .agent-card--mention .agent-card__avart {
@@ -2379,9 +2674,6 @@ function injectStyles() {
       border: 0.5px solid transparent;
       box-sizing: border-box;
     }
-    .agent-card--search:hover {
-      background: rgba(0, 0, 0, 0.02);
-    }
     .agent-card--search .agent-card__avatar {
       width: 40px;
       height: 40px;
@@ -2499,7 +2791,6 @@ function injectStyles() {
     [data-theme-mode="dark"] .openagent-agent-panel,
     [data-theme="dark"] .openagent-agent-panel {
       background: #1c1c1c; border-color: rgba(255,255,255,0.12);
-      box-shadow: 0 -4px 24px rgba(0,0,0,0.3);
     }
     [data-theme-mode="dark"] .openagent-panel-head,
     [data-theme="dark"] .openagent-panel-head { border-color: #2a2a2a; }
@@ -2511,8 +2802,6 @@ function injectStyles() {
     [data-theme="dark"] .openagent-panel-close:hover { background: #333; }
     [data-theme-mode="dark"] .openagent-section-heading,
     [data-theme="dark"] .openagent-section-heading { color: rgba(224, 224, 224, 0.45); }
-    [data-theme-mode="dark"] .openagent-parent-heading,
-    [data-theme="dark"] .openagent-parent-heading { color: rgba(224, 224, 224, 0.3); }
     [data-theme-mode="dark"] .openagent-panel-divider,
     [data-theme="dark"] .openagent-panel-divider { border-color: rgba(255,255,255,0.1); }
 
@@ -2526,7 +2815,7 @@ function injectStyles() {
     [data-theme-mode="dark"] .agent-card--mention,
     [data-theme="dark"] .agent-card--mention { background: #1c1c1c; border-color: rgba(255,255,255,0.12); }
     [data-theme-mode="dark"] .agent-card--mention:hover,
-    [data-theme="dark"] .agent-card--mention:hover { background: #252525; }
+    [data-theme="dark"] .agent-card--mention:hover { border-color: transparent; }
     [data-theme-mode="dark"] .agent-card--mention .agent-card__name,
     [data-theme="dark"] .agent-card--mention .agent-card__name { color: #e0e0e0; }
     [data-theme-mode="dark"] .agent-card--mention .agent-card__bio,
@@ -2541,8 +2830,6 @@ function injectStyles() {
     }
     [data-theme-mode="dark"] .agent-card--mention .agent-card__action:hover,
     [data-theme="dark"] .agent-card--mention .agent-card__action:hover { background: rgba(255,255,255,0.06); }
-    [data-theme-mode="dark"] .agent-card--search:hover,
-    [data-theme="dark"] .agent-card--search:hover { background: #252525; }
     [data-theme-mode="dark"] .agent-card--search .agent-card__name,
     [data-theme="dark"] .agent-card--search .agent-card__name { color: #e0e0e0; }
     [data-theme-mode="dark"] .agent-card--search .agent-card__bio,
@@ -2802,6 +3089,7 @@ let panel = null;
 let backdrop = null;
 
 let inputWrapperRef = null; // 保存输入框包裹层引用
+let panelPositionResizeObserver = null;
 
 // ── 键盘导航状态（§1.5）──
 // 对标 TIM index.ts:13 "let selectedIndex: number = 0"
@@ -2836,7 +3124,7 @@ panel.className = 'openagent-agent-panel';
 panel.innerHTML = `
   <div class="openagent-panel-head">
     <span class="openagent-panel-title">
-      <svg class="openagent-panel-title-icon" width="28" height="28" viewBox="0 0 56 56" fill="none">
+      <svg class="openagent-panel-title-icon" width="24" height="24" viewBox="0 0 56 56" fill="none">
         <path d="M28 25H32C34.2091 25 36 26.7909 36 29V39C36 41.2091 34.2091 43 32 43H14C11.7909 43 10 41.2091 10 39V29C10 26.7909 11.7909 25 14 25H15" stroke="#12CCF6" stroke-width="3.3" stroke-linecap="round"/>
         <path d="M39 31H42C44.2091 31 46 29.2091 46 27V17C46 14.7909 44.2091 13 42 13H24C21.7909 13 20 14.7909 20 17V27C20 29.2091 21.7909 31 24 31H30.0652C30.236 31 30.3282 31.2004 30.217 31.3302L27.5 34.5" stroke="#12CCF6" stroke-width="3.3" stroke-linecap="round"/>
         <path d="M27 25.5L32.5 21" stroke="#12CCF6" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/>
@@ -2879,12 +3167,71 @@ const width = Math.min(rect.width, window.innerWidth - viewportPadding * 2);
 const left = Math.max(viewportPadding, Math.min(rect.left, window.innerWidth - width - viewportPadding));
 panel.style.left = left + 'px';
 panel.style.width = width + 'px';
-panel.style.bottom = (window.innerHeight - rect.top + 8) + 'px';
+const toolbar = _findPanelToolbar();
+const isComposerWrapper = inputWrapperRef.classList
+  && inputWrapperRef.classList.contains('agent-chat__composer-combobox');
+if (isComposerWrapper) {
+  panel.style.bottom = (_readElementHeight(inputWrapperRef) + _readElementHeight(toolbar) + 35) + 'px';
+} else {
+  panel.style.bottom = (window.innerHeight - rect.top + 8) + 'px';
+}
 }
 
 /** resize 时实时跟随输入框 */
 function _onResize() { _positionPanel(); }
 
+function _findPanelToolbar() {
+  if (!inputWrapperRef) return null;
+  var chatInput = inputWrapperRef.closest && inputWrapperRef.closest('.agent-chat__input');
+  if (chatInput) {
+    var toolbar = chatInput.querySelector('.agent-chat__toolbar');
+    if (toolbar) return toolbar;
+  }
+
+  var parentEl = inputWrapperRef.parentElement;
+  if (parentEl) {
+    for (var i = 0; i < parentEl.children.length; i++) {
+      var child = parentEl.children[i];
+      if (child !== inputWrapperRef && child.className && String(child.className).indexOf('agent-chat__toolbar') !== -1) {
+        return child;
+      }
+    }
+  }
+  return null;
+}
+
+function _readElementHeight(el) {
+  if (!el) return 0;
+  var rect = el.getBoundingClientRect ? el.getBoundingClientRect() : null;
+  if (rect && rect.height > 0) return rect.height;
+  return typeof el.offsetHeight === 'number' ? el.offsetHeight : 0;
+}
+
+function _schedulePanelPosition() {
+  window.requestAnimationFrame
+    ? window.requestAnimationFrame(_positionPanel)
+    : setTimeout(_positionPanel, 0);
+}
+
+function _installPanelPositionObservers() {
+  if (panelPositionResizeObserver) {
+    panelPositionResizeObserver.disconnect();
+    panelPositionResizeObserver = null;
+  }
+  if (typeof ResizeObserver !== 'function' || !inputWrapperRef) return;
+
+  panelPositionResizeObserver = new ResizeObserver(_schedulePanelPosition);
+  panelPositionResizeObserver.observe(inputWrapperRef);
+  var toolbar = _findPanelToolbar();
+  if (toolbar) panelPositionResizeObserver.observe(toolbar);
+}
+
+function _teardownPanelPositionObservers() {
+  if (!panelPositionResizeObserver) return;
+  panelPositionResizeObserver.disconnect();
+  panelPositionResizeObserver = null;
+}
+
 // 搜索状态管理
 let currentAbort = null;  // AbortController for in-flight search
 let searchDebounceId = null;
@@ -2911,6 +3258,7 @@ if (oldEmpty) oldEmpty.remove();
 
 const p = ensurePanel();
 _positionPanel(); // 动态定位到 input 上方
+_installPanelPositionObservers();
 p.classList.add('visible');
 backdrop.classList.add('visible');
 window.addEventListener('resize', _onResize);
@@ -2973,6 +3321,7 @@ function closePanel() {
 if (panel) panel.classList.remove('visible');
 if (backdrop) backdrop.classList.remove('visible');
 window.removeEventListener('resize', _onResize);
+_teardownPanelPositionObservers();
 // 清理搜索状态
 if (currentAbort) { currentAbort.abort(); currentAbort = null; }
 if (searchDebounceId) { clearTimeout(searchDebounceId); searchDebounceId = null; }
@@ -3027,7 +3376,6 @@ function _scrollItemIntoView(index) {
 
 function _appendParentSection(container, parentTitle, children, textarea, renderedAgents) {
   const parentSec = _el('section', 'openagent-parent-section');
-  parentSec.appendChild(_text('div', 'openagent-parent-heading', parentTitle));
   children.forEach(function(child) {
     if (child.agents && child.agents.length > 0) {
       _appendAgentSection(parentSec, child.title, child.agents, textarea, renderedAgents);
@@ -3102,7 +3450,12 @@ function _dismissEmptyToast() {
 }
 
 /** 独立浮层空状态（不在面板内） */
-function _showEmptyToast(query) {
+function _getEmptyMessage(query) {
+  return CL.agentBookLastError ||
+    (query ? '暂未匹配到您想要的Agent 我们将持续上新～' : '暂无在线 Agent，请输入关键词搜索');
+}
+
+function _showEmptyToast(query, message) {
   _dismissEmptyToast();
   var toast = _el('div', 'openagent-empty-toast');
 
@@ -3112,8 +3465,7 @@ function _showEmptyToast(query) {
     '</svg>';
   toast.appendChild(iconWrap);
 
-  toast.appendChild(_text('span', 'openagent-empty-state__text',
-    query ? '暂未匹配到您想要的Agent 我们将持续上新～' : '暂无在线 Agent，请输入关键词搜索'));
+  toast.appendChild(_text('span', 'openagent-empty-state__text', message || _getEmptyMessage(query)));
 
   var closeBtn = _el('button', 'openagent-empty-state__close');
   closeBtn.innerHTML = '<svg width="12" height="12" viewBox="0 0 12 12" fill="none">' +
@@ -3129,12 +3481,17 @@ function _showEmptyToast(query) {
     toast.style.left = Math.max(16, rect.left) + 'px';
     toast.style.width = Math.min(rect.width, window.innerWidth - 32) + 'px';
     toast.style.bottom = (window.innerHeight - rect.top + 8) + 'px';
+    // ── V2 版本兼容：v1 bottom 固定 117px ──
+    var isV2Toast = typeof _clIsHostVersionGte === 'function' && _clIsHostVersionGte('2026.6.9');
+    if (!isV2Toast) {
+      toast.style.bottom = '117px';
+    }
     toast.style.zIndex = '100000';
   }
   document.body.appendChild(toast);
 }
 
-function _createEmptyState(query) {
+function _createEmptyState(query, message) {
   var wrapper = _el('div', 'openagent-empty-state');
   var row = _el('div', 'openagent-empty-state__row');
 
@@ -3144,8 +3501,7 @@ function _createEmptyState(query) {
     '</svg>';
   row.appendChild(iconWrap);
 
-  var text = _text('span', 'openagent-empty-state__text',
-    query ? '暂未匹配到您想要的Agent 我们将持续上新～' : '暂无在线 Agent，请输入关键词搜索');
+  var text = _text('span', 'openagent-empty-state__text', message || _getEmptyMessage(query));
   row.appendChild(text);
 
   var closeBtn = _el('button', 'openagent-empty-state__close');
@@ -3163,10 +3519,11 @@ function _createEmptyState(query) {
 
 function renderAgentList(container, agents, textarea, query) {
   if (!agents.length) {
+      var emptyMessage = _getEmptyMessage(query);
       _currentAgents = [];
       _currentTextarea = textarea;
       closePanel();
-      _showEmptyToast(query);
+      _showEmptyToast(query, emptyMessage);
       return;
 }
 
@@ -3203,6 +3560,19 @@ _highlightItem(0);
  * 对齐 openagent-frontend NewChatPanel L92-105：
  * 找到最后一个 @，替换其后内容为 @agentName
  */
+function _pickMentionAgentDescription(agent) {
+  if (!agent || typeof agent !== 'object') return '';
+  if (CL && typeof CL.pickAgentIdentityDescription === 'function') {
+    return CL.pickAgentIdentityDescription(agent);
+  }
+  const keys = ['agent_bio', 'agentBio', 'bio', 'description', 'desc', 'agent_description', 'agentDescription', 'MOM', 'mom'];
+  for (let i = 0; i < keys.length; i++) {
+    const value = agent[keys[i]];
+    if (typeof value === 'string' && value.trim()) return value.trim();
+  }
+  return '';
+}
+
 function insertMention(textarea, agentName, agentData) {
 // 重新查找 textarea（Lit 可能重新渲染导致引用失效）
 const liveTextarea = document.querySelector(
@@ -3222,9 +3592,11 @@ liveTextarea.focus();
 const agentId = agentData?.agent_id || agentData?.agentId || agentData?.id || agentData?.tag ||
   agentData?.user_id || agentData?.userId || agentData?.identifier || agentData?.tim_user_id || agentData?.timUserId || '';
 const agentAvatar = agentData?.avatar || agentData?.avatar_url || agentData?.avatarUrl || agentData?.image || agentData?.logo || agentData?.photo || null;
+const agentBio = _pickMentionAgentDescription(agentData);
 console.log('[cl-diag][mention-select]', {
   agentName,
   resolvedAgentId: agentId || null,
+  hasAgentBio: !!agentBio,
   rawKeys: Object.keys(agentData || {}),
   rawAgent: agentData,
 });
@@ -3233,9 +3605,14 @@ if (!agentId) {
   console.warn('[openagent] mention skipped: missing agent identifier for', agentName, agentData);
   return;
 }
-CL.pendingMention = { agent_id: agentId, name: agentName, avatar: agentAvatar };
+CL.pendingMention = { agent_id: agentId, name: agentName, avatar: agentAvatar, agent_bio: agentBio };
 if (CL && typeof CL.storeAgentIdentity === 'function') {
-  CL.storeAgentIdentity({ agent_id: agentId, name: agentName, avatar: agentAvatar });
+  CL.storeAgentIdentity(Object.assign({}, agentData || {}, {
+    agent_id: agentId,
+    name: agentName,
+    avatar: agentAvatar,
+    agent_bio: agentBio,
+  }));
 }
 console.log('[openagent] mention stored:', CL.pendingMention);
 
@@ -3315,12 +3692,27 @@ function _setTextareaValue(textarea, value) {
   textarea.dispatchEvent(new Event('input', { bubbles: true }));
 }
 
+function _escapeRemoteAgentMarkerValue(value) {
+  return String(value || '')
+    .replace(/\s+/g, ' ')
+    .trim()
+    .replace(/"/g, "'");
+}
+
 function _buildRemoteAgentMarker(mention, userText) {
   const hasChinese = /[\u4e00-\u9fff]/.test(userText || '');
   const instruction = hasChinese
     ? '请调用 openagent_call_remote_agent 工具将此请求转发给远端 Agent 处理'
     : 'Please invoke the openagent_call_remote_agent tool to forward this request to the remote agent';
-  return `{openagent_call_remote_agent:agent_id="${mention.agent_id}",agent_name="${mention.name}",instruction="${instruction}"}`;
+  const attrs = [
+    `agent_id="${_escapeRemoteAgentMarkerValue(mention.agent_id)}"`,
+    `agent_name="${_escapeRemoteAgentMarkerValue(mention.name)}"`,
+  ];
+  if (mention.agent_bio) {
+    attrs.push(`agent_bio="${_escapeRemoteAgentMarkerValue(mention.agent_bio)}"`);
+  }
+  attrs.push(`instruction="${_escapeRemoteAgentMarkerValue(instruction)}"`);
+  return `{openagent_call_remote_agent:${attrs.join(',')}}`;
 }
 
 function _composeRemoteAgentMessage(textarea, mention) {
@@ -3562,13 +3954,13 @@ function tryInject() {
   console.log('[openagent] ✅ Agent Book UI injected (v3 hook-driven)');
 
   // ── 提示栏（Figma 141:3293）：页面加载即显示 ──
-  _injectHintBar(inputContainer || textarea.parentElement);
+  _injectHintBar(inputContainer || textarea.parentElement, toolbarRow);
 
   return true;
 }
 
 /** 注入提示栏到输入区域上方 */
-function _injectHintBar(anchorEl) {
+function _injectHintBar(anchorEl, toolbarEl) {
   if (!anchorEl || document.querySelector('.openagent-hint-bar')) return;
 
   const hintBar = document.createElement('div');
@@ -3604,8 +3996,95 @@ function _injectHintBar(anchorEl) {
     hintBar.style.display = 'none';
   });
 
+  // ── V2 版本兼容：≥ 2026.6.9 使用 absolute 定位，bottom 动态跟随输入区高度 ──
+  var isV2 = typeof _clIsHostVersionGte === 'function' && _clIsHostVersionGte('2026.6.9');
+  if (isV2) {
+    hintBar.style.position = 'absolute';
+  }
+
   // 插入到 wrapper 外面、上方
   anchorEl.parentElement.insertBefore(hintBar, anchorEl);
+
+  function _findHintBarToolbar() {
+    if (toolbarEl) return toolbarEl;
+    var parentEl = anchorEl.parentElement;
+    if (parentEl) {
+      for (var i = 0; i < parentEl.children.length; i++) {
+        var child = parentEl.children[i];
+        if (child !== anchorEl && child.className && String(child.className).indexOf('agent-chat__toolbar') !== -1) {
+          return child;
+        }
+      }
+    }
+    return anchorEl.closest && anchorEl.closest('.agent-chat__input')
+      ? anchorEl.closest('.agent-chat__input').querySelector('.agent-chat__toolbar')
+      : null;
+  }
+
+  function _readElementHeight(el) {
+    if (!el) return 0;
+    var rect = el.getBoundingClientRect ? el.getBoundingClientRect() : null;
+    if (rect && rect.height > 0) return rect.height;
+    return typeof el.offsetHeight === 'number' ? el.offsetHeight : 0;
+  }
+
+  // 跟随 composer wrapper 的实际尺寸。侧栏拖拽/布局重排不一定触发 window resize。
+  function _syncHintBarLayout() {
+    var rect = anchorEl.getBoundingClientRect();
+    if (rect.width > 0) {
+      hintBar.style.width = rect.width + 'px';
+      var rootStyle = document.documentElement && document.documentElement.style;
+      if (rootStyle) {
+        rootStyle.setProperty('--openagent-input-wrapper-right-offset', Math.max(0, window.innerWidth - rect.right) + 'px');
+        rootStyle.setProperty('--openagent-input-wrapper-right-edge', Math.max(0, rect.right) + 'px');
+        rootStyle.setProperty('--openagent-input-wrapper-width', rect.width + 'px');
+      }
+      _syncSidebarRightEdge(rect);
+    }
+    if (isV2) {
+      var toolbar = _findHintBarToolbar();
+      var bottom = _readElementHeight(anchorEl) + _readElementHeight(toolbar) + 6;
+      hintBar.style.bottom = bottom + 'px';
+    }
+  }
+
+  function _syncSidebarRightEdge(inputRect) {
+    var sidebars = document.querySelectorAll('.chat-sidebar');
+    for (var i = 0; i < sidebars.length; i++) {
+      var sidebar = sidebars[i];
+      var sidebarRect = sidebar.getBoundingClientRect();
+      if (!sidebarRect || sidebarRect.width <= 0) continue;
+      var left = Math.max(0, sidebarRect.left);
+      var targetRight = Math.min(window.innerWidth, Math.max(0, inputRect.right));
+      var targetWidth = Math.floor(targetRight - left);
+      if (targetWidth <= 0) continue;
+      sidebar.style.setProperty('--openagent-sidebar-target-width', targetWidth + 'px');
+      sidebar.style.setProperty('width', targetWidth + 'px', 'important');
+      sidebar.style.setProperty('max-width', targetWidth + 'px', 'important');
+      sidebar.style.setProperty('flex-basis', targetWidth + 'px', 'important');
+      sidebar.style.setProperty('margin-right', '0px', 'important');
+    }
+  }
+
+  function _scheduleHintBarLayoutSync() {
+    window.requestAnimationFrame
+      ? window.requestAnimationFrame(_syncHintBarLayout)
+      : setTimeout(_syncHintBarLayout, 0);
+  }
+
+  _syncHintBarLayout();
+  _scheduleHintBarLayoutSync();
+  window.addEventListener('resize', _scheduleHintBarLayoutSync);
+  if (typeof ResizeObserver === 'function') {
+    var hintBarResizeObserver = new ResizeObserver(_scheduleHintBarLayoutSync);
+    hintBarResizeObserver.observe(anchorEl);
+    var toolbarForResize = _findHintBarToolbar();
+    if (toolbarForResize) hintBarResizeObserver.observe(toolbarForResize);
+  }
+  if (typeof MutationObserver === 'function' && document.body) {
+    var sidebarLayoutObserver = new MutationObserver(_scheduleHintBarLayoutSync);
+    sidebarLayoutObserver.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['class'] });
+  }
 }
 
 // ════════════════════════════════════════════════════════════════
@@ -3952,10 +4431,12 @@ registerComponent('agent-card', async (data) => {
 function _clHandleTripDataSignal(payload, contextNode) {
   if (!payload) return;
   console.log('[trip-data] detected signal, payload:', payload.substring(0, 40));
+  const hostTextContextSelector = (typeof CL !== 'undefined' && CL.hostAdapter && CL.hostAdapter.selectors && CL.hostAdapter.selectors.textContext)
+    || '.chat-text';
 
   if (payload === 'file') {
     const chatText = contextNode && contextNode.closest
-      ? contextNode.closest('.chat-text, .chat-tool-card__detail, .chat-tools-collapse__body')
+      ? contextNode.closest(hostTextContextSelector)
       : null;
     if (chatText) {
       chatText.dataset.clProcessed = '';
@@ -3972,7 +4453,7 @@ function _clHandleTripDataSignal(payload, contextNode) {
       }
       console.log('[trip-data] ✅ Card data from base64');
       const chatText = contextNode && contextNode.closest
-        ? contextNode.closest('.chat-text, .chat-tool-card__detail, .chat-tools-collapse__body')
+        ? contextNode.closest(hostTextContextSelector)
         : null;
       if (chatText) {
         chatText.dataset.clProcessed = '';
@@ -4153,9 +4634,12 @@ if (document.readyState === 'loading') {
 // ── 1. CSS 注入 ──
 
 (function injectThoughtChainStyles() {
-  if (document.getElementById('cl-tools-collapse-css')) return;
+  var oldStyle = document.getElementById('cl-tools-collapse-css');
+  if (oldStyle) oldStyle.remove();
   const style = document.createElement('style');
   style.id = 'cl-tools-collapse-css';
+  style.setAttribute('data-openagent-style', 'thought-chain');
+  style.setAttribute('data-openagent-host-version', CL.hostVersion || 'unknown');
   style.textContent = `
     /* ── Agent Pill（通用身份标签） ── */
     .cl-agent-pill {
@@ -4359,7 +4843,12 @@ CL.handleDelegateWsEvent = function (msg) {
 // ════════════════════════════════════════════════════════════════
 
 // ── 1. CSS 注入 ──
+var _oldTripCSS = document.getElementById('openagent-trip-card-styles');
+if (_oldTripCSS) _oldTripCSS.remove();
 const _tripCSS = document.createElement('style');
+_tripCSS.id = 'openagent-trip-card-styles';
+_tripCSS.setAttribute('data-openagent-style', 'trip-card');
+_tripCSS.setAttribute('data-openagent-host-version', CL.hostVersion || 'unknown');
 _tripCSS.textContent = `
 /* ── 行程文字：普通文字灰色，特殊标注(粗体/链接/标题)黑色 ── */
 .trip-styled li, .trip-styled p { color: #888 !important; }
@@ -5783,20 +6272,32 @@ function _processCustomCards(bubble) {
 
 // CL.clScanCount lives on CL.clScanCount
 
+function _clIsInsideNativeToolHost(node) {
+  var adapter = CL && CL.hostAdapter;
+  var cur = node;
+  var hops = 0;
+  while (cur && cur !== document.body && hops < 12) {
+    if (adapter && adapter.isToolLikeShell && adapter.isToolLikeShell(cur)) return true;
+    cur = cur.parentElement;
+    hops++;
+  }
+  return !!(node && node.closest && node.closest('details'));
+}
+
 function _clScan() {
   CL.clScanCount++;
 
   // ── 0.5 清理标记 → 显示为 @agentName ──
-  // 新格式: {openagent_call_remote_agent:agent_id="...",agent_name="...",instruction="..."}
+  // 新格式: {openagent_call_remote_agent:agent_id="...",agent_name="...",agent_bio="...",instruction="..."}
   // 旧格式: {openagent:agent_id="...",agent_name="..."}
   // 两种都要匹配清理；这里只处理普通聊天气泡，不处理 ToolCard。
   var CL_MENTION_STYLE = '';
   document.querySelectorAll('.chat-bubble').forEach(function(el) {
     if (el.dataset.clMarkerCleaned) return;
-    if (el.closest('.chat-tool-card, .chat-tools-collapse, details')) return;
+    if (_clIsInsideNativeToolHost(el)) return;
 
     var text = el.textContent || '';
-    var rawRegex = /\{openagent(?:_call_remote_agent)?:agent_id="([^"]*)",agent_name="([^"]*)"(?:,instruction="[^"]*")?\}\s*/g;
+    var rawRegex = /\{openagent(?:_call_remote_agent)?:agent_id="([^"]*)",agent_name="([^"]*)"(?:,[^{}]*)?\}\s*/g;
     if (!rawRegex.test(text)) return;
 
     if (el.querySelector('.cl-remote-agent-card')) {
@@ -5804,7 +6305,7 @@ function _clScan() {
       return;  // 包含活 DOM，跳过 innerHTML 重写
     }
 
-    var htmlRegex = /\{openagent(?:_call_remote_agent)?:agent_id=(?:&quot;|")([^&"]*)(?:&quot;|"),agent_name=(?:&quot;|")([^&"]*)(?:&quot;|")(?:,instruction=(?:&quot;|")[^&"]*(?:&quot;|"))?\}\s*/g;
+    var htmlRegex = /\{openagent(?:_call_remote_agent)?:agent_id=(?:&quot;|")([^&"]*)(?:&quot;|"),agent_name=(?:&quot;|")([^&"]*)(?:&quot;|")(?:,[^{}]*)?\}\s*/g;
     if (CL && typeof CL.diagHtmlRewrite === 'function') {
       CL.diagHtmlRewrite('scanner.marker.before', el, { scan: CL.clScanCount });
     }
@@ -5839,7 +6340,7 @@ function _clScan() {
   if (mentionedAgents.length > 0) {
     document.querySelectorAll('.chat-bubble').forEach(function(el) {
       if (el.dataset.clAgentStyled) return;
-      if (el.closest('.chat-tool-card, .chat-tools-collapse, details')) return;
+      if (_clIsInsideNativeToolHost(el)) return;
 
       var text = el.textContent || '';
       var html = el.innerHTML;
@@ -5910,30 +6411,12 @@ function _clScan() {
 
 (function _clInitNativeStyleAdapter() {
   var _clNativeStyleSampled = false;
+  var hostAdapter = CL.hostAdapter || {};
+  var nativeStyle = hostAdapter.nativeStyle || {};
 
-  var SHELL_SELECTORS = [
-    '.chat-tool-card:not(:has(.cl-remote-agent-card))',
-    '.chat-tool-msg-collapse:not(:has(.cl-remote-agent-card))',
-    '.chat-tools-collapse:not(:has(.cl-remote-agent-card))',
-    // v5.x+ variants
-    '.tool-card:not(:has(.cl-remote-agent-card))',
-    '.chat-tool-card__wrapper:not(:has(.cl-remote-agent-card))'
-  ];
-
-  var SUMMARY_SELECTORS = [
-    '.chat-tool-card__header',
-    '.chat-tool-card__title',
-    '.chat-tool-msg-summary:not(.cl-remote-agent-host-shell *)',
-    '.chat-tools-summary:not(.cl-remote-agent-host-shell *)',
-    // v5.x+ variants
-    '.tool-card__header',
-    '.tool-card__title'
-  ];
-
-  var INDENT_SELECTORS = [
-    '.chat-group.tool:not(:has(.cl-remote-agent-card))',
-    '.chat-bubble:not(:has(.cl-remote-agent-card))'
-  ];
+  var SHELL_SELECTORS = nativeStyle.shellSelectors || [];
+  var SUMMARY_SELECTORS = nativeStyle.summarySelectors || [];
+  var INDENT_SELECTORS = nativeStyle.indentSelectors || [];
 
   // Fallback 默认值（和当前 styles.js 折叠态写死值保持一致，避免跳变）
   var FALLBACKS = {
@@ -6069,62 +6552,75 @@ function _clScan() {
   if (oldStyle) oldStyle.remove();
   var style = document.createElement('style');
   style.id = 'cl-remote-agent-styles';
+  style.setAttribute('data-openagent-style', 'remote-agent');
+  style.setAttribute('data-openagent-host-version', CL.hostVersion || 'unknown');
+  style.setAttribute('data-openagent-host-adapter', (CL.hostAdapter && CL.hostAdapter.id) || 'oc-unknown');
+  var hostCss = (CL.hostAdapter && CL.hostAdapter.css) || {};
+  function _clSelectorList(selectors) {
+    if (!selectors) return '';
+    if (Array.isArray(selectors)) return selectors.filter(Boolean).join(',\n');
+    return String(selectors || '');
+  }
+  function _clRule(selectors, declarations) {
+    var selectorText = _clSelectorList(selectors);
+    if (!selectorText) return '';
+    return selectorText + ' {\n' + declarations.join('\n') + '\n}';
+  }
   style.textContent = [
-    // ── RenderHook 远端 Agent 卡片接管 native tool header ──
-    'details.chat-tools-collapse:has(.cl-remote-agent-card),',
-    'details.chat-tool-msg-collapse:has(.cl-remote-agent-card),',
-    '.chat-tools-collapse:has(.cl-remote-agent-card),',
-    '.chat-tool-msg-collapse:has(.cl-remote-agent-card) {',
-    '  width: 100% !important;',
-    '  max-width: none !important;',
-    '  box-sizing: border-box !important;',
-    '  border: 0 !important;',
-    '  background: transparent !important;',
-    '  box-shadow: none !important;',
-    '}',
-    '/* Align output host shells with execution shells. 3.28 renders output as',
-    '   chat-tools-collapse + .cl-output-card; some versions use chat-tool-msg-collapse.',
-    '   Move the host shell, not the inner OpenAgent card. */',
-    'details.chat-tools-collapse:has(.cl-output-card),',
-    '.chat-tools-collapse:has(.cl-output-card),',
-    'details.chat-tool-msg-collapse:has(.cl-remote-agent-card),',
-    '.chat-tool-msg-collapse:has(.cl-remote-agent-card) {',
-    '  margin-left: 12px !important;',
-    '}',
-    'details.chat-tools-collapse:has(.cl-remote-agent-card) > summary.chat-tools-summary,',
-    'details.chat-tool-msg-collapse:has(.cl-remote-agent-card) > summary.chat-tool-msg-summary,',
-    '.chat-tools-collapse:has(.cl-remote-agent-card) > .chat-tools-summary,',
-    '.chat-tool-msg-collapse:has(.cl-remote-agent-card) > .chat-tool-msg-summary {',
-    '  display: none !important;',
-    '}',
-    '.chat-tools-collapse__body.cl-remote-agent-host-shell > .chat-text,',
-    '.chat-tool-msg-body.cl-remote-agent-host-shell > .chat-text {',
+    // ── 隐藏宿主上下文用量提示 ──
+    '.context-notice.context-notice--usage,',
+    '.context-notice .context-notice--usage {',
     '  display: none !important;',
     '}',
+
+    // ── RenderHook 远端 Agent 卡片接管 native tool header ──
+    _clRule(hostCss.remoteShell, [
+      '  width: 100% !important;',
+      '  max-width: 100% !important;',
+      '  min-width: 0 !important;',
+      '  box-sizing: border-box !important;',
+      '  border: 0 !important;',
+      '  background: transparent !important;',
+      '  box-shadow: none !important;',
+    ]),
+    '/* Align output host shells with execution shells. Keep v4 msg-collapse',
+    '   separate from newer tools-collapse so modern spacing never leaks into',
+    '   the 2026.4 DOM. Move the host shell, not the inner OpenAgent card. */',
+    _clRule(hostCss.outputHostMargin, [
+      '  margin-left: 12px !important;',
+    ]),
+    _clRule(hostCss.outputHostMarginReset, [
+      '  margin-left: 0 !important;',
+    ]),
+    _clRule(hostCss.summaryHidden, [
+      '  display: none !important;',
+    ]),
+    _clRule(hostCss.hostShellRawText, [
+      '  display: none !important;',
+    ]),
     '.cl-remote-agent-raw-hidden > .chat-text,',
     '.cl-remote-agent-raw-hidden.chat-bubble > .chat-text {',
     '  display: none !important;',
     '}',
     '/* Phase A: 不依赖 host-shell class，用 :has() 直接隐藏宿主 raw text */',
-    '.chat-tools-collapse__body:has(.cl-remote-agent-card) > .chat-text,',
-    '.chat-tool-msg-body:has(.cl-remote-agent-card) > .chat-text,',
-    '.chat-tool-card__detail:has(.cl-remote-agent-card) > .chat-text,',
-    '.chat-tools-collapse__body:has(.cl-remote-agent-output-placeholder) > .chat-text,',
-    '.chat-tool-msg-body:has(.cl-remote-agent-output-placeholder) > .chat-text,',
-    '.chat-tool-card__detail:has(.cl-remote-agent-output-placeholder) > .chat-text {',
-    '  display: none !important;',
-    '}',
-    'details.chat-tools-collapse:has(.cl-remote-agent-card) > .chat-tools-collapse__body,',
-    'details.chat-tool-msg-collapse:has(.cl-remote-agent-card) > .chat-tool-msg-body,',
-    '.chat-tools-collapse:has(.cl-remote-agent-card) > .chat-tools-collapse__body,',
-    '.chat-tool-msg-collapse:has(.cl-remote-agent-card) > .chat-tool-msg-body {',
-    '  border: 0 !important;',
-    '  outline: 0 !important;',
-    '  background: transparent !important;',
-    '  box-shadow: none !important;',
-    '  padding: 0 !important;',
-    '  margin: 0 !important;',
-    '}',
+    _clRule(hostCss.rawTextCardHosts, [
+      '  display: none !important;',
+    ]),
+    _clRule(hostCss.rawTextPlaceholderHosts, [
+      '  display: none !important;',
+    ]),
+    _clRule(hostCss.hostBody, [
+      '  border: 0 !important;',
+      '  outline: 0 !important;',
+      '  background: transparent !important;',
+      '  box-shadow: none !important;',
+      '  padding: 0 !important;',
+      '  margin: 0 !important;',
+      '  width: 100% !important;',
+      '  max-width: 100% !important;',
+      '  min-width: 0 !important;',
+      '  box-sizing: border-box !important;',
+    ]),
     '.chat-bubble:has(.cl-remote-agent-card) {',
     '  border: 0 !important;',
     '  background: transparent !important;',
@@ -6132,11 +6628,22 @@ function _clScan() {
     '  padding: 10px 0 !important;',
     '  width: 100%;',
     '  max-width: 100% !important;',
+    '  min-width: 0 !important;',
     '  overflow: hidden !important;',
+    '  box-sizing: border-box !important;',
     '}',
-    '.chat-tool-msg-collapse.chat-tool-msg-collapse--manual.is-open:has(.cl-remote-agent-card) {',
-    '  margin-left: 0 !important;',
+    '.chat-split-container:has(.cl-output-card),',
+    '.chat-main:has(.cl-output-card),',
+    '.chat-sidebar:has(.cl-output-card),',
+    '.chat-side-result:has(.cl-output-card),',
+    '.chat-side-result__body:has(.cl-output-card) {',
+    '  min-width: 0 !important;',
+    '  max-width: 100% !important;',
+    '  box-sizing: border-box !important;',
     '}',
+    _clRule(hostCss.manualOpenReset, [
+      '  margin-left: 0 !important;',
+    ]),
     // ── 外层活动组容器 ──
     '.chat-activity-group__body:has(.cl-remote-agent-card) {',
     '  border-radius: 14px;',
@@ -6152,22 +6659,18 @@ function _clScan() {
     '.cl-remote-agent-host-shell {',
     '  width: min(100%, 912px) !important;',
     '  max-width: 100% !important;',
+    '  min-width: 0 !important;',
     '  box-sizing: border-box !important;',
     '}',
-    '.cl-remote-agent-host-shell.chat-tool-card,',
-    '.cl-remote-agent-host-shell.chat-tool-card__detail,',
-    '.cl-remote-agent-host-shell.chat-tools-collapse__body,',
-    '.cl-remote-agent-host-shell.chat-tool-msg-body,',
-    'details.cl-remote-agent-host-shell {',
-    '  border: 0 !important;',
-    '  outline: 0 !important;',
-    '  background: transparent !important;',
-    '  box-shadow: none !important;',
-    '}',
-    '.cl-remote-agent-host-shell > summary.chat-tools-summary,',
-    '.cl-remote-agent-host-shell > summary.chat-tool-msg-summary {',
-    '  display: none !important;',
-    '}',
+    _clRule(hostCss.hostShellReset, [
+      '  border: 0 !important;',
+      '  outline: 0 !important;',
+      '  background: transparent !important;',
+      '  box-shadow: none !important;',
+    ]),
+    _clRule(hostCss.hostShellSummary, [
+      '  display: none !important;',
+    ]),
     // ── 新卡片容器 ──
     // 覆盖 OpenClaw .chat-tool-card 的 max-height: 120px 限制
     '.cl-remote-agent-card {',
@@ -6180,9 +6683,14 @@ function _clScan() {
     '  background: #fff;',
     '  display: flex;',
     '  flex-direction: column;',
-    '  gap: 10px;',
     '  box-sizing: border-box;',
     '}',
+    _clRule(hostCss.modernCardLayout ? ['.cl-remote-agent-card'] : [], [
+      '  overflow: hidden;',
+      '  min-width: 0;',
+      '  gap: 0;',
+      '  padding: 15px;',
+    ]),
 
     // ── 顶部 OpenAgent 标题条 ──
     '.cl-openagent-header {',
@@ -6200,8 +6708,16 @@ function _clScan() {
     '}',
     '.cl-openagent-header:hover {',
     '}',
+    _clRule(!hostCss.modernCardLayout ? ['.cl-openagent-header'] : [], [
+      '  height: auto;',
+      '  padding: 16px 25px;',
+    ]),
+    _clRule(hostCss.modernCardLayout ? ['.cl-openagent-header'] : [], [
+      '  gap: 0;',
+      '  height: auto;',
+      '  padding: 15px;',
+    ]),
     '/* Output mode (Figma 373:12082) */',
-    '.cl-openagent-header--output,',
     '.cl-exec-v2 .cl-openagent-header--output {',
     '  border-radius: 10px 10px 0 0 !important;',
     '  border: 1px solid rgba(229, 229, 234, 0.75) !important;',
@@ -6210,11 +6726,9 @@ function _clScan() {
     '  box-shadow: 0px 8px 11px rgba(0, 0, 0, 0.12);',
     '  padding: 8px 6px !important;',
     '}',
-    '.cl-openagent-header--output .cl-openagent-agent,',
     '.cl-exec-v2 .cl-openagent-header--output .cl-openagent-agent {',
     '  display: none;',
     '}',
-    '.cl-openagent-header--output:hover,',
     '.cl-exec-v2 .cl-openagent-header--output:hover {',
     '  border-color: rgba(0,0,0,0.1);',
     '}',
@@ -6234,10 +6748,14 @@ function _clScan() {
     '  width: 14px;',
     '  height: 14px;',
     '  border-radius: 14px;',
-    '  background: url(./icon.png) center/cover no-repeat;',
+    '  background: url(./icon.png) center / contain no-repeat;',
     '  flex-shrink: 0;',
     '  overflow: hidden;',
     '}',
+    _clRule(hostCss.modernCardLayout ? ['.cl-openagent-badge'] : [], [
+      '  background: url(./icon.png) center/cover no-repeat;',
+      '  margin: 0 6px;',
+    ]),
     '.cl-openagent-text-row {',
     '  display: flex;',
     '  align-items: center;',
@@ -6268,7 +6786,20 @@ function _clScan() {
     '  display: flex;',
     '  flex-direction: column;',
     '  gap: 16px;',
+    '  min-width: 0;',
+    '  max-width: 100%;',
+    '  box-sizing: border-box;',
     '}',
+    _clRule(!hostCss.modernCardLayout ? ['.cl-thought-chain-content.cl-thought-chain-content--execution'] : [], [
+      '  padding: 0 15px 15px;',
+    ]),
+    _clRule(hostCss.modernCardLayout ? ['.cl-thought-chain-content'] : [], [
+      '  margin-left: 0;',
+      '  width: 100%;',
+      '  min-width: 0;',
+      '  box-sizing: border-box;',
+      '  overflow: hidden;',
+    ]),
     '.cl-exec-detail-card {',
     '  padding: 8px 16px 8px 12px;',
     '  border-radius: 8px;',
@@ -6287,8 +6818,7 @@ function _clScan() {
     '.cl-exec-agent-avatar {',
     '  width: 68px;',
     '  height: 68px;',
-    '  border-radius: 50%;',
-    '  object-fit: cover;',
+    '  object-fit: contain;',
     '  flex-shrink: 0;',
     '}',
     '.cl-exec-detail-info {',
@@ -6340,6 +6870,17 @@ function _clScan() {
     '  margin: 0;',
     '  line-height: 1;',
     '}',
+    _clRule(!hostCss.modernCardLayout ? ['.cl-exec-agent-bio'] : [], [
+      '  width: 250px;',
+      '  max-width: 100%;',
+      '  min-width: 0;',
+      '  box-sizing: border-box;',
+      '  overflow: hidden;',
+      '  text-overflow: ellipsis;',
+      '  display: -webkit-box;',
+      '  -webkit-line-clamp: 2;',
+      '  -webkit-box-orient: vertical;',
+    ]),
 
     // ── Progress text (Figma 346:253) ──
     '.cl-thought-chain-content.cl-content-collapsed {',
@@ -6384,21 +6925,59 @@ function _clScan() {
     '  border: 1.2px solid rgba(47,47,51,0.1) !important;',
     '  border-radius: 24px !important;',
     '  padding: 10px 15px !important;',
-    '  gap: 10px !important;',
+    '  width: 100% !important;',
+    '  max-width: 100% !important;',
+    '  min-width: 0 !important;',
+    '  box-sizing: border-box !important;',
+    '  overflow: hidden;',
     '}',
+    _clRule(hostCss.modernCardLayout ? ['.cl-output-card'] : [], [
+      '  gap: 10px !important;',
+    ]),
+    _clRule(!hostCss.modernCardLayout ? ['.cl-output-card'] : [], [
+      '  border-radius: 14px !important;',
+    ]),
+    _clRule(!hostCss.modernCardLayout ? ['.cl-remote-agent-card.cl-thought-chain.cl-output-card'] : [], [
+      '  padding: 0 !important;',
+    ]),
     '.cl-output-card > .cl-thought-chain-content {',
     '  background: #fff;',
     '  border: 1px solid #f4f4f4;',
     '  border-radius: 12px;',
     '  padding: 20px 30px;',
     '  overflow: hidden;',
+    '  width: 100%;',
+    '  max-width: 100%;',
+    '  min-width: 0;',
+    '  box-sizing: border-box;',
+    '}',
+    _clRule(!hostCss.modernCardLayout ? ['.cl-output-card > .cl-thought-chain-content'] : [], [
+      '  margin: 10px 15px;',
+      '  width: calc(100% - 30px);',
+    ]),
+    '.cl-output-card .cl-output-result {',
+    '  width: 100%;',
     '  max-width: 100%;',
+    '  min-width: 0;',
     '  box-sizing: border-box;',
+    '  overflow-wrap: anywhere;',
+    '  word-break: break-word;',
     '}',
     '.cl-output-card > .cl-thought-chain-content * {',
     '  max-width: 100%;',
+    '  min-width: 0;',
     '  box-sizing: border-box;',
     '}',
+    '.cl-output-card > .cl-thought-chain-content p,',
+    '.cl-output-card > .cl-thought-chain-content li,',
+    '.cl-output-card > .cl-thought-chain-content a {',
+    '  overflow-wrap: anywhere;',
+    '  word-break: break-word;',
+    '}',
+    '.cl-output-card > .cl-thought-chain-content hr {',
+    '  border: 0;',
+    '  border-top: 1px solid #bdbdbd;',
+    '}',
     '.cl-output-card > .cl-thought-chain-content pre,',
     '.cl-output-card > .cl-thought-chain-content code {',
     '  overflow-x: auto;',
@@ -6432,6 +7011,10 @@ function _clScan() {
     '  font-size: 14px;',
     '  color: #999;',
     '}',
+    _clRule(!hostCss.modernCardLayout ? ['.cl-output-footer'] : [], [
+      '  padding: 10px 15px;',
+      '  line-height: 22px;',
+    ]),
     '.cl-output-footer-text {',
     '  white-space: nowrap;',
     '}',
@@ -6452,6 +7035,9 @@ function _clScan() {
     '  border-radius: 14px !important;',
     '  padding: 16px 20px !important;',
     '  box-sizing: border-box !important;',
+    '  min-width: 0 !important;',
+    '  max-width: 100% !important;',
+    '  overflow-x: hidden !important;',
     '  display: flex !important;',
     '  flex-direction: column !important;',
     '  gap: 16px !important;',
@@ -6461,6 +7047,10 @@ function _clScan() {
     '  flex-direction: column !important;',
     '  gap: 16px !important;',
     '  width: 100% !important;',
+    '  min-width: 0 !important;',
+    '  max-width: 100% !important;',
+    '  overflow-x: hidden !important;',
+    '  box-sizing: border-box !important;',
     '  background: transparent !important;',
     '}',
     '.chat-sidebar .sidebar-header {',
@@ -6496,7 +7086,12 @@ function _clScan() {
     '  line-height: 1.8 !important;',
     '  color: #333 !important;',
     '  width: 100% !important;',
+    '  min-width: 0 !important;',
+    '  max-width: 100% !important;',
     '  padding: 0 !important;',
+    '  overflow-x: hidden !important;',
+    '  box-sizing: border-box !important;',
+    '  overflow-wrap: anywhere !important;',
     '}',
     '.chat-sidebar .sidebar-markdown {',
     '  font-family: "PingFang SC", sans-serif !important;',
@@ -6507,6 +7102,21 @@ function _clScan() {
     '  background: transparent !important;',
     '  border: none !important;',
     '  padding: 0 !important;',
+    '  min-width: 0 !important;',
+    '  max-width: 100% !important;',
+    '  overflow-x: hidden !important;',
+    '  box-sizing: border-box !important;',
+    '  overflow-wrap: anywhere !important;',
+    '}',
+    '.chat-sidebar .sidebar-markdown * {',
+    '  max-width: 100% !important;',
+    '  min-width: 0 !important;',
+    '  box-sizing: border-box !important;',
+    '}',
+    '.chat-sidebar .sidebar-markdown pre,',
+    '.chat-sidebar .sidebar-markdown code {',
+    '  white-space: pre-wrap !important;',
+    '  word-break: break-word !important;',
     '}',
     // 隐藏宿主 sidebar 自带的 "Rendered Markdown / View Raw Text" 工具栏
     '.chat-sidebar .sidebar-markdown-shell__toolbar {',
@@ -6520,6 +7130,8 @@ function _clScan() {
     // ── V2 容器 ──
     '.cl-exec-v2 {',
     '  position: relative;',
+    '  gap: 10px;',
+    '  padding: 0;',
     '}',
 
     // ── V2 Header（Figma 371:6987 — 红晕渐变背景 + 独立边框）──
@@ -6532,6 +7144,7 @@ function _clScan() {
     '  border-radius: 10px 10px 0 0;',
     '  height: auto !important;',
     '  min-height: auto !important;',
+    '  gap: 6px;',
     '  box-sizing: border-box;',
     '}',
     '.cl-exec-v2 .cl-openagent-header-v2:hover {',
@@ -6569,6 +7182,7 @@ function _clScan() {
     '  border-radius: 12px !important;',
     '  background: #f7f7f8 !important;',
     '  margin: 12px 14px 14px 14px !important;',
+    '  margin-top: 0 !important;',
     '  margin-left: 0 !important;',
     '  position: relative;',
     '  overflow: hidden;',
@@ -6596,7 +7210,6 @@ function _clScan() {
 
     '.cl-exec-v2 .cl-exec-detail-row-v2 {',
     '  display: flex;',
-    '  align-items: flex-start;',
     '  gap: 16px;',
     '}',
 
@@ -6608,11 +7221,11 @@ function _clScan() {
     '  min-width: 0;',
     '}',
 
-    // ── V2 大头像 80×80 ──
+    // ── V2 大头像 68×68 ──
     '.cl-exec-v2 .cl-exec-agent-avatar-v2 {',
-    '  width: 80px !important;',
-    '  height: 80px !important;',
-    '  border-radius: 16px !important;',
+    '  width: 68px !important;',
+    '  height: 68px !important;',
+    '  border-radius: 50% !important;',
     '  object-fit: cover;',
     '  flex-shrink: 0;',
     '}',
@@ -6746,12 +7359,33 @@ function _clScan() {
     '  font-weight: 500;',
     '  white-space: nowrap;',
     '}',
+
+    // ── chat-text 下 p 标签样式 ──
+    '.cl-remote-agent-card .chat-text p {',
+    '  color: #2F2F33 !important;',
+    '  text-align: justify;',
+    '  font-family: "PingFang SC" !important;',
+    '  font-size: 14px !important;',
+    '  font-style: normal !important;',
+    '  font-weight: 400 !important;',
+    '  line-height: 132% !important;',
+    '}',
+
+    // ── chat-text 下 code 标签样式（去背景、去边框、加粗）──
+    '.chat-text code,',
+    '.cl-remote-agent-card .chat-text code,',
+    '.cl-remote-agent-card .chat-text p code {',
+    '  background: transparent !important;',
+    '  border: none !important;',
+    '  font-weight: 700 !important;',
+    '}',
   ].join('\n');
   document.head.appendChild(style);
   // ── 局部 host-shell 标记（不做全局扫描）──
   // 只处理当前 cardNode 的祖先链路，不 querySelectorAll 全局
   window._clMarkRemoteAgentHostShell = function _clMarkRemoteAgentHostShell(cardNode) {
     try {
+      var hostAdapter = CL.hostAdapter || {};
       var node = cardNode && cardNode.parentElement;
       var hops = 0;
       while (node && node !== document.body && hops < 10) {
@@ -6764,17 +7398,8 @@ function _clScan() {
 
         var shouldMark = false;
         var tag = (node.tagName || '').toLowerCase();
-        if (tag === 'details') {
-          shouldMark = node.matches && node.matches(
-            'details.chat-tools-collapse, details.chat-tool-msg-collapse'
-          );
-        } else if (node.matches) {
-          shouldMark = node.matches(
-            '.chat-tool-card,' +
-            '.chat-tool-card__detail,' +
-            '.chat-tools-collapse__body,' +
-            '.chat-tool-msg-body'
-          );
+        if (typeof hostAdapter.isMarkableHost === 'function') {
+          shouldMark = hostAdapter.isMarkableHost(node);
         }
 
         if (shouldMark && node.classList) {
@@ -7367,6 +7992,73 @@ function _clInferToolCardKind(card) {
   return 'call';
 }
 
+function _clPickAgentDescription(source) {
+  if (!source) return '';
+  var keys = [
+    'agent_bio',
+    'agentBio',
+    'bio',
+    'description',
+    'desc',
+    'agent_description',
+    'agentDescription',
+    'MOM',
+    'mom',
+    'introduction',
+    'summary'
+  ];
+  for (var i = 0; i < keys.length; i++) {
+    var value = source[keys[i]];
+    if (typeof value === 'string' && value.trim()) return value.trim();
+  }
+  return '';
+}
+
+function _clIsFailureStatusValue(value) {
+  var normalized = String(value || '').trim().toLowerCase();
+  return normalized === 'failed'
+    || normalized === 'failure'
+    || normalized === 'error'
+    || normalized === 'errored'
+    || normalized === 'rejected'
+    || normalized === 'cancelled'
+    || normalized === 'canceled';
+}
+
+function _clLooksLikeRemoteFailureText(text) {
+  var value = String(text || '').trim();
+  if (!value || value.length > 300) return false;
+  return /(^|[，。；\s])(调用失败|执行失败|任务失败|远端服务目前连不上|远端服务.*不可用|两次都返回了调用失败)([，。；\s]|$)/.test(value);
+}
+
+function _clInferToolCardError(card, chunks, rawText) {
+  if (chunks && chunks.some(function(c) { return c && c.type === 'error'; })) return true;
+  if (!card) return _clLooksLikeRemoteFailureText(rawText);
+  if (card.isError === true || card.error === true) return true;
+  if (_clIsFailureStatusValue(card.status)
+      || _clIsFailureStatusValue(card.state)
+      || _clIsFailureStatusValue(card.resultStatus)) {
+    return true;
+  }
+  if (card.error && typeof card.error === 'object') return true;
+  return _clLooksLikeRemoteFailureText(rawText);
+}
+
+function _clApplyAgentIdentityToModel(model) {
+  if (!model || typeof CL === 'undefined' || !CL || typeof CL.getAgentIdentity !== 'function') return model;
+  var identity = CL.getAgentIdentity(model.agentId, model.agentName);
+  if (!identity) return model;
+  model.agentId = model.agentId || identity.id || identity.agent_id;
+  if (!model.agentName || model.agentName === 'Remote Agent') {
+    model.agentName = identity.name || model.agentName;
+  }
+  model.agentAvatar = model.agentAvatar || identity.avatar || identity.avatar_url || identity.avatarUrl || null;
+  if (!model.agentBio) {
+    model.agentBio = _clPickAgentDescription(identity);
+  }
+  return model;
+}
+
 function _clParseToolCardModel(card) {
   var inferredKind = _clInferToolCardKind(card);
 
@@ -7375,7 +8067,7 @@ function _clParseToolCardModel(card) {
   var agentId = args.agent_id || args.agentId || null;
   var agentName = args.agent_name || args.agentName || agentId || 'Remote Agent';
   var agentAvatar = args.agent_avatar || args.agentAvatar || args.avatar || args.avatar_url || args.avatarUrl || null;
-  var agentBio = args.agent_bio || args.agentBio || args.description || args.agent_description || args.MOM || '';
+  var agentBio = _clPickAgentDescription(args);
   var agentStars = args.agent_stars || args.agentStars || args.stars || args.claws || '3.2万';
   var taskText = args.task || args.message || args.instruction || '';
 
@@ -7386,7 +8078,7 @@ function _clParseToolCardModel(card) {
     rawText: rawText
   });
   var hasOutput = inferredKind === 'result' && rawText.trim().length > 0;
-  var isError = chunks.some(function(c) { return c.type === 'error'; });
+  var isError = _clInferToolCardError(card, chunks, rawText);
 
   var model = {
     agentId: agentId,
@@ -7396,7 +8088,7 @@ function _clParseToolCardModel(card) {
     agentStars: agentStars,
     taskText: taskText,
     toolCallId: card.toolCallId || '',
-    status: hasOutput ? 'completed' : 'executing',
+    status: isError ? 'failed' : (hasOutput ? 'completed' : 'executing'),
     rawText: rawText,
     text: rawText,
     outputText: rawText,
@@ -7404,8 +8096,9 @@ function _clParseToolCardModel(card) {
     isError: isError,
     inferredKind: inferredKind,
   };
+  _clApplyAgentIdentityToModel(model);
 
-  console.log('[cl-model] parsed:', 'agent=' + agentName,
+  console.log('[cl-model] parsed:', 'agent=' + model.agentName,
     'status=' + model.status,
     'chunks=' + chunks.length,
     'error=' + isError);
@@ -7477,9 +8170,10 @@ function _clRenderExecutionCard(model) {
       var avatarEl = container.querySelector('.cl-exec-agent-avatar');
       var nameEl = container.querySelector('.cl-exec-agent-name');
       var bioEl = container.querySelector('.cl-exec-agent-bio');
+      var agentBio = _clGetAgentDescriptionText(agent);
       // avatar 保持 icon.png，不覆盖
       if (nameEl) nameEl.textContent = agent.name || model.agentName;
-      if (bioEl && (agent.bio || agent.description)) bioEl.textContent = agent.bio || agent.description;
+      if (bioEl && agentBio) bioEl.textContent = agentBio;
       var starsEl = container.querySelector('.cl-exec-star-count');
       if (starsEl && agent.claws) starsEl.textContent = _cl_formatStarCount(agent.claws);
       if (starsEl && agent.stars && !agent.claws) starsEl.textContent = _cl_formatStarCount(agent.stars);
@@ -7495,6 +8189,42 @@ function _clRenderExecutionCard(model) {
   return container;
 }
 
+function _clGetAgentDescriptionText(model) {
+  if (typeof _clPickAgentDescription === 'function') {
+    var direct = _clPickAgentDescription(model || {});
+    if (direct) return direct;
+    if (model && typeof CL !== 'undefined' && CL && typeof CL.getAgentIdentity === 'function') {
+      var identity = CL.getAgentIdentity(
+        model.agentId || model.agent_id || model.id || model.tag,
+        model.agentName || model.agent_name || model.name
+      );
+      var identityBio = _clPickAgentDescription(identity || {});
+      if (identityBio) return identityBio;
+    }
+    return '';
+  }
+  if (!model) return '';
+  return model.agentBio || model.bio || model.description || model.desc || model.agentDescription || model.agent_description || model.MOM || '';
+}
+
+function _clSyncOutputFooterVisibility(card, isCollapsed) {
+  if (!card || !card.querySelector || !card.querySelector('.cl-openagent-header--output')) return;
+  var footers = card.querySelectorAll('.cl-output-footer');
+  for (var i = 0; i < footers.length; i++) {
+    footers[i].style.display = isCollapsed ? 'none' : '';
+  }
+}
+
+function _clGetAgentStatusText(status) {
+  if (status === 'completed') return '执行已完成';
+  if (status === 'failed' || status === 'error') return '执行失败';
+  return '正在执行任务';
+}
+
+function _clIsAgentTerminalStatus(status) {
+  return status === 'completed' || status === 'failed' || status === 'error';
+}
+
 // ── Agent 详情卡片（Figma 266:11136） ──
 function _clCreateAgentDetailCard(model) {
   var card = document.createElement('div');
@@ -7527,7 +8257,7 @@ function _clCreateAgentDetailCard(model) {
   // 星级徽章
   var starBadge = document.createElement('div');
   starBadge.className = 'cl-exec-star-badge';
-  var starSvgOutline = '<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>';
+  var starSvgOutline = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M6.46401 1.8327C6.66621 1.36177 7.33396 1.36174 7.53612 1.8327L8.82412 4.83481L12.0718 5.1373C12.5808 5.18469 12.7873 5.8177 12.4039 6.15586L9.95148 8.31772L10.6687 11.5101C10.7809 12.0098 10.2404 12.4012 9.80052 12.139L7.00006 10.4699L4.19904 12.139C3.75913 12.4012 3.21924 12.0098 3.33145 11.5101L4.04808 8.31772L1.59626 6.15586C1.21282 5.81777 1.4189 5.18488 1.9278 5.1373L5.17601 4.83481L6.46401 1.8327ZM5.89435 5.8226L3.10073 6.08237L5.20905 7.94118L4.59325 10.6818L7.00006 9.24798L9.40575 10.6818L8.79108 7.94118L10.8983 6.08237L8.10521 5.8226L6.9995 3.24603L5.89435 5.8226Z" fill="#555555"/></svg>';
   starBadge.innerHTML = starSvgOutline +
     '<span class="cl-exec-star-count">' + (model.agentStars || '3.2万') + '</span>';
   nameRow.appendChild(starBadge);
@@ -7535,7 +8265,7 @@ function _clCreateAgentDetailCard(model) {
 
   var bioEl = document.createElement('p');
   bioEl.className = 'cl-exec-agent-bio';
-  bioEl.textContent = model.agentBio || '智能行程规划·定制每日行程·优化路线安排';
+  bioEl.textContent = _clGetAgentDescriptionText(model);
   info.appendChild(bioEl);
 
   row.appendChild(info);
@@ -7564,8 +8294,6 @@ function _clCreateOpenAgentHeader(model) {
   // OASN 小图标
   var oasnBadge = document.createElement('span');
   oasnBadge.className = 'cl-openagent-badge';
-  oasnBadge.style.backgroundImage = "url(./icon.png)";
-  oasnBadge.style.backgroundSize = 'cover';
   header.appendChild(oasnBadge);
 
   // 文字行
@@ -7584,7 +8312,7 @@ function _clCreateOpenAgentHeader(model) {
 
   var labelStatus = document.createElement('span');
   labelStatus.className = 'cl-openagent-status';
-  labelStatus.textContent = (model.status === 'completed') ? '执行已完成' : '正在执行任务';
+  labelStatus.textContent = _clGetAgentStatusText(model.status);
   textRow.appendChild(labelStatus);
 
   header.appendChild(textRow);
@@ -7597,6 +8325,7 @@ function _clCreateOpenAgentHeader(model) {
     var content = card.querySelector('.cl-thought-chain-content');
     if (!content) return;
     var isCollapsed = content.classList.toggle('cl-content-collapsed');
+    _clSyncOutputFooterVisibility(card, isCollapsed);
     // 切换图标
     expandIcon.innerHTML = isCollapsed
       ? '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M9.75 6.79978C10.0833 6.99223 10.0833 7.47336 9.75 7.66581L6.75 9.39786C6.41667 9.59031 6 9.34975 6 8.96485L6 5.50075C6 5.11585 6.41667 4.87528 6.75 5.06773L9.75 6.79978Z" fill="#666666"/></svg>'
@@ -7696,9 +8425,9 @@ function _clCreateStepElement(step, isLatest) {
 // ── 动态更新 header 状态文字 ──
 function _clUpdateAgentStatusText(cardNode, status) {
   var label = cardNode && cardNode.querySelector('.cl-openagent-status');
-  if (label) label.textContent = (status === 'completed') ? '执行已完成' : '正在执行任务';
+  if (label) label.textContent = _clGetAgentStatusText(status);
   var progressRow = cardNode && cardNode.querySelector('.cl-exec-progress-row');
-  if (progressRow) progressRow.style.display = (status === 'completed') ? 'none' : '';
+  if (progressRow) progressRow.style.display = _clIsAgentTerminalStatus(status) ? 'none' : '';
 }
 
 function _cl_formatStarCount(count) {
@@ -7780,8 +8509,9 @@ function _clRenderExecutionCardV2(model) {
       var avatarEl = container.querySelector('.cl-exec-agent-avatar-v2');
       var nameEl = container.querySelector('.cl-exec-agent-name-v2');
       var bioEl = container.querySelector('.cl-exec-agent-bio-v2');
+      var agentBio = _clGetAgentDescriptionText(agent);
       if (nameEl) nameEl.textContent = agent.name || model.agentName;
-      if (bioEl && (agent.bio || agent.description)) bioEl.textContent = agent.bio || agent.description;
+      if (bioEl && agentBio) bioEl.textContent = agentBio;
       var starsEl = container.querySelector('.cl-exec-star-count-v2');
       if (starsEl && agent.claws) starsEl.textContent = _cl_formatStarCount(agent.claws);
       if (starsEl && agent.stars && !agent.claws) starsEl.textContent = _cl_formatStarCount(agent.stars);
@@ -7826,7 +8556,7 @@ function _clCreateOpenAgentHeaderV2(model) {
 
   var labelStatus = document.createElement('span');
   labelStatus.className = 'cl-openagent-status';
-  labelStatus.textContent = (model.status === 'completed') ? '执行已完成' : '正在执行任务';
+  labelStatus.textContent = _clGetAgentStatusText(model.status);
   textRow.appendChild(labelStatus);
 
   header.appendChild(textRow);
@@ -7839,6 +8569,7 @@ function _clCreateOpenAgentHeaderV2(model) {
     var content = card.querySelector('.cl-thought-chain-content');
     if (!content) return;
     var isCollapsed = content.classList.toggle('cl-content-collapsed');
+    _clSyncOutputFooterVisibility(card, isCollapsed);
     expandIcon.innerHTML = isCollapsed
       ? '<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M9.75 6.79978C10.0833 6.99223 10.0833 7.47336 9.75 7.66581L6.75 9.39786C6.41667 9.59031 6 9.34975 6 8.96485L6 5.50075C6 5.11585 6.41667 4.87528 6.75 5.06773L9.75 6.79978Z" fill="#666666"/></svg>'
       : expandedSvg;
@@ -7879,7 +8610,7 @@ function _clCreateAgentDetailCardV2(model) {
   // 描述文字
   var bioEl = document.createElement('p');
   bioEl.className = 'cl-exec-agent-bio cl-exec-agent-bio-v2';
-  bioEl.textContent = model.agentBio || '智能行程规划·定制每日行程·优化路线安排';
+  bioEl.textContent = _clGetAgentDescriptionText(model);
   info.appendChild(bioEl);
 
   row.appendChild(info);
@@ -7888,7 +8619,7 @@ function _clCreateAgentDetailCardV2(model) {
   // 星级徽章右置到卡片右上角
   var starBadge = document.createElement('div');
   starBadge.className = 'cl-exec-star-badge cl-exec-star-badge-v2';
-  var starSvgOutline = '<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>';
+  var starSvgOutline = '<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M6.46401 1.8327C6.66621 1.36177 7.33396 1.36174 7.53612 1.8327L8.82412 4.83481L12.0718 5.1373C12.5808 5.18469 12.7873 5.8177 12.4039 6.15586L9.95148 8.31772L10.6687 11.5101C10.7809 12.0098 10.2404 12.4012 9.80052 12.139L7.00006 10.4699L4.19904 12.139C3.75913 12.4012 3.21924 12.0098 3.33145 11.5101L4.04808 8.31772L1.59626 6.15586C1.21282 5.81777 1.4189 5.18488 1.9278 5.1373L5.17601 4.83481L6.46401 1.8327ZM5.89435 5.8226L3.10073 6.08237L5.20905 7.94118L4.59325 10.6818L7.00006 9.24798L9.40575 10.6818L8.79108 7.94118L10.8983 6.08237L8.10521 5.8226L6.9995 3.24603L5.89435 5.8226Z" fill="#555555"/></svg>';
   starBadge.innerHTML = starSvgOutline +
     '<span class="cl-exec-star-count cl-exec-star-count-v2">' + (model.agentStars || '3.2万') + '</span>';
   card.appendChild(starBadge);
@@ -7899,15 +8630,15 @@ function _clCreateAgentDetailCardV2(model) {
 // ── V2 状态文字更新 ──
 function _clUpdateAgentStatusTextV2(cardNode, status) {
   var label = cardNode && cardNode.querySelector('.cl-openagent-status');
-  if (label) label.textContent = (status === 'completed') ? '执行已完成' : '正在执行任务';
+  if (label) label.textContent = _clGetAgentStatusText(status);
   // 进度文字行：完成后隐藏
   var progressRow = cardNode && cardNode.querySelector('.cl-exec-progress-row-v2');
-  if (progressRow) progressRow.style.display = (status === 'completed') ? 'none' : '';
+  if (progressRow) progressRow.style.display = _clIsAgentTerminalStatus(status) ? 'none' : '';
   // 步骤列表：完成后隐藏
   var stepsBody = cardNode && cardNode.querySelector('.cl-tools-collapse-body-v2');
-  if (stepsBody) stepsBody.style.display = (status === 'completed') ? 'none' : '';
+  if (stepsBody) stepsBody.style.display = _clIsAgentTerminalStatus(status) ? 'none' : '';
   var stepsHeader = cardNode && cardNode.querySelector('.cl-tools-collapse-header-v2');
-  if (stepsHeader) stepsHeader.style.display = (status === 'completed') ? 'none' : '';
+  if (stepsHeader) stepsHeader.style.display = _clIsAgentTerminalStatus(status) ? 'none' : '';
 }
 
 // ════════════════════════════════════════════════════════════════
@@ -8364,6 +9095,9 @@ 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);
     }
   }
 
@@ -8408,13 +9142,13 @@ function _clRenderOutputCard(model, onOpenSidebar) {
   }
 
   model._outputMode = true;
-  model.status = 'completed';
+  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, 'completed');
+      _clUpdateAgentStatusTextV2(container, model.status);
     }
   } else {
     var shellHeader = _clCreateOpenAgentHeader(model);
@@ -8509,8 +9243,11 @@ function _clRenderOutputCard(model, onOpenSidebar) {
         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 && (agent.bio || agent.description)) bioElV2.textContent = agent.bio || agent.description;
+        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);
@@ -8520,10 +9257,6 @@ function _clRenderOutputCard(model, onOpenSidebar) {
     }).catch(function() {});
   }
 
-  if (typeof _cl_applyCardUiState === 'function') {
-    _cl_applyCardUiState(container, model);
-  }
-
   // ── Footer ──
   if (isV2) {
     var footerV2 = document.createElement('div');
@@ -8542,6 +9275,10 @@ function _clRenderOutputCard(model, onOpenSidebar) {
     container.appendChild(footer);
   }
 
+  if (typeof _cl_applyCardUiState === 'function') {
+    _cl_applyCardUiState(container, model);
+  }
+
   console.log('[cl-output] ✅ output card built: results=' + resultTexts.length + ' v2=' + isV2);
   return container;
 }
@@ -9189,6 +9926,15 @@ 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;
@@ -9313,26 +10059,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');
@@ -9343,16 +10095,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;
@@ -9363,14 +10110,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;
 
@@ -9411,27 +10156,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;
@@ -9480,15 +10221,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;
@@ -9516,7 +10253,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));
@@ -9592,6 +10331,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');
@@ -9622,7 +10364,9 @@ function _cl_applyStoredRecordToModel(model, record) {
     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 || '';
+    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万';
@@ -9634,6 +10378,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 || '';
 }