ibc-ai-web-sdk 2.0.4 → 2.0.5

package/dist/index.umd.js

@@ -386,8 +386,25 @@
       if (conversationId) payload.conversationId = conversationId;
       const attachmentIds = options.attachmentIds || this.normalizeAttachmentIds(options.attachments);
       if (attachmentIds.length > 0) payload.attachmentIds = attachmentIds;
-      const bizParams = options.bizParams || options.extendInfo || this.config.extendInfo;
-      if (bizParams) payload.bizParams = typeof bizParams === 'string' ? bizParams : JSON.stringify(bizParams);
+      let bizParams = options.bizParams || options.extendInfo || this.config.extendInfo;
+      if (bizParams) {
+        if (typeof bizParams === 'string') {
+          try {
+            bizParams = JSON.parse(bizParams);
+          } catch (e) {
+            bizParams = {};
+          }
+        }
+      } else {
+        bizParams = {};
+      }
+      // P3: 将页面上下文合并到 bizParams（contextMode='bizParams' 时由 dialog 传入）
+      if (options.context) {
+        Object.assign(bizParams, options.context);
+      }
+      if (Object.keys(bizParams).length > 0) {
+        payload.bizParams = JSON.stringify(bizParams);
+      }
       return payload;
     }
     normalizeAttachmentIds(attachments) {
@@ -3570,7 +3587,7 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
    * 样式与功能完全对齐 Vue 版本（1:1 复刻）
    * 
    * @author IBC AI Team
-   * @version 2.1.0
+   * @version 2.0.5
    */
 
 
@@ -3661,6 +3678,8 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       this._runtimeEventsContainerEl = null;
       this._runtimeStatusEl = null;
       this._runtimeCountEl = null;
+      // P3: 页面上下文数据（宿主页面选中的数据）
+      this._context = {};
 
       // ====== 默认主题配置（与 themes.js DEFAULT_THEME 完全一致） ======
       this._themeVars = {
@@ -3747,6 +3766,8 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       if (this._handleOffline) window.removeEventListener('offline', this._handleOffline);
       // P2-17: 清理resize监听
       if (this._handleResize) window.removeEventListener('resize', this._handleResize);
+      // P0: 清理拖拽事件监听
+      this._cleanupDragListeners();
       // 暂停后台Token刷新定时器（detach时停止，re-attach时由connectedCallback恢复）
       if (this._chatClient) {
         this._chatClient.stopBackgroundRefresh();
@@ -3898,6 +3919,14 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
         authFn: null,
         onLoad: null,
         onError: null,
+        // P3: 发送前回调 - 每发消息前调用，可返回最新页面上下文（与 setContext 合并，此回调结果优先）
+        onBeforeSend: null,
+        // P3: 上下文注入方式 — 'prompt'=拼到用户消息前面（默认）, 'bizParams'=注入到 bizParams JSON 中
+        contextMode: 'prompt',
+        // P4: 调试模式 - 开启后 console 打印请求/响应/SSE/上下文合并全过程
+        debug: false,
+        // P4: 自定义消息操作按钮 — 返回数组 [{label, className?, onClick}] 在 AI 消息下方渲染
+        onMessageActions: null,
         suggestions: [{
           label: '帮我购买一台轻量应用服务器用于部署应用',
           value: '帮我购买一台轻量应用服务器用于部署应用'
@@ -3911,6 +3940,11 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       this._chatClient = new AIChatClient(this._config);
       if (this._conversationId) this._chatClient.setConversationId(this._conversationId);
       this.applyConfig();
+      // P1-2 fix: 在 _config 就绪后初始化拖拽，以正确读取 enableDrag
+      if (this._config?.enableDrag !== false && this.getAttribute('mode') !== 'inline' && !this._dragInitialized) {
+        this.initDraggable();
+      }
+      this._debugLog('初始化完成', 'appId=' + this._config.appId, 'userId=' + this._config.userId, 'baseUrl=' + this._config.apiBaseUrl, 'debug=' + !!this._config.debug, 'contextMode=' + (this._config.contextMode || 'prompt'));
       this.loadAppDetail();
       // 触发 onLoad 回调（与Vue版一致）
       if (this._config?.onLoad) this._config.onLoad(this);
@@ -3997,6 +4031,44 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       return this;
     }
 
+    /**
+     * 设置页面上下文数据（宿主页面选中的数据，随每次请求发送）
+     * @param {Object} context - 上下文数据对象，传 null 清空
+     * @returns {this}
+     */
+    setContext(context) {
+      this._context = context && typeof context === 'object' ? {
+        ...context
+      } : {};
+      return this;
+    }
+
+    /**
+     * 获取当前上下文数据
+     * @returns {Object}
+     */
+    getContext() {
+      return {
+        ...this._context
+      };
+    }
+
+    /**
+     * 外部触发表态发送（业务层主动调用，如点击外部按钮触发 AI 请求）
+     * @param {string} text - 要发送的消息内容
+     * @returns {this}
+     */
+    send(text) {
+      const content = String(text || '').trim();
+      if (!content) return this;
+      if (this._input) this._input.value = content;
+      this._autoResizeInput();
+      this._updateSendButtonState();
+      this._lastSendTime = 0; // 跳过防抖，外部触发视为独立操作
+      this.handleSend();
+      return this;
+    }
+
     // ==================== 显示/隐藏 ====================
 
     showDialog() {
@@ -4632,6 +4704,19 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
     color: var(--ai-success);
     background: rgba(16, 185, 129, 0.08);
   }
+  /* P4: 自定义操作按钮（文本标签型，宽度自适应） */
+  .action-icon.custom-action-btn {
+    width: auto;
+    padding: 4px 10px;
+    font-size: 12px;
+    font-weight: 500;
+    white-space: nowrap;
+  }
+  .action-icon.custom-action-btn:hover {
+    color: #fff;
+    background: var(--ai-primary);
+    transform: translateY(-1px);
+  }
 
   /* ========== 底部输入框（与Vue .dialog-footer 一致） ========== */
   .dialog-footer {
@@ -5212,8 +5297,8 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
           });
         }
 
-        // 拖拽（内嵌模式禁用）
-        if (this._dialog && this._config?.enableDrag !== false && this.getAttribute('mode') !== 'inline') this.initDraggable();
+        // 拖拽（内嵌模式禁用）— 由 init() 在 _config 就绪后触发
+        // initDraggable 延迟到 init() 中执行以免 _config 为空
       });
     }
 
