tabby-ai-assistant 1.0.0

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

@@ -0,0 +1,206 @@
+import { Component, Input, Output, EventEmitter, OnInit } from '@angular/core';
+import { ConfigProviderService } from '../../services/core/config-provider.service';
+import { LoggerService } from '../../services/core/logger.service';
+
+@Component({
+    selector: 'app-provider-config',
+    templateUrl: './provider-config.component.html',
+    styleUrls: ['./provider-config.component.scss']
+})
+export class ProviderConfigComponent implements OnInit {
+    @Input() providerStatus: any = {};
+    @Output() refreshStatus = new EventEmitter<void>();
+    @Output() switchProvider = new EventEmitter<string>();
+
+    selectedProvider = '';
+    configs: { [key: string]: any } = {};
+
+    // 预定义的提供商模板
+    providerTemplates = {
+        'openai': {
+            name: 'OpenAI',
+            description: 'OpenAI GPT模型',
+            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 }
+            ]
+        },
+        'anthropic': {
+            name: 'Anthropic Claude',
+            description: 'Anthropic Claude模型',
+            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 }
+            ]
+        },
+        'minimax': {
+            name: 'Minimax',
+            description: 'Minimax AI模型',
+            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 }
+            ]
+        },
+        'glm': {
+            name: 'GLM (ChatGLM)',
+            description: '智谱AI ChatGLM模型',
+            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 }
+            ]
+        }
+    };
+
+    constructor(
+        private config: ConfigProviderService,
+        private logger: LoggerService
+    ) {}
+
+    ngOnInit(): void {
+        this.loadConfigs();
+    }
+
+    /**
+     * 加载配置
+     */
+    private loadConfigs(): void {
+        const allConfigs = this.config.getAllProviderConfigs();
+        this.configs = allConfigs;
+        this.selectedProvider = this.config.getDefaultProvider();
+    }
+
+    /**
+     * 保存配置
+     */
+    saveConfig(providerName: string): void {
+        const providerConfig = this.configs[providerName];
+        if (providerConfig) {
+            this.config.setProviderConfig(providerName, providerConfig);
+            this.logger.info('Provider config saved', { provider: providerName });
+        }
+    }
+
+    /**
+     * 添加提供商
+     */
+    addProvider(providerName: string): void {
+        if (!this.configs[providerName]) {
+            const template = this.providerTemplates[providerName];
+            if (template) {
+                const newConfig = {
+                    name: providerName,
+                    displayName: template.name,
+                    enabled: true,
+                    ...this.createDefaultConfig(template.fields)
+                };
+                this.configs[providerName] = newConfig;
+                this.saveConfig(providerName);
+            }
+        }
+    }
+
+    /**
+     * 删除提供商
+     */
+    removeProvider(providerName: string): void {
+        if (confirm(`确定要删除 ${this.providerTemplates[providerName]?.name} 的配置吗？`)) {
+            delete this.configs[providerName];
+            this.config.deleteProviderConfig(providerName);
+            this.logger.info('Provider config removed', { provider: providerName });
+        }
+    }
+
+    /**
+     * 切换提供商启用状态
+     */
+    toggleProviderEnabled(providerName: string): void {
+        if (this.configs[providerName]) {
+            this.configs[providerName].enabled = !this.configs[providerName].enabled;
+            this.saveConfig(providerName);
+        }
+    }
+
+    /**
+     * 测试连接
+     */
+    async testConnection(providerName: string): Promise<void> {
+        // TODO: 实现连接测试
+        alert(`正在测试 ${this.providerTemplates[providerName]?.name} 的连接...`);
+    }
+
+    /**
+     * 创建默认配置
+     */
+    private createDefaultConfig(fields: any[]): any {
+        const config: any = {};
+        fields.forEach(field => {
+            if (field.default !== undefined) {
+                config[field.key] = field.default;
+            }
+        });
+        return config;
+    }
+
+    /**
+     * 获取字段类型
+     */
+    getFieldType(field: any): string {
+        return field.type || 'text';
+    }
+
+    /**
+     * 获取选项
+     */
+    getFieldOptions(field: any): string[] {
+        return field.options || [];
+    }
+
+    /**
+     * 检查是否是密码字段
+     */
+    isPasswordField(field: any): boolean {
+        return field.type === 'password';
+    }
+
+    /**
+     * 检查是否必填
+     */
+    isRequired(field: any): boolean {
+        return field.required;
+    }
+
+    /**
+     * 获取提供商模板
+     */
+    getProviderTemplate(providerName: string): any {
+        return this.providerTemplates[providerName];
+    }
+
+    /**
+     * 检查是否有配置
+     */
+    hasConfig(providerName: string): boolean {
+        return !!this.configs[providerName];
+    }
+
+    /**
+     * 获取配置值
+     */
+    getConfigValue(providerName: string, key: string, defaultValue: any = ''): any {
+        return this.configs[providerName]?.[key] ?? defaultValue;
+    }
+
+    /**
+     * 更新配置值
+     */
+    updateConfigValue(providerName: string, key: string, value: any): void {
+        if (!this.configs[providerName]) {
+            this.configs[providerName] = {};
+        }
+        this.configs[providerName][key] = value;
+    }
+}

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

