openclaw-openagent 1.0.12 → 1.0.14

package/src/plugin-ui/modules/agent-book/panel/theme-adapter.js

@@ -1,86 +0,0 @@
-// ── OpenAgent Theme Adapter ──
-//
-// 运行时检测 OpenClaw Control UI 主题系统（v4.x vscode tokens / v5.x glassmorphism），
-// 注入 --oa-* CSS 变量供 styles.js 中的 var() fallback 消费。
-//
-// 必须早于 styles.js 加载（由 build.cjs MANIFEST 顺序保证）。
-
-(function _clInitThemeAdapter() {
-  if (window.__openagentThemeAdapterInstalled) return;
-  window.__openagentThemeAdapterInstalled = true;
-
-  /**
-   * 检测当前 OC 主题系统类型。
-   * @returns {{ hasGlass: boolean, hasVscode: boolean, isDark: boolean }}
-   */
-  function detectThemeSystem() {
-    var cs = getComputedStyle(document.documentElement);
-    var hasGlass = !!(cs.getPropertyValue('--glass-surface').trim());
-    var hasKn = !!(cs.getPropertyValue('--kn-bg-primary').trim());
-    var hasVscode = !!(cs.getPropertyValue('--vscode-editor-background').trim());
-
-    // 多策略暗色检测：v4 data-theme-mode / v5 data-theme / prefers-color-scheme
-    var themeMode = document.documentElement.getAttribute('data-theme-mode')  // v4.x
-      || document.documentElement.getAttribute('data-theme')                 // v5.x
-      || '';
-    var isDark = themeMode.indexOf('dark') >= 0
-      || window.matchMedia('(prefers-color-scheme: dark)').matches;
-
-    return {
-      hasGlass: hasGlass || hasKn,
-      hasVscode: hasVscode,
-      isDark: isDark
-    };
-  }
-
-  /**
-   * 注入 --oa-* CSS 变量到 :root。
-   * styles.js 中的 var(--oa-xxx, fallback) 会优先取这些值。
-   */
-  function setupThemeVariables() {
-    var system = detectThemeSystem();
-    var root = document.documentElement;
-
-    if (system.hasGlass) {
-      // v5.x Glassmorphism: 使用 --glass-* / --kn-* token 族
-      root.style.setProperty('--oa-panel-bg', 'var(--glass-surface, var(--card))');
-      root.style.setProperty('--oa-panel-text', 'var(--kn-text-primary, var(--text, #e0e0e0))');
-      root.style.setProperty('--oa-card-bg', 'var(--glass-card, var(--card, #f5f5f5))');
-      root.style.setProperty('--oa-card-hover-bg', 'var(--glass-card-hover, var(--card-hover))');
-      root.style.setProperty('--oa-border', 'var(--glass-border, var(--border, #e5e5e5))');
-      root.style.setProperty('--oa-shadow-color', 'rgba(0, 0, 0, 0.08)');
-      root.style.setProperty('--oa-divider', 'var(--glass-divider, var(--border, #eee))');
-      root.style.setProperty('--oa-muted-text', 'var(--kn-text-secondary, var(--text-secondary, #999))');
-    } else if (system.hasVscode) {
-      // v4.x VSCode tokens: 使用 --vscode-* 变量
-      root.style.setProperty('--oa-panel-bg', 'var(--vscode-editor-background, #fff)');
-      root.style.setProperty('--oa-panel-text', 'var(--vscode-editor-foreground, #2F2F33)');
-      root.style.setProperty('--oa-card-bg', 'var(--vscode-sideBar-background, #f5f5f5)');
-      root.style.setProperty('--oa-card-hover-bg', 'var(--vscode-list-hoverBackground, #f0f0f0)');
-      root.style.setProperty('--oa-border', 'var(--vscode-panel-border, #e5e5e5)');
-      root.style.setProperty('--oa-shadow-color', 'rgba(0, 0, 0, 0.10)');
-      root.style.setProperty('--oa-divider', 'var(--vscode-sideBar-border, #eee)');
-      root.style.setProperty('--oa-muted-text', 'var(--vscode-descriptionForeground, #999)');
-    }
-    // 无特征 → 不注入变量，styles.js 中的 var() 会 fallback 到硬编码值
-
-    // 注入暗色 class 标记供 styles.js 选择器使用
-    if (system.isDark) {
-      root.style.setProperty('--oa-is-dark', '1');
-    } else {
-      root.style.setProperty('--oa-is-dark', '0');
-    }
-  }
-
-  // 立即执行 + 监听主题变更（v5.x 可能运行时切换主题）
-  setupThemeVariables();
-
-  // 监听 data-theme / data-theme-mode 属性变更
-  var themeObserver = new MutationObserver(function () {
-    setupThemeVariables();
-  });
-  themeObserver.observe(document.documentElement, {
-    attributes: true,
-    attributeFilter: ['data-theme', 'data-theme-mode', 'class']
-  });
-})();

