tabby-ai-assistant 1.0.9 → 1.0.11

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

@@ -0,0 +1,91 @@
+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 { ContextManager } from '../../services/context/manager';
+import { ToastService } from '../../services/core/toast.service';
+import { TranslateService } from '../../i18n';
+import { ContextConfig, DEFAULT_CONTEXT_CONFIG } from '../../types/ai.types';
+
+@Component({
+    selector: 'app-context-settings',
+    templateUrl: './context-settings.component.html',
+    styleUrls: ['./context-settings.component.scss'],
+    encapsulation: ViewEncapsulation.None
+})
+export class ContextSettingsComponent implements OnInit, OnDestroy {
+    // 配置项
+    config: ContextConfig = { ...DEFAULT_CONTEXT_CONFIG };
+    autoCompactEnabled = true;
+
+    // 当前供应商的上下文限制
+    activeProviderContextWindow: number = 200000;
+
+    // 翻译对象
+    t: any;
+
+    private destroy$ = new Subject<void>();
+
+    constructor(
+        private configService: ConfigProviderService,
+        private contextManager: ContextManager,
+        private toast: ToastService,
+        private translate: TranslateService
+    ) {
+        this.t = this.translate.t;
+    }
+
+    ngOnInit(): void {
+        this.translate.translation$.pipe(
+            takeUntil(this.destroy$)
+        ).subscribe(translation => {
+            this.t = translation;
+        });
+
+        this.loadConfig();
+    }
+
+    ngOnDestroy(): void {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+
+    loadConfig(): void {
+        const savedConfig = this.configService.getContextConfig();
+        if (savedConfig) {
+            this.config = { ...DEFAULT_CONTEXT_CONFIG, ...savedConfig };
+        }
+        this.autoCompactEnabled = this.configService.isAutoCompactEnabled();
+
+        // 获取当前供应商的上下文限制
+        this.activeProviderContextWindow = this.configService.getActiveProviderContextWindow();
+
+        // 确保配置的 maxContextTokens 不超过供应商限制
+        if (this.config.maxContextTokens > this.activeProviderContextWindow) {
+            this.config.maxContextTokens = this.activeProviderContextWindow;
+        }
+    }
+
+    saveConfig(): void {
+        this.configService.setContextConfig(this.config);
+        this.contextManager.updateConfig(this.config);
+        this.toast.success(this.t?.contextSettings?.configSaved || '上下文配置已保存');
+    }
+
+    toggleAutoCompact(): void {
+        this.autoCompactEnabled = !this.autoCompactEnabled;
+        this.configService.setAutoCompactEnabled(this.autoCompactEnabled);
+        this.toast.info(
+            this.autoCompactEnabled
+                ? (this.t?.contextSettings?.autoCompactEnabled || '自动压缩已启用')
+                : (this.t?.contextSettings?.autoCompactDisabled || '自动压缩已禁用')
+        );
+    }
+
+    resetToDefaults(): void {
+        this.config = { ...DEFAULT_CONTEXT_CONFIG };
+        this.autoCompactEnabled = true;
+        this.saveConfig();
+        this.toast.info(this.t?.common?.resetToDefault || '已重置为默认配置');
+    }
+}

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

@@ -37,7 +37,7 @@
                         <div class="form-row">
                             <div class="form-group">
                                 <label>{{ t.providers.displayName }}</label>
-                                <input type="text" class="form-control" [(ngModel)]="configs[providerName].displayName">
+                                <input type="text" class="form-control" [(ngModel)]="configs[providerName].displayName" *ngIf="configs[providerName]">
                             </div>
                             <div class="form-group">
                                 <label>{{ t.providers.status }}</label>
@@ -57,11 +57,28 @@
                                 {{ t.providers[field.key] || field.label }}
                                 <span *ngIf="isRequired(field)" class="required">*</span>
                             </label>
-                            <input *ngIf="getFieldType(field) === 'text' || getFieldType(field) === 'password'"
-                                [type]="isPasswordField(field) ? 'password' : 'text'"
-                                class="form-control"
-                                [placeholder]="field.placeholder || ''"
-                                [(ngModel)]="configs[providerName][field.key]">
+                            <div class="input-with-toggle" *ngIf="configs[providerName] && (getFieldType(field) === 'text' || getFieldType(field) === 'password')">
+                                <input
+                                    [type]="isPasswordField(field) && !isPasswordVisible(providerName, field.key) ? 'password' : 'text'"
+                                    class="form-control"
+                                    [class]="getInputValidationClass(providerName, field.key)"
+                                    [placeholder]="field.placeholder || ''"
+                                    [(ngModel)]="configs[providerName][field.key]">
+                                <button *ngIf="isPasswordField(field)"
+                                        type="button"
+                                        class="btn-toggle-visibility"
+                                        (click)="togglePasswordVisibility(providerName, field.key)">
+                                    <i class="fa" [ngClass]="isPasswordVisible(providerName, field.key) ? 'fa-eye-slash' : 'fa-eye'"></i>
+                                </button>
+                            </div>
+                            <!-- API Key 验证提示 -->
+                            <div *ngIf="field.key === 'apiKey' && configs[providerName]?.[field.key]"
+                                 class="validation-feedback"
+                                 [class.valid]="validateApiKeyFormat(providerName, configs[providerName][field.key]).valid"
+                                 [class.invalid]="!validateApiKeyFormat(providerName, configs[providerName][field.key]).valid">
+                                <i class="fa" [ngClass]="validateApiKeyFormat(providerName, configs[providerName][field.key]).valid ? 'fa-check-circle' : 'fa-exclamation-circle'"></i>
+                                {{ validateApiKeyFormat(providerName, configs[providerName][field.key]).message || '格式正确' }}
+                            </div>
                         </div>
 
                         <div class="form-actions">
@@ -121,7 +138,7 @@
                         <div class="form-row">
                             <div class="form-group">
                                 <label>{{ t.providers.displayName }}</label>
-                                <input type="text" class="form-control" [(ngModel)]="configs[providerName].displayName">
+                                <input type="text" class="form-control" [(ngModel)]="configs[providerName].displayName" *ngIf="configs[providerName]">
                             </div>
                             <div class="form-group">
                                 <label>{{ t.providers.status }}</label>
@@ -141,11 +158,28 @@
                                 {{ t.providers[field.key] || field.label }}
                                 <span *ngIf="isRequired(field)" class="required">*</span>
                             </label>
-                            <input *ngIf="getFieldType(field) === 'text' || getFieldType(field) === 'password'"
-                                [type]="isPasswordField(field) ? 'password' : 'text'"
-                                class="form-control"
-                                [placeholder]="field.placeholder || ''"
-                                [(ngModel)]="configs[providerName][field.key]">
+                            <div class="input-with-toggle" *ngIf="configs[providerName] && (getFieldType(field) === 'text' || getFieldType(field) === 'password')">
+                                <input
+                                    [type]="isPasswordField(field) && !isPasswordVisible(providerName, field.key) ? 'password' : 'text'"
+                                    class="form-control"
+                                    [class]="getInputValidationClass(providerName, field.key)"
+                                    [placeholder]="field.placeholder || ''"
+                                    [(ngModel)]="configs[providerName][field.key]">
+                                <button *ngIf="isPasswordField(field)"
+                                        type="button"
+                                        class="btn-toggle-visibility"
+                                        (click)="togglePasswordVisibility(providerName, field.key)">
+                                    <i class="fa" [ngClass]="isPasswordVisible(providerName, field.key) ? 'fa-eye-slash' : 'fa-eye'"></i>
+                                </button>
+                            </div>
+                            <!-- API Key 验证提示 -->
+                            <div *ngIf="field.key === 'apiKey' && configs[providerName]?.[field.key]"
+                                 class="validation-feedback"
+                                 [class.valid]="validateApiKeyFormat(providerName, configs[providerName][field.key]).valid"
+                                 [class.invalid]="!validateApiKeyFormat(providerName, configs[providerName][field.key]).valid">
+                                <i class="fa" [ngClass]="validateApiKeyFormat(providerName, configs[providerName][field.key]).valid ? 'fa-check-circle' : 'fa-exclamation-circle'"></i>
+                                {{ validateApiKeyFormat(providerName, configs[providerName][field.key]).message || '格式正确' }}
+                            </div>
                         </div>
 
                         <div class="form-actions">

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

@@ -302,6 +302,65 @@
     }
 }
 
