17 | )) 18 | Card.displayName = "Card" 19 | 20 | const CardHeader = React.forwardRef< 21 | HTMLDivElement, 22 | React.HTMLAttributes 23 | >(({ className, ...props }, ref) => ( 24 |

29 | )) 30 | CardHeader.displayName = "CardHeader" 31 | 32 | const CardTitle = React.forwardRef< 33 | HTMLDivElement, 34 | React.HTMLAttributes 35 | >(({ className, ...props }, ref) => ( 36 |

44 | )) 45 | CardTitle.displayName = "CardTitle" 46 | 47 | const CardDescription = React.forwardRef< 48 | HTMLDivElement, 49 | React.HTMLAttributes 50 | >(({ className, ...props }, ref) => ( 51 |

56 | )) 57 | CardDescription.displayName = "CardDescription" 58 | 59 | const CardContent = React.forwardRef< 60 | HTMLDivElement, 61 | React.HTMLAttributes 62 | >(({ className, ...props }, ref) => ( 63 |

64 | )) 65 | CardContent.displayName = "CardContent" 66 | 67 | const CardFooter = React.forwardRef< 68 | HTMLDivElement, 69 | React.HTMLAttributes 70 | >(({ className, ...props }, ref) => ( 71 |

76 | )) 77 | CardFooter.displayName = "CardFooter" 78 | 79 | export { Card, CardHeader, CardFooter, CardTitle, CardDescription, CardContent } -------------------------------------------------------------------------------- /ui/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | export default { 3 | darkMode: false, 4 | content: [ 5 | "./src/**/*.{js,ts,jsx,tsx,mdx}", 6 | "./index.html", 7 | ], 8 | theme: { 9 | extend: { 10 | colors: { 11 | background: "hsl(var(--background))", 12 | foreground: "hsl(var(--foreground))", 13 | card: { 14 | DEFAULT: "hsl(var(--card))", 15 | foreground: "hsl(var(--card-foreground))" 16 | }, 17 | popover: { 18 | DEFAULT: "hsl(var(--popover))", 19 | foreground: "hsl(var(--popover-foreground))" 20 | }, 21 | primary: { 22 | DEFAULT: "hsl(var(--primary))", 23 | foreground: "hsl(var(--primary-foreground))" 24 | }, 25 | secondary: { 26 | DEFAULT: "hsl(var(--secondary))", 27 | foreground: "hsl(var(--secondary-foreground))" 28 | }, 29 | muted: { 30 | DEFAULT: "hsl(var(--muted))", 31 | foreground: "hsl(var(--muted-foreground))" 32 | }, 33 | accent: { 34 | DEFAULT: "hsl(var(--accent))", 35 | foreground: "hsl(var(--accent-foreground))" 36 | }, 37 | destructive: { 38 | DEFAULT: "hsl(var(--destructive))", 39 | foreground: "hsl(var(--destructive-foreground))" 40 | }, 41 | border: "hsl(var(--border))", 42 | input: "hsl(var(--input))", 43 | ring: "hsl(var(--ring))", 44 | chart: { 45 | "1": "hsl(var(--chart-1))", 46 | "2": "hsl(var(--chart-2))", 47 | "3": "hsl(var(--chart-3))", 48 | "4": "hsl(var(--chart-4))", 49 | "5": "hsl(var(--chart-5))" 50 | } 51 | }, 52 | borderRadius: { 53 | lg: "var(--radius)", 54 | md: "calc(var(--radius) - 2px)", 55 | sm: "calc(var(--radius) - 4px)" 56 | }, 57 | keyframes: { 58 | "accordion-down": { 59 | from: { height: "0" }, 60 | to: { height: "var(--radix-accordion-content-height)" } 61 | }, 62 | "accordion-up": { 63 | from: { height: "var(--radix-accordion-content-height)" }, 64 | to: { height: "0" } 65 | } 66 | }, 67 | animation: { 68 | "accordion-down": "accordion-down 0.2s ease-out", 69 | "accordion-up": "accordion-up 0.2s ease-out" 70 | } 71 | } 72 | }, 73 | plugins: [require("tailwindcss-animate")] 74 | }; -------------------------------------------------------------------------------- /ui/src/components/agent-panel.tsx: -------------------------------------------------------------------------------- 1 | import { Bot } from "lucide-react"; 2 | import type { Agent, AgentEvent, GuardrailCheck } from "../lib/types"; 3 | import { AgentsList } from "./agents-list"; 4 | import { Guardrails } from "./guardrails"; 5 | import { ConversationContext } from "./conversation-context"; 6 | import { RunnerOutput } from "./runner-output"; 7 | import { PanelSection } from "./panel-section"; 8 | 9 | interface AgentPanelProps { 10 | agents: Agent[]; 11 | currentAgent: string; 12 | events: AgentEvent[]; 13 | guardrails: GuardrailCheck[]; 14 | context: { 15 | passenger_name?: string; 16 | confirmation_number?: string; 17 | seat_number?: string; 18 | flight_number?: string; 19 | account_number?: string; 20 | }; 21 | } 22 | 23 | export function AgentPanel({ 24 | agents, 25 | currentAgent, 26 | events, 27 | guardrails, 28 | context, 29 | }: AgentPanelProps) { 30 | const activeAgent = agents.find((a) => a.name === currentAgent); 31 | const runnerEvents = events.filter((e) => e.type !== "message"); 32 | 33 | return ( 34 |

35 |

36 | 37 |

Agent View

38 | 39 | Personal Assistant 40 | 41 |

42 | 43 |

44 | 45 | 46 | 47 | 48 | {/* 安全护栏功能已暂时隐藏 */} 49 | {/* 50 | 51 | 55 | 56 | */} 57 | 58 | 59 | 60 | 61 | 62 | 63 | 64 | 65 |

66 |

67 | ); 68 | } -------------------------------------------------------------------------------- /backend/core/database_core/simple_test.py: -------------------------------------------------------------------------------- 1 | #!/usr/bin/env python3 2 | """ 3 | 简单的数据验证测试 4 | """ 5 | 6 | import sys 7 | import os 8 | from pathlib import Path 9 | 10 | # 添加项目根目录到Python路径 11 | project_root = Path(__file__).parent.parent.parent 12 | sys.path.insert(0, str(project_root)) 13 | 14 | from sqlalchemy import Column, String, Integer, Text, Boolean 15 | from core.database_core import DatabaseClient, BaseModel 16 | 17 | 18 | # 测试模型 19 | class SimpleUser(BaseModel): 20 | __tablename__ = 'simple_users' 21 | 22 | username = Column(String(50), unique=True, nullable=False, comment='用户名') 23 | email = Column(String(100), unique=True, nullable=False, comment='邮箱') 24 | password_hash = Column(String(128), nullable=False, comment='密码哈希') 25 | is_active = Column(Boolean, default=True, comment='是否激活') 26 | profile = Column(Text, comment='用户简介') 27 | 28 | 29 | def test_validation(): 30 | """测试数据验证功能""" 31 | print("=== 简单数据验证测试 ===") 32 | 33 | try: 34 | db_client = DatabaseClient() 35 | if not db_client.initialize(): 36 | print("❌ 数据库初始化失败") 37 | return False 38 | 39 | # 测试有效数据 40 | valid_data = { 41 | "username": "test_user", 42 | "email": "test@example.com", 43 | "password_hash": "hashed_password" 44 | } 45 | 46 | print("测试有效数据...") 47 | is_valid, errors = db_client.validate_model_data(SimpleUser, valid_data) 48 | if is_valid: 49 | print("✅ 有效数据验证通过") 50 | else: 51 | print(f"❌ 有效数据验证失败: {errors}") 52 | 53 | # 测试无效数据 54 | invalid_data = { 55 | "username": "test_user_invalid" 56 | # 缺少必需的email和password_hash字段 57 | } 58 | 59 | print("测试无效数据...") 60 | is_valid, errors = db_client.validate_model_data(SimpleUser, invalid_data) 61 | if not is_valid: 62 | print(f"✅ 无效数据验证正确失败: {errors}") 63 | else: 64 | print("❌ 无效数据验证应该失败但没有失败") 65 | 66 | db_client.close() 67 | return True 68 | 69 | except Exception as e: 70 | print(f"❌ 验证测试异常: {e}") 71 | import traceback 72 | traceback.print_exc() 73 | return False 74 | 75 | 76 | if __name__ == "__main__": 77 | print("🧪 简单数据验证测试") 78 | print("=" * 30) 79 | 80 | success = test_validation() 81 | 82 | if success: 83 | print("\n✅ 测试完成") 84 | else: 85 | print("\n❌ 测试失败") -------------------------------------------------------------------------------- /backend/core/vector_core/config.py: -------------------------------------------------------------------------------- 1 | """ 2 | Vector Database Configuration 3 | """ 4 | 5 | import os 6 | from typing import Optional 7 | from pydantic import BaseModel 8 | 9 | 10 | class VectorConfig(BaseModel): 11 | """Vector database configuration""" 12 | 13 | # OpenAI Configuration 14 | openai_api_key: str 15 | openai_embedding_model: str = "text-embedding-3-small" 16 | 17 | # Chroma Configuration 18 | chroma_client_mode: str = "http" # "http" or "local" 19 | chroma_persist_directory: str = "./chroma_db" 20 | chroma_collection_prefix: str = "ai_assistant" 21 | 22 | # --- New for HTTP Client --- 23 | chroma_host: str = "localhost" 24 | chroma_port: int = 8000 25 | # --- End New --- 26 | 27 | # Vector Configuration 28 | vector_dimension: int = 1536 # For text-embedding-3-small 29 | similarity_threshold: float = 0.7 30 | default_query_limit: int = 10 31 | 32 | @classmethod 33 | def from_env(cls) -> "VectorConfig": 34 | """Load configuration from environment variables""" 35 | openai_api_key = os.getenv("EMBEDDING_OPENAI_API_KEY") 36 | if not openai_api_key: 37 | openai_api_key = os.getenv("OPENAI_API_KEY") 38 | if not openai_api_key: 39 | raise ValueError("OPENAI_API_KEY or EMBEDDING_OPENAI_API_KEY environment variable is required") 40 | 41 | return cls( 42 | openai_api_key=openai_api_key, 43 | openai_embedding_model=os.getenv("OPENAI_EMBEDDING_MODEL", "text-embedding-3-small"), 44 | 45 | # Chroma config 46 | chroma_client_mode=os.getenv("CHROMA_CLIENT_MODE", "http"), 47 | chroma_persist_directory=os.getenv("CHROMA_PERSIST_DIR", "./chroma_db"), 48 | chroma_collection_prefix=os.getenv("CHROMA_COLLECTION_PREFIX", "ai_assistant"), 49 | 50 | # New HTTP client config 51 | chroma_host=os.getenv("CHROMA_HOST", "localhost"), 52 | chroma_port=int(os.getenv("CHROMA_PORT", "8000")), 53 | 54 | # Vector Configuration 55 | vector_dimension=int(os.getenv("VECTOR_DIMENSION", "1536")), 56 | similarity_threshold=float(os.getenv("SIMILARITY_THRESHOLD", "0.7")), 57 | default_query_limit=int(os.getenv("DEFAULT_QUERY_LIMIT", "10")) 58 | ) 59 | 60 | def get_collection_name(self, user_id: str) -> str: 61 | """Generate collection name for user isolation""" 62 | return f"{self.chroma_collection_prefix}_user_{user_id}" -------------------------------------------------------------------------------- /ui/README.md: -------------------------------------------------------------------------------- 1 | # React + TypeScript + Vite 2 | 3 | This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. 4 | 5 | Currently, two official plugins are available: 6 | 7 | - [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh 8 | - [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh 9 | 10 | ## Expanding the ESLint configuration 11 | 12 | If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules: 13 | 14 | ```js 15 | export default tseslint.config([ 16 | globalIgnores(['dist']), 17 | { 18 | files: ['**/*.{ts,tsx}'], 19 | extends: [ 20 | // Other configs... 21 | 22 | // Remove tseslint.configs.recommended and replace with this 23 | ...tseslint.configs.recommendedTypeChecked, 24 | // Alternatively, use this for stricter rules 25 | ...tseslint.configs.strictTypeChecked, 26 | // Optionally, add this for stylistic rules 27 | ...tseslint.configs.stylisticTypeChecked, 28 | 29 | // Other configs... 30 | ], 31 | languageOptions: { 32 | parserOptions: { 33 | project: ['./tsconfig.node.json', './tsconfig.app.json'], 34 | tsconfigRootDir: import.meta.dirname, 35 | }, 36 | // other options... 37 | }, 38 | }, 39 | ]) 40 | ``` 41 | 42 | You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules: 43 | 44 | ```js 45 | // eslint.config.js 46 | import reactX from 'eslint-plugin-react-x' 47 | import reactDom from 'eslint-plugin-react-dom' 48 | 49 | export default tseslint.config([ 50 | globalIgnores(['dist']), 51 | { 52 | files: ['**/*.{ts,tsx}'], 53 | extends: [ 54 | // Other configs... 55 | // Enable lint rules for React 56 | reactX.configs['recommended-typescript'], 57 | // Enable lint rules for React DOM 58 | reactDom.configs.recommended, 59 | ], 60 | languageOptions: { 61 | parserOptions: { 62 | project: ['./tsconfig.node.json', './tsconfig.app.json'], 63 | tsconfigRootDir: import.meta.dirname, 64 | }, 65 | // other options... 66 | }, 67 | }, 68 | ]) 69 | ``` 70 | -------------------------------------------------------------------------------- /ui/src/App.tsx: -------------------------------------------------------------------------------- 1 | import React, { useEffect } from 'react'; 2 | import { Routes, Route, Navigate } from 'react-router-dom'; 3 | import ProtectedRoute from './components/ProtectedRoute'; 4 | import Login from './pages/Login'; 5 | import Dashboard from './pages/Dashboard'; 6 | import ErrorBoundary from './components/ErrorBoundary'; 7 | import { setGlobalErrorHandler, setAuthFailureHandler } from './services/apiService'; 8 | import { useToast } from './components/ui/toast'; 9 | import { useAppDispatch } from './store/hooks'; 10 | import { logout } from './store/slices/authSlice'; 11 | import { useAuthInit, useAutoTokenRefresh, useRouteTokenValidation } from './hooks/useAuthInit'; 12 | import { Loader2 } from 'lucide-react'; 13 | 14 | function App() { 15 | const { error: showError } = useToast(); 16 | const dispatch = useAppDispatch(); 17 | 18 | // 初始化认证状态 19 | const { isInitialized, isAuthenticated } = useAuthInit(); 20 | 21 | // 自动token刷新 22 | useAutoTokenRefresh(); 23 | 24 | // 路由变化时验证token（防止后端重启导致内存失效） 25 | useRouteTokenValidation(); 26 | 27 | useEffect(() => { 28 | // 设置全局API错误处理 29 | setGlobalErrorHandler((error: string, details?: any) => { 30 | showError(error, details?.message || '请稍后重试'); 31 | }); 32 | 33 | // 设置认证失败处理 34 | setAuthFailureHandler(() => { 35 | dispatch(logout()); 36 | }); 37 | }, [showError, dispatch]); 38 | 39 | // 认证初始化中，显示加载页面 40 | if (!isInitialized) { 41 | return ( 42 |

