tabby-ai-assistant 1.0.8 → 1.0.9

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

@@ -0,0 +1,193 @@
+/**
+ * 中文翻译
+ */
+import { TranslationKeys } from '../types';
+
+export const zhCN: TranslationKeys = {
+    common: {
+        save: '保存',
+        cancel: '取消',
+        delete: '删除',
+        confirm: '确定',
+        enabled: '已启用',
+        disabled: '已禁用',
+        online: '在线',
+        offline: '离线',
+        testing: '检测中...',
+        error: '错误',
+        success: '成功',
+        notConfigured: '未配置',
+        add: '添加',
+        remove: '删除',
+        close: '关闭',
+        yes: '是',
+        no: '否',
+        reset: '重置',
+        default: '默认',
+        today: '今天'
+    },
+
+    settings: {
+        title: '设置',
+        generalTab: '基本设置',
+        providersTab: 'AI提供商',
+        securityTab: '安全设置',
+        chatTab: '聊天设置',
+        advancedTab: '高级设置'
+    },
+
+    general: {
+        title: '基本设置',
+        enableAssistant: '启用AI助手',
+        enableAssistantDesc: '启用或禁用整个AI助手功能',
+        defaultProvider: '默认AI提供商',
+        providerCount: '已配置 {count} 个提供商，当前使用',
+        language: '语言',
+        theme: '主题',
+        themeAuto: '跟随系统',
+        themeLight: '浅色主题',
+        themeDark: '深色主题',
+        themePixel: '像素复古',
+        themeTech: '赛博科技',
+        shortcuts: '快捷键',
+        shortcutOpenChat: '打开AI助手',
+        shortcutOpenChatDesc: '打开聊天界面',
+        shortcutGenerate: '生成命令',
+        shortcutGenerateDesc: '从选择生成命令',
+        shortcutExplain: '解释命令',
+        shortcutExplainDesc: '解释当前选择',
+        shortcutTip: '快捷键可在 Tabby 设置中自定义'
+    },
+
+    chatSettings: {
+        title: '聊天设置',
+        appearance: '外观',
+        theme: '主题',
+        fontSize: '字体大小',
+        compactMode: '紧凑模式',
+        compactModeDesc: '减少消息间距，显示更多内容',
+        behavior: '聊天行为',
+        enterToSend: 'Enter键发送消息',
+        enterToSendDesc: 'Shift+Enter 换行',
+        showTimestamps: '显示时间戳',
+        showTimestampsDesc: '在每条消息下方显示发送时间',
+        showAvatars: '显示头像',
+        showAvatarsDesc: '显示用户和AI的头像图标',
+        soundEnabled: '启用提示音',
+        soundEnabledDesc: '收到AI回复时播放提示音',
+        history: '聊天历史',
+        enableHistory: '启用聊天历史',
+        enableHistoryDesc: '保存聊天记录以便下次使用',
+        maxHistory: '最大历史记录数',
+        maxHistoryUnit: '条',
+        autoSave: '自动保存聊天记录',
+        autoSaveDesc: '每次发送消息后自动保存',
+        exportSettings: '导出设置',
+        clearHistory: '清空聊天记录',
+        resetDefaults: '重置为默认',
+        clearHistoryConfirm: '确定要清空所有聊天记录吗？此操作不可恢复。',
+        resetConfirm: '确定要重置所有设置为默认值吗？'
+    },
+
+    security: {
+        title: '安全设置',
+        accessControl: '访问保护',
+        passwordProtection: '启用密码保护',
+        passwordProtectionDesc: '高风险命令需要密码确认',
+        setPassword: '设置密码',
+        passwordPlaceholder: '输入密码',
+        riskAssessment: '风险评估',
+        riskAssessmentDesc: '自动评估命令风险等级',
+        defaultRiskLevel: '默认风险等级',
+        riskLow: '低风险',
+        riskMedium: '中等风险',
+        riskHigh: '高风险',
+        userConsent: '用户授权',
+        rememberConsent: '记住用户授权',
+        rememberConsentDesc: '授权有效期',
+        consentExpiryDays: '天',
+        dangerousPatterns: '危险命令模式',
+        addPattern: '添加危险命令模式',
+        patternPlaceholder: '输入危险命令模式',
+        saveSettings: '保存设置',
+        resetDefaults: '恢复默认',
+        resetConfirm: '确定要重置安全设置为默认值吗？'
+    },
+
+    providers: {
+        title: 'AI提供商配置',
+        cloudProviders: '云端提供商',
+        cloudProvidersDesc: '需要 API Key 的在线服务',
+        localProviders: '本地提供商',
+        localProvidersDesc: '无需 API Key，本地运行',
+        configured: '已启用',
+        displayName: '显示名称',
+        status: '状态',
+        apiKey: 'API Key',
+        baseURL: 'Base URL',
+        model: 'Model',
+        saveConfig: '保存配置',
+        testConnection: '测试连接',
+        detectService: '检测服务',
+        delete: '删除',
+        deleteConfirm: '确定要删除该提供商配置吗？',
+        testSuccess: '连接测试成功！',
+        testFail: '连接测试失败',
+        testError: '无法连接到服务，请确保服务已启动',
+        configSaved: '配置已保存',
+        configDeleted: '配置已删除'
+    },
+
+    providerNames: {
+        openai: 'OpenAI',
+        anthropic: 'Anthropic Claude',
+        minimax: 'Minimax',
+        glm: 'GLM (ChatGLM)',
+        openaiCompatible: 'OpenAI Compatible',
+        ollama: 'Ollama (本地)',
+        vllm: 'vLLM (本地)'
+    },
+
+    chatInterface: {
+        title: 'AI助手',
+        welcomeMessage: '您好！我是AI助手',
+        inputPlaceholder: '输入您的问题或描述要执行的命令...',
+        thinking: 'AI正在思考...',
+        executingTool: '正在执行工具...',
+        toolComplete: '工具执行完成',
+        errorPrefix: '错误',
+        tipCommand: '提示：您可以描述想执行的命令，例如"查看当前目录的所有文件"',
+        tipShortcut: '快捷键：Ctrl+Shift+G 生成命令，Ctrl+Shift+E 解释命令',
+        clearChat: '清空聊天记录',
+        clearChatConfirm: '确定要清空聊天记录吗？',
+        exportChat: '导出聊天记录',
+        switchProvider: '切换AI提供商',
+        providerBadge: '提供商'
+    },
+
+    riskLevel: {
+        low: '低风险',
+        medium: '中等风险',
+        high: '高风险',
+        unknown: '未知'
+    },
+
+    advancedSettings: {
+        title: '高级设置',
+        configManagement: '配置管理',
+        validateConfig: '验证配置',
+        resetDefaults: '重置为默认',
+        logSettings: '日志设置',
+        logLevel: '日志级别',
+        logLevels: {
+            debug: '调试',
+            info: '信息',
+            warn: '警告',
+            error: '错误'
+        },
+        systemInfo: '系统信息',
+        pluginVersion: '插件版本',
+        supportedProviders: '支持的提供商',
+        currentProvider: '当前提供商'
+    }
+};