@@ -0,0 +1,51 @@
+<div class="security-settings">
+    <h3>Security Settings</h3>
+
+    <div class="form-group">
+        <label class="form-label">
+            <input type="checkbox" [(ngModel)]="enablePasswordProtection">
+            Enable Password Protection
+        </label>
+        <small class="form-text text-muted">
+            Require password for high-risk commands
+        </small>
+    </div>
+
+    <div class="form-group" *ngIf="enablePasswordProtection">
+        <label class="form-label">Set Password</label>
+        <input type="password" class="form-control" [(ngModel)]="password" placeholder="Enter password">
+    </div>
+
+    <div class="form-group">
+        <label class="form-label">
+            <input type="checkbox" [(ngModel)]="enableRiskAssessment">
+            Enable Risk Assessment
+        </label>
+        <small class="form-text text-muted">
+            Automatically assess command risk levels
+        </small>
+    </div>
+
+    <div class="form-group">
+        <label class="form-label">Default Risk Level</label>
+        <select class="form-control" [(ngModel)]="defaultRiskLevel">
+            <option value="low">Low</option>
+            <option value="medium">Medium</option>
+            <option value="high">High</option>
+        </select>
+    </div>
+
+    <div class="form-group">
+        <label class="form-label">
+            <input type="checkbox" [(ngModel)]="enableConsentPersistence">
+            Persist User Consent
+        </label>
+        <small class="form-text text-muted">
+            Remember user consent for 30 days
+        </small>
+    </div>
+
+    <button class="btn btn-primary" (click)="saveSettings()">
+        Save Settings
+    </button>
+</div>

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

@@ -0,0 +1,66 @@
+/* Security Settings Styles */
+.security-settings {
+    h3 {
+        margin-bottom: 1.5rem;
+        color: #333;
+    }
+
+    .form-group {
+        margin-bottom: 1.5rem;
+    }
+
+    .form-label {
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+        display: block;
+
+        input[type="checkbox"] {
+            margin-right: 0.5rem;
+        }
+    }
+
+    .form-control {
+        width: 100%;
+        padding: 0.5rem;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        font-size: 14px;
+
+        &:focus {
+            outline: none;
+            border-color: #007bff;
+            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+        }
+    }
+
+    .form-text {
+        display: block;
+        margin-top: 0.25rem;
+        font-size: 12px;
+        color: #6c757d;
+    }
+
+    .btn {
+        padding: 0.5rem 1.5rem;
+        border: none;
+        border-radius: 4px;
+        cursor: pointer;
+        font-size: 14px;
+        font-weight: 600;
+        transition: all 0.2s;
+
+        &.btn-primary {
+            background-color: #007bff;
+            color: white;
+
+            &:hover {
+                background-color: #0056b3;
+Y(-1px                transform: translate);
+            }
+
+            &:active {
+                transform: translateY(0);
+            }
+        }
+    }
+}

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

