openclaw-openagent 1.0.0

package/src/plugin-ui/modules/remote-agent/markdown-renderer.js

@@ -0,0 +1,256 @@
+// ── OpenAgent Markdown Renderer — 安全的 line-based markdown → HTML 转换 ──
+//
+// 不依赖宿主 marked.js，也不依赖 window.__openagentMarked。
+// 只支持 remote agent output 需要的 markdown 子集。
+// 所有输出经过白名单 sanitize，防止 XSS。
+//
+// 支持的语法：
+//   # / ## / ### / ####    → 标题
+//   - item / * item        → 无序列表
+//   1. item                → 有序列表
+//   **bold**               → 粗体
+//   *italic*               → 斜体
+//   `code`                 → 行内代码
+//   ```lang ... ```        → fenced code block
+//   [text](url)            → 链接（仅 http/https/mailto）
+//   ---                    → 水平分隔线
+//   段落 / 换行
+//
+// OpenAgent travel card tags（sh_card, tr_card 等）作为 literal custom tags 保留。
+// la_card 是住宿区域卡片占位，目前不再展示，渲染前静默剔除。
+
+// ── 安全工具 ──
+
+var _CL_SAFE_PROTOCOLS = ['http:', 'https:', 'mailto:'];
+
+// OpenAgent travel card tag 白名单
+var _CL_TRAVEL_TAGS = ['sh_card', 'tr_card', 'i_card', 'la_card', 'fr_card', 'bg_card', 'time_data_card'];
+
+function _clStripSuppressedTravelTags(text) {
+  return String(text || '')
+    .replace(/<la_card(?:\s[^>]*)?>[\s\S]*?<\/la_card>/gi, '')
+    .replace(/&lt;la_card(?:\s[\s\S]*?)?&gt;[\s\S]*?&lt;\/la_card&gt;/gi, '')
+    .replace(/<la_card(?:\s[^>]*)?\/?>/gi, '')
+    .replace(/&lt;la_card(?:\s[\s\S]*?)?\/?&gt;/gi, '');
+}
+
+function _clEscapeHtml(str) {
+  return str
+    .replace(/&/g, '&amp;')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;')
+    .replace(/"/g, '&quot;')
+    .replace(/'/g, '&#39;');
+}
+
+function _clIsSafeUrl(url) {
+  try {
+    var parsed = new URL(url, 'https://placeholder.invalid');
+    return _CL_SAFE_PROTOCOLS.indexOf(parsed.protocol) >= 0;
+  } catch (e) {
+    return false;
+  }
+}
+
+// ── inline markdown 解析 ──
+
+function _clRenderInlineMarkdown(text) {
+  // 先 escape HTML
+  var escaped = _clEscapeHtml(text);
+
+  // inline code: `code` — 最先处理，code 内部不做进一步解析
+  escaped = escaped.replace(/`([^`]+)`/g, '<code>$1</code>');
+
+  // bold: **text**
+  escaped = escaped.replace(/\*\*([^*]+)\*\*/g, '<strong>$1</strong>');
+
+  // italic: *text* (不匹配 ** 开头的)
+  escaped = escaped.replace(/(?<!\*)\*([^*]+)\*(?!\*)/g, '<em>$1</em>');
+
+  // links: [text](url) — 只允许安全协议
+  escaped = escaped.replace(/\[([^\]]+)\]\(([^)]+)\)/g, function(match, linkText, url) {
+    // url 已经被 escape 过，需要还原来检查协议
+    var rawUrl = url.replace(/&amp;/g, '&').replace(/&lt;/g, '<').replace(/&gt;/g, '>').replace(/&quot;/g, '"').replace(/&#39;/g, "'");
+    if (_clIsSafeUrl(rawUrl)) {
+      return '<a href="' + _clEscapeHtml(rawUrl) + '" target="_blank" rel="noopener noreferrer">' + linkText + '</a>';
+    }
+    return linkText;
+  });
+
+  return escaped;
+}
+
+// ── 主渲染函数 ──
+
+/**
+ * 将 markdown 文本转换为安全的 HTML 字符串。
+ *
+ * OpenAgent travel card tags 作为 literal DOM 标签保留（无属性透传），
+ * 供 travel-engine.js 后续处理。
+ *
+ * @param {string} text - 原始 markdown 文本
+ * @returns {string} 安全的 HTML 字符串
+ */
+function _clRenderOutputMarkdown(text) {
+  if (!text || typeof text !== 'string') return '';
+  text = _clStripSuppressedTravelTags(text);
+
+  // ── 第 1 步：提取并保护 OpenAgent travel card tags ──
+  // 将 <tag_name>...</tag_name> 替换为占位符，防止被 HTML escape
+  var travelPlaceholders = [];
+  var tagPattern = new RegExp(
+    '<(' + _CL_TRAVEL_TAGS.join('|') + ')(?:\\s[^>]*)?>([\\s\\S]*?)<\\/\\1>',
+    'gi'
+  );
+  var protectedText = text.replace(tagPattern, function(match, tagName, innerContent) {
+    var idx = travelPlaceholders.length;
+    // 保留 tag name（小写），escape inner content，不透传任何 attribute
+    var safeTag = '<' + tagName.toLowerCase() + '>' + _clEscapeHtml(innerContent) + '</' + tagName.toLowerCase() + '>';
+    travelPlaceholders.push(safeTag);
+    return '\x00CL_TRAVEL_' + idx + '\x00';
+  });
+
+  // 也处理 self-closing 或空 travel tags: <tag_name> 或 <tag_name/>
+  var selfClosePattern = new RegExp(
+    '<(' + _CL_TRAVEL_TAGS.join('|') + ')(?:\\s[^>]*)?\\/?>',
+    'gi'
+  );
+  protectedText = protectedText.replace(selfClosePattern, function(match, tagName) {
+    var idx = travelPlaceholders.length;
+    travelPlaceholders.push('<' + tagName.toLowerCase() + '></' + tagName.toLowerCase() + '>');
+    return '\x00CL_TRAVEL_' + idx + '\x00';
+  });
+
+  // ── 第 2 步：逐行解析 markdown ──
+  var lines = protectedText.split('\n');
+  var html = [];
+  var inCodeBlock = false;
+  var codeBlockContent = [];
+  var codeBlockLang = '';
+  var inList = false;
+  var listType = ''; // 'ul' or 'ol'
+  var paragraphLines = [];
+
+  function flushParagraph() {
+    if (paragraphLines.length > 0) {
+      var combined = paragraphLines.join('<br>');
+      html.push('<p>' + combined + '</p>');
+      paragraphLines = [];
+    }
+  }
+
+  function flushList() {
+    if (inList) {
+      html.push('</' + listType + '>');
+      inList = false;
+      listType = '';
+    }
+  }
+
+  for (var i = 0; i < lines.length; i++) {
+    var line = lines[i];
+
+    // fenced code block: ``` or ```lang
+    if (/^```/.test(line)) {
+      if (!inCodeBlock) {
+        flushParagraph();
+        flushList();
+        inCodeBlock = true;
+        codeBlockLang = line.replace(/^```\s*/, '').trim();
+        codeBlockContent = [];
+        continue;
+      } else {
+        // end of code block — content is already collected and will be escaped
+        var codeHtml = _clEscapeHtml(codeBlockContent.join('\n'));
+        if (codeBlockLang) {
+          html.push('<pre><code class="language-' + _clEscapeHtml(codeBlockLang) + '">' + codeHtml + '</code></pre>');
+        } else {
+          html.push('<pre><code>' + codeHtml + '</code></pre>');
+        }
+        inCodeBlock = false;
+        codeBlockContent = [];
+        codeBlockLang = '';
+        continue;
+      }
+    }
+
+    if (inCodeBlock) {
+      codeBlockContent.push(line);
+      continue;
+    }
+
+    // horizontal rule: --- or *** or ___
+    if (/^(\s*[-*_]\s*){3,}$/.test(line)) {
+      flushParagraph();
+      flushList();
+      html.push('<hr>');
+      continue;
+    }
+
+    // headings: # to ####
+    var headingMatch = /^(#{1,4})\s+(.+)$/.exec(line);
+    if (headingMatch) {
+      flushParagraph();
+      flushList();
+      var level = headingMatch[1].length;
+      html.push('<h' + level + '>' + _clRenderInlineMarkdown(headingMatch[2]) + '</h' + level + '>');
+      continue;
+    }
+
+    // unordered list: - item or * item
+    var ulMatch = /^(\s*)[-*]\s+(.+)$/.exec(line);
+    if (ulMatch) {
+      flushParagraph();
+      if (!inList || listType !== 'ul') {
+        flushList();
+        html.push('<ul>');
+        inList = true;
+        listType = 'ul';
+      }
+      html.push('<li>' + _clRenderInlineMarkdown(ulMatch[2]) + '</li>');
+      continue;
+    }
+
+    // ordered list: 1. item
+    var olMatch = /^(\s*)\d+\.\s+(.+)$/.exec(line);
+    if (olMatch) {
+      flushParagraph();
+      if (!inList || listType !== 'ol') {
+        flushList();
+        html.push('<ol>');
+        inList = true;
+        listType = 'ol';
+      }
+      html.push('<li>' + _clRenderInlineMarkdown(olMatch[2]) + '</li>');
+      continue;
+    }
+
+    // empty line → flush paragraph and list
+    if (line.trim() === '') {
+      flushParagraph();
+      flushList();
+      continue;
+    }
+
+    // regular text → accumulate into paragraph
+    flushList();
+    paragraphLines.push(_clRenderInlineMarkdown(line));
+  }
+
+  // handle unclosed code block
+  if (inCodeBlock) {
+    var remainingCode = _clEscapeHtml(codeBlockContent.join('\n'));
+    html.push('<pre><code>' + remainingCode + '</code></pre>');
+  }
+
+  flushParagraph();
+  flushList();
+
+  // ── 第 3 步：还原 travel card 占位符 ──
+  var result = html.join('\n');
+  for (var j = 0; j < travelPlaceholders.length; j++) {
+    result = result.replace('\x00CL_TRAVEL_' + j + '\x00', travelPlaceholders[j]);
+  }
+
+  return result;
+}

package/src/plugin-ui/modules/remote-agent/native-style-adapter.js

@@ -0,0 +1,146 @@
+// ── OpenAgent Native Style Adapter ──
+//
+// 从当前页面的 OpenClaw 原生 ToolCard 读取尺寸参数，
+// 写入 CSS variables 供 OpenAgent 折叠态消费。
+//
+// 颜色不做 computed style，继续使用 OpenClaw 宿主 CSS variables（var(--card) 等）。
+// 只读取：padding, borderRadius, gap, minHeight, fontSize, lineHeight。
+
+(function _clInitNativeStyleAdapter() {
+  var _clNativeStyleSampled = false;
+
+  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))'
+  ];
+
+  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 *)'
+  ];
+
+  var INDENT_SELECTORS = [
+    '.chat-group.tool:not(:has(.cl-remote-agent-card))',
+    '.chat-bubble:not(:has(.cl-remote-agent-card))'
+  ];
+
+  // Fallback 默认值（和当前 styles.js 折叠态写死值保持一致，避免跳变）
+  var FALLBACKS = {
+    '--cl-native-shell-padding': '8px',
+    '--cl-native-shell-radius': '14px',
+    '--cl-native-shell-gap': '4px',
+    '--cl-native-summary-padding': '6px 10px',
+    '--cl-native-summary-radius': '10px',
+    '--cl-native-summary-gap': '6px',
+    '--cl-native-summary-min-height': '34px',
+    '--cl-native-summary-font-size': '13px',
+    '--cl-native-summary-line-height': '1.2',
+    '--cl-native-tool-indent': '0px'
+  };
+
+  function findFirst(selectors) {
+    for (var i = 0; i < selectors.length; i++) {
+      var el = document.querySelector(selectors[i]);
+      if (el) return el;
+    }
+    return null;
+  }
+
+  function readSize(cs, prop) {
+    var val = cs ? cs[prop] : '';
+    // 过滤无意义值
+    if (!val || val === 'auto' || val === 'none' || val === 'normal' || val === '0px') return '';
+    return val;
+  }
+
+  function setVar(name, value) {
+    try {
+      document.documentElement.style.setProperty(name, value);
+    } catch (err) {}
+  }
+
+  function applyFallbacks() {
+    for (var key in FALLBACKS) {
+      if (Object.prototype.hasOwnProperty.call(FALLBACKS, key)) {
+        setVar(key, FALLBACKS[key]);
+      }
+    }
+    console.log('[cl-adapter] applied fallback native style variables');
+  }
+
+  function sampleFromDOM() {
+    if (_clNativeStyleSampled) return;
+
+    var shellEl = findFirst(SHELL_SELECTORS);
+    var summaryEl = findFirst(SUMMARY_SELECTORS);
+
+    if (!shellEl && !summaryEl) {
+      // 页面没有原生 ToolCard，使用 fallback
+      applyFallbacks();
+      // 不设 _clNativeStyleSampled = true，下次 render hook 再尝试
+      return;
+    }
+
+    _clNativeStyleSampled = true;
+
+    if (shellEl) {
+      var scs = getComputedStyle(shellEl);
+      setVar('--cl-native-shell-padding', readSize(scs, 'padding') || FALLBACKS['--cl-native-shell-padding']);
+      setVar('--cl-native-shell-radius', readSize(scs, 'borderRadius') || FALLBACKS['--cl-native-shell-radius']);
+      setVar('--cl-native-shell-gap', readSize(scs, 'gap') || FALLBACKS['--cl-native-shell-gap']);
+      console.log('[cl-adapter] sampled shell from ' + (shellEl.className || '').substring(0, 40));
+    } else {
+      setVar('--cl-native-shell-padding', FALLBACKS['--cl-native-shell-padding']);
+      setVar('--cl-native-shell-radius', FALLBACKS['--cl-native-shell-radius']);
+      setVar('--cl-native-shell-gap', FALLBACKS['--cl-native-shell-gap']);
+    }
+
+    if (summaryEl) {
+      var hcs = getComputedStyle(summaryEl);
+      setVar('--cl-native-summary-padding', readSize(hcs, 'padding') || FALLBACKS['--cl-native-summary-padding']);
+      setVar('--cl-native-summary-radius', readSize(hcs, 'borderRadius') || FALLBACKS['--cl-native-summary-radius']);
+      setVar('--cl-native-summary-gap', readSize(hcs, 'gap') || FALLBACKS['--cl-native-summary-gap']);
+      setVar('--cl-native-summary-min-height', readSize(hcs, 'minHeight') || FALLBACKS['--cl-native-summary-min-height']);
+      setVar('--cl-native-summary-font-size', readSize(hcs, 'fontSize') || FALLBACKS['--cl-native-summary-font-size']);
+      setVar('--cl-native-summary-line-height', readSize(hcs, 'lineHeight') || FALLBACKS['--cl-native-summary-line-height']);
+      console.log('[cl-adapter] sampled summary from ' + (summaryEl.className || '').substring(0, 40));
+    } else {
+      setVar('--cl-native-summary-padding', FALLBACKS['--cl-native-summary-padding']);
+      setVar('--cl-native-summary-radius', FALLBACKS['--cl-native-summary-radius']);
+      setVar('--cl-native-summary-gap', FALLBACKS['--cl-native-summary-gap']);
+      setVar('--cl-native-summary-min-height', FALLBACKS['--cl-native-summary-min-height']);
+      setVar('--cl-native-summary-font-size', FALLBACKS['--cl-native-summary-font-size']);
+      setVar('--cl-native-summary-line-height', FALLBACKS['--cl-native-summary-line-height']);
+    }
+
+    // ── 缩进采样 ──
+    var indentEl = findFirst(INDENT_SELECTORS);
+    if (indentEl) {
+      // 二次确认不含 OpenAgent card（防止 :has() 时序问题）
+      if (indentEl.querySelector && indentEl.querySelector('.cl-remote-agent-card')) {
+        indentEl = null;
+      }
+    }
+    if (indentEl) {
+      var ics = getComputedStyle(indentEl);
+      var plVal = parseFloat(ics.paddingLeft) || 0;
+      var mlVal = parseFloat(ics.marginLeft) || 0;
+      var indent = Math.max(plVal, mlVal);
+      setVar('--cl-native-tool-indent', indent > 0 ? indent + 'px' : '0px');
+      console.log('[cl-adapter] sampled indent=' + indent + 'px from ' + (indentEl.className || '').substring(0, 40));
+    } else {
+      setVar('--cl-native-tool-indent', FALLBACKS['--cl-native-tool-indent']);
+    }
+  }
+
+  // 暴露为全局函数，render hook 首次命中 remote-agent 时 lazy 调用
+  window._clEnsureNativeToolStyleVars = sampleFromDOM;
+
+  // 写入 fallback（确保即使未采样也有值可用）
+  applyFallbacks();
+
+  console.log('[cl-adapter] ✅ native style adapter initialized');
+})();

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

@@ -0,0 +1,259 @@
+// ── OpenAgent Output Card — Agent 完成态 UI ──
+//
+// 输入: OpenAgentCardModel (from tool-card-model.js), onOpenSidebar callback
+// 输出: DOM Node (嵌入 Lit template)
+//
+// 显示内容:
+//   - Agent Pill（头像 + @名称）
+//   - 分隔线
+//   - 最终结果（如有）
+//
+// UI 结构复用 shared thought-chain styles；数据来源是 RenderHook model。
+
+function _clRenderOutputCard(model, onOpenSidebar) {
+  // ── 从 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);
+    } else if (chunk.type === 'text') {
+      // 远端 Agent 最终回复是普通文本（toolResult(reply.content)），
+      // chunk-parser 归为 type='text'，也应作为最终结果显示
+      if (_clShouldRenderOutputText(chunk.text)) resultTexts.push(chunk.text);
+    }
+  }
+
+  if (resultTexts.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;
+    if (model.toolCallId) {
+      placeholder.dataset.clCardTcid = model.toolCallId;
+    }
+    console.log('[cl-output] hidden empty output tcid=' + String(model.toolCallId || '').substring(0, 8));
+    return placeholder;
+  }
+
+  var container = document.createElement('div');
+  container.className = 'cl-remote-agent-card cl-thought-chain cl-output-card cl-output-card--pending';
+  container.dataset.clCardRole = 'output';
+  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');
+  }
+
+  var content = document.createElement('div');
+  content.className = 'cl-thought-chain-content';
+  container.appendChild(content);
+
+  // ── Agent Pill ──
+  var pillSlot = document.createElement('div');
+  pillSlot.className = 'cl-thought-chain-pill-slot';
+  var pill = _clCreateAgentPill(model.agentName, model.agentId, model.agentAvatar);
+  pillSlot.appendChild(pill);
+  content.appendChild(pillSlot);
+
+  // ── 分隔线 ──
+  var divider = document.createElement('div');
+  divider.className = 'cl-thought-chain-divider';
+  content.appendChild(divider);
+
+  // ── 最终结果展示 ──
+  if (resultTexts.length > 0) {
+    var resultSection = document.createElement('div');
+    resultSection.className = 'cl-output-result cl-output-result--pending';
+    resultSection.dataset.clRenderState = 'pending';
+    var resultText = resultTexts.join('\n\n');
+    resultSection.dataset.clToolCallId = model.toolCallId || '';
+
+    if (CL && typeof CL.extractTripCardRefsFromText === 'function') {
+      var refs = CL.extractTripCardRefsFromText(resultText);
+      resultSection.dataset.clRouteIds = refs.routeIds.join(',');
+      resultSection.dataset.clCardRefs = refs.cardRefs.join(',');
+      resultSection.dataset.clCardIds = refs.cardIds.join(',');
+      resultSection.dataset.clUnitIds = refs.unitIds.join(',');
+    }
+
+    // 使用 OpenAgent 自有 markdown renderer（不依赖宿主 marked.js）
+    if (typeof _clRenderOutputMarkdown === 'function') {
+      try {
+        resultSection.innerHTML = _clRenderOutputMarkdown(resultText);
+      } catch (e) {
+        resultSection.textContent = resultText;
+      }
+    } else {
+      resultSection.textContent = resultText;
+    }
+
+    content.appendChild(resultSection);
+    _clScheduleOutputCardProcessing(resultSection, model);
+  }
+
+  // ── 错误状态 ──
+  if (model.isError) {
+    container.classList.add('cl-remote-agent-card--error');
+  }
+
+  // ── onOpenSidebar 支持：点击展开到侧边栏 ──
+  if (onOpenSidebar && model.rawText) {
+    container.style.cursor = 'pointer';
+    container.addEventListener('click', function(e) {
+      // 不拦截折叠/展开点击
+      if (e.target.closest('.cl-tools-collapse-header')) return;
+      onOpenSidebar(model.rawText);
+    });
+  }
+
+  // ── 异步更新真实 Agent 身份 ──
+  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 = '';
+      }
+      _clSetAgentPillName(container, agent.name || model.agentName);
+      _clSetOpenAgentHeaderAgent(container, agent.name || model.agentName);
+    }).catch(function() {});
+  }
+
+  if (typeof _cl_applyCardUiState === 'function') {
+    _cl_applyCardUiState(container, model);
+  }
+
+  console.log('[cl-output] ✅ output card built: results=' + resultTexts.length);
+  return container;
+}
+
+function _clShouldRenderOutputText(text) {
+  var value = String(text || '').trim();
+  if (!value) return false;
+
+  if (_clLooksLikeStructuredDataFragment(value)) return false;
+
+  // output 卡片只展示给用户看的最终内容。远端 SSE 的 data/think 事件
+  // 是旅行卡片原料或执行过程，不应该作为正文出现在 output 里。
+  if (/"msgType"\s*:/.test(value) && /"dataType"\s*:\s*"(data|think)"/.test(value)) {
+    return false;
+  }
+
+  if (value.charAt(0) === '{' && value.charAt(value.length - 1) === '}') {
+    try {
+      var obj = JSON.parse(value);
+      if (obj && (obj.dataType === 'data' || obj.dataType === 'think')) return false;
+      if (obj && obj.msgType != null && obj.dataType && obj.dataType !== 'result') return false;
+    } catch (e) {}
+  }
+
+  return true;
+}
+
+function _clLooksLikeStructuredDataFragment(value) {
+  value = String(value || '').trim();
+  if (!value) return false;
+
+  // Pretty/truncated JSON payloads may be split into text chunks before they can
+  // be parsed as full objects. Those fragments are data source material, not UI
+  // output. Keep this narrow to Trip/itinerary-style payload keys.
+  if (/^[,}\]\s]+$/.test(value)) return true;
+  if (/^\.\.\.\s*\(truncated\)\s*\.\.\.$/.test(value)) return true;
+
+  var dataKeyRe = /"(?:msgType|dataType|sessionId|queryMsgId|itineraryId|itineraryVersionInfo|unitList|unitType|unitContexts?|dayList|trafficInfo|trafficPlanInfo|poiInfo|hotelInfo|foodData|budgetData|rankName|hotScore|remarkText|keywords|sourceType|departure|arrival)"\s*:/;
+  if (!dataKeyRe.test(value)) return false;
+
+  var structuralChars = (value.match(/[{}\[\]",:]/g) || []).length;
+  if (structuralChars >= 6) return true;
+
+  // Some split lines start midway through an object, for example
+  // `"trafficPlanInfo":{...` or `,"arrival":{...`.
+  if (/^\s*,?\s*"(?:unitType|trafficInfo|trafficPlanInfo|poiInfo|hotelInfo|remarkText|keywords|departure|arrival)"\s*:/.test(value)) {
+    return true;
+  }
+
+  return false;
+}
+
+function _clRevealOutputResult(resultSection, reason) {
+  if (!resultSection) return;
+  resultSection.classList.remove('cl-output-result--pending');
+  var card = resultSection.closest && resultSection.closest('.cl-output-card');
+  if (card) {
+    card.classList.remove('cl-output-card--pending');
+  }
+  if (resultSection.dataset) {
+    resultSection.dataset.clRenderState = 'ready';
+    resultSection.dataset.clRenderReadyReason = reason || 'ready';
+  }
+}
+
+function _clHasTripCardContent(el) {
+  if (!el) return false;
+  var html = el.innerHTML || '';
+  var text = el.textContent || '';
+  // Raw card tags (HTML-encoded or literal)
+  if (/(?:&lt;|<)(?:sh_card|tr_card|i_card|bg_card|fr_card|time_data_card)(?:&gt;|>)/.test(html)) return true;
+  if (text.includes('<sh_card>') || text.includes('<tr_card>') || text.includes('<i_card>') ||
+      text.includes('<bg_card>') || text.includes('<fr_card>') ||
+      text.includes('<time_data_card>')) return true;
+  // Ready marker
+  if (html.includes('[TRIP_CARDS_READY]')) return true;
+  // Unprocessed travel links
+  if (el.querySelector && el.querySelector('a[href*="poi_"], a[href*="hotel_"], a[href*="lodgingArea_"], a[href*="ctx_"]')) return true;
+  return false;
+}
+
+function _clScheduleOutputCardProcessing(resultSection, model) {
+  if (!resultSection) return;
+
+  var attempts = 0;
+  function run() {
+    attempts++;
+
+    // Only process if the output actually contains travel card content.
+    // This prevents non-travel remote-agent outputs from triggering
+    // trip-card-data.json fetches and polluting CL.tripCardDataFetchFailed.
+    if (!_clHasTripCardContent(resultSection)) {
+      _clRevealOutputResult(resultSection, 'plain-output');
+      return;
+    }
+
+    if (typeof _processCustomCards === 'function') {
+      try {
+        if (model && model.toolCallId && resultSection.dataset) {
+          resultSection.dataset.clToolCallId = resultSection.dataset.clToolCallId || model.toolCallId;
+        }
+        _processCustomCards(resultSection);
+      } catch (err) {
+        console.warn('[cl-output] trip card processing failed:', err && err.message);
+      }
+    }
+
+    var processed = resultSection.dataset && resultSection.dataset.clProcessed;
+    if (processed === '1') {
+      _clRevealOutputResult(resultSection, 'trip-rendered');
+      return;
+    }
+    if (attempts >= 20) {
+      _clRevealOutputResult(resultSection, processed === 'partial' ? 'trip-partial-timeout' : 'trip-timeout');
+      return;
+    }
+
+    var delay = attempts < 4 ? 250 : 1000;
+    setTimeout(run, delay);
+  }
+
+  setTimeout(run, 0);
+}