tabby-ai-assistant 1.0.0

package/src/styles/ai-assistant.scss

@@ -0,0 +1,449 @@
+/**
+ * Tabby AI Assistant 全局样式
+ */
+
+// 主题颜色
+:root {
+    --ai-primary: #007bff;
+    --ai-secondary: #6c757d;
+    --ai-success: #28a745;
+    --ai-warning: #ffc107;
+    --ai-danger: #dc3545;
+    --ai-info: #17a2b8;
+    --ai-light: #f8f9fa;
+    --ai-dark: #343a40;
+
+    // 风险级别颜色
+    --ai-risk-low: #28a745;
+    --ai-risk-medium: #ffc107;
+    --ai-risk-high: #fd7e14;
+    --ai-risk-critical: #dc3545;
+
+    // 聊天消息颜色
+    --ai-user-message: #e3f2fd;
+    --ai-assistant-message: #f5f5f5;
+    --ai-system-message: #fff3cd;
+
+    // 背景和边框
+    --ai-bg-primary: #ffffff;
+    --ai-bg-secondary: #f8f9fa;
+    --ai-border: #dee2e6;
+    --ai-border-radius: 0.375rem;
+    --ai-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+}
+
+// 深色主题
+.dark-theme {
+    --ai-primary: #4dabf7;
+    --ai-secondary: #adb5bd;
+    --ai-success: #51cf66;
+    --ai-warning: #fcc419;
+    --ai-danger: #ff6b6b;
+    --ai-info: #22b8cf;
+    --ai-light: #343a40;
+    --ai-dark: #f8f9fa;
+
+    --ai-risk-low: #51cf66;
+    --ai-risk-medium: #fcc419;
+    --ai-risk-high: #ff922b;
+    --ai-risk-critical: #ff6b6b;
+
+    --ai-user-message: #1e3a5f;
+    --ai-assistant-message: #2d3748;
+    --ai-system-message: #3a3a3a;
+
+    --ai-bg-primary: #1a1a1a;
+    --ai-bg-secondary: #2d2d2d;
+    --ai-border: #4a4a4a;
+    --ai-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
+}
+
+// 通用样式
+.ai-assistant {
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+    font-size: 14px;
+    line-height: 1.5;
+    color: var(--ai-dark);
+    background-color: var(--ai-bg-primary);
+
+    * {
+        box-sizing: border-box;
+    }
+}
+
+// 容器
+.ai-container {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+}
+
+// 头部
+.ai-header {
+    padding: 1rem;
+    background-color: var(--ai-bg-secondary);
+    border-bottom: 1px solid var(--ai-border);
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+
+    .ai-title {
+        font-size: 1.125rem;
+        font-weight: 600;
+        margin: 0;
+    }
+
+    .ai-provider-selector {
+        display: flex;
+        align-items: center;
+        gap: 0.5rem;
+    }
+}
+
+// 内容区域
+.ai-content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 1rem;
+    display: flex;
+    flex-direction: column;
+    gap: 1rem;
+}
+
+// 消息
+.ai-message {
+    padding: 0.75rem 1rem;
+    border-radius: var(--ai-border-radius);
+    box-shadow: var(--ai-box-shadow);
+    max-width: 85%;
+
+    &.user {
+        align-self: flex-end;
+        background-color: var(--ai-user-message);
+        border: 1px solid var(--ai-primary);
+    }
+
+    &.assistant {
+        align-self: flex-start;
+        background-color: var(--ai-assistant-message);
+        border: 1px solid var(--ai-border);
+    }
+
+    &.system {
+        align-self: center;
+        background-color: var(--ai-system-message);
+        border: 1px solid var(--ai-warning);
+        font-style: italic;
+    }
+
+    .message-header {
+        font-size: 0.875rem;
+        font-weight: 600;
+        margin-bottom: 0.5rem;
+        opacity: 0.8;
+    }
+
+    .message-content {
+        word-wrap: break-word;
+        white-space: pre-wrap;
+    }
+
+    .message-timestamp {
+        font-size: 0.75rem;
+        opacity: 0.6;
+        margin-top: 0.5rem;
+    }
+}
+
+// 输入框
+.ai-input-container {
+    padding: 1rem;
+    background-color: var(--ai-bg-secondary);
+    border-top: 1px solid var(--ai-border);
+    display: flex;
+    gap: 0.5rem;
+    align-items: flex-end;
+
+    .ai-textarea {
+        flex: 1;
+        min-height: 60px;
+        max-height: 200px;
+        padding: 0.75rem;
+        border: 1px solid var(--ai-border);
+        border-radius: var(--ai-border-radius);
+        resize: vertical;
+        font-family: inherit;
+        font-size: 14px;
+        line-height: 1.5;
+        background-color: var(--ai-bg-primary);
+        color: var(--ai-dark);
+
+        &:focus {
+            outline: none;
+            border-color: var(--ai-primary);
+            box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+        }
+    }
+
+    .ai-button {
+        padding: 0.75rem 1.5rem;
+        border: none;
+        border-radius: var(--ai-border-radius);
+        background-color: var(--ai-primary);
+        color: white;
+        font-weight: 500;
+        cursor: pointer;
+        transition: background-color 0.15s ease-in-out;
+
+        &:hover {
+            background-color: darken(#007bff, 7.5%);
+        }
+
+        &:disabled {
+            opacity: 0.6;
+            cursor: not-allowed;
+        }
+
+        &.secondary {
+            background-color: var(--ai-secondary);
+
+            &:hover {
+                background-color: darken(#6c757d, 7.5%);
+            }
+        }
+
+        &.danger {
+            background-color: var(--ai-danger);
+
+            &:hover {
+                background-color: darken(#dc3545, 7.5%);
+            }
+        }
+    }
+}
+
+// 命令预览
+.ai-command-preview {
+    padding: 1rem;
+    background-color: var(--ai-bg-secondary);
+    border: 1px solid var(--ai-border);
+    border-radius: var(--ai-border-radius);
+    margin-bottom: 1rem;
+
+    .command {
+        font-family: 'Courier New', Courier, monospace;
+        font-size: 0.875rem;
+        background-color: var(--ai-bg-primary);
+        padding: 0.5rem;
+        border-radius: 0.25rem;
+        margin: 0.5rem 0;
+        word-break: break-all;
+    }
+
+    .explanation {
+        margin: 0.5rem 0;
+        opacity: 0.9;
+    }
+
+    .confidence {
+        font-size: 0.875rem;
+        color: var(--ai-info);
+        margin-top: 0.5rem;
+    }
+}
+
+// 风险指示器
+.ai-risk-indicator {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.375rem;
+    padding: 0.25rem 0.75rem;
+    border-radius: 1rem;
+    font-size: 0.875rem;
+    font-weight: 500;
+
+    &.low {
+        background-color: rgba(40, 167, 69, 0.1);
+        color: var(--ai-risk-low);
+    }
+
+    &.medium {
+        background-color: rgba(255, 193, 7, 0.1);
+        color: var(--ai-risk-medium);
+    }
+
+    &.high {
+        background-color: rgba(253, 126, 20, 0.1);
+        color: var(--ai-risk-high);
+    }
+
+    &.critical {
+        background-color: rgba(220, 53, 69, 0.1);
+        color: var(--ai-risk-critical);
+        animation: pulse 2s infinite;
+    }
+
+    .risk-dot {
+        width: 8px;
+        height: 8px;
+        border-radius: 50%;
+        background-color: currentColor;
+    }
+}
+
+@keyframes pulse {
+    0%, 100% {
+        opacity: 1;
+    }
+    50% {
+        opacity: 0.5;
+    }
+}
+
+// 设置表单
+.ai-settings {
+    .settings-section {
+        margin-bottom: 2rem;
+
+        h3 {
+            font-size: 1.125rem;
+            font-weight: 600;
+            margin-bottom: 1rem;
+            padding-bottom: 0.5rem;
+            border-bottom: 1px solid var(--ai-border);
+        }
+
+        .form-group {
+            margin-bottom: 1rem;
+
+            label {
+                display: block;
+                font-weight: 500;
+                margin-bottom: 0.5rem;
+            }
+
+            .form-control {
+                width: 100%;
+                padding: 0.5rem;
+                border: 1px solid var(--ai-border);
+                border-radius: var(--ai-border-radius);
+                background-color: var(--ai-bg-primary);
+                color: var(--ai-dark);
+
+                &:focus {
+                    outline: none;
+                    border-color: var(--ai-primary);
+                }
+            }
+
+            .form-text {
+                font-size: 0.875rem;
+                opacity: 0.8;
+                margin-top: 0.25rem;
+            }
+        }
+
+        .form-check {
+            display: flex;
+            align-items: center;
+            gap: 0.5rem;
+            margin-bottom: 0.5rem;
+
+            input[type="checkbox"] {
+                width: 1rem;
+                height: 1rem;
+            }
+
+            label {
+                margin: 0;
+                cursor: pointer;
+            }
+        }
+    }
+}
+
+// 加载动画
+.ai-loading {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.5rem;
+
+    .spinner {
+        width: 16px;
+        height: 16px;
+        border: 2px solid var(--ai-border);
+        border-top-color: var(--ai-primary);
+        border-radius: 50%;
+        animation: spin 0.8s linear infinite;
+    }
+}
+
+@keyframes spin {
+    to {
+        transform: rotate(360deg);
+    }
+}
+
+// 错误消息
+.ai-error {
+    padding: 0.75rem;
+    background-color: rgba(220, 53, 69, 0.1);
+    border: 1px solid var(--ai-danger);
+    border-radius: var(--ai-border-radius);
+    color: var(--ai-danger);
+    margin: 0.5rem 0;
+}
+
+// 成功消息
+.ai-success {
+    padding: 0.75rem;
+    background-color: rgba(40, 167, 69, 0.1);
+    border: 1px solid var(--ai-success);
+    border-radius: var(--ai-border-radius);
+    color: var(--ai-success);
+    margin: 0.5rem 0;
+}
+
+// 工具提示
+.ai-tooltip {
+    position: relative;
+    display: inline-block;
+
+    &:hover::after {
+        content: attr(data-tooltip);
+        position: absolute;
+        bottom: 100%;
+        left: 50%;
+        transform: translateX(-50%);
+        padding: 0.5rem;
+        background-color: var(--ai-dark);
+        color: var(--ai-light);
+        border-radius: var(--ai-border-radius);
+        font-size: 0.875rem;
+        white-space: nowrap;
+        z-index: 1000;
+        opacity: 0;
+        animation: fadeIn 0.2s ease-in-out forwards;
+    }
+}
+
+@keyframes fadeIn {
+    to {
+        opacity: 1;
+    }
+}
+
+// 响应式设计
+@media (max-width: 768px) {
+    .ai-message {
+        max-width: 95%;
+    }
+
+    .ai-header {
+        flex-direction: column;
+        align-items: flex-start;
+        gap: 0.5rem;
+    }
+}

package/src/types/ai.types.ts

@@ -0,0 +1,133 @@
+/**
+ * AI相关类型定义
+ */
+
+// 消息角色
+export enum MessageRole {
+    USER = 'user',
+    ASSISTANT = 'assistant',
+    SYSTEM = 'system'
+}
+
+// 聊天消息
+export interface ChatMessage {
+    id: string;
+    role: MessageRole;
+    content: string;
+    timestamp: Date;
+    metadata?: Record<string, any>;
+}
+
+// 聊天请求
+export interface ChatRequest {
+    messages: ChatMessage[];
+    systemPrompt?: string;
+    maxTokens?: number;
+    temperature?: number;
+    stream?: boolean;
+    model?: string;
+}
+
+// 聊天响应
+export interface ChatResponse {
+    message: ChatMessage;
+    usage?: {
+        promptTokens: number;
+        completionTokens: number;
+        totalTokens: number;
+    };
+}
+
+// 命令请求
+export interface CommandRequest {
+    naturalLanguage: string;
+    context?: {
+        currentDirectory?: string;
+        operatingSystem?: string;
+        shell?: string;
+        environment?: Record<string, string>;
+    };
+    constraints?: {
+        maxLength?: number;
+        allowedCommands?: string[];
+        forbiddenCommands?: string[];
+    };
+}
+
+// 命令响应
+export interface CommandResponse {
+    command: string;
+    explanation: string;
+    confidence: number; // 0-1
+    alternatives?: {
+        command: string;
+        explanation: string;
+        confidence: number;
+    }[];
+}
+
+// 解释请求
+export interface ExplainRequest {
+    command: string;
+    context?: {
+        currentDirectory?: string;
+        operatingSystem?: string;
+    };
+}
+
+// 解释响应
+export interface ExplainResponse {
+    explanation: string;
+    breakdown: {
+        part: string;
+        description: string;
+    }[];
+    examples?: string[];
+}
+
+// 分析请求
+export interface AnalysisRequest {
+    output: string;
+    command: string;
+    exitCode?: number;
+    context?: {
+        timestamp?: Date;
+        workingDirectory?: string;
+    };
+}
+
+// 分析响应
+export interface AnalysisResponse {
+    summary: string;
+    insights: string[];
+    issues?: {
+        severity: 'warning' | 'error' | 'info';
+        message: string;
+        suggestion?: string;
+    }[];
+    success: boolean;
+}
+
+// 提供商能力
+export enum ProviderCapability {
+    CHAT = 'chat',
+    COMMAND_GENERATION = 'command_generation',
+    COMMAND_EXPLANATION = 'command_explanation',
+    REASONING = 'reasoning',
+    FUNCTION_CALL = 'function_call',
+    STREAMING = 'streaming'
+}
+
+// 健康状态
+export enum HealthStatus {
+    HEALTHY = 'healthy',
+    DEGRADED = 'degraded',
+    UNHEALTHY = 'unhealthy'
+}
+
+// 验证结果
+export interface ValidationResult {
+    valid: boolean;
+    errors?: string[];
+    warnings?: string[];
+}

package/src/types/provider.types.ts

@@ -0,0 +1,147 @@
+/**
+ * AI提供商相关类型定义
+ */
+
+import { ProviderCapability, HealthStatus, ValidationResult } from './ai.types';
+import { ChatRequest, ChatResponse, CommandRequest, CommandResponse, ExplainRequest, ExplainResponse, AnalysisRequest, AnalysisResponse } from './ai.types';
+
+// 重新导出相关类型
+export { ProviderCapability, HealthStatus, ValidationResult };
+export { ChatRequest, ChatResponse, CommandRequest, CommandResponse, ExplainRequest, ExplainResponse, AnalysisRequest, AnalysisResponse };
+
+// 认证配置
+export interface AuthConfig {
+    type: 'apiKey' | 'bearer' | 'basic' | 'oauth';
+    credentials: Record<string, string>;
+    requiresEncryption?: boolean;
+}
+
+// 提供商配置
+export interface ProviderConfig {
+    name: string;
+    displayName: string;
+    apiKey?: string;
+    baseURL?: string;
+    model?: string;
+    maxTokens?: number;
+    temperature?: number;
+    timeout?: number;
+    retries?: number;
+    authConfig?: AuthConfig;
+    enabled?: boolean;
+}
+
+// 提供商信息
+export interface ProviderInfo {
+    name: string;
+    displayName: string;
+    version: string;
+    description: string;
+    capabilities: ProviderCapability[];
+    authConfig: AuthConfig;
+    supportedModels: string[];
+    pricing?: {
+        type: 'free' | 'paid' | 'freemium';
+        currency: string;
+        unit: string;
+        costPerUnit?: number;
+    };
+    documentation?: string;
+}
+
+// 基础AI提供商接口
+export abstract class BaseAiProvider {
+    abstract readonly name: string;
+    abstract readonly displayName: string;
+    abstract readonly capabilities: ProviderCapability[];
+    abstract readonly authConfig: AuthConfig;
+
+    protected config: ProviderConfig | null = null;
+
+    /**
+     * 配置提供商
+     */
+    abstract configure(config: ProviderConfig): void;
+
+    /**
+     * 聊天功能
+     */
+    abstract chat(request: ChatRequest): Promise<ChatResponse>;
+
+    /**
+     * 生成命令
+     */
+    abstract generateCommand(request: CommandRequest): Promise<CommandResponse>;
+
+    /**
+     * 解释命令
+     */
+    abstract explainCommand(request: ExplainRequest): Promise<ExplainResponse>;
+
+    /**
+     * 分析结果
+     */
+    abstract analyzeResult(request: AnalysisRequest): Promise<AnalysisResponse>;
+
+    /**
+     * 健康检查
+     */
+    abstract healthCheck(): Promise<HealthStatus>;
+
+    /**
+     * 验证配置
+     */
+    abstract validateConfig(): ValidationResult;
+
+    /**
+     * 获取提供商信息
+     */
+    getInfo(): ProviderInfo {
+        return {
+            name: this.name,
+            displayName: this.displayName,
+            version: '1.0.0',
+            description: `${this.displayName} AI Provider`,
+            capabilities: this.capabilities,
+            authConfig: this.authConfig,
+            supportedModels: this.config?.model ? [this.config.model] : []
+        };
+    }
+
+    /**
+     * 检查是否支持指定能力
+     */
+    supportsCapability(capability: ProviderCapability): boolean {
+        return this.capabilities.includes(capability);
+    }
+
+    /**
+     * 获取当前配置
+     */
+    getConfig(): ProviderConfig | null {
+        return this.config;
+    }
+}
+
+// 提供商管理器
+export interface ProviderManager {
+    registerProvider(provider: BaseAiProvider): void;
+    unregisterProvider(name: string): void;
+    getProvider(name: string): BaseAiProvider | undefined;
+    getAllProviders(): BaseAiProvider[];
+    getActiveProvider(): BaseAiProvider | undefined;
+    setActiveProvider(name: string): boolean;
+    getProviderInfo(name: string): ProviderInfo | undefined;
+    getAllProviderInfo(): ProviderInfo[];
+}
+
+// 提供商事件
+export interface ProviderEvent {
+    type: 'connected' | 'disconnected' | 'error' | 'config_changed' | 'health_changed';
+    provider: string;
+    timestamp: Date;
+    data?: any;
+}
+
+// 提供商事件监听器
+export type ProviderEventListener = (event: ProviderEvent) => void;