tabby-ai-assistant 1.0.11 → 1.0.12

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabby-ai-assistant",
-    "version": "1.0.11",
+    "version": "1.0.12",
     "description": "Tabby终端AI助手插件 - 支持多AI提供商（OpenAI、Anthropic、Minimax、GLM、Ollama、vLLM）",
     "main": "dist/index.js",
     "typings": "dist/index.d.ts",

package/src/services/chat/ai-sidebar.service.ts

@@ -16,7 +16,7 @@ export interface AiSidebarConfig {
 
 /**
  * AI Sidebar 服务 - 管理 AI 聊天侧边栏的生命周期
- * 
+ *
  * 采用 Flexbox 布局方式，将 sidebar 插入到 app-root 作为第一个子元素，
  * app-root 变为水平 flex 容器，sidebar 在左侧
  */

package/src/services/core/toast.service.ts

@@ -15,9 +15,79 @@ export class ToastService {
 
     show(type: ToastMessage['type'], message: string, duration = 3000): void {
         const id = `toast-${Date.now()}`;
+
+        // 确保容器存在
+        let container = document.getElementById('ai-toast-container');
+        if (!container) {
+            container = document.createElement('div');
+            container.id = 'ai-toast-container';
+            container.className = 'ai-toast-container';
+            container.style.cssText = `
+                position: fixed;
+                bottom: 20px;
+                right: 20px;
+                z-index: 99999;
+                display: flex;
+                flex-direction: column;
+                gap: 10px;
+                pointer-events: none;
+            `;
+            document.body.appendChild(container);
+        }
+
+        // 创建 Toast 元素
+        const toast = document.createElement('div');
+        toast.id = id;
+        toast.className = `ai-toast ai-toast-${type}`;
+        toast.style.cssText = `
+            padding: 12px 16px;
+            border-radius: 8px;
+            color: white;
+            font-size: 14px;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            animation: toastSlideIn 0.3s ease;
+            cursor: pointer;
+            box-shadow: 0 4px 12px rgba(0,0,0,0.3);
+            pointer-events: auto;
+            min-width: 200px;
+            max-width: 350px;
+            ${type === 'success' ? 'background: linear-gradient(135deg, #22c55e, #16a34a);' : ''}
+            ${type === 'error' ? 'background: linear-gradient(135deg, #ef4444, #dc2626);' : ''}
+            ${type === 'warning' ? 'background: linear-gradient(135deg, #f59e0b, #d97706);' : ''}
+            ${type === 'info' ? 'background: linear-gradient(135deg, #3b82f6, #2563eb);' : ''}
+        `;
+
+        const icon = type === 'success' ? '✓' : type === 'error' ? '✗' : type === 'warning' ? '⚠' : 'ℹ';
+        toast.innerHTML = `<span style="font-size: 16px;">${icon}</span><span>${message}</span>`;
+
+        toast.onclick = () => {
+            this.removeToast(toast);
+        };
+
+        container.appendChild(toast);
+
+        // 自动消失
+        setTimeout(() => {
+            this.removeToast(toast);
+        }, duration);
+
+        // 发射事件（兼容现有订阅）
         this.toastSubject.next({ id, type, message, duration });
     }
 
+    private removeToast(toast: HTMLElement): void {
+        if (toast && toast.parentNode) {
+            toast.style.animation = 'toastSlideOut 0.3s ease forwards';
+            setTimeout(() => {
+                if (toast.parentNode) {
+                    toast.remove();
+                }
+            }, 300);
+        }
+    }
+
     success(message: string, duration = 3000): void {
         this.show('success', message, duration);
     }

package/src/styles/ai-assistant.scss

@@ -438,4 +438,27 @@
     .modal-backdrop {
         background-color: rgba(0, 0, 0, 0.3) !important;
     }
+}
+
+// Toast 动画
+@keyframes toastSlideIn {
+    from {
+        transform: translateX(100%);
+        opacity: 0;
+    }
+    to {
+        transform: translateX(0);
+        opacity: 1;
+    }
+}
+
+@keyframes toastSlideOut {
+    from {
+        transform: translateX(0);
+        opacity: 1;
+    }
+    to {
+        transform: translateX(100%);
+        opacity: 0;
+    }
 }