openclaw-openagent 1.0.5 → 1.0.7

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

@@ -9,8 +9,8 @@
 //
 // tryInject() 只做 DOM 注入（@ 按钮 + CSS class），不绑定任何事件。
 
-// ── textarea 选择器（全局复用）──
-// 多策略回退：v3 "Message..." / v4 "发消息..." / 结构化选择器
+// ── textarea 选择器（多版本兼容）──
+// v3 "Message..." / v4 "发消息..." / v5.x 结构化选择器
 const _CL_TEXTAREA_SELECTOR = [
   'textarea[placeholder*="发消息"]',
   'textarea[placeholder*="Message"]',
@@ -19,6 +19,8 @@ const _CL_TEXTAREA_SELECTOR = [
   '.chat-composer textarea',
   '.chat-input textarea',
   '[class*="composer"] textarea:not([placeholder*="Search"])',
+  '[class*="chat-input"] textarea',
+  '[data-component="chat-input"] textarea',
 ].join(', ');
 
 function _getTextarea() {
@@ -134,37 +136,59 @@ function _installSendClickInterceptor() {
   }, true);
 }
 
-function tryInject() {
-  const textarea = _getTextarea();
-
-  if (!textarea) return false;
-  _installSendClickInterceptor();
-  if (document.querySelector('.openagent-at-btn')) return true; // 已注入
-
-  // ── 定位插入点：麦克风图标所在的 toolbar 行 ──
-  const textareaParent = textarea.parentElement;
-  let toolbarRow = null;
+/**
+ * 多策略定位 textarea 所在输入区域的工具栏行。
+ * v4.x: 工具栏在 textarea.parentElement.children 中
+ * v5.x: 工具栏可能嵌套在祖父容器或包含 toolbar class
+ * 返回 null 表示未找到则回退到 textarea 父级插入
+ */
+function _findToolbarRow(textarea) {
+  var parent = textarea.parentElement;
 
-  if (textareaParent) {
-    for (const child of textareaParent.children) {
-      if (child !== textarea && child.querySelector('svg')) {
-        toolbarRow = child;
-        break;
-      }
+  // 策略 1（v4.x）: textarea 兄弟元素含 SVG 图标
+  if (parent) {
+    for (var i = 0; i < parent.children.length; i++) {
+      if (parent.children[i] !== textarea && parent.children[i].querySelector('svg')) return parent.children[i];
     }
   }
-  if (!toolbarRow && textareaParent) {
-    const grandparent = textareaParent.parentElement;
+
+  // 策略 2（v4.x）: 祖父级兄弟元素含 SVG 图标
+  if (parent) {
+    var grandparent = parent.parentElement;
     if (grandparent) {
-      for (const child of grandparent.children) {
-        if (child !== textareaParent && child.querySelector('svg')) {
-          toolbarRow = child;
-          break;
-        }
+      for (var j = 0; j < grandparent.children.length; j++) {
+        if (grandparent.children[j] !== parent && grandparent.children[j].querySelector('svg')) return grandparent.children[j];
       }
     }
   }
 
+  // 策略 3（v5.x）: 搜索包含 toolbar class 的元素
+  var chatContainer = textarea.closest('[class*="chat"]');
+  if (chatContainer) {
+    var toolbarEl = chatContainer.querySelector('[class*="toolbar"]');
+    if (toolbarEl) return toolbarEl;
+  }
+
+  // 策略 4（v5.x fallback）: 搜索 voice/mic 按钮定位其容器
+  var voiceBtn = document.querySelector(
+    'button[aria-label*="voice"], button[aria-label*="语音"], ' +
+    'button[aria-label*="mic"], button[aria-label*="麦克风"]'
+  );
+  if (voiceBtn) return voiceBtn.parentElement;
+
+  return null;
+}
+
+function tryInject() {
+  const textarea = _getTextarea();
+
+  if (!textarea) return false;
+  _installSendClickInterceptor();
+  if (document.querySelector('.openagent-at-btn')) return true; // 已注入
+
+  // ── 定位插入点：麦克风图标所在的 toolbar 行（多策略）──
+  var toolbarRow = _findToolbarRow(textarea);
+
   // ── 创建 Agent Book 按钮 ──
   const atBtn = document.createElement('button');
   atBtn.className = 'openagent-at-btn';
@@ -198,10 +222,15 @@ function tryInject() {
   if (toolbarRow) {
     const toolbarLeft = toolbarRow.querySelector('[class*="toolbar-left"]') || toolbarRow;
     const iconButtons = toolbarLeft.querySelectorAll('button, [role="button"]');
+    // 优先按 aria-label 匹配 voice/mic 按钮，回退到位置假设
     let micBtn = null;
-    if (iconButtons.length >= 2) {
-      micBtn = iconButtons[1];
-    } else if (iconButtons.length === 1) {
+    for (var i = 0; i < iconButtons.length; i++) {
+      var label = (iconButtons[i].getAttribute('aria-label') || '').toLowerCase();
+      if (/voice|mic|语音|麦克风/.test(label)) { micBtn = iconButtons[i]; break; }
+    }
+    if (!micBtn && iconButtons.length >= 2) {
+      micBtn = iconButtons[1]; // fallback: v4.x 中 mic 一般是第 2 个按钮
+    } else if (!micBtn && iconButtons.length === 1) {
       micBtn = iconButtons[0];
     }
 
@@ -211,16 +240,19 @@ function tryInject() {
       toolbarLeft.appendChild(atBtn);
     }
   } else {
-    (textareaParent || textarea.parentElement).appendChild(atBtn);
+    // 无工具栏时回退到 textarea 的父级插入
+    var fallbackParent = textarea.parentElement;
+    if (fallbackParent) fallbackParent.appendChild(atBtn);
   }
 
   // ── 给输入区域加 position: relative 包裹层 ──
+  var inputParent = textarea.parentElement;
   const inputContainer = textarea.closest('.agent-chat__composer-combobox')
                       || textarea.closest('.chat-input')
                       || textarea.closest('[class*="chat-composer"]')
                       || textarea.closest('[class*="chat"]')
-                      || textareaParent?.parentElement
-                      || textareaParent;
+                      || (inputParent ? inputParent.parentElement : null)
+                      || inputParent;
   if (inputContainer) {
     inputContainer.classList.add('openagent-input-wrapper');
     inputWrapperRef = inputContainer;

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

@@ -111,10 +111,10 @@ function injectStyles() {
     .openagent-agent-panel {
       position: fixed;
       max-height: none;
-      background: #fff;
-      border: 1.2px solid rgba(47, 47, 51, 0.12);
+      background: var(--oa-panel-bg, #fff);
+      border: 1.2px solid var(--oa-border, rgba(47, 47, 51, 0.12));
       border-radius: 18px;
-      box-shadow: 0 -4px 24px rgba(0,0,0,0.08), 0 2px 8px rgba(0,0,0,0.04);
+      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;
@@ -158,7 +158,7 @@ function injectStyles() {
       flex-shrink: 0;
     }
     .openagent-panel-close {
-      background: rgba(249, 249, 249, 1);
+      background: var(--oa-card-bg, rgba(249, 249, 249, 1));
       border: none;
       color: rgba(47, 47, 51, 0.6);
       cursor: pointer;
@@ -618,41 +618,61 @@ function injectStyles() {
       padding: 32px; text-align: center; color: #aaa; font-size: 13px;
     }
 
-    /* ── 深色主题（统一） ── */
-    [data-theme-mode="dark"] .openagent-agent-panel {
+    /* ── 深色主题（v4: data-theme-mode / v5: data-theme） ── */
+    [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 { border-color: #2a2a2a; }
-    [data-theme-mode="dark"] .openagent-panel-title { color: rgba(224, 224, 224, 0.8); }
-    [data-theme-mode="dark"] .openagent-panel-close { background: #2a2a2a; color: #888; }
-    [data-theme-mode="dark"] .openagent-panel-close:hover { background: #333; color: #ccc; }
-    [data-theme-mode="dark"] .openagent-section-heading { color: rgba(224, 224, 224, 0.45); }
-    [data-theme-mode="dark"] .openagent-parent-heading { color: rgba(224, 224, 224, 0.3); }
-    [data-theme-mode="dark"] .openagent-panel-divider { border-color: rgba(255,255,255,0.1); }
-
-    [data-theme-mode="dark"] .agent-card__name { color: #e0e0e0; }
-    [data-theme-mode="dark"] .agent-card__bio { color: rgba(224, 224, 224, 0.7); }
-    [data-theme-mode="dark"] .agent-card__stat { color: #64748b; }
-
-    [data-theme-mode="dark"] .agent-card--mention { background: transparent; }
-    [data-theme-mode="dark"] .agent-card--mention:hover { background: #252525; }
-    [data-theme-mode="dark"] .agent-card--mention .agent-card__action {
+    [data-theme-mode="dark"] .openagent-panel-head,
+    [data-theme="dark"] .openagent-panel-head { border-color: #2a2a2a; }
+    [data-theme-mode="dark"] .openagent-panel-title,
+    [data-theme="dark"] .openagent-panel-title { color: rgba(224, 224, 224, 0.8); }
+    [data-theme-mode="dark"] .openagent-panel-close,
+    [data-theme="dark"] .openagent-panel-close { background: #2a2a2a; color: #888; }
+    [data-theme-mode="dark"] .openagent-panel-close:hover,
+    [data-theme="dark"] .openagent-panel-close:hover { background: #333; color: #ccc; }
+    [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); }
+
+    [data-theme-mode="dark"] .agent-card__name,
+    [data-theme="dark"] .agent-card__name { color: #e0e0e0; }
+    [data-theme-mode="dark"] .agent-card__bio,
+    [data-theme="dark"] .agent-card__bio { color: rgba(224, 224, 224, 0.7); }
+    [data-theme-mode="dark"] .agent-card__stat,
+    [data-theme="dark"] .agent-card__stat { color: #64748b; }
+
+    [data-theme-mode="dark"] .agent-card--mention,
+    [data-theme="dark"] .agent-card--mention { background: transparent; }
+    [data-theme-mode="dark"] .agent-card--mention:hover,
+    [data-theme="dark"] .agent-card--mention:hover { background: #252525; }
+    [data-theme-mode="dark"] .agent-card--mention .agent-card__action,
+    [data-theme="dark"] .agent-card--mention .agent-card__action {
       background: #333; border-color: #555; color: #ddd;
     }
-    [data-theme-mode="dark"] .agent-card--mention .agent-card__action:hover { background: #444; }
-    [data-theme-mode="dark"] .agent-card--search:hover { background: #252525; }
-    [data-theme-mode="dark"] .agent-card--search.openagent-card-selected {
+    [data-theme-mode="dark"] .agent-card--mention .agent-card__action:hover,
+    [data-theme="dark"] .agent-card--mention .agent-card__action:hover { background: #444; }
+    [data-theme-mode="dark"] .agent-card--search:hover,
+    [data-theme="dark"] .agent-card--search:hover { background: #252525; }
+    [data-theme-mode="dark"] .agent-card--search.openagent-card-selected,
+    [data-theme="dark"] .agent-card--search.openagent-card-selected {
       background: rgba(99, 102, 241, 0.12);
       outline-color: rgba(99, 102, 241, 0.4);
     }
-    [data-theme-mode="dark"] .agent-card--search .agent-card__action {
+    [data-theme-mode="dark"] .agent-card--search .agent-card__action,
+    [data-theme="dark"] .agent-card--search .agent-card__action {
       background: #333; border-color: #555; color: #ddd;
     }
-    [data-theme-mode="dark"] .agent-card--search .agent-card__action:hover { background: #444; }
+    [data-theme-mode="dark"] .agent-card--search .agent-card__action:hover,
+    [data-theme="dark"] .agent-card--search .agent-card__action:hover { background: #444; }
 
 
-    [data-theme-mode="dark"] .agent-card--inline {
+    [data-theme-mode="dark"] .agent-card--inline,
+    [data-theme="dark"] .agent-card--inline {
       background: linear-gradient(135deg, #1e1b3a 0%, #1a1a2e 100%);
       border-color: #2d2b55;
     }
@@ -662,7 +682,8 @@ function injectStyles() {
     }
     [data-theme-mode="dark"] .agent-card--inline .agent-card__name { color: #e2e8f0; }
     [data-theme-mode="dark"] .agent-card--inline .agent-card__avatar { border-color: #2d2b55; }
-    [data-theme-mode="dark"] .agent-card__loading {
+    [data-theme-mode="dark"] .agent-card__loading,
+    [data-theme="dark"] .agent-card__loading {
       background: #1e1b3a; border-color: #2d2b55; color: #64748b;
     }
   `;

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

@@ -12,14 +12,20 @@
   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))'
+    '.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 *)'
+    '.chat-tools-summary:not(.cl-remote-agent-host-shell *)',
+    // v5.x+ variants
+    '.tool-card__header',
+    '.tool-card__title'
   ];
 
   var INDENT_SELECTORS = [

package/src/plugin-ui/ui-extension-loader/registry-regex.ts

@@ -258,27 +258,25 @@ const toolcardRender: UIExtension = {
     if (hasManualCollapseWrapper) {
       const wrapperFn = findFunctionByAnchor(content, wrapperAnchor);
       if (!wrapperFn) {
-        logger.warn('[ui-ext:regex] toolcard-render: manual collapse wrapper function not found');
-        return false;
-      }
-      if (!wrapperFn.body.includes('chat-tool-msg-body') || !wrapperFn.body.includes('onToggleExpanded')) {
-        logger.warn('[ui-ext:regex] toolcard-render: manual collapse wrapper shape mismatch');
-        return false;
-      }
-      const wrapperReturnTagMatch = wrapperFn.body.match(/return\s+([a-zA-Z_$]\w*)\s*`/);
-      if (!wrapperReturnTagMatch) {
-        logger.warn('[ui-ext:regex] toolcard-render: manual collapse Lit html tag not found');
-        return false;
+        logger.warn('[ui-ext:regex] toolcard-render: manual collapse wrapper function not found, skipping wrapper patch');
+      } else if (!wrapperFn.body.includes('chat-tool-msg-body') || !wrapperFn.body.includes('onToggleExpanded')) {
+        logger.warn('[ui-ext:regex] toolcard-render: manual collapse wrapper shape mismatch, skipping wrapper patch');
+      } else {
+        const wrapperReturnTagMatch = wrapperFn.body.match(/return\s+([a-zA-Z_$]\w*)\s*`/);
+        if (!wrapperReturnTagMatch) {
+          logger.warn('[ui-ext:regex] toolcard-render: manual collapse Lit html tag not found, skipping wrapper patch');
+        } else {
+          const wrapperHtmlVar = wrapperReturnTagMatch[1];
+          const wrapperParams = wrapperFn.params.split(',').map((s: string) => s.trim());
+          const wrapperCardParam = wrapperParams[0] || 'e';
+          const wrapperOptionsParam = wrapperParams[1] || '';
+          const wrapperSidebarArg = wrapperOptionsParam ? `${wrapperOptionsParam}&&${wrapperOptionsParam}.onOpenSidebar` : 'undefined';
+          const wrapperHook = `${marker}if(window.__openagentRenderToolCard){let __cl=window.__openagentRenderToolCard(${wrapperCardParam},${wrapperSidebarArg});if(__cl)return ${wrapperHtmlVar}\`\${__cl}\`}`;
+          content = content.substring(0, wrapperFn.bodyStart) + wrapperHook + content.substring(wrapperFn.bodyStart);
+          patchedWrapper = true;
+          logger.info(`[ui-ext:regex] toolcard-render: patched manual wrapper ${wrapperFn.funcName}(${wrapperFn.params.substring(0, 20)}) html=${wrapperHtmlVar}`);
+        }
       }
-      const wrapperHtmlVar = wrapperReturnTagMatch[1];
-      const wrapperParams = wrapperFn.params.split(',').map((s: string) => s.trim());
-      const wrapperCardParam = wrapperParams[0] || 'e';
-      const wrapperOptionsParam = wrapperParams[1] || '';
-      const wrapperSidebarArg = wrapperOptionsParam ? `${wrapperOptionsParam}&&${wrapperOptionsParam}.onOpenSidebar` : 'undefined';
-      const wrapperHook = `${marker}if(window.__openagentRenderToolCard){let __cl=window.__openagentRenderToolCard(${wrapperCardParam},${wrapperSidebarArg});if(__cl)return ${wrapperHtmlVar}\`\${__cl}\`}`;
-      content = content.substring(0, wrapperFn.bodyStart) + wrapperHook + content.substring(wrapperFn.bodyStart);
-      patchedWrapper = true;
-      logger.info(`[ui-ext:regex] toolcard-render: patched manual wrapper ${wrapperFn.funcName}(${wrapperFn.params.substring(0, 20)}) html=${wrapperHtmlVar}`);
     }
 
     // 4.11+ also renders tool-result messages through the grouped message
@@ -291,13 +289,13 @@ const toolcardRender: UIExtension = {
       let toolMessageOk = true;
       const toolMessageFn = findFunctionByAnchor(content, toolMessageAnchor, 8000);
       if (!toolMessageFn) {
-        logger.warn('[ui-ext:regex] toolcard-render: tool message wrapper function not found');
+        logger.warn('[ui-ext:regex] toolcard-render: tool message wrapper function not found, skipping');
         toolMessageOk = false;
       }
 
       if (toolMessageOk && (!toolMessageFn!.body.includes('chat-tool-msg-collapse--manual')
           || !toolMessageFn!.body.includes('chat-tool-msg-body'))) {
-        logger.warn('[ui-ext:regex] toolcard-render: tool message wrapper shape mismatch');
+        logger.warn('[ui-ext:regex] toolcard-render: tool message wrapper shape mismatch, skipping');
         toolMessageOk = false;
       }
 
@@ -650,11 +648,41 @@ const remoteAgentMessageShortCircuit: UIExtension = {
       return true;
     }
 
+    // Strategy D (v5.17+ fallback): search for any if-condition referencing
+    // hasToolCards alongside a role-like variable — v5.17+ may replace the
+    // ternary/compound patterns of A/B/C with a different expression shape.
+    const strategyDRe = new RegExp(
+      `if\\(!` + `([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*&&\\s*` +
+      hasToolCardsVar + `\\s*&&\\s*([a-zA-Z_$][a-zA-Z0-9_$]*)\\s*\\)`
+    );
+    const strategyDMatch = content.match(strategyDRe);
+    if (strategyDMatch) {
+      const markdownVarD = strategyDMatch[1]!;
+      const isToolResultVarD = strategyDMatch[2]!;
+      const dMatchFull = strategyDMatch[0];
+      const dIdx = strategyDMatch.index!;
+      const patched = `if(` + marker +
+        `(!` + markdownVarD + `||window.__openagentOwnsToolCards&&window.__openagentOwnsToolCards(` +
+        toolCardsVar + `))&&` + hasToolCardsVar + `&&` + isToolResultVarD + `)`;
+      content = content.substring(0, dIdx) + patched + content.substring(dIdx + dMatchFull.length);
+      writeFileSync(bundlePath, content, 'utf-8');
+      logger.info(`[ui-ext:regex] remote-agent-msg: patched (strategy D, md=${markdownVarD})`);
+      return true;
+    }
+
     // 策略B (v4.11~v4.1x fallback): compound = hasToolCards && (showToolCalls ?? !0)
     const compoundRe = new RegExp(`(\\w+)=${hasToolCardsVar}&&\\(\\w+\\.showToolCalls\\?\\?!0\\)`);
     const compoundMatch = content.match(compoundRe);
     if (!compoundMatch) {
-      logger.warn('[ui-ext:regex] remote-agent-msg: all strategies (A/C/B) failed');
+      // All strategies (A/C/D/B) failed — dump context for diagnostics
+      const anchorHintIdx = content.indexOf(hasToolCardsVar);
+      const ctxStart = anchorHintIdx > 200 ? anchorHintIdx - 200 : 0;
+      const ctxEnd = Math.min(anchorHintIdx + 200, content.length);
+      logger.warn(
+        `[ui-ext:regex] remote-agent-msg: all strategies (A/C/D/B) failed for toolCards=${toolCardsVar}. ` +
+        `Context around hasToolCardsVar (at ${anchorHintIdx}): ` +
+        content.substring(ctxStart, ctxEnd)
+      );
       return false;
     }
 
@@ -709,17 +737,18 @@ const mentionHooks: UIExtension = {
     const hookA = `${markerA}if(window.__clMention?.onKeyDown(${eventParam}))return;`;
     content = content.substring(0, keydownInsertIdx) + hookA + content.substring(keydownInsertIdx);
 
-    // 注入点 B: handleInput — 支持三种形态
+    // 注入点 B: handleInput — 四种形态兼容
     // Shape A (old):       .onDraftChange(target.value)}}
     // Shape B (4.11~4.x):  .onDraftChange(target.value)        (arrow function 内)
-    // Shape C (2026.6.x):  be=t=>{let n=t.target;pL(e,n.value)} — 引入 pL helper，
-    //                      arrow body 末尾不再出现 onDraftChange 字面
+    // Shape C (2026.6.x):  be=t=>{let n=t.target;pL(e,n.value)} — 引入 pL helper
+    // Shape D (generic):   .onDraftChange(任意.target.value) 不加结尾限制
     const inputReA = /\.onDraftChange\(([a-zA-Z_$][a-zA-Z0-9_$]*)\.value\)\}\}/;
     const inputReB = /\.onDraftChange\(([a-zA-Z_$][a-zA-Z0-9_$]*)\.value\)/;
     const inputReC = /let ([a-zA-Z_$][a-zA-Z0-9_$]*)=[a-zA-Z_$][a-zA-Z0-9_$]*\.target;[a-zA-Z_$][a-zA-Z0-9_$]*\([a-zA-Z_$][a-zA-Z0-9_$]*,\1\.value\)\}/;
+    const inputReD = /\.onDraftChange\(([a-zA-Z_$][a-zA-Z0-9_$]*)\.target\.value\)/;
 
     let inputMatch = content.match(inputReA);
-    let inputShape: 'A' | 'B' | 'C' = 'A';
+    let inputShape: 'A' | 'B' | 'C' | 'D' = 'A';
 
     if (!inputMatch) {
       inputMatch = content.match(inputReC);
@@ -729,14 +758,26 @@ const mentionHooks: UIExtension = {
       inputMatch = content.match(inputReB);
       inputShape = 'B';
     }
+    if (!inputMatch) {
+      inputMatch = content.match(inputReD);
+      inputShape = 'D';
+    }
 
     if (!inputMatch) {
-      logger.warn('[ui-ext:regex] mention-hooks: input anchor not found (Shape A/B/C all missed)');
+      // All shapes missed — dump context for diagnostics
+      const draftHintIdx = content.indexOf('.onDraftChange');
+      const ctxStart = draftHintIdx > 200 ? draftHintIdx - 200 : 0;
+      const ctxEnd = Math.min(draftHintIdx + 200, content.length);
+      logger.warn(
+        `[ui-ext:regex] mention-hooks: input anchor not found (Shape A/B/C/D all missed). ` +
+        `Context around onDraftChange (at ${draftHintIdx}): ` +
+        content.substring(ctxStart, ctxEnd)
+      );
       return false;
     }
     const targetVar = inputMatch[1];
     const inputAnchorIdx = content.indexOf(inputMatch[0]);
-    // Shape A: }} 之前；Shape C: 末尾 } 之前；Shape B: ) 之后
+    // Shape A: }} 之前；Shape C: 末尾 } 之前；Shape B/D: ) 之后
     const draftCallEnd = inputShape === 'A'
       ? inputAnchorIdx + inputMatch[0].length - 2
       : inputShape === 'C'

package/src/proxy/auth-proxy.ts

@@ -26,6 +26,15 @@ const AUTH_UPSTREAM_TIM = 'https://auth.ai-talk.live';
 const PROXY_TIMEOUT_MS = 15_000;
 const MAX_BODY_BYTES = 64 * 1024; // 64KB — tagline API body is ~100 bytes
 
+/**
+ * 获取当前 OASN access API base URL，用于解析响应中的相对路径。
+ */
+function getOasnAccessBase(): string {
+  const rt = registry.getDefault();
+  if (rt?.transportType !== 'oasn') return '';
+  return (rt.config?.accessApiBase || rt.config?.apiBase || '').replace(/\/+$/, '');
+}
+
 /**
  * 根据当前 active runtime 的 transport 类型决定上游。
  *
@@ -143,7 +152,31 @@ export function createAuthProxyHandler() {
       const contentType = upstream.headers.get('content-type');
       if (contentType) res.setHeader('Content-Type', contentType);
 
-      const buf = Buffer.from(await upstream.arrayBuffer());
+      let buf = Buffer.from(await upstream.arrayBuffer());
+
+      // Resolve OASN-relative URLs in GET invocation responses so the
+      // frontend receives absolute URLs (launch_url, content_url, etc.).
+      if (method === 'GET' && /^\/api\/invocations\/[^/]+$/.test(targetPath) && buf.length > 0) {
+        try {
+          const isJson = contentType?.includes('json');
+          if (isJson) {
+            const oasnBase = getOasnAccessBase();
+            if (oasnBase) {
+              const text = buf.toString('utf-8');
+              const resolved = text.replace(
+                /"(launch_url|content_url)":"(\/[^"]+)"/g,
+                (_m: string, key: string, path: string) => {
+                  try {
+                    return `"${key}":"${new URL(path, oasnBase).toString()}"`;
+                  } catch { return _m; }
+                },
+              );
+              buf = Buffer.from(resolved, 'utf-8');
+            }
+          }
+        } catch { /* best-effort; don't break proxy on parse errors */ }
+      }
+
       res.end(buf);
 
       logger.info(`[proxy] ${method} ${url.pathname} → ${upstream.status} (${buf.length} bytes)`);

package/src/util/url-resolver.ts

@@ -15,3 +15,47 @@ export function resolveOasnAccessUrl(accessApiBase: string | undefined, url: str
     return url;
   }
 }
+
+/**
+ * Resolve a WebUI continuation URL for user-facing browser clicks.
+ *
+ * WebUI auth is Owner-cookie based, so the clickable URL must use the same
+ * public origin as the claim/login flow. API-key calls can use an internal
+ * Access base, but browser links cannot reuse cookies across IP/domain origins.
+ */
+export function resolveOasnWebuiUrl(
+  accessApiBase: string | undefined,
+  claimUrl: string | undefined,
+  url: string,
+): string {
+  if (!url) return url;
+
+  const claimOrigin = originOf(claimUrl);
+  if (!claimOrigin || !isWebuiUrl(url, accessApiBase || claimOrigin)) {
+    return resolveOasnAccessUrl(accessApiBase, url);
+  }
+
+  try {
+    const absolute = new URL(url, accessApiBase || claimOrigin);
+    return new URL(`${absolute.pathname}${absolute.search}${absolute.hash}`, claimOrigin).toString();
+  } catch {
+    return resolveOasnAccessUrl(accessApiBase, url);
+  }
+}
+
+function originOf(value: string | undefined): string | undefined {
+  if (!value) return undefined;
+  try {
+    return new URL(value).origin;
+  } catch {
+    return undefined;
+  }
+}
+
+function isWebuiUrl(url: string, base: string): boolean {
+  try {
+    return new URL(url, base).pathname.startsWith('/webui/');
+  } catch {
+    return false;
+  }
+}