tabby-ai-assistant 1.0.8 → 1.0.10

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

@@ -2,17 +2,36 @@
 .security-settings {
     h3 {
         margin-bottom: 1.5rem;
-        color: #333;
+        color: var(--ai-text-primary);
+    }
+
+    h4 {
+        font-size: 1.1rem;
+        margin-bottom: 1rem;
+        color: var(--ai-text-primary);
+        border-bottom: 1px solid var(--ai-border);
+        padding-bottom: 0.5rem;
+    }
+
+    .settings-section {
+        margin-bottom: 2rem;
+        padding-bottom: 1.5rem;
+        border-bottom: 1px solid var(--ai-border);
+
+        &:last-of-type {
+            border-bottom: none;
+        }
     }
 
     .form-group {
-        margin-bottom: 1.5rem;
+        margin-bottom: 1.25rem;
     }
 
     .form-label {
         font-weight: 600;
         margin-bottom: 0.5rem;
         display: block;
+        color: var(--ai-text-primary);
 
         input[type="checkbox"] {
             margin-right: 0.5rem;
@@ -22,14 +41,16 @@
     .form-control {
         width: 100%;
         padding: 0.5rem;
-        border: 1px solid #ccc;
+        border: 1px solid var(--ai-border);
         border-radius: 4px;
         font-size: 14px;
+        background-color: var(--ai-bg-primary);
+        color: var(--ai-text-primary);
 
         &:focus {
             outline: none;
-            border-color: #007bff;
-            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+            border-color: var(--ai-primary);
+            box-shadow: 0 0 0 0.2rem rgba(var(--ai-primary-rgb, 0, 123, 255), 0.25);
         }
     }
 
@@ -37,7 +58,61 @@
         display: block;
         margin-top: 0.25rem;
         font-size: 12px;
-        color: #6c757d;
+        color: var(--ai-text-secondary);
+    }
+
+    /* 危险命令模式列表 */
+    .pattern-list {
+        margin-bottom: 1rem;
+    }
+
+    .pattern-item {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        padding: 0.5rem 0.75rem;
+        background-color: var(--ai-bg-secondary);
+        border-radius: 4px;
+        margin-bottom: 0.5rem;
+
+        code {
+            font-family: 'Consolas', 'Monaco', monospace;
+            color: var(--ai-danger);
+            font-size: 13px;
+        }
+    }
+
+    .btn-icon {
+        background: none;
+        border: none;
+        color: var(--ai-text-secondary);
+        cursor: pointer;
+        padding: 0.25rem 0.5rem;
+        border-radius: 3px;
+        transition: color 0.2s, background-color 0.2s;
+
+        &:hover {
+            color: var(--ai-danger);
+            background-color: rgba(var(--ai-danger-rgb, 220, 53, 69), 0.1);
+        }
+    }
+
+    .add-pattern {
+        display: flex;
+        gap: 0.5rem;
+
+        .form-control {
+            flex: 1;
+        }
+    }
+
+    /* 操作按钮 */
+    .settings-actions {
+        display: flex;
+        gap: 1rem;
+        margin-top: 2rem;
+        padding-top: 1.5rem;
+        border-top: 1px solid var(--ai-border);
     }
 
     .btn {
@@ -50,11 +125,11 @@
         transition: all 0.2s;
 
         &.btn-primary {
-            background-color: #007bff;
+            background-color: var(--ai-primary);
             color: white;
 
             &:hover {
-                background-color: #0056b3;
+                background-color: var(--ai-primary-hover);
                 transform: translateY(-1px);
             }
 
@@ -62,5 +137,26 @@
                 transform: translateY(0);
             }
         }
+
+        &.btn-secondary {
+            background-color: var(--ai-secondary);
+            color: white;
+
+            &:hover {
+                background-color: var(--ai-secondary);
+                filter: brightness(0.9);
+            }
+        }
+
+        &.btn-outline {
+            background-color: transparent;
+            border: 1px solid var(--ai-border);
+            color: var(--ai-text-secondary);
+
+            &:hover {
+                background-color: var(--ai-bg-secondary);
+                color: var(--ai-text-primary);
+            }
+        }
     }
 }

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

@@ -1,22 +1,32 @@
-import { Component, OnInit } from '@angular/core';
+import { Component, OnInit, OnDestroy, ViewEncapsulation } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
 import { ConfigProviderService } from '../../services/core/config-provider.service';
 import { LoggerService } from '../../services/core/logger.service';
+import { TranslateService } from '../../i18n';
 
 @Component({
     selector: 'app-security-settings',
     templateUrl: './security-settings.component.html',
-    styleUrls: ['./security-settings.component.scss']
+    styleUrls: ['./security-settings.component.scss'],
+    encapsulation: ViewEncapsulation.None
 })