+/* 输入框密码显示切换 */
+.input-with-toggle {
+    position: relative;
+    display: flex;
+    align-items: center;
+
+    .form-control {
+        padding-right: 40px;
+    }
+
+    .btn-toggle-visibility {
+        position: absolute;
+        right: 8px;
+        background: transparent;
+        border: none;
+        color: var(--ai-text-secondary);
+        cursor: pointer;
+        padding: 4px 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        &:hover {
+            color: var(--ai-text-primary);
+        }
+    }
+}
+
+/* 表单验证状态 */
+.form-control {
+    &.is-valid {
+        border-color: var(--ai-success, #4caf50);
+    }
+
+    &.is-invalid {
+        border-color: var(--ai-warning, #ff9800);
+    }
+}
+
+.validation-feedback {
+    font-size: 0.85em;
+    margin-top: 4px;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+
+    &.valid {
+        color: var(--ai-success, #4caf50);
+    }
+
+    &.invalid {
+        color: var(--ai-warning, #ff9800);
+    }
+
+    i {
+        font-size: 0.9em;
+    }
+}
+
 /* 响应式设计 */
 @media (max-width: 768px) {
     .providers-grid {

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

@@ -3,6 +3,7 @@ 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 { ToastService } from '../../services/core/toast.service';
 import { TranslateService } from '../../i18n';
 
 @Component({
@@ -23,10 +24,19 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
     configs: { [key: string]: any } = {};
     expandedProvider: string = '';
     localStatus: { [key: string]: boolean } = {};
+    passwordVisibility: { [key: string]: { [fieldKey: string]: boolean } } = {};
 
     // 翻译对象
     t: any;
 
+    // API Key 格式校验规则
+    private apiKeyPatterns: { [key: string]: RegExp } = {
+        'openai': /^sk-[a-zA-Z0-9]{32,}$/,
+        'anthropic': /^sk-ant-[a-zA-Z0-9-]+$/,
+        'minimax': /^[a-zA-Z0-9]{32,}$/,
+        'glm': /^[a-zA-Z0-9._-]+$/
+    };
+
     private destroy$ = new Subject<void>();
 
     // 云端提供商模板
@@ -38,7 +48,8 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             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: 'text', default: 'gpt-4', required: false, placeholder: '例如: gpt-4, gpt-4-turbo, gpt-3.5-turbo' }
+                { key: 'model', label: 'Model', type: 'text', default: 'gpt-4', required: false, placeholder: '例如: gpt-4, gpt-4-turbo, gpt-3.5-turbo' },
+                { key: 'contextWindow', label: '上下文限制', type: 'number', default: 128000, required: false, placeholder: 'GPT-4: 128000, GPT-3.5: 16385' }
             ]
         },
         'anthropic': {
@@ -48,7 +59,8 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             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: 'text', default: 'claude-3-sonnet-20240229', required: false, placeholder: '例如: claude-3-opus, claude-3-sonnet' }
+                { key: 'model', label: 'Model', type: 'text', default: 'claude-3-sonnet-20240229', required: false, placeholder: '例如: claude-3-opus, claude-3-sonnet' },
+                { key: 'contextWindow', label: '上下文限制', type: 'number', default: 200000, required: false, placeholder: 'Claude 3: 200000' }
             ]
         },
         'minimax': {
@@ -58,7 +70,8 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             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: 'text', default: 'MiniMax-M2', required: false, placeholder: '例如: MiniMax-M2, MiniMax-M2.1' }
+                { key: 'model', label: 'Model', type: 'text', default: 'MiniMax-M2', required: false, placeholder: '例如: MiniMax-M2, MiniMax-M2.1' },
+                { key: 'contextWindow', label: '上下文限制', type: 'number', default: 128000, required: false, placeholder: 'MiniMax-M2: 128000' }
             ]
         },
         'glm': {
@@ -68,7 +81,8 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             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: 'text', default: 'glm-4', required: false, placeholder: '例如: glm-4, glm-4-air, glm-4-flash' }
+                { key: 'model', label: 'Model', type: 'text', default: 'glm-4', required: false, placeholder: '例如: glm-4, glm-4-air, glm-4-flash' },
+                { key: 'contextWindow', label: '上下文限制', type: 'number', default: 128000, required: false, placeholder: 'GLM-4: 128000' }
             ]
         }
     };