@@ -5266,59 +5351,97 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
     initDraggable() {
       const header = this.shadowRoot?.querySelector('.dialog-header');
       if (!header) return;
+
+      // 清理上一次遗留的 document 级监听（SPA 路由切换场景）
+      this._cleanupDragListeners();
+      const self = this;
       const startDrag = (clientX, clientY) => {
         // P2-17: 移动端禁用拖拽（与Vue版 startTouchDrag: if(isExpanded || isMobile) return 一致）
-        if (this._isExpanded || this._isMobile) return;
-        this._isDragging = true;
-        this._dialog.classList.add('dragging');
-        const rect = this._dialog.getBoundingClientRect();
-        this._dragStartX = clientX - rect.left;
-        this._dragStartY = clientY - rect.top;
+        if (self._isExpanded || self._isMobile) return;
+        self._isDragging = true;
+        self._dialog.classList.add('dragging');
+        const rect = self._dialog.getBoundingClientRect();
+        self._dragStartX = clientX - rect.left;
+        self._dragStartY = clientY - rect.top;
       };
       const onDrag = (clientX, clientY) => {
-        if (!this._isDragging) return;
-        this._dialogX = clientX - this._dragStartX;
-        this._dialogY = clientY - this._dragStartY;
-        this._dialog.style.left = this._dialogX + 'px';
-        this._dialog.style.right = 'auto';
-        this._dialog.style.top = this._dialogY + 'px';
-        this._dialog.style.bottom = 'auto';
+        if (!self._isDragging) return;
+        self._dialogX = clientX - self._dragStartX;
+        self._dialogY = clientY - self._dragStartY;
+        self._dialog.style.left = self._dialogX + 'px';
+        self._dialog.style.right = 'auto';
+        self._dialog.style.top = self._dialogY + 'px';
+        self._dialog.style.bottom = 'auto';
       };
       const stopDrag = () => {
-        if (this._isDragging) {
-          this._isDragging = false;
-          this._dialog.classList.remove('dragging');
+        if (self._isDragging) {
+          self._isDragging = false;
+          self._dialog.classList.remove('dragging');
         }
       };
 
-      // 鼠标事件（桌面端）
-      header.addEventListener('mousedown', e => {
+      // 鼠标事件（桌面端）— 保存引用以便清理
+      this._dragMouseDownHandler = e => {
         if (e.target.closest('button, .header-icon')) return;
         startDrag(e.clientX, e.clientY);
         e.preventDefault();
-      });
-      document.addEventListener('mousemove', e => {
+      };
+      this._dragMouseMoveHandler = e => {
         onDrag(e.clientX, e.clientY);
-      });
-      document.addEventListener('mouseup', stopDrag);
+      };
+      this._dragMouseUpHandler = stopDrag;
+      header.addEventListener('mousedown', this._dragMouseDownHandler);
+      document.addEventListener('mousemove', this._dragMouseMoveHandler);
+      document.addEventListener('mouseup', this._dragMouseUpHandler);
 
       // P1-7: 触摸事件（移动端，与Vue版一致）
-      header.addEventListener('touchstart', e => {
-        if (this._isExpanded) return;
+      this._dragTouchStartHandler = e => {
+        if (self._isExpanded) return;
         if (e.target.closest('button, .header-icon')) return;
         const touch = e.touches[0];
         startDrag(touch.clientX, touch.clientY);
-      }, {
-        passive: true
-      });
-      document.addEventListener('touchmove', e => {
-        if (!this._isDragging) return;
+      };
+      this._dragTouchMoveHandler = e => {
+        if (!self._isDragging) return;
         const touch = e.touches[0];
         onDrag(touch.clientX, touch.clientY);
-      }, {
+      };
+      this._dragTouchEndHandler = stopDrag;
+      header.addEventListener('touchstart', this._dragTouchStartHandler, {
         passive: true
       });
-      document.addEventListener('touchend', stopDrag);
+      document.addEventListener('touchmove', this._dragTouchMoveHandler, {
+        passive: true
+      });
+      document.addEventListener('touchend', this._dragTouchEndHandler);
+      this._dragInitialized = true;
+    }
+
+    // P0: 清理拖拽事件监听（SPA disconnectedCallback / re-init 调用）
+    _cleanupDragListeners() {
+      if (this._dragMouseDownHandler) {
+        const header = this.shadowRoot?.querySelector('.dialog-header');
+        if (header) {
+          header.removeEventListener('mousedown', this._dragMouseDownHandler);
+          header.removeEventListener('touchstart', this._dragTouchStartHandler, {
+            passive: true
+          });
+        }
+        this._dragMouseDownHandler = null;
+        this._dragTouchStartHandler = null;
+      }
+      if (this._dragMouseMoveHandler) {
+        document.removeEventListener('mousemove', this._dragMouseMoveHandler);
+        document.removeEventListener('touchmove', this._dragTouchMoveHandler, {
+          passive: true
+        });
+        document.removeEventListener('mouseup', this._dragMouseUpHandler);
+        document.removeEventListener('touchend', this._dragTouchEndHandler);
+        this._dragMouseMoveHandler = null;
+        this._dragTouchMoveHandler = null;
+        this._dragMouseUpHandler = null;
+        this._dragTouchEndHandler = null;
+      }
     }
     applyConfig() {
       if (!this._config) return;
@@ -5483,11 +5606,12 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
            <div class="message-content">
              ${hasRuntimeEvents ? this._buildRuntimePanel(msg, idx) : ''}
              ${bubbleContent ? `<div class="${bubbleClass}">${bubbleContent}</div>` : ''}
-             ${!msg._isStreaming ? `<div class="message-actions-bar">
-              ${msg.type === 'ai' ? `<div class="action-icons">
-                <span class="action-icon copy-btn${msg.copied ? ' copied' : ''}" data-idx="${idx}" title="${msg.copied ? '已复制' : '复制'}">${msg.copied ? '<svg viewBox="0 0 24 24" fill="none" stroke-width="2"><path d="m20 6-11 11-5-5"/></svg>' : '<svg viewBox="0 0 24 24" fill="none" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>'}</span>
-                <span class="action-icon regenerate-btn" data-idx="${idx}" title="重新回答"><svg viewBox="0 0 24 24" fill="none" stroke-width="2"><path d="M21 12a9 9 0 1 1-2.64-6.36"/><path d="M21 3v6h-6"/></svg></span>
-              </div>` : ''}
+              ${!msg._isStreaming ? `<div class="message-actions-bar">
+               ${msg.type === 'ai' ? `<div class="action-icons">
+                 <span class="action-icon copy-btn${msg.copied ? ' copied' : ''}" data-idx="${idx}" title="${msg.copied ? '已复制' : '复制'}">${msg.copied ? '<svg viewBox="0 0 24 24" fill="none" stroke-width="2"><path d="m20 6-11 11-5-5"/></svg>' : '<svg viewBox="0 0 24 24" fill="none" stroke-width="2"><rect x="9" y="9" width="13" height="13" rx="2"/><path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"/></svg>'}</span>
+                 <span class="action-icon regenerate-btn" data-idx="${idx}" title="重新回答"><svg viewBox="0 0 24 24" fill="none" stroke-width="2"><path d="M21 12a9 9 0 1 1-2.64-6.36"/><path d="M21 3v6h-6"/></svg></span>
+                 ${this._buildCustomActions(msg, idx)}
+               </div>` : ''}
             </div>` : ''}
           </div>
         </div>`;
@@ -5517,6 +5641,24 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
           });
         });
 
+        // P4: 绑定自定义操作按钮
+        this._body.querySelectorAll('.custom-action-btn').forEach(btn => {
+          btn.addEventListener('click', () => {
+            const idx = parseInt(btn.dataset.idx);
+            const actionIdx = parseInt(btn.dataset.action);
+            const msg = this._messages[idx];
+            if (!msg) return;
+            try {
+              const actions = this._getCustomActions(msg, idx);
+              if (actions && actions[actionIdx]) {
+                actions[actionIdx].onClick(msg.content);
+              }
+            } catch (e) {
+              console.warn('[AIChatDialog] 自定义操作按钮执行失败:', e);
+            }
+          });
+        });
+
         // 绑定执行过程面板折叠/展开（Shadow DOM 下 inline onclick 不可靠）
         this._body.querySelectorAll('.runtime-header').forEach(header => {
           header.addEventListener('click', () => {
@@ -5769,7 +5911,7 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
         this.showToast(this._config?.emptyMessageError || '请输入消息内容');
         return;
       }
-      if (this._isLoading) return;
+      if (this._isLoading || this._streaming) return;
 
       // P1-11: 字数限制检查
       const maxLen = this._config?.maxLength ?? 500;
@@ -5825,8 +5967,47 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
             attachmentIds.push(res.data.attachmentId);
           }
         }
-        await this.sendMessageToAI(content || attachmentText, {
-          attachmentIds
+
+        // P3: 收集页面上下文（setContext + onBeforeSend）
+        let context = {
+          ...(this._context || {})
+        };
+        if (typeof this._config?.onBeforeSend === 'function') {
+          try {
+            const dynamicCtx = await this._config.onBeforeSend();
+            if (dynamicCtx && typeof dynamicCtx === 'object') {
+              context = {
+                ...context,
+                ...dynamicCtx
+              };
+            }
+          } catch (e) {
+            console.warn('[AIChatDialog] onBeforeSend 执行失败:', e);
+          }
+        }
+        const hasContext = context && Object.keys(context).length > 0;
+        const rawMode = this._config?.contextMode;
+        const VALID_CONTEXT_MODES = ['prompt', 'bizParams'];
+        const contextMode = VALID_CONTEXT_MODES.includes(rawMode) ? rawMode : rawMode ? (console.warn('[AIChatDialog] 无效的 contextMode: "' + rawMode + '"，已回退为 "prompt"（有效值: ' + VALID_CONTEXT_MODES.join(', ') + '）'), 'prompt') : 'prompt';
+        let finalPrompt = content || attachmentText;
+        let contextForBizParams = null;
+        if (hasContext) {
+          this._debugLog('上下文合并', 'keys=', Object.keys(context), 'mode=', contextMode);
+          if (contextMode === 'bizParams') {
+            // 注入到 bizParams
+            contextForBizParams = context;
+          } else {
+            // 默认：拼到 prompt 前面
+            const ctxText = this._formatContextText(context);
+            if (ctxText) {
+              finalPrompt = ctxText + '\n---\n' + finalPrompt;
+            }
+          }
+        }
+        this._debugLog('发送', 'prompt=' + (finalPrompt || '').substring(0, 150) + (finalPrompt && finalPrompt.length > 150 ? '...' : ''), 'ctxKeys=' + Object.keys(contextForBizParams || context || {}).join(','), 'mode=' + contextMode);
+        await this.sendMessageToAI(finalPrompt, {
+          attachmentIds,
+          context: contextForBizParams
         });
       } catch (err) {
         console.error('[AIChatDialog] Error:', err);
@@ -5860,6 +6041,7 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
           ...(options.streamOptions || {})
         };
         if (options.attachmentIds?.length) streamOpts.attachmentIds = options.attachmentIds;
+        if (options.context) streamOpts.context = options.context;
         await this._directApiCallStream(msgId, content, streamOpts);
       }
     }
@@ -5917,6 +6099,10 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       if (!this._chatClient) {
         this._chatClient = new AIChatClient(this._config || {});
       }
+      if (this._config?.debug) {
+        this._chatClient.config.debug = true;
+      }
+      this._debugLog('Stream开始', 'msgId=' + msgId, 'content=' + (content || '').substring(0, 80), 'opts=' + JSON.stringify(requestOptions));
       if (Object.prototype.hasOwnProperty.call(requestOptions, 'conversationId')) {
         this._chatClient.setConversationId(requestOptions.conversationId || null);
       } else if (this._conversationId) {
@@ -6035,6 +6221,7 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
           }
         }, requestOptions);
         if (response?.success) {
+          this._debugLog('Stream完成', 'ok, conversationId=' + (response.data?.conversationId || this._conversationId), 'textLen=' + streamText.length);
           if (response.data?.conversationId) {
             this._conversationId = response.data.conversationId;
           } else if (this._chatClient.conversationId) {
@@ -6047,6 +6234,7 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
             streamText = result;
           }
         } else {
+          this._finalizeMsg(msgId, streamText || '(无回复)');
           return;
         }
         this._finalizeMsg(msgId, streamText || '(无回复)');