-export class SecuritySettingsComponent implements OnInit {
+export class SecuritySettingsComponent implements OnInit, OnDestroy {
     settings = {
         enablePasswordProtection: false,
+        enableRiskAssessment: true,
+        defaultRiskLevel: 'medium',
+        enableConsentPersistence: true,
         consentExpiryDays: 30,
         autoApproveLowRisk: true,
         promptForMediumRisk: true,
-        requirePasswordForHighRisk: true,
-        enableRiskAssessment: true
+        requirePasswordForHighRisk: true
     };
 
+    // 缺失的变量
+    password: string = '';
+    newPattern: string = '';
+
     dangerousPatterns = [
         'rm -rf /',
         'sudo rm',
@@ -25,15 +35,35 @@ export class SecuritySettingsComponent implements OnInit {
         'fork('
     ];
 
+    // 翻译对象
+    t: any;
+
+    private destroy$ = new Subject<void>();
+
     constructor(
         private config: ConfigProviderService,
-        private logger: LoggerService
-    ) {}
+        private logger: LoggerService,
+        private translate: TranslateService
+    ) {
+        this.t = this.translate.t;
+    }
 
     ngOnInit(): void {
+        // 监听语言变化
+        this.translate.translation$.pipe(
+            takeUntil(this.destroy$)
+        ).subscribe(translation => {
+            this.t = translation;
+        });
+
         this.loadSettings();
     }
 
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+
     private loadSettings(): void {
         const securityConfig = this.config.getSecurityConfig();
         this.settings = { ...this.settings, ...securityConfig };
@@ -48,6 +78,7 @@ export class SecuritySettingsComponent implements OnInit {
     addDangerousPattern(pattern: string): void {
         if (pattern && !this.dangerousPatterns.includes(pattern)) {
             this.dangerousPatterns.push(pattern);
+            this.newPattern = '';
         }
     }
 
@@ -55,15 +86,22 @@ export class SecuritySettingsComponent implements OnInit {
         this.dangerousPatterns.splice(index, 1);
     }
 
+    saveSettings(): void {
+        this.config.updateSecurityConfig(this.settings);
+        this.logger.info('Security settings saved', this.settings);
+    }
+
     resetToDefaults(): void {
-        if (confirm('确定要重置安全设置为默认值吗？')) {
+        if (confirm(this.t.security.resetConfirm)) {
             this.settings = {
                 enablePasswordProtection: false,
+                enableRiskAssessment: true,
+                defaultRiskLevel: 'medium',
+                enableConsentPersistence: true,
                 consentExpiryDays: 30,
                 autoApproveLowRisk: true,
                 promptForMediumRisk: true,
-                requirePasswordForHighRisk: true,
-                enableRiskAssessment: true
+                requirePasswordForHighRisk: true
             };
             this.config.updateSecurityConfig(this.settings);
         }

package/src/i18n/index.ts

@@ -0,0 +1,129 @@
+/**
+ * 翻译服务
+ */
+import { Injectable } from '@angular/core';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { TranslationKeys, SupportedLanguage, LanguageConfig } from './types';
+import { zhCN } from './translations/zh-CN';
+import { enUS } from './translations/en-US';
+import { jaJP } from './translations/ja-JP';
+import { ConfigProviderService } from '../services/core/config-provider.service';
+
+const translations: Record<SupportedLanguage, TranslationKeys> = {
+    'zh-CN': zhCN,
+    'en-US': enUS,
+    'ja-JP': jaJP
+};
+
+// 语言配置
+export const languageConfigs: LanguageConfig[] = [
+    { code: 'zh-CN', label: '简体中文', flag: '🇨🇳' },
+    { code: 'en-US', label: 'English', flag: '🇺🇸' }
+];
+
+// 导出类型
+export { TranslationKeys, SupportedLanguage, LanguageConfig } from './types';
+
+@Injectable({
+    providedIn: 'root'
+})
+export class TranslateService {
+    private currentLang$ = new BehaviorSubject<SupportedLanguage>('zh-CN');
+    private currentTranslation$ = new BehaviorSubject<TranslationKeys>(zhCN);
+
+    constructor(private config: ConfigProviderService) {
+        // 加载保存的语言设置
+        const savedLang = this.config.get<string>('language', 'zh-CN') as SupportedLanguage;
+        this.setLanguage(savedLang || 'zh-CN');
+    }
+
+    /**
+     * 获取当前语言
+     */
+    get currentLanguage(): SupportedLanguage {
+        return this.currentLang$.value;
+    }
+
+    /**
+     * 监听语言变化
+     */
+    get language$(): Observable<SupportedLanguage> {
+        return this.currentLang$.asObservable();
+    }
+
+    /**
+     * 获取翻译对象
+     */
+    get t(): TranslationKeys {
+        return this.currentTranslation$.value;
+    }
+
+    /**
+     * 监听翻译变化
+     */
+    get translation$(): Observable<TranslationKeys> {
+        return this.currentTranslation$.asObservable();
+    }
+
+    /**
+     * 获取所有语言配置
+     */
+    get languages(): LanguageConfig[] {
+        return languageConfigs;
+    }
+
+    /**
+     * 设置语言
+     */
+    setLanguage(lang: SupportedLanguage): void {
+        if (translations[lang]) {
+            this.currentLang$.next(lang);
+            this.currentTranslation$.next(translations[lang]);
+            this.config.set('language', lang);
+        }
+    }
+
+    /**
+     * 获取翻译 - 支持插值
+     * 例如: translate('general.providerCount', { count: 3 })
+     */
+    translate(key: string, params?: Record<string, any>): string {
+        const keys = key.split('.');
+        let value: any = this.currentTranslation$.value;
+
+        for (const k of keys) {
+            if (value && typeof value === 'object' && k in value) {
+                value = value[k];
+            } else {
+                return key; // 找不到翻译，返回 key
+            }
+        }
+
+        if (typeof value !== 'string') {
+            return key;
+        }
+
+        // 处理插值 {count} -> 实际值
+        if (params) {
+            return value.replace(/\{(\w+)\}/g, (match, paramKey) => {
+                return params[paramKey]?.toString() || match;
+            });
+        }
+
+        return value;
+    }
+
+    /**
+     * 简写方法
+     */
+    _(key: string, params?: Record<string, any>): string {
+        return this.translate(key, params);
+    }
+
+    /**
+     * 获取指定语言的翻译
+     */
+    getTranslationForLang(lang: SupportedLanguage): TranslationKeys {
+        return translations[lang] || translations['zh-CN'];
+    }
+}

package/src/i18n/translations/en-US.ts

@@ -0,0 +1,193 @@
+/**
+ * English translations
+ */
+import { TranslationKeys } from '../types';
+
+export const enUS: TranslationKeys = {
+    common: {
+        save: 'Save',
+        cancel: 'Cancel',
+        delete: 'Delete',
+        confirm: 'Confirm',
+        enabled: 'Enabled',
+        disabled: 'Disabled',
+        online: 'Online',
+        offline: 'Offline',
+        testing: 'Testing...',
+        error: 'Error',
+        success: 'Success',
+        notConfigured: 'Not configured',
+        add: 'Add',
+        remove: 'Remove',
+        close: 'Close',
+        yes: 'Yes',
+        no: 'No',
+        reset: 'Reset',
+        default: 'Default',
+        today: 'Today'
+    },
+
+    settings: {
+        title: 'Settings',
+        generalTab: 'General',
+        providersTab: 'AI Providers',
+        securityTab: 'Security',
+        chatTab: 'Chat',
+        advancedTab: 'Advanced'
+    },
+
+    general: {
+        title: 'General Settings',
+        enableAssistant: 'Enable AI Assistant',
+        enableAssistantDesc: 'Enable or disable the entire AI assistant feature',
+        defaultProvider: 'Default AI Provider',
+        providerCount: '{count} provider(s) configured, currently using',
+        language: 'Language',
+        theme: 'Theme',
+        themeAuto: 'Follow System',
+        themeLight: 'Light Theme',
+        themeDark: 'Dark Theme',
+        themePixel: 'Pixel Retro',
+        themeTech: 'Cyber Tech',
+        shortcuts: 'Shortcuts',
+        shortcutOpenChat: 'Open AI Assistant',
+        shortcutOpenChatDesc: 'Open the chat interface',
+        shortcutGenerate: 'Generate Command',
+        shortcutGenerateDesc: 'Generate command from selection',
+        shortcutExplain: 'Explain Command',
+        shortcutExplainDesc: 'Explain current selection',
+        shortcutTip: 'Shortcuts can be customized in Tabby settings'
+    },
+
+    chatSettings: {
+        title: 'Chat Settings',
+        appearance: 'Appearance',
+        theme: 'Theme',
+        fontSize: 'Font Size',
+        compactMode: 'Compact Mode',
+        compactModeDesc: 'Reduce message spacing to show more content',
+        behavior: 'Chat Behavior',
+        enterToSend: 'Enter to Send',
+        enterToSendDesc: 'Shift+Enter for new line',
+        showTimestamps: 'Show Timestamps',
+        showTimestampsDesc: 'Display send time below each message',
+        showAvatars: 'Show Avatars',
+        showAvatarsDesc: 'Display user and AI avatar icons',
+        soundEnabled: 'Enable Sound',
+        soundEnabledDesc: 'Play notification sound when AI responds',
+        history: 'Chat History',
+        enableHistory: 'Enable Chat History',
+        enableHistoryDesc: 'Save chat records for next session',
+        maxHistory: 'Max History Records',
+        maxHistoryUnit: 'entries',
+        autoSave: 'Auto-save Chat',
+        autoSaveDesc: 'Automatically save after each message',
+        exportSettings: 'Export Settings',
+        clearHistory: 'Clear Chat History',
+        resetDefaults: 'Reset to Defaults',
+        clearHistoryConfirm: 'Are you sure you want to clear all chat records? This cannot be undone.',
+        resetConfirm: 'Are you sure you want to reset all settings to defaults?'
+    },
+
+    security: {
+        title: 'Security Settings',
+        accessControl: 'Access Control',
+        passwordProtection: 'Enable Password Protection',
+        passwordProtectionDesc: 'High-risk commands require password confirmation',
+        setPassword: 'Set Password',
+        passwordPlaceholder: 'Enter password',
+        riskAssessment: 'Risk Assessment',
+        riskAssessmentDesc: 'Automatically assess command risk level',
+        defaultRiskLevel: 'Default Risk Level',
+        riskLow: 'Low Risk',
+        riskMedium: 'Medium Risk',
+        riskHigh: 'High Risk',
+        userConsent: 'User Consent',
+        rememberConsent: 'Remember User Consent',
+        rememberConsentDesc: 'Consent valid for',
+        consentExpiryDays: 'days',
+        dangerousPatterns: 'Dangerous Command Patterns',
+        addPattern: 'Add Dangerous Pattern',
+        patternPlaceholder: 'Enter dangerous command pattern',
+        saveSettings: 'Save Settings',
+        resetDefaults: 'Restore Defaults',
+        resetConfirm: 'Are you sure you want to reset security settings to defaults?'
+    },
+
+    providers: {
+        title: 'AI Provider Configuration',
+        cloudProviders: 'Cloud Providers',
+        cloudProvidersDesc: 'Online services requiring API Key',
+        localProviders: 'Local Providers',
+        localProvidersDesc: 'Running locally, no API Key required',
+        configured: 'Enabled',
+        displayName: 'Display Name',
+        status: 'Status',
+        apiKey: 'API Key',
+        baseURL: 'Base URL',
+        model: 'Model',
+        saveConfig: 'Save Config',
+        testConnection: 'Test Connection',
+        detectService: 'Detect Service',
+        delete: 'Delete',
+        deleteConfirm: 'Are you sure you want to delete this provider configuration?',
+        testSuccess: 'Connection test successful!',
+        testFail: 'Connection test failed',
+        testError: 'Cannot connect to service, please ensure it is running',
+        configSaved: 'Configuration saved',
+        configDeleted: 'Configuration deleted'
+    },
+
+    providerNames: {
+        openai: 'OpenAI',
+        anthropic: 'Anthropic Claude',
+        minimax: 'Minimax',
+        glm: 'GLM (ChatGLM)',
+        openaiCompatible: 'OpenAI Compatible',
+        ollama: 'Ollama (Local)',
+        vllm: 'vLLM (Local)'
+    },
+
+    chatInterface: {
+        title: 'AI Assistant',
+        welcomeMessage: 'Hello! I am your AI Assistant',
+        inputPlaceholder: 'Enter your question or describe the command you want to execute...',
+        thinking: 'AI is thinking...',
+        executingTool: 'Executing tool...',
+        toolComplete: 'Tool execution complete',
+        errorPrefix: 'Error',
+        tipCommand: 'Tip: You can describe the command you want, e.g., "List all files in current directory"',
+        tipShortcut: 'Shortcuts: Ctrl+Shift+G to generate, Ctrl+Shift+E to explain',
+        clearChat: 'Clear Chat',
+        clearChatConfirm: 'Are you sure you want to clear the chat?',
+        exportChat: 'Export Chat',
+        switchProvider: 'Switch AI Provider',
+        providerBadge: 'Provider'
+    },
+
+    riskLevel: {
+        low: 'Low Risk',
+        medium: 'Medium Risk',
+        high: 'High Risk',
+        unknown: 'Unknown'
+    },
+
+    advancedSettings: {
+        title: 'Advanced Settings',
+        configManagement: 'Configuration Management',
+        validateConfig: 'Validate Config',
+        resetDefaults: 'Reset to Defaults',
+        logSettings: 'Log Settings',
+        logLevel: 'Log Level',
+        logLevels: {
+            debug: 'Debug',
+            info: 'Info',
+            warn: 'Warning',
+            error: 'Error'
+        },
+        systemInfo: 'System Information',
+        pluginVersion: 'Plugin Version',
+        supportedProviders: 'Supported Providers',
+        currentProvider: 'Current Provider'
+    }
+};