@@ -82,7 +96,8 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             defaultURL: 'http://localhost:11434/v1',
             fields: [
                 { key: 'baseURL', label: 'Base URL', type: 'text', default: 'http://localhost:11434/v1', required: true, placeholder: '例如: http://localhost:11434/v1' },
-                { key: 'model', label: 'Model', type: 'text', default: 'llama3.1', required: false, placeholder: '例如: llama3.1, qwen2.5, mistral' }
+                { key: 'model', label: 'Model', type: 'text', default: 'llama3.1', required: false, placeholder: '例如: llama3.1, qwen2.5, mistral' },
+                { key: 'contextWindow', label: '上下文限制', type: 'number', default: 8192, required: false, placeholder: 'Llama 3.1: 8192' }
             ]
         },
         'vllm': {
@@ -93,7 +108,8 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             fields: [
                 { key: 'baseURL', label: 'Base URL', type: 'text', default: 'http://localhost:8000/v1', required: true, placeholder: '例如: http://localhost:8000/v1' },
                 { key: 'apiKey', label: 'API Key (可选)', type: 'password', required: false },
-                { key: 'model', label: 'Model', type: 'text', default: 'meta-llama/Llama-3.1-8B', required: false, placeholder: 'HuggingFace 模型路径' }
+                { key: 'model', label: 'Model', type: 'text', default: 'meta-llama/Llama-3.1-8B', required: false, placeholder: 'HuggingFace 模型路径' },
+                { key: 'contextWindow', label: '上下文限制', type: 'number', default: 8192, required: false, placeholder: '根据模型实际配置设置' }
             ]
         }
     };
