openclaw-openagent 1.0.12 → 1.0.14

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

@@ -1,256 +0,0 @@
-// ── 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/media-links.js

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

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

@@ -1,134 +0,0 @@
-// ── 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 hostAdapter = CL.hostAdapter || {};
-  var nativeStyle = hostAdapter.nativeStyle || {};
-
-  var SHELL_SELECTORS = nativeStyle.shellSelectors || [];
-  var SUMMARY_SELECTORS = nativeStyle.summarySelectors || [];
-  var INDENT_SELECTORS = nativeStyle.indentSelectors || [];
-
-  // 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');
-})();