@@ -6057,12 +6245,14 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
         }));
         if (this._config?.onMessageReceived) this._config.onMessageReceived(streamText);
       } catch (e) {
+        this._debugWarn('Stream异常', e.name + ': ' + (e.message || ''));
         if (e.name === 'AbortError') {
           this._updateMsg(msgId, '(请求超时或已取消)');
         } else {
           console.error('[AIChatDialog] 流式失败:', e);
           this._updateMsg(msgId, '网络错误: ' + (e.message || '请检查连接'));
         }
+        this._finalizeMsg(msgId, this._messages.find(m => m.id === msgId)?.content || '(无回复)');
       }
     }
     _getStreamTextEl() {
@@ -6186,6 +6376,27 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       return this._ERROR_CONTENT_PATTERNS.some(p => content.startsWith(p));
     }
 
+    // P3: 将上下文对象格式化为可读文本（拼入 prompt 前缀）
+    _formatContextText(context) {
+      if (!context || typeof context !== 'object') return '';
+      const lines = ['[页面上下文]'];
+      for (const key in context) {
+        if (!Object.prototype.hasOwnProperty.call(context, key)) continue;
+        const val = context[key];
+        if (Array.isArray(val) && val.length > 0 && typeof val[0] === 'object') {
+          lines.push(key + ':');
+          for (const item of val) {
+            lines.push('  - ' + Object.values(item).join(' | '));
+          }
+        } else if (typeof val === 'object' && val !== null) {
+          lines.push(key + ': ' + JSON.stringify(val));
+        } else {
+          lines.push(key + ': ' + val);
+        }
+      }
+      return lines.join('\n');
+    }
+
     // 运行时事件管理 – incremental DOM, no renderMessages
     _addRuntimeEvent(msgId, event) {
       const idx = this._messages.findIndex(m => m.id === msgId);
@@ -6280,6 +6491,30 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       panel.appendChild(eventsContainer);
       return panel;
     }