@@ -101,6 +117,7 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
     constructor(
         private config: ConfigProviderService,
         private logger: LoggerService,
+        private toast: ToastService,
         private translate: TranslateService
     ) {
         this.t = this.translate.t;
@@ -129,6 +146,33 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
      */
     private loadConfigs(): void {
         const allConfigs = this.config.getAllProviderConfigs();
+
+        // 为所有云端供应商初始化默认配置
+        for (const providerName of Object.keys(this.cloudProviderTemplates)) {
+            if (!allConfigs[providerName]) {
+                const template = this.cloudProviderTemplates[providerName];
+                allConfigs[providerName] = {
+                    name: providerName,
+                    displayName: template.name,
+                    enabled: false,
+                    ...this.createDefaultConfig(template.fields)
+                };
+            }
+        }
+
+        // 为所有本地供应商初始化默认配置
+        for (const providerName of Object.keys(this.localProviderTemplates)) {
+            if (!allConfigs[providerName]) {
+                const template = this.localProviderTemplates[providerName];
+                allConfigs[providerName] = {
+                    name: providerName,
+                    displayName: template.name,
+                    enabled: false,
+                    ...this.createDefaultConfig(template.fields)
+                };
+            }
+        }
+
         this.configs = allConfigs;
         this.selectedProvider = this.config.getDefaultProvider();
     }
@@ -187,7 +231,7 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
         const baseURL = this.configs[providerName]?.baseURL || template?.defaultURL;
 
         if (!baseURL) {
-            alert(this.t.providers.baseURL + ': ' + this.t.providers.testError);
+            this.toast.error(this.t.providers.baseURL + ': ' + this.t.providers.testError);
             return;
         }
 
@@ -201,16 +245,16 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             });
 
             if (response.ok) {
-                alert(`✅ ${template.name}: ${this.t.providers.testSuccess}`);
+                this.toast.success(`${template.name}: ${this.t.providers.testSuccess}`);
                 this.localStatus[providerName] = true;
                 this.logger.info('Local provider test successful', { provider: providerName });
             } else {
-                alert(`❌ ${this.t.providers.testFail}: ${response.status}`);
+                this.toast.error(`${this.t.providers.testFail}: ${response.status}`);
                 this.localStatus[providerName] = false;
             }
         } catch (error) {
             const errorMessage = error instanceof Error ? error.message : this.t.providers.testError;
-            alert(`❌ ${template.name}\n\n${this.t.providers.testError}\n${errorMessage}`);
+            this.toast.error(`${template.name}\n\n${this.t.providers.testError}\n${errorMessage}`);
             this.localStatus[providerName] = false;
             this.logger.error('Local provider test failed', { provider: providerName, error: errorMessage });
         }