package/src/plugin-ui/modules/agent-book/remote-agent-tool/components-core.js

@@ -1,295 +0,0 @@
-// ── Agent Card 内嵌卡片 ──
-
-/** 通过 agent_id / name / query 获取单个 Agent 详情 */
-async function fetchAgentById(identifier, fallbackName) {
-  const keys = [];
-  const pushKey = (value) => {
-    const key = String(value || '').trim();
-    if (key && !keys.includes(key)) keys.push(key);
-  };
-  pushKey(identifier);
-  pushKey(fallbackName);
-
-  // 1. 先从缓存精确匹配
-  const identity = CL && typeof CL.getAgentIdentity === 'function'
-    ? CL.getAgentIdentity(identifier, fallbackName)
-    : null;
-  if (identity) return identity;
-
-  const cached = CL.agentCache.find(a =>
-    keys.includes(a.id) || keys.includes(a.tag) || keys.includes(a.name)
-  );
-  if (cached) return cached;
-
-  // 2. 用列表 API 加载全量数据（如果缓存为空），按 UUID / 名字精确匹配
-  try {
-    const agents = await fetchAgents(); // 会更新 agentCache
-    const exact = agents.find(a =>
-      keys.includes(a.id) || keys.includes(a.tag) || keys.includes(a.name)
-    );
-    if (exact) return exact;
-  } catch (err) {
-    console.warn('[openagent] fetchAgentById list error:', err);
-  }
-
-  // 3. 精确匹配失败 → 逐个关键词搜索。当前后端不支持 UUID 语义搜索时，
-  //    fallbackName 仍能命中真实 Agent，从而拿到 avatar 等展示字段。
-  for (let i = 0; i < keys.length; i++) {
-    const key = keys[i];
-    try {
-      const res = await fetch(`${SEARCH_API}?q=${encodeURIComponent(key)}&top_k=5`);
-      if (!res.ok) continue;
-      const data = await res.json();
-      const list = (data.results || []).map(mapAgent);
-      const exact = list.find(a =>
-        keys.includes(a.id) || keys.includes(a.tag) || keys.includes(a.name)
-      );
-      if (exact) {
-        if (CL && typeof CL.storeAgentIdentity === 'function') CL.storeAgentIdentity(exact);
-        return exact;
-      }
-      if (list[0]) {
-        if (CL && typeof CL.storeAgentIdentity === 'function') CL.storeAgentIdentity(list[0]);
-        return list[0];
-      }
-    } catch (err) {
-      console.warn('[openagent] fetchAgentById search error:', err);
-    }
-  }
-  return null;
-}
-
-/** 构建 Agent 卡片 DOM（使用统一 AgentCard 组件） */
-function buildAgentCard(agent) {
-  return AgentCard(agent, {
-    mode: 'inline',
-    onAction: (a) => {
-      const textarea = document.querySelector('.agent-chat__input textarea');
-      if (textarea) {
-        const current = textarea.value;
-        textarea.value = current + (current && !current.endsWith(' ') ? ' ' : '') + `@${a.name} `;
-        textarea.focus();
-        textarea.dispatchEvent(new Event('input', { bubbles: true }));
-      }
-    }
-  });
-}
-
-// ── 组件注册表 ──
-
-const OPENAGENT_COMPONENTS = {};
-
-/** 注册一个自定义组件类型 */
-function registerComponent(type, handler) {
-  OPENAGENT_COMPONENTS[type] = handler;
-}
-
-// 注册：Agent Card
-registerComponent('agent-card', async (data) => {
-  const searchTerm = data.agent_id || data.agentId || data.id || data.name || data.query;
-  if (!searchTerm) return null;
-  const agent = await fetchAgentById(searchTerm);
-  return agent ? buildAgentCard(agent) : null;
-});
-
-// ── 组件协议：[[type:{...}]] 和 [[trip-data:...]] ──
-//
-// 不再使用宿主 marked.js 扩展。统一使用 DOM 文本扫描：
-//   [[agent-card:{"name":"..."}]]  → 替换为 Agent Card 组件
-//   [[trip-data:file]]             → 触发 trip card 数据加载
-//   [[trip-data:<base64>]]         → 内联 trip card 数据注入
-
-/** 处理 [[trip-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(hostTextContextSelector)
-      : null;
-    if (chatText) {
-      chatText.dataset.clProcessed = '';
-      if (typeof _processCustomCards === 'function') _processCustomCards(chatText);
-    }
-  } else {
-    // base64 payload
-    try {
-      const cardData = JSON.parse(atob(payload));
-      if (typeof CL !== 'undefined' && typeof CL.mergeTripCardData === 'function') {
-        CL.mergeTripCardData(cardData, { replaceDayList: true });
-      } else if (typeof CL !== 'undefined') {
-        CL.tripCardData = cardData;
-      }
-      console.log('[trip-data] ✅ Card data from base64');
-      const chatText = contextNode && contextNode.closest
-        ? contextNode.closest(hostTextContextSelector)
-        : null;
-      if (chatText) {
-        chatText.dataset.clProcessed = '';
-        if (typeof _processCustomCards === 'function') _processCustomCards(chatText);
-      }
-    } catch (e) {
-      console.warn('[trip-data] ❌ base64 decode failed:', e && e.message);
-    }
-  }
-}
-
-/** 扫描 DOM 中的组件占位（纯文本扫描，不依赖 marked） */
-function scanForComponents(root) {
-  if (!root) return;
-  scanTextNodesForComponents(root);
-}
-
-/** DOM 文本扫描降级方案 */
-function scanTextNodesForComponents(root) {
-  const walker = document.createTreeWalker(root, NodeFilter.SHOW_TEXT, null);
-  const matchedNodes = [];
-  let node;
-  while (node = walker.nextNode()) {
-    if (node.textContent.includes('[[') && node.textContent.includes(']]')) {
-      if (node.parentElement?.dataset?.openagentProcessed) continue;
-      matchedNodes.push(node);
-    }
-  }
-  matchedNodes.forEach(replaceComponentTextNode);
-}
-
-/** 替换文本节点中的 [[type:{...}]] 或处理 [[trip-data:...]] */
-function replaceComponentTextNode(textNode) {
-  const text = textNode.textContent;
-  const match = /\[\[([\w][\w-]*):(.*?)\]\]/.exec(text);
-  if (!match) return;
-
-  const type = match[1];
-
-  // ── trip-data 信号：不替换 DOM，直接处理数据 ──
-  if (type === 'trip-data') {
-    _clHandleTripDataSignal(match[2].trim(), textNode);
-    // 隐藏信号文本
-    const parentEl = textNode.parentElement;
-    if (parentEl) parentEl.style.display = 'none';
-    return;
-  }
-
-  const handler = OPENAGENT_COMPONENTS[type];
-  if (!handler) return;
-
-  let data;
-  try {
-    data = JSON.parse(match[2].trim());
-  } catch {
-    return;
-  }
-
-  const parentEl = textNode.parentElement;
-  if (!parentEl) return;
-  parentEl.dataset.openagentProcessed = 'true';
-
-  const before = text.substring(0, match.index);
-  const after = text.substring(match.index + match[0].length);
-  const fragment = document.createDocumentFragment();
-  if (before.trim()) fragment.appendChild(document.createTextNode(before));
-
-  const placeholder = document.createElement('div');
-  placeholder.className = 'agent-card__loading';
-  placeholder.textContent = '🔍 Loading...';
-  fragment.appendChild(placeholder);
-
-  if (after.trim()) fragment.appendChild(document.createTextNode(after));
-  parentEl.replaceChild(fragment, textNode);
-
-  handler(data).then(component => {
-    if (component) {
-      placeholder.replaceWith(component);
-    } else {
-      placeholder.textContent = `⚠️ Component "${type}" load failed`;
-    }
-  }).catch(err => {
-    console.warn(`[openagent] Component "${type}" handler error:`, err);
-    placeholder.textContent = `⚠️ Component "${type}" error`;
-  });
-}
-
-// ── 组件 Observer ──
-
-function startComponentObserver() {
-  const chatThread = document.querySelector('.chat-thread');
-  if (!chatThread) return;
-
-  // 先扫描已有的
-  scanForComponents(chatThread);
-
-  const observer = new MutationObserver(() => {
-    scanForComponents(chatThread);
-  });
-
-  observer.observe(chatThread, { childList: true, subtree: true });
-
-  // 周期扫描兜底（DOM mutation 可能漏掉某些 SPA 渲染）
-  setInterval(() => {
-    const thread = document.querySelector('.chat-thread');
-    if (thread) scanForComponents(thread);
-  }, 1500);
-  console.log('[openagent] ✅ Component observer started (text scan mode)');
-}
-
-// ── 启动（需要 DOM 就绪） ──
-
-function bootstrap() {
-injectStyles();
-
-// 初次加载轮询（兼容 textarea 延迟渲染）
-let attempts = 0;
-const pollTimer = setInterval(() => {
-  attempts++;
-  if (tryInject() || attempts >= CL.MAX_POLL) {
-    clearInterval(pollTimer);
-    if (attempts >= CL.MAX_POLL) {
-      console.warn('[openagent] ⚠️ textarea not found after', CL.MAX_POLL, 'attempts, observer will keep watching');
-    }
-  }
-}, CL.POLL_INTERVAL);
-
-// 持续监听 DOM 变化：无论路由切换、SPA 重渲染、还是延迟加载，
-// 只要 textarea 出现且未注入，就自动注入 Agent Book
-let _injectDebounce = null;
-const routeObserver = new MutationObserver(() => {
-  // debounce 300ms 避免高频触发
-  if (_injectDebounce) clearTimeout(_injectDebounce);
-  _injectDebounce = setTimeout(() => {
-    // 如果还没注入成功，持续尝试
-    if (!document.querySelector('.openagent-at-btn')) {
-      tryInject();
-    }
-    // 检查是否需要启动 component observer
-    const thread = document.querySelector('.chat-thread');
-    if (thread && !thread._openagentCompObs) {
-      thread._openagentCompObs = true;
-      startComponentObserver();
-    }
-  }, 300);
-});
-if (document.body) {
-  routeObserver.observe(document.body, { childList: true, subtree: true });
-} else {
-  const bodyWaiter = setInterval(() => {
-    if (document.body) {
-      clearInterval(bodyWaiter);
-      routeObserver.observe(document.body, { childList: true, subtree: true });
-    }
-  }, 100);
-}
-
-// 首次启动 component observer
-setTimeout(() => startComponentObserver(), 2000);
-} // end bootstrap()
-
-// 等 DOM 就绪后再执行 bootstrap
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', bootstrap);
-} else {
-  bootstrap();
-}