+
+    // P4: 获取自定义操作按钮列表（缓存结果避免重复调用 onMessageActions）
+    _getCustomActions(msg, idx) {
+      const key = '_customActions_' + idx;
+      if (!msg[key] && typeof this._config?.onMessageActions === 'function') {
+        try {
+          msg[key] = this._config.onMessageActions(msg, idx) || [];
+        } catch (e) {
+          console.warn('[AIChatDialog] onMessageActions 执行失败:', e);
+          msg[key] = [];
+        }
+      }
+      return msg[key] || [];
+    }
+
+    // P4: 生成自定义操作按钮 HTML
+    _buildCustomActions(msg, idx) {
+      const actions = this._getCustomActions(msg, idx);
+      if (!actions.length) return '';
+      return actions.map((a, i) => {
+        const cls = a.className || '';
+        return '<span class="action-icon custom-action-btn' + (cls ? ' ' + this.escapeAttr(cls) : '') + '" data-idx="' + idx + '" data-action="' + i + '" title="' + this.escapeAttr(a.label) + '">' + this.escapeHtml(a.label) + '</span>';
+      }).join('');
+    }
     _buildRuntimePanel(msg, msgIdx) {
       const events = msg._runtimeEvents || [];
       if (events.length === 0) return '';
@@ -6316,7 +6551,7 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
     // ==================== 重新生成（与Vue regenerate 一致） ====================
 
     async regenerate(index) {
-      if (this._isLoading) return;
+      if (this._isLoading || this._streaming) return;
       const aiMessage = this._messages[index];
       if (!aiMessage || aiMessage.type !== 'ai') return;
       let userQuestion = '';
@@ -6504,6 +6739,20 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       const n = new Date();
       return `${String(n.getHours()).padStart(2, '0')}:${String(n.getMinutes()).padStart(2, '0')}`;
     }
+
+    /**
+     * 调试日志（仅在 config.debug === true 时输出）
+     */
+    _debugLog(tag, ...args) {
+      if (this._config?.debug) {
+        console.log('%c[AI-SDK]%c ' + tag, 'color:#2563eb;font-weight:600', 'color:inherit', ...args);
+      }
+    }
+    _debugWarn(tag, ...args) {
+      if (this._config?.debug) {
+        console.warn('%c[AI-SDK]%c ' + tag, 'color:#f59e0b;font-weight:600', 'color:inherit', ...args);
+      }
+    }
     escapeHtml(s) {
       if (!s) return '';
       const d = document.createElement('div');
@@ -6594,7 +6843,7 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
    * 支持任意前端框架：Vue, React, Angular, 原生HTML等
    * 
    * @author IBC AI Team
-   * @version 2.0.4
+   * @version 2.0.5
    */
 
 
@@ -6811,12 +7060,10 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
       },
       sendMessage: content => {
         if (dialogRef.current) {
-          const input = dialogRef.current.shadowRoot?.querySelector('.ai-textarea');
+          const input = dialogRef.current.shadowRoot?.querySelector('.message-input');
           if (input) {
-            input.value = content;
-            input.dispatchEvent(new Event('input'));
+            dialogRef.current.send?.(content) || (input.value = content, input.dispatchEvent(new Event('input')), dialogRef.current.shadowRoot?.querySelector('.send-btn')?.click());
           }
-          dialogRef.current.handleSend?.() || dialogRef.current.shadowRoot?.querySelector('.ai-send-btn')?.click();
         }
       },
       clearMessages: () => {
@@ -6837,14 +7084,14 @@ Please report this to https://github.com/markedjs/marked.`,e){let s="<p>An error
     createAIChatDialog,
     installVuePlugin,
     useAIChat,
-    version: '2.0.4'
+    version: '2.0.5'
   };
 
   // 全局暴露（UMD/浏览器环境）
   if (typeof window !== 'undefined') {
     window.AICreateChatDialog = createAIChatDialog;
     window.AIWebSDK = {
-      version: '2.0.4',
+      version: '2.0.5',
       create: createAIChatDialog,
       AIChatDialog,
       AIChatClient,