43 |

44 | 45 |

初始化中...

46 |

47 |

48 | ); 49 | } 50 | 51 | return ( 52 | 53 | 54 | {/* 公开路由 */} 55 | 59 | 60 | 61 | } 62 | /> 63 | 64 | {/* 受保护路由 */} 65 | 69 | 70 | 71 | } 72 | /> 73 | 74 | {/* 默认重定向到主页 */} 75 | } /> 76 | 77 | 78 | ); 79 | } 80 | 81 | export default App; 82 | -------------------------------------------------------------------------------- /backend/core/database_core/config.py: -------------------------------------------------------------------------------- 1 | """ 2 | 数据库配置管理 3 | """ 4 | 5 | import os 6 | from typing import Optional 7 | from dotenv import load_dotenv 8 | 9 | load_dotenv() 10 | 11 | 12 | class DatabaseConfig: 13 | """数据库配置管理类""" 14 | 15 | def __init__(self): 16 | """初始化数据库配置""" 17 | self.host = os.getenv('DB_HOST', 'localhost') 18 | self.port = int(os.getenv('DB_PORT', '3306')) 19 | self.username = os.getenv('DB_USERNAME', 'root') 20 | self.password = os.getenv('DB_PASSWORD', '') 21 | self.database = os.getenv('DB_DATABASE', 'personal_assistant') 22 | self.charset = os.getenv('DB_CHARSET', 'utf8mb4') 23 | self.pool_size = int(os.getenv('DB_POOL_SIZE', '5')) 24 | self.max_overflow = int(os.getenv('DB_MAX_OVERFLOW', '10')) 25 | self.pool_timeout = int(os.getenv('DB_POOL_TIMEOUT', '30')) 26 | self.pool_recycle = int(os.getenv('DB_POOL_RECYCLE', '3600')) 27 | self.echo = os.getenv('DB_ECHO', 'false').lower() == 'true' 28 | 29 | def get_connection_url(self) -> str: 30 | """ 31 | 获取数据库连接URL 32 | 33 | Returns: 34 | 数据库连接URL字符串 35 | """ 36 | return ( 37 | f"mysql+pymysql://{self.username}:{self.password}@" 38 | f"{self.host}:{self.port}/{self.database}" 39 | f"?charset={self.charset}" 40 | ) 41 | 42 | def get_engine_kwargs(self) -> dict: 43 | """ 44 | 获取数据库引擎配置参数 45 | 46 | Returns: 47 | 引擎配置参数字典 48 | """ 49 | return { 50 | 'pool_size': self.pool_size, 51 | 'max_overflow': self.max_overflow, 52 | 'pool_timeout': self.pool_timeout, 53 | 'pool_recycle': self.pool_recycle, 54 | 'echo': self.echo, 55 | 'pool_pre_ping': True, # 连接前检查可用性 56 | 'connect_args': { 57 | 'charset': self.charset, 58 | 'autocommit': False, 59 | } 60 | } 61 | 62 | def validate(self) -> bool: 63 | """ 64 | 验证数据库配置是否完整 65 | 66 | Returns: 67 | 配置是否有效 68 | """ 69 | required_fields = [self.host, self.username, self.database] 70 | return all(field for field in required_fields) 71 | 72 | def __str__(self) -> str: 73 | """配置信息字符串表示（隐藏密码）""" 74 | return ( 75 | f"DatabaseConfig(host={self.host}, port={self.port}, " 76 | f"username={self.username}, database={self.database})" 77 | ) -------------------------------------------------------------------------------- /zeabur.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "ai-personal-daily-assistant", 3 | "services": [ 4 | { 5 | "name": "app", 6 | "source": { 7 | "type": "git" 8 | }, 9 | "build": { 10 | "dockerfile": "Dockerfile" 11 | }, 12 | "ports": [ 13 | { 14 | "id": "web", 15 | "port": 8000, 16 | "type": "HTTP" 17 | } 18 | ], 19 | "env": { 20 | "OPENAI_API_KEY": "${OPENAI_API_KEY}", 21 | "OPENAI_CHAT_MODEL": "${OPENAI_CHAT_MODEL}", 22 | "OPENAI_EMBEDDING_MODEL": "${OPENAI_EMBEDDING_MODEL}", 23 | "NEWS_API_TOKEN": "${NEWS_API_TOKEN}", 24 | "DB_HOST": "${DB_HOST}", 25 | "DB_PORT": "${DB_PORT}", 26 | "DB_USERNAME": "${DB_USERNAME}", 27 | "DB_PASSWORD": "${DB_PASSWORD}", 28 | "DB_DATABASE": "${DB_DATABASE}", 29 | "DB_CHARSET": "${DB_CHARSET}", 30 | "CHROMA_CLIENT_MODE": "${CHROMA_CLIENT_MODE}", 31 | "CHROMA_HOST": "${CHROMA_HOST}", 32 | "CHROMA_PORT": "${CHROMA_PORT}" 33 | }, 34 | "volumes": [ 35 | { 36 | "id": "app-data", 37 | "dir": "/app/data" 38 | }, 39 | { 40 | "id": "app-logs", 41 | "dir": "/app/logs" 42 | } 43 | ] 44 | }, 45 | { 46 | "name": "mysql", 47 | "source": { 48 | "type": "image", 49 | "image": "mysql:8.0" 50 | }, 51 | "ports": [ 52 | { 53 | "id": "mysql", 54 | "port": 3306, 55 | "type": "TCP" 56 | } 57 | ], 58 | "env": { 59 | "MYSQL_ROOT_PASSWORD": "${DB_PASSWORD}", 60 | "MYSQL_DATABASE": "${DB_DATABASE}", 61 | "MYSQL_USER": "${DB_USERNAME}", 62 | "MYSQL_PASSWORD": "${DB_PASSWORD}" 63 | }, 64 | "volumes": [ 65 | { 66 | "id": "mysql-data", 67 | "dir": "/var/lib/mysql" 68 | } 69 | ] 70 | }, 71 | { 72 | "name": "chromadb", 73 | "source": { 74 | "type": "image", 75 | "image": "chromadb/chroma:latest" 76 | }, 77 | "ports": [ 78 | { 79 | "id": "chroma", 80 | "port": 8000, 81 | "type": "HTTP" 82 | } 83 | ], 84 | "env": { 85 | "CHROMA_SERVER_HOST": "0.0.0.0", 86 | "CHROMA_SERVER_PORT": "8000", 87 | "CHROMA_SERVER_CORS_ALLOW_ORIGINS": "[\"*\"]" 88 | }, 89 | "volumes": [ 90 | { 91 | "id": "chroma-data", 92 | "dir": "/chroma/chroma" 93 | } 94 | ] 95 | } 96 | ] 97 | } -------------------------------------------------------------------------------- /ui/src/components/agents-list.tsx: -------------------------------------------------------------------------------- 1 | import { Badge } from "./ui/badge"; 2 | import type { Agent } from "../lib/types"; 3 | 4 | interface AgentsListProps { 5 | agents: Agent[]; 6 | currentAgent: string; 7 | } 8 | 9 | export function AgentsList({ agents, currentAgent }: AgentsListProps) { 10 | return ( 11 |

12 | {agents.map((agent, agentIndex) => ( 13 |

21 |

22 |

23 |

24 | {agent.name} 25 |

26 |

27 | {agent.description} 28 |

29 |

30 | {currentAgent === agent.name && ( 31 | 32 | Active 33 | 34 | )} 35 |

36 | 37 | {agent.tools.length > 0 && ( 38 |

39 |

40 | 可用工具: 41 |

42 |

43 | {agent.tools.map((tool, toolIndex) => ( 44 | 45 | {tool} 46 | 47 | ))} 48 |

49 |

50 | )} 51 | 52 | {agent.handoffs.length > 0 && ( 53 |

54 |

55 | 可转交给: 56 |

57 |

58 | {agent.handoffs.map((handoff, handoffIndex) => ( 59 | 60 | {handoff} 61 | 62 | ))} 63 |

64 |

65 | )} 66 |

67 | ))} 68 |

69 | ); 70 | } -------------------------------------------------------------------------------- /ui/src/index.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | 5 | @layer base { 6 | :root { 7 | --background: 0 0% 100%; 8 | --foreground: 222.2 84% 4.9%; 9 | 10 | --card: 0 0% 100%; 11 | --card-foreground: 222.2 84% 4.9%; 12 | 13 | --popover: 0 0% 100%; 14 | --popover-foreground: 222.2 84% 4.9%; 15 | 16 | --primary: 217 91% 60%; 17 | --primary-foreground: 210 40% 98%; 18 | 19 | --secondary: 210 40% 96.1%; 20 | --secondary-foreground: 222.2 47.4% 11.2%; 21 | 22 | --muted: 210 40% 96.1%; 23 | --muted-foreground: 215.4 16.3% 46.9%; 24 | 25 | --accent: 210 40% 96.1%; 26 | --accent-foreground: 222.2 47.4% 11.2%; 27 | 28 | --destructive: 0 84.2% 60.2%; 29 | --destructive-foreground: 210 40% 98%; 30 | 31 | --border: 214.3 31.8% 91.4%; 32 | --input: 214.3 31.8% 91.4%; 33 | --ring: 217 91% 60%; 34 | 35 | --radius: 0.5rem; 36 | } 37 | } 38 | 39 | @layer base { 40 | * { 41 | @apply border-border; 42 | } 43 | body { 44 | @apply bg-background text-foreground; 45 | } 46 | } 47 | 48 | @layer utilities { 49 | .safe-bottom { 50 | padding-bottom: env(safe-area-inset-bottom); 51 | } 52 | 53 | .safe-top { 54 | padding-top: env(safe-area-inset-top); 55 | } 56 | } 57 | 58 | :root { 59 | font-family: system-ui, Avenir, Helvetica, Arial, sans-serif; 60 | line-height: 1.5; 61 | font-weight: 400; 62 | 63 | color-scheme: light; 64 | color: #213547; 65 | background-color: #ffffff; 66 | 67 | font-synthesis: none; 68 | text-rendering: optimizeLegibility; 69 | -webkit-font-smoothing: antialiased; 70 | -moz-osx-font-smoothing: grayscale; 71 | } 72 | 73 | a { 74 | font-weight: 500; 75 | color: #2563eb; 76 | text-decoration: inherit; 77 | } 78 | a:hover { 79 | color: #1d4ed8; 80 | } 81 | 82 | body { 83 | margin: 0; 84 | padding: 0; 85 | width: 100%; 86 | height: 100vh; 87 | min-width: 320px; 88 | overflow: hidden; 89 | } 90 | 91 | h1 { 92 | font-size: 3.2em; 93 | line-height: 1.1; 94 | } 95 | 96 | button { 97 | border-radius: 8px; 98 | border: 1px solid transparent; 99 | padding: 0.6em 1.2em; 100 | font-size: 1em; 101 | font-weight: 500; 102 | font-family: inherit; 103 | background-color: #f9f9f9; 104 | cursor: pointer; 105 | transition: border-color 0.25s; 106 | } 107 | button:hover { 108 | border-color: #646cff; 109 | } 110 | button:focus, 111 | button:focus-visible { 112 | outline: 4px auto -webkit-focus-ring-color; 113 | } 114 | -------------------------------------------------------------------------------- /docker-compose.yml: -------------------------------------------------------------------------------- 1 | version: '3.8' 2 | 3 | services: 4 | # 主应用服务 5 | app: 6 | build: . 7 | ports: 8 | - "8000:8000" 9 | environment: 10 | # OpenAI 配置 11 | - OPENAI_API_KEY=${OPENAI_API_KEY} 12 | - OPENAI_CHAT_MODEL=${OPENAI_CHAT_MODEL:-gpt-3.5-turbo} 13 | - OPENAI_EMBEDDING_MODEL=${OPENAI_EMBEDDING_MODEL:-text-embedding-ada-002} 14 | 15 | # 新闻API配置 16 | - NEWS_API_TOKEN=${NEWS_API_TOKEN} 17 | 18 | # 数据库配置 19 | - DB_HOST=mysql 20 | - DB_PORT=3306 21 | - DB_USERNAME=${DB_USERNAME:-root} 22 | - DB_PASSWORD=${DB_PASSWORD:-password} 23 | - DB_DATABASE=${DB_DATABASE:-ai_assistant} 24 | - DB_CHARSET=${DB_CHARSET:-utf8mb4} 25 | 26 | # ChromaDB配置 27 | - CHROMA_CLIENT_MODE=${CHROMA_CLIENT_MODE:-http} 28 | - CHROMA_HOST=chromadb 29 | - CHROMA_PORT=8001 30 | depends_on: 31 | mysql: 32 | condition: service_healthy 33 | chromadb: 34 | condition: service_started 35 | volumes: 36 | - app_data:/app/data 37 | - app_logs:/app/logs 38 | restart: unless-stopped 39 | networks: 40 | - ai-assistant-network 41 | 42 | # MySQL 数据库 43 | mysql: 44 | image: mysql:8.0 45 | environment: 46 | - MYSQL_ROOT_PASSWORD=${DB_PASSWORD:-password} 47 | - MYSQL_DATABASE=${DB_DATABASE:-ai_assistant} 48 | - MYSQL_USER=${DB_USERNAME:-root} 49 | - MYSQL_PASSWORD=${DB_PASSWORD:-password} 50 | ports: 51 | - "3306:3306" 52 | volumes: 53 | - mysql_data:/var/lib/mysql 54 | - ./init.sql:/docker-entrypoint-initdb.d/init.sql:ro 55 | restart: unless-stopped 56 | healthcheck: 57 | test: ["CMD", "mysqladmin", "ping", "-h", "localhost"] 58 | timeout: 20s 59 | retries: 10 60 | networks: 61 | - ai-assistant-network 62 | 63 | # ChromaDB 向量数据库 64 | chromadb: 65 | image: chromadb/chroma:latest 66 | ports: 67 | - "8001:8000" 68 | environment: 69 | - CHROMA_SERVER_HOST=0.0.0.0 70 | - CHROMA_SERVER_PORT=8000 71 | - CHROMA_SERVER_CORS_ALLOW_ORIGINS=["*"] 72 | volumes: 73 | - chroma_data:/chroma/chroma 74 | restart: unless-stopped 75 | networks: 76 | - ai-assistant-network 77 | 78 | # Nginx 反向代理（可选，用于生产环境） 79 | nginx: 80 | image: nginx:alpine 81 | ports: 82 | - "80:80" 83 | - "443:443" 84 | volumes: 85 | - ./nginx.conf:/etc/nginx/nginx.conf:ro 86 | - nginx_logs:/var/log/nginx 87 | depends_on: 88 | - app 89 | restart: unless-stopped 90 | networks: 91 | - ai-assistant-network 92 | 93 | volumes: 94 | mysql_data: 95 | chroma_data: 96 | app_data: 97 | app_logs: 98 | nginx_logs: 99 | 100 | networks: 101 | ai-assistant-network: 102 | driver: bridge -------------------------------------------------------------------------------- /ui/src/lib/config.ts: -------------------------------------------------------------------------------- 1 | // 开发配置 2 | export const config = { 3 | // 是否使用WebSocket (true: 使用WebSocket, false: 使用Mock数据) 4 | USE_WEBSOCKET: true, 5 | 6 | // API基础配置 7 | API_BASE_URL: import.meta.env.DEV ? 'http://localhost:8000' : window.location.origin, 8 | 9 | // WebSocket配置 10 | WEBSOCKET_URL: import.meta.env.DEV ? 'ws://localhost:8000' : window.location.origin, 11 | 12 | // 默认用户配置 13 | DEFAULT_USER_ID: '1', 14 | DEFAULT_USERNAME: '测试用户', 15 | 16 | // 调试模式 17 | DEBUG: import.meta.env.DEV, 18 | 19 | // API请求超时配置 20 | REQUEST_TIMEOUT: 10000, 21 | 22 | // 分页配置 23 | PAGINATION: { 24 | DEFAULT_PAGE_SIZE: 10, 25 | MAX_PAGE_SIZE: 50, 26 | }, 27 | }; 28 | 29 | // API端点配置 30 | export const API_ENDPOINTS = { 31 | // 认证相关 32 | AUTH: { 33 | LOGIN: '/api/auth/login', 34 | REFRESH: '/api/auth/refresh', 35 | LOGOUT: '/api/auth/logout', 36 | }, 37 | 38 | // 用户相关 39 | USER: { 40 | PROFILE: '/api/auth/me', 41 | PREFERENCES: '/api/user/preferences', 42 | }, 43 | 44 | // 会话相关 45 | CONVERSATION: { 46 | LIST: (userId: string) => `/api/conversations/${userId}`, 47 | DETAIL: (conversationId: string) => `/api/conversations/${conversationId}`, 48 | CREATE: '/api/conversations', 49 | UPDATE: (conversationId: string) => `/api/conversations/${conversationId}`, 50 | DELETE: (conversationId: string) => `/api/conversations/${conversationId}`, 51 | }, 52 | 53 | // 消息相关 - 修复端点配置 54 | MESSAGE: { 55 | LIST: (conversationId: string) => `/api/conversations/${conversationId}/messages`, 56 | CREATE: '/api/messages', 57 | }, 58 | 59 | // 聊天相关 60 | CHAT: { 61 | SEND: '/chat', 62 | }, 63 | 64 | // 笔记相关 65 | NOTE: { 66 | LIST: (userId: string) => `/api/notes/${userId}`, 67 | CREATE: (userId: string) => `/api/notes/${userId}`, 68 | UPDATE: (userId: string, noteId: string) => `/api/notes/${userId}/${noteId}`, 69 | DELETE: (userId: string, noteId: string) => `/api/notes/${userId}/${noteId}`, 70 | SEARCH: (userId: string) => `/api/notes/${userId}/search`, 71 | TAGS: (userId: string) => `/api/notes/${userId}/tags`, 72 | }, 73 | 74 | // 待办事项相关 75 | TODO: { 76 | LIST: (userId: string) => `/api/todos/${userId}`, 77 | CREATE: (userId: string) => `/api/todos/${userId}`, 78 | UPDATE: (userId: string, todoId: string) => `/api/todos/${userId}/${todoId}`, 79 | DELETE: (userId: string, todoId: string) => `/api/todos/${userId}/${todoId}`, 80 | COMPLETE: (userId: string, todoId: string) => `/api/todos/${userId}/${todoId}/complete`, 81 | UNCOMPLETE: (userId: string, todoId: string) => `/api/todos/${userId}/${todoId}/uncomplete`, 82 | STATS: (userId: string) => `/api/todos/${userId}/stats`, 83 | BY_NOTE: (userId: string, noteId: string) => `/api/todos/${userId}/by-note/${noteId}`, 84 | }, 85 | }; 86 | 87 | // 导出配置项 88 | export const { USE_WEBSOCKET, API_BASE_URL, WEBSOCKET_URL, DEFAULT_USER_ID, DEFAULT_USERNAME, DEBUG, REQUEST_TIMEOUT, PAGINATION } = config; -------------------------------------------------------------------------------- /ui/src/hooks/useWebSocket.ts: -------------------------------------------------------------------------------- 1 | import { useState, useEffect, useCallback } from 'react'; 2 | import { getWebSocketService, type WebSocketConnectionStatus } from '../lib/websocket'; 3 | 4 | interface UseWebSocketReturn { 5 | status: WebSocketConnectionStatus; 6 | isConnected: boolean; 7 | connect: () => Promise; 8 | disconnect: () => void; 9 | sendMessage: (content: string) => void; 10 | connectionId: string | null; 11 | error: Error | null; 12 | } 13 | 14 | export function useWebSocket(): UseWebSocketReturn { 15 | const [status, setStatus] = useState('disconnected'); 16 | const [connectionId, setConnectionId] = useState(null); 17 | const [error, setError] = useState(null); 18 | 19 | const isConnected = status === 'connected'; 20 | 21 | // 连接WebSocket 22 | const connect = useCallback(async () => { 23 | try { 24 | const wsService = getWebSocketService(); 25 | if (wsService) { 26 | await wsService.connect(); 27 | setError(null); 28 | } 29 | } catch (err) { 30 | setError(err instanceof Error ? err : new Error('连接失败')); 31 | } 32 | }, []); 33 | 34 | // 断开连接 35 | const disconnect = useCallback(() => { 36 | const wsService = getWebSocketService(); 37 | if (wsService) { 38 | wsService.disconnect(); 39 | } 40 | setConnectionId(null); 41 | setError(null); 42 | }, []); 43 | 44 | // 发送消息 45 | const sendMessage = useCallback((content: string) => { 46 | const wsService = getWebSocketService(); 47 | if (wsService && isConnected) { 48 | wsService.sendChatMessage(content); 49 | } else { 50 | setError(new Error('未连接到WebSocket服务')); 51 | } 52 | }, [isConnected]); 53 | 54 | // 设置事件监听器 55 | useEffect(() => { 56 | const wsService = getWebSocketService(); 57 | if (!wsService) return; 58 | 59 | const handleStatus = (newStatus: WebSocketConnectionStatus) => { 60 | setStatus(newStatus); 61 | if (newStatus === 'connected') { 62 | setError(null); 63 | } 64 | }; 65 | 66 | const handleConnected = (content: any) => { 67 | setConnectionId(content.connection_id || null); 68 | console.log('WebSocket连接成功:', content); 69 | }; 70 | 71 | const handleError = (content: any) => { 72 | setError(new Error(content.error || 'WebSocket错误')); 73 | }; 74 | 75 | wsService.on('status', handleStatus); 76 | wsService.on('connected', handleConnected); 77 | wsService.on('error', handleError); 78 | wsService.on('ai_error', handleError); 79 | 80 | return () => { 81 | wsService.off('status', handleStatus); 82 | wsService.off('connected', handleConnected); 83 | wsService.off('error', handleError); 84 | wsService.off('ai_error', handleError); 85 | }; 86 | }, []); 87 | 88 | return { 89 | status, 90 | isConnected, 91 | connect, 92 | disconnect, 93 | sendMessage, 94 | connectionId, 95 | error, 96 | }; 97 | } -------------------------------------------------------------------------------- /ui/src/components/person-data-panel.tsx: -------------------------------------------------------------------------------- 1 | import React, { useState, useEffect } from 'react'; 2 | import { FileText, CheckSquare, User, Database } from 'lucide-react'; 3 | import { Button } from './ui/button'; 4 | import { NotesPanel } from './notes-panel'; 5 | import { TodosPanel } from './todos-panel'; 6 | import type { PersonDataTab } from '../lib/types'; 7 | import { useAppSelector } from '../store/hooks'; 8 | 9 | interface PersonDataPanelProps { 10 | userId?: number; 11 | } 12 | 13 | export function PersonDataPanel({ userId }: PersonDataPanelProps) { 14 | const [activeTab, setActiveTab] = useState('notes'); 15 | const [currentUserId, setCurrentUserId] = useState(userId || 1); 16 | 17 | // 从 Redux store 获取用户信息 18 | const { user } = useAppSelector(state => state.auth); 19 | 20 | useEffect(() => { 21 | if (user?.user_id) { 22 | setCurrentUserId(parseInt(user.user_id)); 23 | } else if (userId) { 24 | setCurrentUserId(userId); 25 | } 26 | }, [user, userId]); 27 | 28 | return ( 29 |

30 | {/* 头部 */} 31 |

32 | 33 |

Person Data

34 | 35 | 个人数据管理 36 | 37 |

38 | 39 | {/* 标签切换 */} 40 |

41 |

42 |

{title}

糟糕，渲染时出错了

15 | 对话上下文 16 |

Agent View

24 | {agent.name} 25 |

40 | 可用工具: 41 |

55 | 可转交给: 56 |

Person Data

19 | 安全护栏检查 20 |

46 | {check.name} 47 |

65 | 所有护栏检查历史: 66 |

60 | 运行输出 61 |