openclaw-openagent 1.0.0

package/src/plugin-ui/modules/loader/shared-state.js

@@ -0,0 +1,560 @@
+// ══════════════════════════════════════════════════════════════
+// CL — OpenAgent 共享状态与跨模块 hooks
+// 所有跨模块依赖必须注册在此，禁止隐式闭包共享
+// ══════════════════════════════════════════════════════════════
+const CL = {
+  // ── 数据 ──
+  agentCache: [],              // Agent 列表缓存
+  lastFetchTime: 0,            // 上次拉取时间戳
+
+  // ── Mention 状态 ──
+  pendingMention: null,        // 待注入的 @mention 数据
+  panel: null,                 // Agent Book 面板 DOM
+  escKeyBound: false,          // ESC 键是否已绑定
+
+  // ── Trip 数据 ──
+  tripCardData: null,         // 行程卡片 JSON 数据
+  tripCardDataScoped: null,   // 按 toolCallId / routeId / cardId 存储的行程卡片缓存
+  tripCardDataFetchPromise: null, // trip-card-data.json 的全局单次请求
+  tripCardDataFetchFailed: false, // 文件不存在时避免扫描器重复 404
+
+  // ── Scanner ──
+  clScanCount: 0,             // 通用 DOM 扫描计数器
+
+  // ── Agent Identity（跨链路传递） ──
+  lastMentionAgentId: null,    // 用户选择 Agent 时保留的 agent_id（100% 可靠）
+  agentIdentityCache: {},      // 按 id/name 缓存完整身份，避免用 UUID 走搜索接口查头像
+  remoteSendInFlight: false,   // Agent Book remote call 发送锁，避免 async patch 期间重复发送
+
+  // ── Hooks（前向引用安全） ──
+  // 占位函数，由后续模块赋值覆盖真实实现
+  handleDelegateWsEvent: function(msg) {},
+  processCustomCards: function(bubble) {},
+
+  // ── 配置 ──
+  OPENAGENT_API: 'https://api.openagent.club',
+  AUTH_API: '/plugins/openagent',  // Proxied via Gateway registerHttpRoute (see src/proxy/auth-proxy.ts)
+  POLL_INTERVAL: 800,
+  MAX_POLL: 30,
+  CACHE_TTL: 30000,
+};
+
+// 暴露到 window 供控制台调试/测试
+window.__CL = CL;
+
+CL._agentIdentityStorageKey = 'openagent.agentIdentityCache.v1';
+
+CL._agentIdentityCacheLoaded = false;
+
+CL._tripCardScopedStorageKey = 'openagent.tripCardData.scoped.v1';
+CL._tripCardScopedLoaded = false;
+CL._tripCardScopedMaxEntries = 240;
+
+CL._loadAgentIdentityCache = function() {
+  if (CL._agentIdentityCacheLoaded) return;
+  CL._agentIdentityCacheLoaded = true;
+  try {
+    var raw = window.localStorage && window.localStorage.getItem(CL._agentIdentityStorageKey);
+    if (!raw) return;
+    var parsed = JSON.parse(raw);
+    if (parsed && typeof parsed === 'object') {
+      CL.agentIdentityCache = parsed;
+    }
+  } catch (err) {
+    CL.agentIdentityCache = CL.agentIdentityCache || {};
+  }
+};
+
+CL._saveAgentIdentityCache = function() {
+  try {
+    if (!window.localStorage) return;
+    window.localStorage.setItem(CL._agentIdentityStorageKey, JSON.stringify(CL.agentIdentityCache || {}));
+  } catch (err) {}
+};
+
+CL.storeAgentIdentity = function(agent, fallbackName) {
+  if (!agent || typeof agent !== 'object') return null;
+  CL._loadAgentIdentityCache();
+
+  var id = agent.agent_id || agent.agentId || agent.id || agent.tag ||
+    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 record = {
+    id: id,
+    agent_id: id,
+    tag: agent.tag || id,
+    name: name,
+    avatar: avatar || null,
+  };
+
+  var keys = [id, record.tag, name, fallbackName].filter(Boolean);
+  if (keys.length === 0) return null;
+  for (var i = 0; i < keys.length; i++) {
+    CL.agentIdentityCache[String(keys[i])] = record;
+  }
+  CL._saveAgentIdentityCache();
+  return record;
+};
+
+CL.getAgentIdentity = function(identifier, fallbackName) {
+  CL._loadAgentIdentityCache();
+  var keys = [identifier, fallbackName].filter(Boolean);
+  for (var i = 0; i < keys.length; i++) {
+    var hit = CL.agentIdentityCache && CL.agentIdentityCache[String(keys[i])];
+    if (hit) return hit;
+  }
+  return null;
+};
+
+CL.getOpenClawApp = function() {
+  var app = document.querySelector('openclaw-app');
+  if (app) return app;
+  var nodes = document.querySelectorAll('*');
+  for (var i = 0; i < nodes.length; i++) {
+    if (typeof nodes[i].handleSendChat === 'function' && nodes[i].client) {
+      return nodes[i];
+    }
+  }
+  return null;
+};
+
+CL.getCurrentSessionKey = function(app) {
+  var key = app && typeof app.sessionKey === 'string' ? app.sessionKey : '';
+  if (!key) {
+    try {
+      key = new URL(window.location.href).searchParams.get('session') || '';
+    } catch (err) {}
+  }
+  if (key === 'main') return 'agent:main:main';
+  return key;
+};
+
+CL.sendRemoteAgentMessage = async function(message) {
+  var app = CL.getOpenClawApp();
+  if (!app || typeof app.handleSendChat !== 'function') {
+    throw new Error('OpenClaw send handler is not available');
+  }
+  await app.handleSendChat(message);
+};
+
+CL.createEmptyTripCardData = function() {
+  return { unitContexts: {}, dayList: [], foodData: null, budgetData: null };
+};
+
+CL.cloneTripCardData = function(data) {
+  if (!data || typeof data !== 'object') return null;
+  try {
+    return JSON.parse(JSON.stringify(data));
+  } catch (err) {
+    var clone = CL.createEmptyTripCardData();
+    clone.unitContexts = data.unitContexts && typeof data.unitContexts === 'object'
+      ? Object.assign({}, data.unitContexts)
+      : {};
+    clone.dayList = Array.isArray(data.dayList) ? data.dayList.slice() : [];
+    clone.foodData = data.foodData || null;
+    clone.budgetData = data.budgetData || data.budget || null;
+    return clone;
+  }
+};
+
+CL.extractTripCardRefsFromText = function(text) {
+  var result = {
+    routeIds: [],
+    cardRefs: [],
+    cardIds: [],
+    unitIds: []
+  };
+  if (!text) return result;
+
+  var source = String(text);
+  var routeSeen = Object.create(null);
+  var cardSeen = Object.create(null);
+  var unitSeen = Object.create(null);
+
+  function addRoute(id) {
+    id = String(id || '').trim();
+    if (!id || routeSeen[id]) return;
+    routeSeen[id] = true;
+    result.routeIds.push(id);
+  }
+
+  function addCard(tag, id) {
+    tag = String(tag || '').toLowerCase().trim();
+    id = String(id || '').trim();
+    if (!tag || !id) return;
+    if (tag === 'la_card') return;
+    var ref = tag + ':' + id;
+    if (!cardSeen[ref]) {
+      cardSeen[ref] = true;
+      result.cardRefs.push(ref);
+      result.cardIds.push(id);
+    }
+    if ((tag === 'tr_card' || tag === 'i_card') && !unitSeen[id]) {
+      unitSeen[id] = true;
+      result.unitIds.push(id);
+    }
+    if (tag === 'sh_card') {
+      var prefix = id.match(/^([A-Za-z0-9-]+)(?:[_:])/);
+      if (prefix && prefix[1]) addRoute(prefix[1]);
+    }
+  }
+
+  var routeMatch;
+  var routeRegex = /[?&]routeId=([A-Za-z0-9_-]+)/g;
+  while ((routeMatch = routeRegex.exec(source))) {
+    addRoute(routeMatch[1]);
+  }
+
+  var tagMatch;
+  var tagRegex = /(?:&lt;|<)(sh_card|tr_card|i_card|la_card|fr_card|bg_card|time_data_card)(?:&gt;|>)([\s\S]*?)(?:&lt;|<)\/\1(?:&gt;|>)/gi;
+  while ((tagMatch = tagRegex.exec(source))) {
+    addCard(tagMatch[1], tagMatch[2]);
+  }
+
+  return result;
+};
+
+CL.normalizeTripScope = function(scope) {
+  scope = scope && typeof scope === 'object' ? scope : {};
+  var normalized = {
+    toolCallId: String(scope.toolCallId || scope.tcid || '').trim(),
+    routeIds: [],
+    cardRefs: [],
+    cardIds: [],
+    unitIds: []
+  };
+  var routeSeen = Object.create(null);
+  var cardSeen = Object.create(null);
+  var cardIdSeen = Object.create(null);
+  var unitSeen = Object.create(null);
+
+  function addList(target, seen, value) {
+    if (Array.isArray(value)) {
+      for (var i = 0; i < value.length; i++) addList(target, seen, value[i]);
+      return;
+    }
+    if (typeof value === 'string' && value.indexOf(',') !== -1) {
+      var parts = value.split(',');
+      for (var pi = 0; pi < parts.length; pi++) addList(target, seen, parts[pi]);
+      return;
+    }
+    var item = String(value || '').trim();
+    if (!item || seen[item]) return;
+    seen[item] = true;
+    target.push(item);
+  }
+
+  addList(normalized.routeIds, routeSeen, scope.routeIds || scope.routeId || '');
+  addList(normalized.cardRefs, cardSeen, scope.cardRefs || scope.cardRef || '');
+  addList(normalized.cardIds, cardIdSeen, scope.cardIds || scope.cardId || '');
+  addList(normalized.unitIds, unitSeen, scope.unitIds || scope.unitId || '');
+
+  var rawRefs = CL.extractTripCardRefsFromText(scope.rawText || scope.html || scope.text || '');
+  addList(normalized.routeIds, routeSeen, rawRefs.routeIds);
+  addList(normalized.cardRefs, cardSeen, rawRefs.cardRefs);
+  addList(normalized.cardIds, cardIdSeen, rawRefs.cardIds);
+  addList(normalized.unitIds, unitSeen, rawRefs.unitIds);
+
+  for (var ci = 0; ci < normalized.cardRefs.length; ci++) {
+    var refParts = normalized.cardRefs[ci].split(':');
+    if (refParts.length >= 2) {
+      addList(normalized.cardIds, cardIdSeen, refParts.slice(1).join(':'));
+      var tag = refParts[0];
+      var id = refParts.slice(1).join(':');
+      if (tag === 'tr_card' || tag === 'i_card') {
+        addList(normalized.unitIds, unitSeen, id);
+      }
+    }
+  }
+
+  return normalized;
+};
+
+CL.getTripCardScopeKeys = function(scope) {
+  var normalized = CL.normalizeTripScope(scope);
+  var keys = [];
+  var seen = Object.create(null);
+
+  function add(key) {
+    key = String(key || '').trim();
+    if (!key || seen[key]) return;
+    seen[key] = true;
+    keys.push(key);
+  }
+
+  if (normalized.toolCallId) add('tool:' + normalized.toolCallId);
+  for (var ri = 0; ri < normalized.routeIds.length; ri++) add('route:' + normalized.routeIds[ri]);
+  for (var cr = 0; cr < normalized.cardRefs.length; cr++) add('card:' + normalized.cardRefs[cr]);
+  for (var ci = 0; ci < normalized.cardIds.length; ci++) add('card-id:' + normalized.cardIds[ci]);
+  for (var ui = 0; ui < normalized.unitIds.length; ui++) add('unit:' + normalized.unitIds[ui]);
+  return keys;
+};
+
+CL._loadTripCardScopedCache = function() {
+  if (CL._tripCardScopedLoaded) return;
+  CL._tripCardScopedLoaded = true;
+  CL.tripCardDataScoped = { version: 1, entries: {} };
+  try {
+    var raw = window.localStorage && window.localStorage.getItem(CL._tripCardScopedStorageKey);
+    if (!raw) return;
+    var parsed = JSON.parse(raw);
+    if (parsed && parsed.entries && typeof parsed.entries === 'object') {
+      CL.tripCardDataScoped = parsed;
+    }
+  } catch (err) {
+    CL.tripCardDataScoped = { version: 1, entries: {} };
+  }
+};
+
+CL._saveTripCardScopedCache = function() {
+  try {
+    if (!window.localStorage || !CL.tripCardDataScoped) return;
+    var entries = CL.tripCardDataScoped.entries || {};
+    var keys = Object.keys(entries);
+    if (keys.length > CL._tripCardScopedMaxEntries) {
+      keys.sort(function(a, b) {
+        return ((entries[b] && entries[b].updatedAt) || 0) - ((entries[a] && entries[a].updatedAt) || 0);
+      });
+      for (var i = CL._tripCardScopedMaxEntries; i < keys.length; i++) {
+        delete entries[keys[i]];
+      }
+    }
+    window.localStorage.setItem(CL._tripCardScopedStorageKey, JSON.stringify(CL.tripCardDataScoped));
+  } catch (err) {}
+};
+
+CL.getScopedTripCardData = function(scope) {
+  var keys = CL.getTripCardScopeKeys(scope);
+  if (keys.length === 0) return null;
+  CL._loadTripCardScopedCache();
+  var entries = (CL.tripCardDataScoped && CL.tripCardDataScoped.entries) || {};
+  for (var i = 0; i < keys.length; i++) {
+    var entry = entries[keys[i]];
+    if (entry && entry.data && typeof entry.data === 'object') {
+      console.log('[trip-cache] hit', keys[i]);
+      return CL.cloneTripCardData(entry.data);
+    }
+  }
+  console.log('[trip-cache] miss', keys.join(','));
+  return null;
+};
+
+CL.saveScopedTripCardData = function(data, scope) {
+  if (!data || typeof data !== 'object') return false;
+  var keys = CL.getTripCardScopeKeys(scope);
+  if (keys.length === 0) return false;
+
+  CL._loadTripCardScopedCache();
+  var normalized = CL.normalizeTripScope(scope);
+  var entry = {
+    version: 1,
+    updatedAt: Date.now(),
+    keys: keys,
+    meta: normalized,
+    data: CL.cloneTripCardData(data)
+  };
+  if (!entry.data) return false;
+
+  CL.tripCardDataScoped.entries = CL.tripCardDataScoped.entries || {};
+  for (var i = 0; i < keys.length; i++) {
+    CL.tripCardDataScoped.entries[keys[i]] = entry;
+  }
+  CL._saveTripCardScopedCache();
+  console.log('[trip-cache] saved', keys.join(','));
+  return true;
+};
+
+CL._mergeTripDataIntoTarget = function(target, data, replaceDayList) {
+  if (!target || !data || typeof data !== 'object') return false;
+  if (!target.unitContexts || typeof target.unitContexts !== 'object') target.unitContexts = {};
+  if (!Array.isArray(target.dayList)) target.dayList = [];
+
+  var changed = false;
+
+  if (data.unitContexts && typeof data.unitContexts === 'object') {
+    var ids = Object.keys(data.unitContexts);
+    for (var i = 0; i < ids.length; i++) {
+      target.unitContexts[ids[i]] = data.unitContexts[ids[i]];
+    }
+    if (ids.length > 0) changed = true;
+  }
+
+  if (data.unitContext && data.unitContext.id) {
+    target.unitContexts[data.unitContext.id] = data.unitContext;
+    changed = true;
+  }
+
+  if (Array.isArray(data.dayList) && (replaceDayList || target.dayList.length === 0)) {
+    target.dayList = data.dayList;
+    changed = true;
+  }
+
+  if (data.foodData) {
+    target.foodData = data.foodData;
+    changed = true;
+  }
+
+  var incomingBudget = data.budgetData
+    || data.budget
+    || (data.result && (data.result.budgetData || data.result.budget));
+  if (incomingBudget) {
+    target.budgetData = incomingBudget;
+    changed = true;
+  }
+
+  return changed;
+};
+
+CL.mergeScopedTripCardData = function(data, scope, options) {
+  if (!data || typeof data !== 'object') return false;
+  var keys = CL.getTripCardScopeKeys(scope);
+  if (keys.length === 0) return false;
+
+  var existing = CL.getScopedTripCardData(scope);
+  var target = existing || CL.createEmptyTripCardData();
+  var changed = CL._mergeTripDataIntoTarget(target, data, !!(options && options.replaceDayList));
+  if (changed) {
+    CL.saveScopedTripCardData(target, scope);
+  }
+  return changed;
+};
+
+CL.tripCardDataMatchesScope = function(data, scope) {
+  if (!data || typeof data !== 'object') return false;
+  var normalized = CL.normalizeTripScope(scope);
+  var hasScope = !!(normalized.toolCallId || normalized.routeIds.length || normalized.cardRefs.length || normalized.cardIds.length || normalized.unitIds.length);
+  if (!hasScope) return true;
+
+  var unitContexts = data.unitContexts || {};
+  for (var i = 0; i < normalized.unitIds.length; i++) {
+    if (!unitContexts[normalized.unitIds[i]]) return false;
+  }
+
+  var needsDayList = normalized.cardRefs.some(function(ref) { return ref.indexOf('sh_card:') === 0; });
+  if (needsDayList && (!Array.isArray(data.dayList) || data.dayList.length === 0)) return false;
+
+  var needsFood = normalized.cardRefs.some(function(ref) { return ref.indexOf('fr_card:') === 0; });
+  if (needsFood && !data.foodData) return false;
+
+  var needsBudget = normalized.cardRefs.some(function(ref) { return ref.indexOf('bg_card:') === 0; });
+  if (needsBudget && !(data.budgetData || data.budget || (data.result && (data.result.budgetData || data.result.budget)))) return false;
+
+  return normalized.unitIds.length > 0 || needsDayList || needsFood || needsBudget;
+};
+
+CL.ensureTripCardData = function() {
+  if (!CL.tripCardData || typeof CL.tripCardData !== 'object') {
+    CL.tripCardData = CL.createEmptyTripCardData();
+  }
+  if (!CL.tripCardData.unitContexts || typeof CL.tripCardData.unitContexts !== 'object') {
+    CL.tripCardData.unitContexts = {};
+  }
+  if (!Array.isArray(CL.tripCardData.dayList)) {
+    CL.tripCardData.dayList = [];
+  }
+  return CL.tripCardData;
+};
+
+CL.mergeTripCardData = function(data, options) {
+  if (!data || typeof data !== 'object') return false;
+
+  var target = CL.ensureTripCardData();
+  var replaceDayList = !!(options && options.replaceDayList);
+  var changed = CL._mergeTripDataIntoTarget(target, data, replaceDayList);
+  var scope = options && (options.scope || options.meta);
+  var scopedChanged = scope ? CL.mergeScopedTripCardData(data, scope, options) : false;
+
+  if (changed) {
+    CL.tripCardDataFetchFailed = false;
+    try {
+      localStorage.setItem('openagent_tripCardData', JSON.stringify(target));
+    } catch (e) {}
+  }
+
+  return changed || scopedChanged;
+};
+
+CL.diagCardSeq = 0;
+
+CL.diagMarkCard = function(node, source, meta) {
+  if (!node || !node.dataset) return '';
+  var uid = 'clc-' + (++CL.diagCardSeq) + '-' + Date.now().toString(36);
+  var tcid = (meta && meta.tcid) || '';
+  node.dataset.clCardUid = uid;
+  node.dataset.clCardSource = source || '';
+  node.dataset.clCardTcid = tcid;
+  node.__clCardUid = uid;
+  node.__clCardSource = source || '';
+  console.log('[cl-diag][card-create] uid=' + uid
+    + ' source=' + (source || '')
+    + ' tcid=' + String(tcid).substring(0, 8));
+  return uid;
+};
+
+CL.diagHtmlRewrite = function(label, el, extra) {
+  try {
+    if (!el || !el.querySelectorAll) return;
+    var cards = Array.from(el.querySelectorAll('.cl-remote-agent-card'));
+    if (el.classList && el.classList.contains('cl-remote-agent-card')) {
+      cards.unshift(el);
+    }
+    if (cards.length === 0) return;
+
+    var cardInfo = cards.map(function(card) {
+      var uid = card.dataset ? (card.dataset.clCardUid || '') : '';
+      var jsUid = card.__clCardUid || '';
+      var img = card.querySelector && card.querySelector('.cl-agent-pill-avatar');
+      return {
+        uid: uid,
+        jsUid: jsUid,
+        alive: !!uid && uid === jsUid,
+        tcid: card.dataset ? (card.dataset.clCardTcid || '') : '',
+        imgAlt: img ? img.getAttribute('alt') : null,
+        imgSrc: img ? img.getAttribute('src') : null,
+        text: (card.textContent || '').replace(/\s+/g, ' ').trim().slice(0, 120)
+      };
+    });
+
+    console.warn('[cl-diag][html-write] ' + label + ' ' + JSON.stringify({
+      target: el.className || el.tagName,
+      extra: extra || null,
+      cards: cardInfo
+    }));
+    console.warn('[cl-diag][html-stack] ' + label + '\n'
+      + (new Error().stack || '').split('\n').slice(1, 8).join('\n'));
+  } catch (err) {
+    console.warn('[cl-diag][html-write-error] ' + label + ' ' + err.message);
+  }
+};
+
+if (!window.__clDiagClickProbeInstalled) {
+  window.__clDiagClickProbeInstalled = true;
+  document.addEventListener('click', function(evt) {
+    var target = evt.target;
+    if (!target || !target.closest) return;
+    var header = target.closest('.cl-tools-collapse-header');
+    if (!header) return;
+    var card = header.closest('.cl-remote-agent-card');
+    if (!card) return;
+
+    var body = card.querySelector('.cl-tools-collapse-body');
+    var title = card.querySelector('.cl-tools-collapse-header-title');
+    var uid = card.dataset ? (card.dataset.clCardUid || '') : '';
+    var jsUid = card.__clCardUid || '';
+    console.log('[cl-diag][click-probe] before uid=' + uid
+      + ' jsUid=' + jsUid
+      + ' alive=' + (!!uid && uid === jsUid)
+      + ' title=' + JSON.stringify(title ? title.textContent.trim() : '')
+      + ' bodyClass=' + (body ? body.className : '')
+      + ' steps=' + (body ? body.querySelectorAll('.cl-tools-collapse-step').length : 0));
+
+    setTimeout(function() {
+      var afterBody = card.querySelector('.cl-tools-collapse-body');
+      console.log('[cl-diag][click-probe] after uid=' + uid
+        + ' jsUid=' + (card.__clCardUid || '')
+        + ' bodyClass=' + (afterBody ? afterBody.className : '')
+        + ' steps=' + (afterBody ? afterBody.querySelectorAll('.cl-tools-collapse-step').length : 0));
+    }, 0);
+  }, true);
+}