package/src/i18n/types.ts

@@ -0,0 +1,224 @@
+/**
+ * 翻译键类型定义
+ */
+
+// 通用
+export interface CommonTranslations {
+    save: string;
+    cancel: string;
+    delete: string;
+    confirm: string;
+    enabled: string;
+    disabled: string;
+    online: string;
+    offline: string;
+    testing: string;
+    error: string;
+    success: string;
+    notConfigured: string;
+    add: string;
+    remove: string;
+    close: string;
+    yes: string;
+    no: string;
+    reset: string;
+    default: string;
+    today: string;
+}
+
+// 设置页面
+export interface SettingsTranslations {
+    title: string;
+    generalTab: string;
+    providersTab: string;
+    securityTab: string;
+    chatTab: string;
+    advancedTab: string;
+}
+
+// 基本设置
+export interface GeneralTranslations {
+    title: string;
+    enableAssistant: string;
+    enableAssistantDesc: string;
+    defaultProvider: string;
+    providerCount: string;  // "已配置 {count} 个提供商，当前使用"
+    language: string;
+    theme: string;
+    themeAuto: string;
+    themeLight: string;
+    themeDark: string;
+    themePixel: string;
+    themeTech: string;
+    shortcuts: string;
+    shortcutOpenChat: string;
+    shortcutOpenChatDesc: string;
+    shortcutGenerate: string;
+    shortcutGenerateDesc: string;
+    shortcutExplain: string;
+    shortcutExplainDesc: string;
+    shortcutTip: string;
+}
+
+// 聊天设置
+export interface ChatSettingsTranslations {
+    title: string;
+    appearance: string;
+    theme: string;
+    fontSize: string;
+    compactMode: string;
+    compactModeDesc: string;
+    behavior: string;
+    enterToSend: string;
+    enterToSendDesc: string;
+    showTimestamps: string;
+    showTimestampsDesc: string;
+    showAvatars: string;
+    showAvatarsDesc: string;
+    soundEnabled: string;
+    soundEnabledDesc: string;
+    history: string;
+    enableHistory: string;
+    enableHistoryDesc: string;
+    maxHistory: string;
+    maxHistoryUnit: string;
+    autoSave: string;
+    autoSaveDesc: string;
+    exportSettings: string;
+    clearHistory: string;
+    resetDefaults: string;
+    clearHistoryConfirm: string;
+    resetConfirm: string;
+}
+
+// 安全设置
+export interface SecurityTranslations {
+    title: string;
+    accessControl: string;
+    passwordProtection: string;
+    passwordProtectionDesc: string;
+    setPassword: string;
+    passwordPlaceholder: string;
+    riskAssessment: string;
+    riskAssessmentDesc: string;
+    defaultRiskLevel: string;
+    riskLow: string;
+    riskMedium: string;
+    riskHigh: string;
+    userConsent: string;
+    rememberConsent: string;
+    rememberConsentDesc: string;
+    consentExpiryDays: string;
+    dangerousPatterns: string;
+    addPattern: string;
+    patternPlaceholder: string;
+    saveSettings: string;
+    resetDefaults: string;
+    resetConfirm: string;
+}
+
+// 供应商配置
+export interface ProvidersTranslations {
+    title: string;
+    cloudProviders: string;
+    cloudProvidersDesc: string;
+    localProviders: string;
+    localProvidersDesc: string;
+    configured: string;
+    displayName: string;
+    status: string;
+    apiKey: string;
+    baseURL: string;
+    model: string;
+    saveConfig: string;
+    testConnection: string;
+    detectService: string;
+    delete: string;
+    deleteConfirm: string;
+    testSuccess: string;
+    testFail: string;
+    testError: string;
+    configSaved: string;
+    configDeleted: string;
+}
+
+// 供应商
+export interface ProviderNamesTranslations {
+    openai: string;
+    anthropic: string;
+    minimax: string;
+    glm: string;
+    openaiCompatible: string;
+    ollama: string;
+    vllm: string;
+}
+
+// 聊天界面
+export interface ChatInterfaceTranslations {
+    title: string;
+    welcomeMessage: string;
+    inputPlaceholder: string;
+    thinking: string;
+    executingTool: string;
+    toolComplete: string;
+    errorPrefix: string;
+    tipCommand: string;
+    tipShortcut: string;
+    clearChat: string;
+    clearChatConfirm: string;
+    exportChat: string;
+    switchProvider: string;
+    providerBadge: string;
+}
+
+// 风险等级
+export interface RiskLevelTranslations {
+    low: string;
+    medium: string;
+    high: string;
+    unknown: string;
+}
+
+// 高级设置
+export interface AdvancedSettingsTranslations {
+    title: string;
+    configManagement: string;
+    validateConfig: string;
+    resetDefaults: string;
+    logSettings: string;
+    logLevel: string;
+    logLevels: {
+        debug: string;
+        info: string;
+        warn: string;
+        error: string;
+    };
+    systemInfo: string;
+    pluginVersion: string;
+    supportedProviders: string;
+    currentProvider: string;
+}
+
+// 主翻译类型
+export interface TranslationKeys {
+    common: CommonTranslations;
+    settings: SettingsTranslations;
+    general: GeneralTranslations;
+    chatSettings: ChatSettingsTranslations;
+    security: SecurityTranslations;
+    providers: ProvidersTranslations;
+    providerNames: ProviderNamesTranslations;
+    chatInterface: ChatInterfaceTranslations;
+    riskLevel: RiskLevelTranslations;
+    advancedSettings: AdvancedSettingsTranslations;
+}
+
+// 支持的语言类型
+export type SupportedLanguage = 'zh-CN' | 'en-US' | 'ja-JP';
+
+// 语言配置
+export interface LanguageConfig {
+    code: SupportedLanguage;
+    label: string;
+    flag: string;
+}