package/src/plugin-ui/modules/agent-book/remote-agent-tool/thought-chain-card.js

@@ -1,211 +0,0 @@
-// ── Shared remote-agent visual primitives ───────────────────────────────
-//
-// Remote-agent ToolCard rendering is owned by remote-agent/render-hooks.js.
-// This module keeps the shared styles/helpers and forwards WS events only.
-
-// ── 1. CSS 注入 ──
-
-(function injectThoughtChainStyles() {
-  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 {
-      display: inline-flex;
-      align-items: center;
-      gap: 6px;
-      padding: 6px 10px;
-      border: 0.8px solid rgba(47,47,51,0.15);
-      border-radius: 6px;
-      background: #fff;
-      margin-bottom: 4px;
-      width: fit-content;
-    }
-    .cl-agent-pill-avatar {
-      width: 18px;
-      height: 18px;
-      border-radius: 50%;
-      object-fit: cover;
-      flex-shrink: 0;
-    }
-    .cl-agent-pill-name {
-      font-family: "PingFang SC", sans-serif;
-      font-size: 10px;
-      font-weight: 600;
-      color: #2F2F33;
-      white-space: nowrap;
-      line-height: 12px;
-    }
-
-    /* ── ThoughtChain 步骤容器 ── */
-    .cl-thought-chain {
-      margin: 0;
-      width: 100%;
-      box-sizing: border-box;
-    }
-
-    /* ── 分隔线 ── */
-    .cl-thought-chain-divider {
-      height: 0;
-      border: none;
-      border-top: 0.2px solid rgba(219, 219, 219, 1);
-      margin: 4px 0;
-    }
-
-    /* ── 标题栏 (状态文字) ── */
-    .cl-tools-collapse-header {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      cursor: pointer;
-      padding: 4px 0 2px 0;
-      user-select: none;
-    }
-    .cl-tools-collapse-header:hover { opacity: 0.8; }
-
-    .cl-tools-collapse-header-icon {
-      display: inline-block;
-      font-size: 8px;
-      color: #999;
-      transition: transform 0.25s ease;
-      line-height: 1;
-    }
-    .cl-tools-collapse-header-icon.cl-collapsed { transform: rotate(-90deg); }
-
-    .cl-tools-collapse-header-title {
-      font-family: "PingFang SC", sans-serif;
-      font-size: 10px;
-      font-weight: 600;
-      color: #2F2F33;
-      line-height: 12px;
-    }
-
-    /* ── 内容区 (折叠动画) ── */
-    .cl-tools-collapse-body {
-      overflow: hidden;
-      transition: max-height 0.35s ease, opacity 0.3s ease;
-      padding-left: 0;
-    }
-    .cl-tools-collapse-body.cl-expanded { max-height: 2000px; opacity: 1; }
-    .cl-tools-collapse-body.cl-collapsed { max-height: 0; opacity: 0; }
-
-    /* ── 步骤项 ── */
-    .cl-tools-collapse-step {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      padding: 3px 0;
-      position: relative;
-    }
-
-    .cl-tools-collapse-step-row {
-      display: flex;
-      align-items: center;
-      gap: 8px;
-      min-height: 16px;
-    }
-
-    /* ── 步骤圆点/图标 ── */
-    .cl-tools-collapse-step-icon {
-      width: 14px;
-      height: 14px;
-      flex-shrink: 0;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-    }
-
-    /* 加载中：三点脉冲动画 (未完成/进行中) */
-    .cl-tools-collapse-step-dot {
-      display: flex;
-      align-items: center;
-      gap: 2px;
-      width: 14px;
-      height: 14px;
-      justify-content: center;
-    }
-    .cl-tools-collapse-step-dot::before,
-    .cl-tools-collapse-step-dot::after,
-    .cl-tools-collapse-step-dot span {
-      content: '';
-      display: block;
-      width: 3px;
-      height: 3px;
-      border-radius: 50%;
-      background: #bbb;
-      animation: cl-dot-pulse 1.2s ease-in-out infinite;
-    }
-    .cl-tools-collapse-step-dot::after { animation-delay: 0.2s; }
-    .cl-tools-collapse-step-dot span { animation-delay: 0.4s; }
-    @keyframes cl-dot-pulse {
-      0%, 80%, 100% { opacity: 0.3; transform: scale(0.8); }
-      40% { opacity: 1; transform: scale(1.1); }
-    }
-
-    /* 转圈 (当前步骤) */
-    .cl-tools-collapse-step-spinner {
-      width: 10px;
-      height: 10px;
-      border: 1.5px solid #999;
-      border-top-color: transparent;
-      border-radius: 50%;
-      animation: cl-spin 0.8s linear infinite;
-    }
-    @keyframes cl-spin { to { transform: rotate(360deg); } }
-
-    /* 完成 — 灰色实心圆点（Figma: Ellipse 12871, bg #dcdcdc） */
-    .cl-tools-collapse-step-check {
-      width: 10px;
-      height: 10px;
-      border-radius: 50%;
-      background: #dcdcdc;
-    }
-
-    /* ── 步骤标题文本 ── */
-    .cl-tools-collapse-step-title {
-      font-family: "PingFang SC", sans-serif;
-      font-size: 9.5px;
-      font-weight: 400;
-      color: #2F2F33;
-      line-height: 12.54px;
-    }
-
-    /* ── 步骤描述文本 ── */
-    .cl-tools-collapse-step-detail {
-      font-family: "PingFang SC", sans-serif;
-      font-size: 9px;
-      color: #999;
-      line-height: 12px;
-      margin-top: 1px;
-      padding-left: 22px;
-    }
-
-  `;
-  document.head.appendChild(style);
-})();
-
-// ── 2. WebSocket 事件分发 ──
-
-
-var _clWarnedMissingRenderHookHandler = false;
-
-CL.handleDelegateWsEvent = function (msg) {
-  if (window.__cl_handleStreamEvent) {
-    window.__cl_handleStreamEvent(msg);
-    return;
-  }
-
-  // RenderHook is the only remote-agent ToolCard path. Do not fall back to
-  // mutating native .chat-tool-card DOM here; missing handler should be visible
-  // during debugging instead of being masked by the legacy path.
-  if (!_clWarnedMissingRenderHookHandler && msg && msg.stream === 'tool') {
-    console.warn('[cl-ws-gate] RenderHook stream handler missing; remote-agent tool event ignored');
-    _clWarnedMissingRenderHookHandler = true;
-  }
-};
-
-// JSON.parse 拦截已移至 IIFE 顶部（在 bundle 加载前执行）