ibc-ai-web-sdk 2.0.1 → 2.0.3

package/dist/index.esm.js

@@ -1,22 +1,3 @@
-// 机器人图标 - 内联轻量 SVG（尺寸 ~900 bytes，替换原 1.9MB 的 base64 GIF）
-// 设计为圆形类属色背景 + 白色几何机器人脸，适配 border-radius 截切
-var robotIcon = 'data:image/svg+xml,' + encodeURIComponent(`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
-  <defs>
-    <linearGradient id="g" x1="0" y1="0" x2="1" y2="1">
-      <stop offset="0%" stop-color="#2563eb"/>
-      <stop offset="100%" stop-color="#7c3aed"/>
-    </linearGradient>
-  </defs>
-  <circle cx="50" cy="50" r="50" fill="url(#g)"/>
-  <rect x="24" y="36" width="14" height="14" rx="4" fill="#fff" opacity=".9"/>
-  <rect x="62" y="36" width="14" height="14" rx="4" fill="#fff" opacity=".9"/>
-  <circle cx="28" cy="40" r="3.5" fill="#2563eb"/>
-  <circle cx="66" cy="40" r="3.5" fill="#2563eb"/>
-  <rect x="38" y="26" width="4" height="10" rx="2" fill="#fff" opacity=".8"/>
-  <circle cx="40" cy="24" r="5" fill="#fff" opacity=".7"/>
-  <path d="M36 62 Q50 76 64 62" fill="none" stroke="#fff" stroke-width="3" stroke-linecap="round" opacity=".8"/>
-</svg>`);
-
 /**
  * 错误码常量
  * 统一定义所有错误码，方便维护
@@ -648,8 +629,9 @@ class AIChatClient {
       return;
     }
     if (MESSAGE_EVENTS.has(event)) {
-      if (!data || isRuntimePlaceholder(data) || this.isEventLike(data)) return;
-      handlers.onMessage?.(data);
+      // 后端通过空 data 块表示逻辑换行，空字符串需保留传递给上层处理
+      if (isRuntimePlaceholder(data) || this.isEventLike(data)) return;
+      handlers.onMessage?.(data || '\n');
       return;
     }
     if (DONE_EVENTS.has(event)) {
@@ -3680,16 +3662,6 @@ class AIChatDialog extends HTMLElement {
     padding: 0 0 18px;
   }
   .welcome-content { margin-bottom: 0; width: 100%; }
-  /* 欢迎页图标（与Vue一致：使用img而非emoji） */
-  .welcome-icon {
-    width: 52px;
-    height: auto;
-    margin-bottom: 12px;
-    opacity: 1;
-    animation: none;
-    border-radius: 999px;
-    box-shadow: 0 8px 26px rgba(15, 23, 42, 0.08);
-  }
   @keyframes floatUp { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
 
   /* 欢迎标题 - 渐变品牌色 */
@@ -4207,9 +4179,11 @@ class AIChatDialog extends HTMLElement {
     color: var(--ai-primary);
     background: rgba(37, 99, 235, 0.08);
   }
+  .input-tool.attach-tool { display: none; }
 
   /* 发送按钮（与Vue .send-btn 完全一致，含光泽动画）*/
   .send-btn {
+    margin-left: auto;
     flex-shrink: 0;
     width: 28px;
     height: 28px;
@@ -4294,8 +4268,6 @@ class AIChatDialog extends HTMLElement {
     box-shadow: 0 10px 24px rgba(15, 23, 42, 0.14);
   }
   .float-button:hover::before { opacity: 1; animation-play-state: initial; }
-  .float-icon { width: 24px; height: auto; transition: none; border-radius: 50%; }
-  .float-button:hover .float-icon { transform: none; }
 
   /* 错误提示toast */
   .error-toast {
@@ -4515,7 +4487,6 @@ class AIChatDialog extends HTMLElement {
     .message-list { gap: 9px; }
     .message-item { max-width: 100%; width: 100%; }
     .message-bubble { padding: 11px 15px; font-size: 14px; }
-    .welcome-icon { width: 48px; margin-bottom: 10px; }
     .welcome-text { font-size: 22px; line-height: 1.3; margin-bottom: 9px; }
     .welcome-desc { font-size: 13px; line-height: 1.55; margin-bottom: 18px; }
     .quick-suggestions { gap: 10px; margin-top: 0; }
@@ -4526,7 +4497,6 @@ class AIChatDialog extends HTMLElement {
     .message-input { font-size: 16px; padding: 10px 12px 6px; min-height: 44px; }
     .send-btn { width: 28px; height: 28px; }
     .float-button { height: 42px; min-width: 96px; }
-    .float-icon { width: 22px; }
     .action-icon { width: 30px; height: 30px; }
   }
 
@@ -4612,9 +4582,7 @@ class AIChatDialog extends HTMLElement {
   </div>
 
   <!-- 悬浮按钮 -->
-  <div class="float-button" id="floatBtn" title="打开AI助手">
-    <img class="float-icon" src="${robotIcon}" alt="打开AI助手" />
-  </div>
+  <div class="float-button" id="floatBtn" title="打开AI助手"></div>
 </div>
 `;
 
@@ -4915,7 +4883,6 @@ class AIChatDialog extends HTMLElement {
       this._body.innerHTML = `
         <div class="empty-state">
           <div class="welcome-content">
-            <img class="welcome-icon" src="${robotIcon}" alt="AI助手" />
             <p class="welcome-text">${this.escapeHtml(this._config?.welcomeText || '您好！我是 AI 智能助理')}</p>
             <p class="welcome-desc">${this.escapeHtml(this._config?.welcomeDesc || '我可以帮您解答系统使用问题')}</p>
             ${chipsHtml}
@@ -5379,6 +5346,7 @@ class AIChatDialog extends HTMLElement {
       const response = await this._chatClient.sendMessageStream(content, {
         onMessage: chunk => {
           if (!this._isPlaceholder(chunk) && !this._isEventLike(chunk)) {
+            if (!chunk) chunk = '\n';
             streamText += chunk;
             this._updateMsg(msgId, streamText);
           }
@@ -5614,6 +5582,7 @@ class AIChatDialog extends HTMLElement {
   // 运行时占位符过滤（对齐 portal）
   _isPlaceholder(text) {
     if (!text || typeof text !== 'string') return false;
+    if (text === '\n' || text === '\n\n') return false;
     const p = text.trim();
     if (!p) return true;
     return RUNTIME_PLACEHOLDERS.some(k => p.includes(k));
@@ -6009,6 +5978,9 @@ class AIChatDialog extends HTMLElement {
   parseMarkdown(text) {
     if (!text) return '';
     try {
+      // 逐行规范化标题：确保 # 后跟空格（如 "####4.2" → "#### 4.2"）
+      const lines = text.split('\n');
+      text = lines.map(line => line.replace(/^(\s{0,3}#{1,6})([^\s#].*)$/, '$1 $2')).join('\n');
       // marked 解析 markdown
       const rawHtml = g.parse(text);
       // DOMPurify 净化HTML（防止XSS攻击）