tabby-ai-assistant 1.0.5 → 1.0.6

package/src/components/settings/provider-config.component.ts

@@ -12,6 +12,9 @@ export class ProviderConfigComponent implements OnInit {
     @Output() refreshStatus = new EventEmitter<void>();
     @Output() switchProvider = new EventEmitter<string>();
 
+    // 暴露 Object 给模板使用
+    Object = Object;
+
     selectedProvider = '';
     configs: { [key: string]: any } = {};
 
@@ -23,7 +26,7 @@ export class ProviderConfigComponent implements OnInit {
             fields: [
                 { key: 'apiKey', label: 'API Key', type: 'password', required: true },
                 { key: 'baseURL', label: 'Base URL', type: 'text', default: 'https://api.openai.com/v1', required: false },
-                { key: 'model', label: 'Model', type: 'select', options: ['gpt-4', 'gpt-3.5-turbo'], default: 'gpt-4', required: false }
+                { key: 'model', label: 'Model', type: 'text', default: 'gpt-4', required: false, placeholder: '例如: gpt-4, gpt-4-turbo, gpt-3.5-turbo' }
             ]
         },
         'anthropic': {
@@ -32,7 +35,7 @@ export class ProviderConfigComponent implements OnInit {
             fields: [
                 { key: 'apiKey', label: 'API Key', type: 'password', required: true },
                 { key: 'baseURL', label: 'Base URL', type: 'text', default: 'https://api.anthropic.com', required: false },
-                { key: 'model', label: 'Model', type: 'select', options: ['claude-3-opus', 'claude-3-sonnet'], default: 'claude-3-sonnet', required: false }
+                { key: 'model', label: 'Model', type: 'text', default: 'claude-3-sonnet-20240229', required: false, placeholder: '例如: claude-3-opus, claude-3-sonnet' }
             ]
         },
         'minimax': {
@@ -41,7 +44,7 @@ export class ProviderConfigComponent implements OnInit {
             fields: [
                 { key: 'apiKey', label: 'API Key', type: 'password', required: true },
                 { key: 'baseURL', label: 'Base URL', type: 'text', default: 'https://api.minimaxi.com/anthropic', required: false },
-                { key: 'model', label: 'Model', type: 'select', options: ['MiniMax-M2', 'MiniMax-M2-Stable'], default: 'MiniMax-M2', required: false }
+                { key: 'model', label: 'Model', type: 'text', default: 'MiniMax-M2', required: false, placeholder: '例如: MiniMax-M2, MiniMax-M2.1' }
             ]
         },
         'glm': {
@@ -50,7 +53,7 @@ export class ProviderConfigComponent implements OnInit {
             fields: [
                 { key: 'apiKey', label: 'API Key', type: 'password', required: true },
                 { key: 'baseURL', label: 'Base URL', type: 'text', default: 'https://open.bigmodel.cn/api/paas/v4', required: false },
-                { key: 'model', label: 'Model', type: 'select', options: ['glm-4', 'glm-4-air', 'chatglm4'], default: 'glm-4', required: false }
+                { key: 'model', label: 'Model', type: 'text', default: 'glm-4', required: false, placeholder: '例如: glm-4, glm-4-air, glm-4-flash' }
             ]
         }
     };
@@ -58,7 +61,7 @@ export class ProviderConfigComponent implements OnInit {
     constructor(
         private config: ConfigProviderService,
         private logger: LoggerService
-    ) {}
+    ) { }
 
     ngOnInit(): void {
         this.loadConfigs();
@@ -128,8 +131,117 @@ export class ProviderConfigComponent implements OnInit {
      * 测试连接
      */
     async testConnection(providerName: string): Promise<void> {
-        // TODO: 实现连接测试
-        alert(`正在测试 ${this.providerTemplates[providerName]?.name} 的连接...`);
+        const providerConfig = this.configs[providerName];
+        if (!providerConfig) {
+            alert('请先配置该提供商');
+            return;
+        }
+
+        const apiKey = providerConfig.apiKey;
+        const baseURL = providerConfig.baseURL;
+
+        if (!apiKey) {
+            alert('请先填写 API Key');
+            return;
+        }
+
+        const template = (this.providerTemplates as any)[providerName];
+        const providerDisplayName = template?.name || providerName;
+
+        // 显示测试中状态
+        const testingMessage = `正在测试 ${providerDisplayName} 的连接...`;
+        this.logger.info(testingMessage);
+
+        try {
+            // 构造测试请求
+            const testEndpoint = this.getTestEndpoint(providerName, baseURL);
+            const headers = this.getTestHeaders(providerName, apiKey, baseURL);
+
+            const response = await fetch(testEndpoint, {
+                method: 'POST',
+                headers: headers,
+                body: JSON.stringify(this.getTestBody(providerName, baseURL))
+            });
+
+            if (response.ok) {
+                alert(`✅ ${providerDisplayName} 连接测试成功！`);
+                this.logger.info('Connection test successful', { provider: providerName });
+            } else {
+                const errorData = await response.text();
+                alert(`❌ ${providerDisplayName} 连接测试失败\n\n状态码: ${response.status}\n错误信息: ${errorData.substring(0, 200)}`);
+                this.logger.error('Connection test failed', { provider: providerName, status: response.status });
+            }
+        } catch (error) {
+            const errorMessage = error instanceof Error ? error.message : '未知错误';
+            alert(`❌ ${providerDisplayName} 连接测试失败\n\n错误: ${errorMessage}`);
+            this.logger.error('Connection test error', { provider: providerName, error: errorMessage });
+        }
+    }
+
+    /**
+     * 获取测试端点
+     */
+    private getTestEndpoint(providerName: string, baseURL: string): string {
+        // 检查 baseURL 是否包含 anthropic 路径（如 Minimax 的 Anthropic 兼容接口）
+        const isAnthropicCompatible = baseURL.includes('/anthropic');
+
+        if (isAnthropicCompatible) {
+            return `${baseURL}/v1/messages`;
+        }
+
+        switch (providerName) {
+            case 'openai':
+                return `${baseURL}/chat/completions`;
+            case 'anthropic':
+                return `${baseURL}/v1/messages`;
+            case 'glm':
+                return `${baseURL}/chat/completions`;
+            default:
+                return `${baseURL}/v1/chat/completions`;
+        }
+    }
+
+    /**
+     * 获取测试请求头
+     */
+    private getTestHeaders(providerName: string, apiKey: string, baseURL: string): Record<string, string> {
+        const headers: Record<string, string> = {
+            'Content-Type': 'application/json'
+        };
+
+        // 检查是否使用 Anthropic 兼容接口
+        const isAnthropicCompatible = baseURL.includes('/anthropic') || providerName === 'anthropic';
+
+        if (isAnthropicCompatible) {
+            headers['x-api-key'] = apiKey;
+            headers['anthropic-version'] = '2023-06-01';
+        } else {
+            headers['Authorization'] = `Bearer ${apiKey}`;
+        }
+
+        return headers;
+    }
+
+    /**
+     * 获取测试请求体
+     */
+    private getTestBody(providerName: string, baseURL: string): any {
+        // 检查是否使用 Anthropic 兼容接口
+        const isAnthropicCompatible = baseURL.includes('/anthropic') || providerName === 'anthropic';
+
+        if (isAnthropicCompatible) {
+            return {
+                model: this.configs[providerName]?.model || 'claude-3-sonnet-20240229',
+                max_tokens: 10,
+                messages: [{ role: 'user', content: 'Hi' }]
+            };
+        }
+
+        return {
+            model: this.configs[providerName]?.model || 'gpt-3.5-turbo',
+            max_tokens: 10,
+            messages: [{ role: 'user', content: 'Hi' }]
+        };
     }
 
     /**

package/src/components/settings/security-settings.component.scss

@@ -55,7 +55,7 @@
 
             &:hover {
                 background-color: #0056b3;
-Y(-1px                transform: translate);
+                transform: translateY(-1px);
             }
 
             &:active {

package/src/components/terminal/ai-toolbar-button.component.html

@@ -0,0 +1,8 @@
+<button
+    class="btn btn-sm btn-primary"
+    [title]="tooltip"
+    (click)="onClick()"
+>
+    <i class="fas fa-robot"></i>
+    <span class="ms-1" *ngIf="showLabel">{{ label }}</span>
+</button>

package/src/components/terminal/ai-toolbar-button.component.scss

@@ -0,0 +1,20 @@
+:host {
+    display: inline-block;
+}
+
+button {
+    padding: 4px 8px;
+    border-radius: 4px;
+    border: none;
+    background: #007bff;
+    color: white;
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    transition: background-color 0.2s;
+}
+
+button:hover {
+    background: #0056b3;
+}

package/src/components/terminal/ai-toolbar-button.component.ts

@@ -6,36 +6,8 @@ import { Component, Input } from '@angular/core';
  */
 @Component({
     selector: 'ai-toolbar-button',
-    template: `
-        <button
-            class="btn btn-sm btn-primary"
-            [title]="tooltip"
-            (click)="onClick()"
-        >
-            <i class="fas fa-robot"></i>
-            <span class="ms-1" *ngIf="showLabel">{{ label }}</span>
-        </button>
-    `,
-    styles: [`
-        :host {
-            display: inline-block;
-        }
-        button {
-            padding: 4px 8px;
-            border-radius: 4px;
-            border: none;
-            background: #007bff;
-            color: white;
-            cursor: pointer;
-            display: flex;
-            align-items: center;
-            gap: 4px;
-            transition: background-color 0.2s;
-        }
-        button:hover {
-            background: #0056b3;
-        }
-    `]
+    templateUrl: './ai-toolbar-button.component.html',
+    styleUrls: ['./ai-toolbar-button.component.scss']
 })
 export class AiToolbarButtonComponent {
     @Input() label: string = 'AI Assistant';

package/src/components/terminal/command-preview.component.html

@@ -0,0 +1,61 @@
+<div class="command-preview" *ngIf="command">
+    <div class="preview-header">
+        <h4>
+            <i class="fa fa-terminal"></i>
+            命令预览
+        </h4>
+        <button class="btn-close" (click)="close()">
+            <i class="fa fa-times"></i>
+        </button>
+    </div>
+
+    <div class="preview-content">
+        <!-- 风险级别 -->
+        <div class="risk-indicator" [ngClass]="'risk-' + riskLevel.toLowerCase()">
+            <i [class]="getRiskIcon()"></i>
+            <span>{{ getRiskText() }}</span>
+        </div>
+
+        <!-- 命令 -->
+        <div class="command-section">
+            <label>将要执行的命令:</label>
+            <div class="command-display">
+                <code>{{ command.command }}</code>
+                <button class="btn-copy" (click)="copyCommand()" title="复制">
+                    <i class="fa fa-copy"></i>
+                </button>
+            </div>
+        </div>
+
+        <!-- 解释 -->
+        <div class="explanation-section">
+            <label>命令解释:</label>
+            <p>{{ command.explanation }}</p>
+        </div>
+
+        <!-- 置信度 -->
+        <div class="confidence-section" *ngIf="command.confidence">
+            <label>AI置信度:</label>
+            <div class="confidence-meter">
+                <div class="confidence-bar" [style.width.%]="command.confidence * 100"></div>
+                <span class="confidence-text">{{ (command.confidence * 100).toFixed(0) }}%</span>
+            </div>
+        </div>
+
+        <!-- 替代方案 -->
+        <div class="alternatives-section" *ngIf="command.alternatives && command.alternatives.length > 0">
+            <label>替代方案:</label>
+            <div class="alternatives-list">
+                <div *ngFor="let alt of command.alternatives" class="alternative-item" (click)="selectAlternative(alt)">
+                    <code>{{ alt.command }}</code>
+                    <span class="alt-confidence">{{ (alt.confidence * 100).toFixed(0) }}%</span>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <div class="preview-footer">
+        <button class="btn btn-secondary" (click)="close()">取消</button>
+        <button class="btn btn-primary" (click)="execute()">执行命令</button>
+    </div>
+</div>

package/src/components/terminal/command-preview.component.scss

@@ -0,0 +1,72 @@
+.command-preview {
+    background: var(--ai-bg-primary);
+    border: 1px solid var(--ai-border);
+    border-radius: 0.5rem;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    max-width: 600px;
+}
+
+.preview-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 1rem;
+    background: var(--ai-bg-secondary);
+    border-bottom: 1px solid var(--ai-border);
+}
+
+.preview-content {
+    padding: 1rem;
+    max-height: 50vh;
+    overflow-y: auto;
+}
+
+.risk-indicator {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem;
+    margin-bottom: 1rem;
+    border-radius: 0.375rem;
+}
+
+.command-section, .explanation-section, .confidence-section, .alternatives-section {
+    margin-bottom: 1rem;
+}
+
+.command-display {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    background: var(--ai-bg-secondary);
+    padding: 0.75rem;
+    border-radius: 0.375rem;
+}
+
+.alternatives-list {
+    background: var(--ai-bg-secondary);
+    border-radius: 0.375rem;
+    overflow: hidden;
+}
+
+.alternative-item {
+    padding: 0.75rem;
+    border-bottom: 1px solid var(--ai-border);
+    cursor: pointer;
+    transition: background-color 0.2s;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.alternative-item:hover {
+    background-color: var(--ai-border);
+}
+
+.preview-footer {
+    padding: 1rem;
+    display: flex;
+    justify-content: flex-end;
+    gap: 0.5rem;
+    border-top: 1px solid var(--ai-border);
+}