@@ -224,6 +268,7 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
         if (providerConfig) {
             this.config.setProviderConfig(providerName, providerConfig);
             this.logger.info('Provider config saved', { provider: providerName });
+            this.toast.success(`${this.getProviderTemplate(providerName)?.name || providerName} ${this.t.providers.configSaved || '配置已保存'}`);
         }
     }
 
@@ -277,7 +322,7 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
     async testConnection(providerName: string): Promise<void> {
         const providerConfig = this.configs[providerName];
         if (!providerConfig) {
-            alert(this.t.providers.testError);
+            this.toast.error(this.t.providers.testError);
             return;
         }
 
@@ -291,7 +336,7 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
         const baseURL = providerConfig.baseURL;
 
         if (!apiKey) {
-            alert(this.t.providers.apiKey + ': ' + this.t.providers.testError);
+            this.toast.error(this.t.providers.apiKey + ': ' + this.t.providers.testError);
             return;
         }
 
@@ -314,16 +359,16 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
             });
 
             if (response.ok) {
-                alert(`✅ ${this.t.providers.testSuccess}`);
+                this.toast.success(this.t.providers.testSuccess);
                 this.logger.info('Connection test successful', { provider: providerName });
             } else {
                 const errorData = await response.text();
-                alert(`❌ ${this.t.providers.testFail}\n\nStatus: ${response.status}\n${errorData.substring(0, 200)}`);
+                this.toast.error(`${this.t.providers.testFail}\n\nStatus: ${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 : this.t.providers.testError;
-            alert(`❌ ${this.t.providers.testFail}\n\n${errorMessage}`);
+            this.toast.error(`${this.t.providers.testFail}\n\n${errorMessage}`);
             this.logger.error('Connection test error', { provider: providerName, error: errorMessage });
         }
     }
@@ -473,4 +518,56 @@ export class ProviderConfigComponent implements OnInit, OnDestroy {
         }
         this.configs[providerName][key] = value;
     }
+
+    /**
+     * 切换密码字段可见性
+     */
+    togglePasswordVisibility(providerName: string, fieldKey: string): void {
+        if (!this.passwordVisibility[providerName]) {
+            this.passwordVisibility[providerName] = {};
+        }
+        this.passwordVisibility[providerName][fieldKey] = !this.passwordVisibility[providerName][fieldKey];
+    }
+
+    /**
+     * 获取密码字段可见性状态
+     */
+    isPasswordVisible(providerName: string, fieldKey: string): boolean {
+        return this.passwordVisibility[providerName]?.[fieldKey] ?? false;
+    }
+
+    /**
+     * 验证 API Key 格式
+     */
+    validateApiKeyFormat(providerName: string, apiKey: string): { valid: boolean; message: string } {
+        if (!apiKey || apiKey.trim().length === 0) {
+            return { valid: false, message: this.t?.providers?.apiKeyRequired || 'API Key 不能为空' };
+        }
+
+        const pattern = this.apiKeyPatterns[providerName];
+        if (pattern && !pattern.test(apiKey)) {
+            const hints: { [key: string]: string } = {
+                'openai': 'OpenAI API Key 应以 sk- 开头',
+                'anthropic': 'Anthropic API Key 应以 sk-ant- 开头',
+                'minimax': 'Minimax API Key 应为 32 位以上的字母数字',
+                'glm': 'GLM API Key 格式不正确'
+            };
+            return { valid: false, message: hints[providerName] || 'API Key 格式可能不正确' };
+        }
+
+        return { valid: true, message: '' };
+    }
+
+    /**
+     * 获取输入框的验证状态类
+     */
+    getInputValidationClass(providerName: string, fieldKey: string): string {
+        if (fieldKey !== 'apiKey') return '';
+
+        const value = this.configs[providerName]?.[fieldKey];
+        if (!value || value.trim().length === 0) return '';
+
+        const result = this.validateApiKeyFormat(providerName, value);
+        return result.valid ? 'is-valid' : 'is-invalid';
+    }
 }

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

@@ -31,6 +31,7 @@ export const enUS: TranslationKeys = {
         title: 'Settings',
         generalTab: 'General',
         providersTab: 'AI Providers',
+        contextTab: 'Context',
         securityTab: 'Security',
         chatTab: 'Chat',
         advancedTab: 'Advanced'
@@ -135,7 +136,9 @@ export const enUS: TranslationKeys = {
         testFail: 'Connection test failed',
         testError: 'Cannot connect to service, please ensure it is running',
         configSaved: 'Configuration saved',
-        configDeleted: 'Configuration deleted'
+        configDeleted: 'Configuration deleted',
+        contextWindow: 'Context Window',
+        contextWindowDesc: 'Maximum context tokens for this model'
     },
 
     providerNames: {
@@ -189,5 +192,28 @@ export const enUS: TranslationKeys = {
         pluginVersion: 'Plugin Version',
         supportedProviders: 'Supported Providers',
         currentProvider: 'Current Provider'
+    },
+
+    contextSettings: {
+        title: 'Context Management',
+        autoCompact: 'Auto Compact',
+        enableAutoCompact: 'Enable Auto Compact',
+        autoCompactDesc: 'Automatically compress history when context exceeds threshold',
+        autoCompactEnabled: 'Auto Compact Enabled',
+        autoCompactDisabled: 'Auto Compact Disabled',
+        tokenConfig: 'Token Configuration',
+        currentProviderLimit: 'Current Provider Context Limit',
+        maxContextTokens: 'Max Context Tokens',
+        maxContextTokensDesc: 'Cannot exceed current provider context limit',
+        reservedOutputTokens: 'Reserved Output Tokens',
+        reservedOutputTokensDesc: 'Token count reserved for AI response',
+        thresholdConfig: 'Compression Thresholds',
+        pruneThreshold: 'Prune Threshold',
+        pruneThresholdDesc: 'Prune redundant content when usage exceeds this (default: 70%)',
+        compactThreshold: 'Compact Threshold',
+        compactThresholdDesc: 'Generate summary when usage exceeds this (default: 85%)',
+        messagesToKeep: 'Messages to Keep',
+        messagesToKeepDesc: 'Recent messages to always preserve (default: 3)',
+        configSaved: 'Context config saved'
     }
 };

package/src/i18n/translations/ja-JP.ts

@@ -31,6 +31,7 @@ export const jaJP: TranslationKeys = {
         title: '設定',
         generalTab: '基本設定',
         providersTab: 'AIプロバイダー',
+        contextTab: 'コンテキスト',
         securityTab: 'セキュリティ',
         chatTab: 'チャット',
         advancedTab: '詳細設定'
@@ -135,7 +136,9 @@ export const jaJP: TranslationKeys = {
         testFail: '接続テスト失敗',
         testError: 'サービスに接続できません。サービスが起動していることを確認してください。',
         configSaved: '設定が保存されました',
-        configDeleted: '設定が削除されました'
+        configDeleted: '設定が削除されました',
+        contextWindow: 'コンテキストウィンドウ',
+        contextWindowDesc: 'モデルの最大コンテキストトークン数'
     },
 
     providerNames: {
@@ -189,5 +192,28 @@ export const jaJP: TranslationKeys = {
         pluginVersion: 'プラグインVersion',
         supportedProviders: 'サポートされているプロバイダー',
         currentProvider: '現在のリプロバイダー'
+    },
+
+    contextSettings: {
+        title: 'コンテキスト管理',
+        autoCompact: '自動圧縮',
+        enableAutoCompact: '自動圧縮を有効にする',
+        autoCompactDesc: 'コンテキストがしきい値を超えた場合に履歴を自動的に圧縮',
+        autoCompactEnabled: '自動圧縮が有効',
+        autoCompactDisabled: '自動圧縮が無効',
+        tokenConfig: 'トークン設定',
+        currentProviderLimit: '現在のリプロバイダーのコンテキスト制限',
+        maxContextTokens: '最大コンテキストトークン数',
+        maxContextTokensDesc: '現在のリプロバイダーのコンテキスト制限を超えないこと',
+        reservedOutputTokens: '出力予約トークン数',
+        reservedOutputTokensDesc: 'AI応答に予約するトークン数',
+        thresholdConfig: '圧縮しきい値',
+        pruneThreshold: 'プルーンしきい値',
+        pruneThresholdDesc: '使用率がこれを超えた場合に冗長コンテンツを削除（デフォルト：70%）',
+        compactThreshold: '圧縮しきい値',
+        compactThresholdDesc: '使用率がこれを超えた場合にサマリーを生成（デフォルト：85%）',
+        messagesToKeep: '保持するメッセージ数',
+        messagesToKeepDesc: '圧縮時に常に保持する最新メッセージ数（デフォルト：3）',
+        configSaved: 'コンテキスト設定が保存されました'
     }
 };

package/src/i18n/translations/zh-CN.ts

@@ -31,6 +31,7 @@ export const zhCN: TranslationKeys = {
         title: '设置',
         generalTab: '基本设置',
         providersTab: 'AI提供商',
+        contextTab: '上下文设置',
         securityTab: '安全设置',
         chatTab: '聊天设置',
         advancedTab: '高级设置'
@@ -135,7 +136,9 @@ export const zhCN: TranslationKeys = {
         testFail: '连接测试失败',
         testError: '无法连接到服务，请确保服务已启动',
         configSaved: '配置已保存',
-        configDeleted: '配置已删除'
+        configDeleted: '配置已删除',
+        contextWindow: '上下文限制',
+        contextWindowDesc: '模型的最大上下文Token数'
     },
 
     providerNames: {
@@ -189,5 +192,28 @@ export const zhCN: TranslationKeys = {
         pluginVersion: '插件版本',
         supportedProviders: '支持的提供商',
         currentProvider: '当前提供商'
+    },
+
+    contextSettings: {
+        title: '上下文管理',
+        autoCompact: '自动压缩',
+        enableAutoCompact: '启用自动压缩',
+        autoCompactDesc: '当上下文超过阈值时自动压缩历史消息',
+        autoCompactEnabled: '自动压缩已启用',
+        autoCompactDisabled: '自动压缩已禁用',
+        tokenConfig: 'Token 配置',
+        currentProviderLimit: '当前供应商上下文限制',
+        maxContextTokens: '最大上下文 Token 数',
+        maxContextTokensDesc: '不能超过当前供应商的上下文限制',
+        reservedOutputTokens: '输出预留 Token 数',
+        reservedOutputTokensDesc: '为 AI 回复预留的 Token 数量',
+        thresholdConfig: '压缩阈值',
+        pruneThreshold: '裁剪阈值',
+        pruneThresholdDesc: '使用率超过此阈值时裁剪冗余内容（默认：70%）',
+        compactThreshold: '压缩阈值',
+        compactThresholdDesc: '使用率超过此阈值时生成摘要压缩（默认：85%）',
+        messagesToKeep: '保留消息数',
+        messagesToKeepDesc: '压缩时始终保留的最近消息数量（默认：3）',
+        configSaved: '上下文配置已保存'
     }
 };