@@ -0,0 +1,71 @@
+import { Component, OnInit } from '@angular/core';
+import { ConfigProviderService } from '../../services/core/config-provider.service';
+import { LoggerService } from '../../services/core/logger.service';
+
+@Component({
+    selector: 'app-security-settings',
+    templateUrl: './security-settings.component.html',
+    styleUrls: ['./security-settings.component.scss']
+})
+export class SecuritySettingsComponent implements OnInit {
+    settings = {
+        enablePasswordProtection: false,
+        consentExpiryDays: 30,
+        autoApproveLowRisk: true,
+        promptForMediumRisk: true,
+        requirePasswordForHighRisk: true,
+        enableRiskAssessment: true
+    };
+
+    dangerousPatterns = [
+        'rm -rf /',
+        'sudo rm',
+        'format',
+        'dd if=',
+        'fork('
+    ];
+
+    constructor(
+        private config: ConfigProviderService,
+        private logger: LoggerService
+    ) {}
+
+    ngOnInit(): void {
+        this.loadSettings();
+    }
+
+    private loadSettings(): void {
+        const securityConfig = this.config.getSecurityConfig();
+        this.settings = { ...this.settings, ...securityConfig };
+    }
+
+    updateSetting(key: string, value: any): void {
+        (this.settings as any)[key] = value;
+        this.config.updateSecurityConfig({ [key]: value });
+        this.logger.debug('Security setting updated', { key, value });
+    }
+
+    addDangerousPattern(pattern: string): void {
+        if (pattern && !this.dangerousPatterns.includes(pattern)) {
+            this.dangerousPatterns.push(pattern);
+        }
+    }
+
+    removeDangerousPattern(index: number): void {
+        this.dangerousPatterns.splice(index, 1);
+    }
+
+    resetToDefaults(): void {
+        if (confirm('确定要重置安全设置为默认值吗？')) {
+            this.settings = {
+                enablePasswordProtection: false,
+                consentExpiryDays: 30,
+                autoApproveLowRisk: true,
+                promptForMediumRisk: true,
+                requirePasswordForHighRisk: true,
+                enableRiskAssessment: true
+            };
+            this.config.updateSecurityConfig(this.settings);
+        }
+    }
+}

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

@@ -0,0 +1,49 @@
+import { Component, Input } from '@angular/core';
+
+/**
+ * AI工具栏按钮组件
+ * 在Tabby工具栏显示AI助手按钮
+ */
+@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;
+        }
+    `]
+})
+export class AiToolbarButtonComponent {
+    @Input() label: string = 'AI Assistant';
+    @Input() tooltip: string = 'Open AI Assistant';
+    @Input() showLabel: boolean = true;
+
+    onClick(): void {
+        // TODO: 触发打开AI助手
+        console.log('AI Assistant button clicked');
+    }
+}

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

@@ -0,0 +1,185 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { CommandResponse } from '../../types/ai.types';
+import { RiskLevel } from '../../types/security.types';
+
+@Component({
+    selector: 'app-command-preview',
+    template: `
+        <div class="command-preview" *ngIf="command">
+            <div class="preview-header">
+                <h4>
+                    <i class="icon-terminal"></i>
+                    命令预览
+                </h4>
+                <button class="btn-close" (click)="close()">
+                    <i class="icon-x"></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="icon-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>
+    `,
+    styles: [`
+        .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);
+        }
+    `]
+})
+export class CommandPreviewComponent {
+    @Input() command: CommandResponse | null = null;
+    @Input() riskLevel: RiskLevel = RiskLevel.LOW;
+
+    @Output() executed = new EventEmitter<CommandResponse>();
+    @Output() closed = new EventEmitter<void>();
+
+    getRiskText(): string {
+        switch (this.riskLevel) {
+            case RiskLevel.LOW: return '低风险';
+            case RiskLevel.MEDIUM: return '中风险';
+            case RiskLevel.HIGH: return '高风险';
+            case RiskLevel.CRITICAL: return '极风险';
+            default: return '未知风险';
+        }
+    }
+
+    getRiskIcon(): string {
+        switch (this.riskLevel) {
+            case RiskLevel.LOW: return 'icon-check-circle';
+            case RiskLevel.MEDIUM: return 'icon-warning';
+            case RiskLevel.HIGH: return 'icon-alert-triangle';
+            case RiskLevel.CRITICAL: return 'icon-alert-octagon';
+            default: return 'icon-help-circle';
+        }
+    }
+
+    copyCommand(): void {
+        if (this.command) {
+            navigator.clipboard.writeText(this.command.command);
+        }
+    }
+
+    execute(): void {
+        if (this.command) {
+            this.executed.emit(this.command);
+        }
+    }
+
+    close(): void {
+        this.closed.emit();
+    }
+
+    selectAlternative(alt: any): void {
+        // TODO: 实现选择替代方案
+    }
+}