package/src/index.ts

@@ -6,6 +6,9 @@ import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
 // 全局样式
 import './styles/ai-assistant.scss';
 
+// i18n Services
+import { TranslateService } from './i18n';
+
 // Tabby modules
 import TabbyCoreModule, { AppService, ConfigService, ToolbarButtonProvider, ConfigProvider, HotkeyProvider, HotkeysService } from 'tabby-core';
 import TabbyTerminalModule from 'tabby-terminal';
@@ -106,6 +109,9 @@ import { AiHotkeyProvider } from './providers/tabby/ai-hotkey.provider';
         ConfigProviderService,
         LoggerService,
 
+        // i18n Services
+        TranslateService,
+
         // AI Providers
         OpenAiProviderService,
         AnthropicProviderService,

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

@@ -11,6 +11,7 @@ export interface AiSidebarConfig {
     showInToolbar?: boolean;
     sidebarVisible?: boolean;
     sidebarCollapsed?: boolean;
+    sidebarWidth?: number;
 }
 
 /**
@@ -24,8 +25,15 @@ export class AiSidebarService {
     private sidebarComponentRef: ComponentRef<AiSidebarComponent> | null = null;
     private sidebarElement: HTMLElement | null = null;
     private styleElement: HTMLStyleElement | null = null;
+    private resizeHandle: HTMLElement | null = null;
     private _isVisible = false;
-    private readonly SIDEBAR_WIDTH = 320;
+
+    // Resize constants
+    private readonly MIN_WIDTH = 280;
+    private readonly MAX_WIDTH = 500;
+    private readonly DEFAULT_WIDTH = 320;
+    private currentWidth: number = this.DEFAULT_WIDTH;
+    private isResizing = false;
 
     /**
      * 侧边栏是否可见
@@ -122,24 +130,76 @@ export class AiSidebarService {
 
         // 获取 DOM 元素
         const domElem = (this.sidebarComponentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;
+        // 直接设置组件 host 元素的样式 - 确保 flex 布局正确
+        domElem.style.display = 'flex';
+        domElem.style.flexDirection = 'column';
+        domElem.style.height = '100%';
+        domElem.style.width = '100%';
+        domElem.style.overflow = 'hidden';
 
         // 创建 wrapper 元素 - 使用固定定位
         const wrapper = document.createElement('div');
         wrapper.className = 'ai-sidebar-wrapper';
+
+        // 加载保存的宽度或使用默认值
+        this.currentWidth = this.loadSidebarWidth();
+
+        // 获取视口高度 - 使用绝对像素值确保滚动容器正确计算
+        const viewportHeight = window.innerHeight;
         wrapper.style.cssText = `
             position: fixed;
             left: 0;
             top: 0;
-            width: ${this.SIDEBAR_WIDTH}px;
-            height: 100%;
+            width: ${this.currentWidth}px;
+            height: ${viewportHeight}px;
             display: flex;
             flex-direction: column;
             background: var(--bs-body-bg, #1e1e1e);
             border-right: 1px solid var(--bs-border-color, #333);
             box-shadow: 2px 0 10px rgba(0,0,0,0.3);
             z-index: 1000;
+            overflow: hidden;
+        `;
+
+        // 监听窗口大小变化，动态更新高度
+        const resizeHandler = () => {
+            wrapper.style.height = `${window.innerHeight}px`;
+        };
+        window.addEventListener('resize', resizeHandler);
+        // 存储 handler 以便在销毁时移除
+        (wrapper as any)._resizeHandler = resizeHandler;
+
+        // 创建 resize handle（拖动条）
+        const resizeHandle = document.createElement('div');
+        resizeHandle.className = 'ai-sidebar-resize-handle';
+        resizeHandle.style.cssText = `
+            position: absolute;
+            top: 0;
+            right: -4px;
+            width: 8px;
+            height: 100%;
+            cursor: ew-resize;
+            background: transparent;
+            z-index: 1001;
+            transition: background 0.2s;
         `;
 
+        // 鼠标悬停时显示高亮
+        resizeHandle.addEventListener('mouseenter', () => {
+            resizeHandle.style.background = 'var(--ai-primary, #4dabf7)';
+        });
+        resizeHandle.addEventListener('mouseleave', () => {
+            if (!this.isResizing) {
+                resizeHandle.style.background = 'transparent';
+            }
+        });
+
+        // 添加拖动逻辑
+        this.setupResizeHandler(resizeHandle, wrapper, viewportHeight);
+
+        wrapper.appendChild(resizeHandle);
+        this.resizeHandle = resizeHandle;
+
         wrapper.appendChild(domElem);
 
         // 插入到 body
@@ -164,6 +224,14 @@ export class AiSidebarService {
         // 移除注入的 CSS
         this.removeLayoutCSS();
 
+        // 移除 resize 监听器
+        if (this.sidebarElement) {
+            const handler = (this.sidebarElement as any)._resizeHandler;
+            if (handler) {
+                window.removeEventListener('resize', handler);
+            }
+        }
+
         if (this.sidebarComponentRef) {
             this.appRef.detachView(this.sidebarComponentRef.hostView);
             this.sidebarComponentRef.destroy();
@@ -211,7 +279,7 @@ export class AiSidebarService {
 
     /**
      * 注入布局 CSS - 使用 margin-left 把主内容推开
-     * 
+     *
      * 固定定位方案：侧边栏 fixed，主内容区 margin-left
      */
     private injectLayoutCSS(): void {
@@ -220,7 +288,7 @@ export class AiSidebarService {
         style.textContent = `
             /* 用 margin-left 把 app-root 推开，为侧边栏腾出空间 */
             app-root {
-                margin-left: ${this.SIDEBAR_WIDTH}px !important;
+                margin-left: ${this.currentWidth}px !important;
             }
         `;
 
@@ -238,6 +306,90 @@ export class AiSidebarService {
         }
     }
 
+    /**
+     * 设置 resize handle 拖动逻辑
+     */
+    private setupResizeHandler(handle: HTMLElement, wrapper: HTMLElement, viewportHeight: number): void {
+        let startX: number;
+        let startWidth: number;
+
+        const onMouseDown = (e: MouseEvent) => {
+            e.preventDefault();
+            this.isResizing = true;
+            startX = e.clientX;
+            startWidth = this.currentWidth;
+
+            document.addEventListener('mousemove', onMouseMove);
+            document.addEventListener('mouseup', onMouseUp);
+            document.body.style.cursor = 'ew-resize';
+            document.body.style.userSelect = 'none';
+        };
+
+        const onMouseMove = (e: MouseEvent) => {
+            if (!this.isResizing) return;
+
+            const delta = e.clientX - startX;
+            let newWidth = startWidth + delta;
+
+            // 限制宽度范围
+            newWidth = Math.max(this.MIN_WIDTH, Math.min(this.MAX_WIDTH, newWidth));
+
+            this.currentWidth = newWidth;
+            wrapper.style.width = `${newWidth}px`;
+
+            // 更新 app-root 的 margin-left
+            this.updateLayoutCSS(newWidth);
+        };
+
+        const onMouseUp = () => {
+            this.isResizing = false;
+            document.removeEventListener('mousemove', onMouseMove);
+            document.removeEventListener('mouseup', onMouseUp);
+            document.body.style.cursor = '';
+            document.body.style.userSelect = '';
+            handle.style.background = 'transparent';
+
+            // 保存宽度到配置
+            this.saveSidebarWidth(this.currentWidth);
+        };
+
+        handle.addEventListener('mousedown', onMouseDown);
+    }
+
+    /**
+     * 更新布局 CSS（resize 时调用）
+     */
+    private updateLayoutCSS(width: number): void {
+        if (this.styleElement) {
+            this.styleElement.textContent = `
+                app-root {
+                    margin-left: ${width}px !important;
+                }
+            `;
+        }
+    }
+
+    /**
+     * 加载保存的侧边栏宽度
+     */
+    private loadSidebarWidth(): number {
+        const pluginConfig = this.getPluginConfig();
+        const savedWidth = pluginConfig.sidebarWidth;
+        if (savedWidth && savedWidth >= this.MIN_WIDTH && savedWidth <= this.MAX_WIDTH) {
+            return savedWidth;
+        }
+        return this.DEFAULT_WIDTH;
+    }
+
+    /**
+     * 保存侧边栏宽度到配置
+     */
+    private saveSidebarWidth(width: number): void {
+        const pluginConfig = this.getPluginConfig();
+        pluginConfig.sidebarWidth = width;
+        this.savePluginConfig(pluginConfig);
+    }
+
     /**
      * 获取插件配置
      */