From 2872f18b47b370db42fbb12e85feaf57f56f927d Mon Sep 17 00:00:00 2001 From: MarkLo Date: Thu, 20 Nov 2025 21:56:47 +0800 Subject: [PATCH] --- .dockerignore | 29 + DOCKER_SETUP.md | 147 + backend/.dockerignore | 26 + backend/Dockerfile | 41 + backend/app/__init__.py | 1 + backend/app/api/__init__.py | 1 + backend/app/api/dependencies.py | 10 + backend/app/api/routes.py | 101 + backend/app/core/__init__.py | 1 + backend/app/core/config.py | 40 + backend/app/core/cors.py | 16 + backend/app/main.py | 70 + backend/app/models/__init__.py | 1 + backend/app/models/schemas.py | 50 + backend/app/services/__init__.py | 1 + backend/app/services/trading_service.py | 144 + backend/requirements.txt | 38 + docker-compose.yml | 42 + frontend/.dockerignore | 25 + frontend/.gitignore | 41 + frontend/Dockerfile | 51 + frontend/README.md | 36 + frontend/app/analysis/page.tsx | 58 + frontend/app/favicon.ico | Bin 0 -> 25931 bytes frontend/app/globals.css | 122 + frontend/app/layout.tsx | 32 + frontend/app/page.tsx | 126 + frontend/components.json | 22 + frontend/components/analysis/AnalysisForm.tsx | 178 + .../components/analysis/AnalystReport.tsx | 133 + .../components/analysis/TradingDecision.tsx | 95 + frontend/components/layout/Footer.tsx | 42 + frontend/components/layout/Header.tsx | 35 + frontend/components/shared/LoadingSpinner.tsx | 17 + frontend/components/ui/badge.tsx | 46 + frontend/components/ui/button.tsx | 60 + frontend/components/ui/card.tsx | 92 + frontend/components/ui/dialog.tsx | 143 + frontend/components/ui/form.tsx | 167 + frontend/components/ui/input.tsx | 21 + frontend/components/ui/label.tsx | 24 + frontend/components/ui/select.tsx | 187 + frontend/components/ui/spinner.tsx | 16 + frontend/components/ui/table.tsx | 116 + frontend/components/ui/tabs.tsx | 66 + frontend/eslint.config.mjs | 18 + frontend/hooks/useAnalysis.ts | 47 + frontend/hooks/useConfig.ts | 31 + frontend/lib/api.ts | 57 + frontend/lib/types.ts | 70 + frontend/lib/utils.ts | 6 + frontend/next.config.js | 5 + frontend/next.config.ts | 8 + frontend/package-lock.json | 7710 +++++++++++++++++ frontend/package.json | 42 + frontend/postcss.config.mjs | 7 + frontend/public/file.svg | 1 + frontend/public/globe.svg | 1 + frontend/public/next.svg | 1 + frontend/public/vercel.svg | 1 + frontend/public/window.svg | 1 + frontend/tsconfig.json | 34 + 62 files changed, 10750 insertions(+) create mode 100644 .dockerignore create mode 100644 DOCKER_SETUP.md create mode 100644 backend/.dockerignore create mode 100644 backend/Dockerfile create mode 100644 backend/app/__init__.py create mode 100644 backend/app/api/__init__.py create mode 100644 backend/app/api/dependencies.py create mode 100644 backend/app/api/routes.py create mode 100644 backend/app/core/__init__.py create mode 100644 backend/app/core/config.py create mode 100644 backend/app/core/cors.py create mode 100644 backend/app/main.py create mode 100644 backend/app/models/__init__.py create mode 100644 backend/app/models/schemas.py create mode 100644 backend/app/services/__init__.py create mode 100644 backend/app/services/trading_service.py create mode 100644 backend/requirements.txt create mode 100644 docker-compose.yml create mode 100644 frontend/.dockerignore create mode 100644 frontend/.gitignore create mode 100644 frontend/Dockerfile create mode 100644 frontend/README.md create mode 100644 frontend/app/analysis/page.tsx create mode 100644 frontend/app/favicon.ico create mode 100644 frontend/app/globals.css create mode 100644 frontend/app/layout.tsx create mode 100644 frontend/app/page.tsx create mode 100644 frontend/components.json create mode 100644 frontend/components/analysis/AnalysisForm.tsx create mode 100644 frontend/components/analysis/AnalystReport.tsx create mode 100644 frontend/components/analysis/TradingDecision.tsx create mode 100644 frontend/components/layout/Footer.tsx create mode 100644 frontend/components/layout/Header.tsx create mode 100644 frontend/components/shared/LoadingSpinner.tsx create mode 100644 frontend/components/ui/badge.tsx create mode 100644 frontend/components/ui/button.tsx create mode 100644 frontend/components/ui/card.tsx create mode 100644 frontend/components/ui/dialog.tsx create mode 100644 frontend/components/ui/form.tsx create mode 100644 frontend/components/ui/input.tsx create mode 100644 frontend/components/ui/label.tsx create mode 100644 frontend/components/ui/select.tsx create mode 100644 frontend/components/ui/spinner.tsx create mode 100644 frontend/components/ui/table.tsx create mode 100644 frontend/components/ui/tabs.tsx create mode 100644 frontend/eslint.config.mjs create mode 100644 frontend/hooks/useAnalysis.ts create mode 100644 frontend/hooks/useConfig.ts create mode 100644 frontend/lib/api.ts create mode 100644 frontend/lib/types.ts create mode 100644 frontend/lib/utils.ts create mode 100644 frontend/next.config.js create mode 100644 frontend/next.config.ts create mode 100644 frontend/package-lock.json create mode 100644 frontend/package.json create mode 100644 frontend/postcss.config.mjs create mode 100644 frontend/public/file.svg create mode 100644 frontend/public/globe.svg create mode 100644 frontend/public/next.svg create mode 100644 frontend/public/vercel.svg create mode 100644 frontend/public/window.svg create mode 100644 frontend/tsconfig.json diff --git a/.dockerignore b/.dockerignore new file mode 100644 index 00000000..9e30e987 --- /dev/null +++ b/.dockerignore @@ -0,0 +1,29 @@ +# Ignore git files +.git +.gitignore + +# Ignore backend files from root +backend/ +frontend/ + +# Ignore documentation +README.md +*.md + +# Ignore results and cache +results/ +__pycache__/ +*.pyc +*.pyo +*.pyd +.pytest_cache/ +.coverage + +# Ignore development files +.vscode/ +.idea/ +*.swp +*.swo + +# Ignore Mac files +.DS_Store diff --git a/DOCKER_SETUP.md b/DOCKER_SETUP.md new file mode 100644 index 00000000..ad5fd2d6 --- /dev/null +++ b/DOCKER_SETUP.md @@ -0,0 +1,147 @@ +# TradingAgents - Docker Setup Guide + +This directory contains the Docker setup for running TradingAgents with a FastAPI backend and Next.js frontend. + +## 🚀 Quick Start + +### Prerequisites +- Docker and Docker Compose installed +- OpenAI API Key +- Alpha Vantage API Key (optional, for enhanced data) + +### Environment Setup + +1. Copy your `.env` file in the project root with your API keys: +```bash +OPENAI_API_KEY=your_openai_api_key_here +ALPHA_VANTAGE_API_KEY=your_alpha_vantage_api_key_here +``` + +### Running with Docker + +1. **Build and start all services:** +```bash +docker-compose up --build +``` + +2. **Access the application:** + - Frontend: http://localhost:3000 + - Backend API: http://localhost:8000 + - API Documentation: http://localhost:8000/docs + +3. **Stop the services:** +```bash +docker-compose down +``` + +## 📁 Project Structure + +``` +TradingAgents/ +├── backend/ # FastAPI backend +│ ├── app/ +│ │ ├── api/ # API routes +│ │ ├── models/ # Pydantic models +│ │ ├── services/ # Business logic +│ │ └── core/ # Configuration +│ ├── requirements.txt +│ └── Dockerfile +├── frontend/ # Next.js frontend +│ ├── app/ # Next.js pages +│ ├── components/ # React components +│ ├── lib/ # Utilities and API client +│ ├── hooks/ # Custom React hooks +│ └── Dockerfile +├── tradingagents/ # Core TradingAgents package +└── docker-compose.yml # Docker orchestration +``` + +## 🔧 Backend API + +### Available Endpoints + +- `GET /api/health` - Health check +- `GET /api/config` - Get configuration options +- `POST /api/analyze` - Run trading analysis +- `GET /api/tickers` - Get popular tickers + +### Example API Request + +```bash +curl -X POST http://localhost:8000/api/analyze \ + -H "Content-Type: application/json" \ + -d '{ + "ticker": "NVDA", + "analysis_date": "2024-05-10", + "research_depth": 1 + }' +``` + +## 🎨 Frontend Features + +- **Modern UI**: Built with Next.js, React, and shadcn/ui +- **Type Safety**: Full TypeScript support +- **Responsive Design**: Works on desktop and mobile +- **Real-time Updates**: Live analysis status +- **Rich Visualizations**: Interactive reports and decisions + +## 🛠️ Development + +### Running Backend Only +```bash +cd backend +pip install -r requirements.txt +uvicorn app.main:app --reload +``` + +### Running Frontend Only +```bash +cd frontend +npm install +npm run dev +``` + +## 📊 Using the Application + +1. Navigate to http://localhost:3000 +2. Click "Start Analysis" or go to the Analysis page +3. Configure your analysis parameters: + - Stock ticker (e.g., NVDA, AAPL) + - Analysis date + - Research depth (1-5) + - LLM models +4. Click "Run Analysis" +5. Wait for the multi-agent analysis to complete +6. Review the trading decision and detailed reports + +## 🔐 Security Notes + +- Never commit `.env` files with real API keys +- Use environment variables for sensitive data +- The backend validates all inputs using Pydantic +- CORS is configured for frontend-backend communication + +## 🐛 Troubleshooting + +### Backend Issues +- Check logs: `docker-compose logs backend` +- Verify API keys are set correctly +- Ensure port 8000 is not in use + +### Frontend Issues +- Check logs: `docker-compose logs frontend` +- Verify backend is running +- Ensure port 3000 is not in use + +### Network Issues +- Restart Docker: `docker-compose down && docker-compose up` +- Check network: `docker network ls` +- Verify services can communicate: `docker-compose exec frontend ping backend` + +## 📝 License + +This project follows the same license as TradingAgents. + +## 🤝 Contributing + +See the main README.md for contribution guidelines. diff --git a/backend/.dockerignore b/backend/.dockerignore new file mode 100644 index 00000000..7ce2aed7 --- /dev/null +++ b/backend/.dockerignore @@ -0,0 +1,26 @@ +# Python +__pycache__/ +*.py[cod] +*$py.class +*.so +.Python +*.egg-info/ +dist/ +build/ + +# Virtual environments +venv/ +env/ +ENV/ + +# IDE +.vscode/ +.idea/ +*.swp + +# Misc +.DS_Store +*.log + +# Results +results/ diff --git a/backend/Dockerfile b/backend/Dockerfile new file mode 100644 index 00000000..212282f8 --- /dev/null +++ b/backend/Dockerfile @@ -0,0 +1,41 @@ +# Multi-stage build for FastAPI backend +FROM python:3.11-slim as builder + +# Set working directory +WORKDIR /app + +# Install system dependencies +RUN apt-get update && apt-get install -y --no-install-recommends \ + build-essential \ + && rm -rf /var/lib/apt/lists/* + +# Copy requirements +COPY requirements.txt . + +# Install Python dependencies +RUN pip install --no-cache-dir --upgrade pip && \ + pip install --no-cache-dir -r requirements.txt + +# Production stage +FROM python:3.11-slim + +WORKDIR /app + +# Copy dependencies from builder +COPY --from=builder /usr/local/lib/python3.11/site-packages /usr/local/lib/python3.11/site-packages +COPY --from=builder /usr/local/bin /usr/local/bin + +# Copy application code +COPY ./app ./app + +# Copy tradingagents package from parent directory +COPY ../tradingagents ./tradingagents + +# Create results directory +RUN mkdir -p /app/results + +# Expose port +EXPOSE 8000 + +# Run the application +CMD ["uvicorn", "app.main:app", "--host", "0.0.0.0", "--port", "8000"] diff --git a/backend/app/__init__.py b/backend/app/__init__.py new file mode 100644 index 00000000..65dbd958 --- /dev/null +++ b/backend/app/__init__.py @@ -0,0 +1 @@ +"""App module initialization""" diff --git a/backend/app/api/__init__.py b/backend/app/api/__init__.py new file mode 100644 index 00000000..0ef715b8 --- /dev/null +++ b/backend/app/api/__init__.py @@ -0,0 +1 @@ +"""API module initialization""" diff --git a/backend/app/api/dependencies.py b/backend/app/api/dependencies.py new file mode 100644 index 00000000..c93b8edf --- /dev/null +++ b/backend/app/api/dependencies.py @@ -0,0 +1,10 @@ +""" +Shared dependencies for API routes +""" +from fastapi import Depends +from app.services.trading_service import TradingService, trading_service + + +def get_trading_service() -> TradingService: + """Dependency to get trading service instance""" + return trading_service diff --git a/backend/app/api/routes.py b/backend/app/api/routes.py new file mode 100644 index 00000000..bd0cf121 --- /dev/null +++ b/backend/app/api/routes.py @@ -0,0 +1,101 @@ +""" +API route definitions for TradingAgents Backend +""" +from fastapi import APIRouter, Depends, HTTPException +from datetime import datetime +import logging + +from app.models.schemas import ( + AnalysisRequest, + AnalysisResponse, + ConfigResponse, + HealthResponse, +) +from app.services.trading_service import TradingService +from app.api.dependencies import get_trading_service +from app.core.config import settings + +logger = logging.getLogger(__name__) + +# Create API router +router = APIRouter(prefix="/api", tags=["TradingAgents"]) + + +@router.get("/health", response_model=HealthResponse) +async def health_check(): + """Health check endpoint""" + return HealthResponse( + status="healthy", + version=settings.app_version, + timestamp=datetime.now().isoformat(), + ) + + +@router.get("/config", response_model=ConfigResponse) +async def get_config(service: TradingService = Depends(get_trading_service)): + """Get available configuration options""" + return ConfigResponse( + available_analysts=service.get_available_analysts(), + available_llms=service.get_available_llms(), + default_config=service.get_default_config(), + ) + + +@router.post("/analyze", response_model=AnalysisResponse) +async def run_analysis( + request: AnalysisRequest, + service: TradingService = Depends(get_trading_service), +): + """ + Run trading analysis for a given ticker and date + + This endpoint initiates a comprehensive trading analysis using the TradingAgents + multi-agent system. The analysis includes: + - Market technical analysis + - Sentiment analysis + - News analysis + - Fundamental analysis + - Research team debate + - Trading decision + - Risk assessment + - Portfolio management decision + + The process may take several minutes depending on the research depth. + """ + logger.info(f"Received analysis request for {request.ticker} on {request.analysis_date}") + + try: + # Run analysis + result = await service.run_analysis( + ticker=request.ticker, + analysis_date=request.analysis_date, + analysts=request.analysts, + research_depth=request.research_depth, + deep_think_llm=request.deep_think_llm, + quick_think_llm=request.quick_think_llm, + ) + + # Return response + return AnalysisResponse(**result) + + except Exception as e: + logger.error(f"Analysis failed: {str(e)}", exc_info=True) + raise HTTPException(status_code=500, detail=f"Analysis failed: {str(e)}") + + +@router.get("/tickers") +async def get_tickers(): + """Get list of popular tickers (example endpoint)""" + return { + "tickers": [ + {"symbol": "AAPL", "name": "Apple Inc."}, + {"symbol": "NVDA", "name": "NVIDIA Corporation"}, + {"symbol": "MSFT", "name": "Microsoft Corporation"}, + {"symbol": "GOOGL", "name": "Alphabet Inc."}, + {"symbol": "AMZN", "name": "Amazon.com Inc."}, + {"symbol": "TSLA", "name": "Tesla Inc."}, + {"symbol": "META", "name": "Meta Platforms Inc."}, + {"symbol": "SPY", "name": "SPDR S&P 500 ETF Trust"}, + {"symbol": "QQQ", "name": "Invesco QQQ Trust"}, + ] + } diff --git a/backend/app/core/__init__.py b/backend/app/core/__init__.py new file mode 100644 index 00000000..e0bebfe2 --- /dev/null +++ b/backend/app/core/__init__.py @@ -0,0 +1 @@ +"""Core module initialization""" diff --git a/backend/app/core/config.py b/backend/app/core/config.py new file mode 100644 index 00000000..016ecd6d --- /dev/null +++ b/backend/app/core/config.py @@ -0,0 +1,40 @@ +""" +Configuration management for TradingAgents Backend API +""" +from pydantic_settings import BaseSettings +from typing import Optional +import os + + +class Settings(BaseSettings): + """Application settings loaded from environment variables""" + + # API Configuration + app_name: str = "TradingAgents API" + app_version: str = "1.0.0" + debug: bool = True + + # API Keys + openai_api_key: Optional[str] = None + alpha_vantage_api_key: Optional[str] = None + + # CORS Configuration + cors_origins: list = [ + "http://localhost:3000", + "http://frontend:3000", + ] + + # TradingAgents Configuration + results_dir: str = "./results" + max_debate_rounds: int = 1 + max_risk_discuss_rounds: int = 1 + deep_think_llm: str = "gpt-4o-mini" + quick_think_llm: str = "gpt-4o-mini" + + class Config: + env_file = ".env" + case_sensitive = False + + +# Global settings instance +settings = Settings() diff --git a/backend/app/core/cors.py b/backend/app/core/cors.py new file mode 100644 index 00000000..07b3d648 --- /dev/null +++ b/backend/app/core/cors.py @@ -0,0 +1,16 @@ +""" +CORS configuration for TradingAgents Backend API +""" +from fastapi.middleware.cors import CORSMiddleware +from app.core.config import settings + + +def setup_cors(app): + """Configure CORS middleware for the FastAPI application""" + app.add_middleware( + CORSMiddleware, + allow_origins=settings.cors_origins, + allow_credentials=True, + allow_methods=["*"], + allow_headers=["*"], + ) diff --git a/backend/app/main.py b/backend/app/main.py new file mode 100644 index 00000000..49f3dd5a --- /dev/null +++ b/backend/app/main.py @@ -0,0 +1,70 @@ +""" +FastAPI application entry point for TradingAgents Backend +""" +from fastapi import FastAPI +from fastapi.responses import JSONResponse +import logging +import sys +from pathlib import Path + +from app.core.config import settings +from app.core.cors import setup_cors +from app.api.routes import router + +# Configure logging +logging.basicConfig( + level=logging.INFO if settings.debug else logging.WARNING, + format="%(asctime)s - %(name)s - %(levelname)s - %(message)s", +) +logger = logging.getLogger(__name__) + +# Create FastAPI application +app = FastAPI( + title=settings.app_name, + version=settings.app_version, + description="Multi-Agent LLM Financial Trading Framework - REST API", + docs_url="/docs", + redoc_url="/redoc", +) + +# Setup CORS +setup_cors(app) + +# Include API routes +app.include_router(router) + + +@app.get("/") +async def root(): + """Root endpoint""" + return { + "message": "Welcome to TradingAgents API", + "version": settings.app_version, + "docs": "/docs", + "health": "/api/health", + } + + +@app.exception_handler(Exception) +async def global_exception_handler(request, exc): + """Global exception handler""" + logger.error(f"Unhandled exception: {str(exc)}", exc_info=True) + return JSONResponse( + status_code=500, + content={ + "error": "Internal server error", + "detail": str(exc) if settings.debug else "An unexpected error occurred", + }, + ) + + +if __name__ == "__main__": + import uvicorn + + uvicorn.run( + "app.main:app", + host="0.0.0.0", + port=8000, + reload=settings.debug, + log_level="info" if settings.debug else "warning", + ) diff --git a/backend/app/models/__init__.py b/backend/app/models/__init__.py new file mode 100644 index 00000000..721453d2 --- /dev/null +++ b/backend/app/models/__init__.py @@ -0,0 +1 @@ +"""Models module initialization""" diff --git a/backend/app/models/schemas.py b/backend/app/models/schemas.py new file mode 100644 index 00000000..b3830af6 --- /dev/null +++ b/backend/app/models/schemas.py @@ -0,0 +1,50 @@ +""" +Pydantic models for request/response schemas +""" +from pydantic import BaseModel, Field +from typing import Optional, List, Dict, Any +from datetime import date + + +class AnalysisRequest(BaseModel): + """Request model for trading analysis""" + ticker: str = Field(..., description="Stock ticker symbol (e.g., 'NVDA', 'AAPL')", min_length=1, max_length=10) + analysis_date: str = Field(..., description="Analysis date in YYYY-MM-DD format") + analysts: Optional[List[str]] = Field( + default=["market", "sentiment", "news", "fundamentals"], + description="List of analysts to include in analysis" + ) + research_depth: Optional[int] = Field(default=1, ge=1, le=5, description="Research depth (1-5)") + deep_think_llm: Optional[str] = Field(default="gpt-4o-mini", description="Deep thinking LLM model") + quick_think_llm: Optional[str] = Field(default="gpt-4o-mini", description="Quick thinking LLM model") + + +class AnalysisResponse(BaseModel): + """Response model for trading analysis""" + status: str = Field(..., description="Analysis status (success, error, processing)") + ticker: str = Field(..., description="Stock ticker analyzed") + analysis_date: str = Field(..., description="Date of analysis") + decision: Optional[Dict[str, Any]] = Field(None, description="Trading decision details") + reports: Optional[Dict[str, Any]] = Field(None, description="Analysis reports from different teams") + error: Optional[str] = Field(None, description="Error message if analysis failed") + + +class ConfigResponse(BaseModel): + """Response model for configuration options""" + available_analysts: List[str] = Field(..., description="Available analyst types") + available_llms: Dict[str, List[str]] = Field(..., description="Available LLM models by provider") + default_config: Dict[str, Any] = Field(..., description="Default configuration values") + + +class HealthResponse(BaseModel): + """Response model for health check""" + status: str = Field(..., description="API health status") + version: str = Field(..., description="API version") + timestamp: str = Field(..., description="Current server timestamp") + + +class ErrorResponse(BaseModel): + """Response model for errors""" + error: str = Field(..., description="Error message") + detail: Optional[str] = Field(None, description="Detailed error information") + status_code: int = Field(..., description="HTTP status code") diff --git a/backend/app/services/__init__.py b/backend/app/services/__init__.py new file mode 100644 index 00000000..b985eb65 --- /dev/null +++ b/backend/app/services/__init__.py @@ -0,0 +1 @@ +"""Services module initialization""" diff --git a/backend/app/services/trading_service.py b/backend/app/services/trading_service.py new file mode 100644 index 00000000..dc6269d6 --- /dev/null +++ b/backend/app/services/trading_service.py @@ -0,0 +1,144 @@ +""" +TradingAgents service integration +""" +import sys +import os +from pathlib import Path +from typing import Dict, Any, List, Optional +import logging + +# Add parent directory to path to import tradingagents +sys.path.insert(0, str(Path(__file__).parent.parent.parent.parent)) + +from tradingagents.graph.trading_graph import TradingAgentsGraph +from tradingagents.default_config import DEFAULT_CONFIG +from app.core.config import settings + +logger = logging.getLogger(__name__) + + +class TradingService: + """Service class for interacting with TradingAgents""" + + def __init__(self): + self.default_config = DEFAULT_CONFIG.copy() + + def create_config( + self, + research_depth: int = 1, + deep_think_llm: str = "gpt-4o-mini", + quick_think_llm: str = "gpt-4o-mini", + ) -> Dict[str, Any]: + """Create configuration for TradingAgents""" + config = self.default_config.copy() + config["max_debate_rounds"] = research_depth + config["max_risk_discuss_rounds"] = research_depth + config["deep_think_llm"] = deep_think_llm + config["quick_think_llm"] = quick_think_llm + config["results_dir"] = settings.results_dir + return config + + async def run_analysis( + self, + ticker: str, + analysis_date: str, + analysts: Optional[List[str]] = None, + research_depth: int = 1, + deep_think_llm: str = "gpt-4o-mini", + quick_think_llm: str = "gpt-4o-mini", + ) -> Dict[str, Any]: + """ + Run trading analysis for a given ticker and date + + Args: + ticker: Stock ticker symbol + analysis_date: Date in YYYY-MM-DD format + analysts: List of analyst types to include + research_depth: Research depth (1-5) + deep_think_llm: Deep thinking LLM model + quick_think_llm: Quick thinking LLM model + + Returns: + Dict containing analysis results + """ + try: + # Default analysts if not provided + if analysts is None: + analysts = ["market", "sentiment", "news", "fundamentals"] + + # Create configuration + config = self.create_config(research_depth, deep_think_llm, quick_think_llm) + + # Initialize TradingAgents graph + logger.info(f"Initializing TradingAgents for {ticker} on {analysis_date}") + graph = TradingAgentsGraph(analysts, config=config, debug=True) + + # Run analysis + logger.info(f"Running analysis for {ticker}") + final_state, decision = graph.propagate(ticker, analysis_date) + + # Extract reports from final state + reports = { + "market_report": final_state.get("market_report"), + "sentiment_report": final_state.get("sentiment_report"), + "news_report": final_state.get("news_report"), + "fundamentals_report": final_state.get("fundamentals_report"), + "investment_plan": final_state.get("investment_plan"), + "trader_investment_plan": final_state.get("trader_investment_plan"), + "final_trade_decision": final_state.get("final_trade_decision"), + "investment_debate_state": final_state.get("investment_debate_state"), + "risk_debate_state": final_state.get("risk_debate_state"), + } + + return { + "status": "success", + "ticker": ticker, + "analysis_date": analysis_date, + "decision": decision, + "reports": reports, + } + + except Exception as e: + logger.error(f"Analysis failed for {ticker}: {str(e)}", exc_info=True) + return { + "status": "error", + "ticker": ticker, + "analysis_date": analysis_date, + "error": str(e), + } + + def get_available_analysts(self) -> List[str]: + """Get list of available analyst types""" + return ["market", "sentiment", "news", "fundamentals"] + + def get_available_llms(self) -> Dict[str, List[str]]: + """Get list of available LLM models by provider""" + return { + "openai": [ + "gpt-4o", + "gpt-4o-mini", + "gpt-4-turbo", + "gpt-4", + "gpt-3.5-turbo", + ], + "anthropic": [ + "claude-3-5-sonnet-20241022", + "claude-3-opus-20240229", + "claude-3-sonnet-20240229", + "claude-3-haiku-20240307", + ], + } + + def get_default_config(self) -> Dict[str, Any]: + """Get default configuration""" + return { + "research_depth": 1, + "deep_think_llm": "gpt-4o-mini", + "quick_think_llm": "gpt-4o-mini", + "max_debate_rounds": 1, + "max_risk_discuss_rounds": 1, + } + + +# Global service instance +trading_service = TradingService() diff --git a/backend/requirements.txt b/backend/requirements.txt new file mode 100644 index 00000000..1be27e6b --- /dev/null +++ b/backend/requirements.txt @@ -0,0 +1,38 @@ +# Backend requirements for FastAPI TradingAgents API + +# Core Framework +fastapi==0.104.1 +uvicorn[standard]==0.24.0 +pydantic==2.5.0 +pydantic-settings==2.1.0 + +# CORS and middleware +python-multipart==0.0.6 + +# Environment and configuration +python-dotenv==1.0.0 + +# Existing TradingAgents dependencies +typing-extensions +langchain-openai +langchain-experimental +pandas +yfinance +praw +feedparser +stockstats +eodhd +langgraph +chromadb +setuptools +backtrader +akshare +tushare +finnhub-python +parsel +requests +tqdm +pytz +redis +langchain_anthropic +langchain-google-genai diff --git a/docker-compose.yml b/docker-compose.yml new file mode 100644 index 00000000..0316920c --- /dev/null +++ b/docker-compose.yml @@ -0,0 +1,42 @@ +version: '3.8' + +services: + backend: + build: + context: . + dockerfile: backend/Dockerfile + container_name: tradingagents-backend + ports: + - "8000:8000" + environment: + - OPENAI_API_KEY=${OPENAI_API_KEY} + - ALPHA_VANTAGE_API_KEY=${ALPHA_VANTAGE_API_KEY} + - TRADINGAGENTS_RESULTS_DIR=/app/results + volumes: + - ./results:/app/results + - ./tradingagents:/app/tradingagents:ro + networks: + - tradingagents-network + restart: unless-stopped + + frontend: + build: + context: ./frontend + dockerfile: Dockerfile + container_name: tradingagents-frontend + ports: + - "3000:3000" + environment: + - NEXT_PUBLIC_API_URL=http://backend:8000 + depends_on: + - backend + networks: + - tradingagents-network + restart: unless-stopped + +networks: + tradingagents-network: + driver: bridge + +volumes: + results: diff --git a/frontend/.dockerignore b/frontend/.dockerignore new file mode 100644 index 00000000..b4ca9e76 --- /dev/null +++ b/frontend/.dockerignore @@ -0,0 +1,25 @@ +# Node modules +node_modules +npm-debug.log* + +# Next.js +.next/ +out/ + +# Environment files +.env*.local + +# Build files +dist/ +build/ + +# IDE +.vscode/ +.idea/ + +# Testing +coverage/ + +# Misc +.DS_Store +*.log diff --git a/frontend/.gitignore b/frontend/.gitignore new file mode 100644 index 00000000..5ef6a520 --- /dev/null +++ b/frontend/.gitignore @@ -0,0 +1,41 @@ +# See https://help.github.com/articles/ignoring-files/ for more about ignoring files. + +# dependencies +/node_modules +/.pnp +.pnp.* +.yarn/* +!.yarn/patches +!.yarn/plugins +!.yarn/releases +!.yarn/versions + +# testing +/coverage + +# next.js +/.next/ +/out/ + +# production +/build + +# misc +.DS_Store +*.pem + +# debug +npm-debug.log* +yarn-debug.log* +yarn-error.log* +.pnpm-debug.log* + +# env files (can opt-in for committing if needed) +.env* + +# vercel +.vercel + +# typescript +*.tsbuildinfo +next-env.d.ts diff --git a/frontend/Dockerfile b/frontend/Dockerfile new file mode 100644 index 00000000..76179a7e --- /dev/null +++ b/frontend/Dockerfile @@ -0,0 +1,51 @@ +# Multi-stage build for Next.js frontend +FROM node:20-alpine AS base + +# Install dependencies only when needed +FROM base AS deps +RUN apk add --no-cache libc6-compat +WORKDIR /app + +# Install dependencies +COPY package.json package-lock.json* ./ +RUN npm ci + +# Rebuild the source code only when needed +FROM base AS builder +WORKDIR /app +COPY --from=deps /app/node_modules ./node_modules +COPY . . + +# Set environment variable for build +ENV NEXT_PUBLIC_API_URL=http://backend:8000 + +# Build Next.js app +RUN npm run build + +# Production image, copy all the files and run next +FROM base AS runner +WORKDIR /app + +ENV NODE_ENV=production + +RUN addgroup --system --gid 1001 nodejs +RUN adduser --system --uid 1001 nextjs + +COPY --from=builder /app/public ./public + +# Set permissions for prerender cache +RUN mkdir .next +RUN chown nextjs:nodejs .next + +# Automatically leverage output traces to reduce image size +COPY --from=builder --chown=nextjs:nodejs /app/.next/standalone ./ +COPY --from=builder --chown=nextjs:nodejs /app/.next/static ./.next/static + +USER nextjs + +EXPOSE 3000 + +ENV PORT=3000 +ENV HOSTNAME="0.0.0.0" + +CMD ["node", "server.js"] diff --git a/frontend/README.md b/frontend/README.md new file mode 100644 index 00000000..e215bc4c --- /dev/null +++ b/frontend/README.md @@ -0,0 +1,36 @@ +This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://nextjs.org/docs/app/api-reference/cli/create-next-app). + +## Getting Started + +First, run the development server: + +```bash +npm run dev +# or +yarn dev +# or +pnpm dev +# or +bun dev +``` + +Open [http://localhost:3000](http://localhost:3000) with your browser to see the result. + +You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file. + +This project uses [`next/font`](https://nextjs.org/docs/app/building-your-application/optimizing/fonts) to automatically optimize and load [Geist](https://vercel.com/font), a new font family for Vercel. + +## Learn More + +To learn more about Next.js, take a look at the following resources: + +- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API. +- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial. + +You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js) - your feedback and contributions are welcome! + +## Deploy on Vercel + +The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js. + +Check out our [Next.js deployment documentation](https://nextjs.org/docs/app/building-your-application/deploying) for more details. diff --git a/frontend/app/analysis/page.tsx b/frontend/app/analysis/page.tsx new file mode 100644 index 00000000..c30378b1 --- /dev/null +++ b/frontend/app/analysis/page.tsx @@ -0,0 +1,58 @@ +/** + * Analysis page + */ +"use client"; + +import { useState } from "react"; +import { AnalysisForm } from "@/components/analysis/AnalysisForm"; +import { TradingDecision } from "@/components/analysis/TradingDecision"; +import { AnalystReport } from "@/components/analysis/AnalystReport"; +import { LoadingSpinner } from "@/components/shared/LoadingSpinner"; +import { useAnalysis } from "@/hooks/useAnalysis"; +import type { AnalysisRequest } from "@/lib/types"; + +export default function AnalysisPage() { + const { runAnalysis, loading, error, result } = useAnalysis(); + + const handleSubmit = async (request: AnalysisRequest) => { + try { + await runAnalysis(request); + } catch (err) { + // Error is handled by the hook + console.error("Analysis failed:", err); + } + }; + + return ( +
+
+
+

交易分析

+

+ 配置並執行全面的多代理交易分析 +

+
+ + + + {loading && ( + + )} + + {error && ( +
+

錯誤

+

{error}

+
+ )} + + {result && !loading && ( +
+ + {result.reports && } +
+ )} +
+
+ ); +} diff --git a/frontend/app/favicon.ico b/frontend/app/favicon.ico new file mode 100644 index 0000000000000000000000000000000000000000..718d6fea4835ec2d246af9800eddb7ffb276240c GIT binary patch literal 25931 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 LrJugUA?W`A8`#=m literal 0 HcmV?d00001 diff --git a/frontend/app/globals.css b/frontend/app/globals.css new file mode 100644 index 00000000..dc98be74 --- /dev/null +++ b/frontend/app/globals.css @@ -0,0 +1,122 @@ +@import "tailwindcss"; +@import "tw-animate-css"; + +@custom-variant dark (&:is(.dark *)); + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --font-sans: var(--font-geist-sans); + --font-mono: var(--font-geist-mono); + --color-sidebar-ring: var(--sidebar-ring); + --color-sidebar-border: var(--sidebar-border); + --color-sidebar-accent-foreground: var(--sidebar-accent-foreground); + --color-sidebar-accent: var(--sidebar-accent); + --color-sidebar-primary-foreground: var(--sidebar-primary-foreground); + --color-sidebar-primary: var(--sidebar-primary); + --color-sidebar-foreground: var(--sidebar-foreground); + --color-sidebar: var(--sidebar); + --color-chart-5: var(--chart-5); + --color-chart-4: var(--chart-4); + --color-chart-3: var(--chart-3); + --color-chart-2: var(--chart-2); + --color-chart-1: var(--chart-1); + --color-ring: var(--ring); + --color-input: var(--input); + --color-border: var(--border); + --color-destructive: var(--destructive); + --color-accent-foreground: var(--accent-foreground); + --color-accent: var(--accent); + --color-muted-foreground: var(--muted-foreground); + --color-muted: var(--muted); + --color-secondary-foreground: var(--secondary-foreground); + --color-secondary: var(--secondary); + --color-primary-foreground: var(--primary-foreground); + --color-primary: var(--primary); + --color-popover-foreground: var(--popover-foreground); + --color-popover: var(--popover); + --color-card-foreground: var(--card-foreground); + --color-card: var(--card); + --radius-sm: calc(var(--radius) - 4px); + --radius-md: calc(var(--radius) - 2px); + --radius-lg: var(--radius); + --radius-xl: calc(var(--radius) + 4px); +} + +:root { + --radius: 0.625rem; + --background: oklch(1 0 0); + --foreground: oklch(0.145 0 0); + --card: oklch(1 0 0); + --card-foreground: oklch(0.145 0 0); + --popover: oklch(1 0 0); + --popover-foreground: oklch(0.145 0 0); + --primary: oklch(0.205 0 0); + --primary-foreground: oklch(0.985 0 0); + --secondary: oklch(0.97 0 0); + --secondary-foreground: oklch(0.205 0 0); + --muted: oklch(0.97 0 0); + --muted-foreground: oklch(0.556 0 0); + --accent: oklch(0.97 0 0); + --accent-foreground: oklch(0.205 0 0); + --destructive: oklch(0.577 0.245 27.325); + --border: oklch(0.922 0 0); + --input: oklch(0.922 0 0); + --ring: oklch(0.708 0 0); + --chart-1: oklch(0.646 0.222 41.116); + --chart-2: oklch(0.6 0.118 184.704); + --chart-3: oklch(0.398 0.07 227.392); + --chart-4: oklch(0.828 0.189 84.429); + --chart-5: oklch(0.769 0.188 70.08); + --sidebar: oklch(0.985 0 0); + --sidebar-foreground: oklch(0.145 0 0); + --sidebar-primary: oklch(0.205 0 0); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.97 0 0); + --sidebar-accent-foreground: oklch(0.205 0 0); + --sidebar-border: oklch(0.922 0 0); + --sidebar-ring: oklch(0.708 0 0); +} + +.dark { + --background: oklch(0.145 0 0); + --foreground: oklch(0.985 0 0); + --card: oklch(0.205 0 0); + --card-foreground: oklch(0.985 0 0); + --popover: oklch(0.205 0 0); + --popover-foreground: oklch(0.985 0 0); + --primary: oklch(0.922 0 0); + --primary-foreground: oklch(0.205 0 0); + --secondary: oklch(0.269 0 0); + --secondary-foreground: oklch(0.985 0 0); + --muted: oklch(0.269 0 0); + --muted-foreground: oklch(0.708 0 0); + --accent: oklch(0.269 0 0); + --accent-foreground: oklch(0.985 0 0); + --destructive: oklch(0.704 0.191 22.216); + --border: oklch(1 0 0 / 10%); + --input: oklch(1 0 0 / 15%); + --ring: oklch(0.556 0 0); + --chart-1: oklch(0.488 0.243 264.376); + --chart-2: oklch(0.696 0.17 162.48); + --chart-3: oklch(0.769 0.188 70.08); + --chart-4: oklch(0.627 0.265 303.9); + --chart-5: oklch(0.645 0.246 16.439); + --sidebar: oklch(0.205 0 0); + --sidebar-foreground: oklch(0.985 0 0); + --sidebar-primary: oklch(0.488 0.243 264.376); + --sidebar-primary-foreground: oklch(0.985 0 0); + --sidebar-accent: oklch(0.269 0 0); + --sidebar-accent-foreground: oklch(0.985 0 0); + --sidebar-border: oklch(1 0 0 / 10%); + --sidebar-ring: oklch(0.556 0 0); +} + +@layer base { + * { + @apply border-border outline-ring/50; + } + body { + @apply bg-background text-foreground; + } +} diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx new file mode 100644 index 00000000..68ebb866 --- /dev/null +++ b/frontend/app/layout.tsx @@ -0,0 +1,32 @@ +import type { Metadata } from "next"; +import { Inter } from "next/font/google"; +import "./globals.css"; +import { Header } from "@/components/layout/Header"; +import { Footer } from "@/components/layout/Footer"; + +const inter = Inter({ subsets: ["latin"] }); + +export const metadata: Metadata = { + title: "TradingAgents - 多代理 LLM 金融交易", + description: "由 AI 驅動的多代理 LLM 金融交易框架", +}; + +export default function RootLayout({ + children, +}: Readonly<{ + children: React.ReactNode; +}>) { + return ( + + +
+
+
+ {children} +
+
+
+ + + ); +} diff --git a/frontend/app/page.tsx b/frontend/app/page.tsx new file mode 100644 index 00000000..b6c642cc --- /dev/null +++ b/frontend/app/page.tsx @@ -0,0 +1,126 @@ +import Link from "next/link"; +import { Button } from "@/components/ui/button"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; + +export default function HomePage() { + return ( +
+ {/* Hero Section */} +
+

+ TradingAgents +

+

+ 多代理 LLM 金融交易框架 +

+
+ + + + + + +
+
+ + {/* Features Grid */} +
+ + + + +
+ + {/* Workflow Section */} + + + 運作方式 + + TradingAgents 模擬真實交易公司，配備專業化的 LLM 代理 + + + +
+ + + + + +
+ + +
+ ); +} + +function FeatureCard({ title, description, icon }: { title: string; description: string; icon: string }) { + return ( + + +
{icon}
+ {title} + + +

{description}

+ + + ); +} + +function WorkflowStep({ number, title, description }: { number: number; title: string; description: string }) { + return ( +
+
+ {number} +
+
+

{title}

+

{description}

+
+
+ ); +} diff --git a/frontend/components.json b/frontend/components.json new file mode 100644 index 00000000..b7b9791c --- /dev/null +++ b/frontend/components.json @@ -0,0 +1,22 @@ +{ + "$schema": "https://ui.shadcn.com/schema.json", + "style": "new-york", + "rsc": true, + "tsx": true, + "tailwind": { + "config": "", + "css": "app/globals.css", + "baseColor": "neutral", + "cssVariables": true, + "prefix": "" + }, + "iconLibrary": "lucide", + "aliases": { + "components": "@/components", + "utils": "@/lib/utils", + "ui": "@/components/ui", + "lib": "@/lib", + "hooks": "@/hooks" + }, + "registries": {} +} diff --git a/frontend/components/analysis/AnalysisForm.tsx b/frontend/components/analysis/AnalysisForm.tsx new file mode 100644 index 00000000..36b52c00 --- /dev/null +++ b/frontend/components/analysis/AnalysisForm.tsx @@ -0,0 +1,178 @@ +/** + * Analysis form component + */ +"use client"; + +import { useState } from "react"; +import { useForm } from "react-hook-form"; +import { zodResolver } from "@hookform/resolvers/zod"; +import * as z from "zod"; +import { format } from "date-fns"; + +import { Button } from "@/components/ui/button"; +import { + Form, + FormControl, + FormDescription, + FormField, + FormItem, + FormLabel, + FormMessage, +} from "@/components/ui/form"; +import { Input } from "@/components/ui/input"; +import { + Select, + SelectContent, + SelectItem, + SelectTrigger, + SelectValue, +} from "@/components/ui/select"; +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import type { AnalysisRequest } from "@/lib/types"; + +const formSchema = z.object({ + ticker: z.string().min(1, "股票代碼為必填").max(10), + analysis_date: z.string().regex(/^\d{4}-\d{2}-\d{2}$/, "日期格式必須為 YYYY-MM-DD"), + research_depth: z.number().min(1).max(5), + deep_think_llm: z.string(), + quick_think_llm: z.string(), +}); + +interface AnalysisFormProps { + onSubmit: (data: AnalysisRequest) => void; + loading?: boolean; +} + +export function AnalysisForm({ onSubmit, loading = false }: AnalysisFormProps) { + const form = useForm>({ + resolver: zodResolver(formSchema), + defaultValues: { + ticker: "NVDA", + analysis_date: format(new Date(), "yyyy-MM-dd"), + research_depth: 1, + deep_think_llm: "gpt-4o-mini", + quick_think_llm: "gpt-4o-mini", + }, + }); + + function handleSubmit(values: z.infer) { + const request: AnalysisRequest = { + ...values, + analysts: ["market", "sentiment", "news", "fundamentals"], + }; + onSubmit(request); + } + + return ( + + + 交易分析配置 + + 配置您的交易分析參數 + + + +
+ +
+ ( + + 股票代碼 + + + + + 輸入股票代碼（例如：NVDA、AAPL） + + + + )} + /> + + ( + + 分析日期 + + + + + 選擇分析日期 + + + + )} + /> + + ( + + 研究深度 + + + 深度越高 = 辯論回合越多 + + + + )} + /> + + ( + + 深度思考模型 + + + 用於複雜推理的模型 + + + + )} + /> +
+ + +
+ + + + ); +} diff --git a/frontend/components/analysis/AnalystReport.tsx b/frontend/components/analysis/AnalystReport.tsx new file mode 100644 index 00000000..d4edc67d --- /dev/null +++ b/frontend/components/analysis/AnalystReport.tsx @@ -0,0 +1,133 @@ +/** + * Analyst reports display component + */ +"use client"; + +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"; +import type { Reports } from "@/lib/types"; + +interface AnalystReportProps { + reports: Reports; +} + +export function AnalystReport({ reports }: AnalystReportProps) { + const hasAnalystReports = + reports.market_report || + reports.sentiment_report || + reports.news_report || + reports.fundamentals_report; + + const hasResearchReports = + reports.investment_debate_state?.bull_history || + reports.investment_debate_state?.bear_history || + reports.investment_debate_state?.judge_decision; + + const hasRiskReports = + reports.risk_debate_state?.risky_history || + reports.risk_debate_state?.safe_history || + reports.risk_debate_state?.neutral_history; + + if (!hasAnalystReports && !hasResearchReports && !hasRiskReports) { + return null; + } + + return ( + + + 分析報告 + 來自所有代理團隊的詳細報告 + + + + + 分析師 + 研究 + 交易員 + 風險 + + + + {reports.market_report && ( + + )} + {reports.sentiment_report && ( + + )} + {reports.news_report && ( + + )} + {reports.fundamentals_report && ( + + )} + + + + {reports.investment_debate_state?.bull_history && ( + + )} + {reports.investment_debate_state?.bear_history && ( + + )} + {reports.investment_debate_state?.judge_decision && ( + + )} + + + + {reports.trader_investment_plan && ( + + )} + + + + {reports.risk_debate_state?.risky_history && ( + + )} + {reports.risk_debate_state?.safe_history && ( + + )} + {reports.risk_debate_state?.neutral_history && ( + + )} + {reports.risk_debate_state?.judge_decision && ( + + )} + + + + + ); +} + +function ReportSection({ title, content }: { title: string; content: string }) { + return ( +
+

{title}

+
+

{content}

+
+
+ ); +} diff --git a/frontend/components/analysis/TradingDecision.tsx b/frontend/components/analysis/TradingDecision.tsx new file mode 100644 index 00000000..cbf6e50b --- /dev/null +++ b/frontend/components/analysis/TradingDecision.tsx @@ -0,0 +1,95 @@ +/** + * Trading decision display component + */ +"use client"; + +import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card"; +import { Badge } from "@/components/ui/badge"; +import type { AnalysisResponse } from "@/lib/types"; + +interface TradingDecisionProps { + result: AnalysisResponse; +} + +export function TradingDecision({ result }: TradingDecisionProps) { + if (result.status === "error") { + return ( + + + 分析錯誤 + + +

{result.error}

+ + + ); + } + + if (!result.decision) { + return null; + } + + const getActionBadge = (action: string) => { + const actionLower = action.toLowerCase(); + if (actionLower.includes("buy")) { + return 買入; + } else if (actionLower.includes("sell")) { + return 賣出; + } else { + return 持有; + } + }; + + return ( + + +
+ 交易決策 + {getActionBadge(result.decision.action || "")} +
+ + {result.ticker} 於 {result.analysis_date} 的分析 + + + +
+

行動

+

{result.decision.action}

+
+ + {result.decision.quantity && ( +
+

數量

+

{result.decision.quantity} 股

+
+ )} + + {result.decision.confidence && ( +
+

信心度

+
+
+
+
+ + {(result.decision.confidence * 100).toFixed(0)}% + +
+
+ )} + + {result.decision.reasoning && ( +
+

理由

+

+ {result.decision.reasoning} +

+
+ )} + + + ); +} diff --git a/frontend/components/layout/Footer.tsx b/frontend/components/layout/Footer.tsx new file mode 100644 index 00000000..c3cfe142 --- /dev/null +++ b/frontend/components/layout/Footer.tsx @@ -0,0 +1,42 @@ +/** + * Footer component + */ +export function Footer() { + return ( + + ); +} diff --git a/frontend/components/layout/Header.tsx b/frontend/components/layout/Header.tsx new file mode 100644 index 00000000..b4517b4c --- /dev/null +++ b/frontend/components/layout/Header.tsx @@ -0,0 +1,35 @@ +/** + * Header component + */ +import Link from "next/link"; + +export function Header() { + return ( +
+
+
+ +
TradingAgents
+
+ 多代理 LLM 金融交易框架 +
+ + +
+
+
+ ); +} diff --git a/frontend/components/shared/LoadingSpinner.tsx b/frontend/components/shared/LoadingSpinner.tsx new file mode 100644 index 00000000..1bf4773c --- /dev/null +++ b/frontend/components/shared/LoadingSpinner.tsx @@ -0,0 +1,17 @@ +/** + * Loading spinner component + */ +import { Spinner } from "@/components/ui/spinner"; + +interface LoadingSpinnerProps { + message?: string; +} + +export function LoadingSpinner({ message = "載入中..." }: LoadingSpinnerProps) { + return ( +
+ +

{message}

+
+ ); +} diff --git a/frontend/components/ui/badge.tsx b/frontend/components/ui/badge.tsx new file mode 100644 index 00000000..fd3a406b --- /dev/null +++ b/frontend/components/ui/badge.tsx @@ -0,0 +1,46 @@ +import * as React from "react" +import { Slot } from "@radix-ui/react-slot" +import { cva, type VariantProps } from "class-variance-authority" + +import { cn } from "@/lib/utils" + +const badgeVariants = cva( + "inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden", + { + variants: { + variant: { + default: + "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90", + secondary: + "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90", + destructive: + "border-transparent bg-destructive text-white [a&]:hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", + outline: + "text-foreground [a&]:hover:bg-accent [a&]:hover:text-accent-foreground", + }, + }, + defaultVariants: { + variant: "default", + }, + } +) + +function Badge({ + className, + variant, + asChild = false, + ...props +}: React.ComponentProps<"span"> & + VariantProps & { asChild?: boolean }) { + const Comp = asChild ? Slot : "span" + + return ( + + ) +} + +export { Badge, badgeVariants } diff --git a/frontend/components/ui/button.tsx b/frontend/components/ui/button.tsx new file mode 100644 index 00000000..21409a06 --- /dev/null +++ b/frontend/components/ui/button.tsx @@ -0,0 +1,60 @@ +import * as React from "react" +import { Slot } from "@radix-ui/react-slot" +import { cva, type VariantProps } from "class-variance-authority" + +import { cn } from "@/lib/utils" + +const buttonVariants = cva( + "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", + { + variants: { + variant: { + default: "bg-primary text-primary-foreground hover:bg-primary/90", + destructive: + "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60", + outline: + "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50", + secondary: + "bg-secondary text-secondary-foreground hover:bg-secondary/80", + ghost: + "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50", + link: "text-primary underline-offset-4 hover:underline", + }, + size: { + default: "h-9 px-4 py-2 has-[>svg]:px-3", + sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5", + lg: "h-10 rounded-md px-6 has-[>svg]:px-4", + icon: "size-9", + "icon-sm": "size-8", + "icon-lg": "size-10", + }, + }, + defaultVariants: { + variant: "default", + size: "default", + }, + } +) + +function Button({ + className, + variant, + size, + asChild = false, + ...props +}: React.ComponentProps<"button"> & + VariantProps & { + asChild?: boolean + }) { + const Comp = asChild ? Slot : "button" + + return ( + + ) +} + +export { Button, buttonVariants } diff --git a/frontend/components/ui/card.tsx b/frontend/components/ui/card.tsx new file mode 100644 index 00000000..681ad980 --- /dev/null +++ b/frontend/components/ui/card.tsx @@ -0,0 +1,92 @@ +import * as React from "react" + +import { cn } from "@/lib/utils" + +function Card({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function CardHeader({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function CardTitle({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function CardDescription({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function CardAction({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function CardContent({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function CardFooter({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +export { + Card, + CardHeader, + CardFooter, + CardTitle, + CardAction, + CardDescription, + CardContent, +} diff --git a/frontend/components/ui/dialog.tsx b/frontend/components/ui/dialog.tsx new file mode 100644 index 00000000..d9ccec91 --- /dev/null +++ b/frontend/components/ui/dialog.tsx @@ -0,0 +1,143 @@ +"use client" + +import * as React from "react" +import * as DialogPrimitive from "@radix-ui/react-dialog" +import { XIcon } from "lucide-react" + +import { cn } from "@/lib/utils" + +function Dialog({ + ...props +}: React.ComponentProps) { + return +} + +function DialogTrigger({ + ...props +}: React.ComponentProps) { + return +} + +function DialogPortal({ + ...props +}: React.ComponentProps) { + return +} + +function DialogClose({ + ...props +}: React.ComponentProps) { + return +} + +function DialogOverlay({ + className, + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function DialogContent({ + className, + children, + showCloseButton = true, + ...props +}: React.ComponentProps & { + showCloseButton?: boolean +}) { + return ( + + + + {children} + {showCloseButton && ( + + + Close + + )} + + + ) +} + +function DialogHeader({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function DialogFooter({ className, ...props }: React.ComponentProps<"div">) { + return ( +
+ ) +} + +function DialogTitle({ + className, + ...props +}: React.ComponentProps) { + return ( + + ) +} + +function DialogDescription({ + className, + ...props +}: React.ComponentProps) { + return ( + + ) +} + +export { + Dialog, + DialogClose, + DialogContent, + DialogDescription, + DialogFooter, + DialogHeader, + DialogOverlay, + DialogPortal, + DialogTitle, + DialogTrigger, +} diff --git a/frontend/components/ui/form.tsx b/frontend/components/ui/form.tsx new file mode 100644 index 00000000..524b986b --- /dev/null +++ b/frontend/components/ui/form.tsx @@ -0,0 +1,167 @@ +"use client" + +import * as React from "react" +import * as LabelPrimitive from "@radix-ui/react-label" +import { Slot } from "@radix-ui/react-slot" +import { + Controller, + FormProvider, + useFormContext, + useFormState, + type ControllerProps, + type FieldPath, + type FieldValues, +} from "react-hook-form" + +import { cn } from "@/lib/utils" +import { Label } from "@/components/ui/label" + +const Form = FormProvider + +type FormFieldContextValue< + TFieldValues extends FieldValues = FieldValues, + TName extends FieldPath = FieldPath, +> = { + name: TName +} + +const FormFieldContext = React.createContext( + {} as FormFieldContextValue +) + +const FormField = < + TFieldValues extends FieldValues = FieldValues, + TName extends FieldPath = FieldPath, +>({ + ...props +}: ControllerProps) => { + return ( + + + + ) +} + +const useFormField = () => { + const fieldContext = React.useContext(FormFieldContext) + const itemContext = React.useContext(FormItemContext) + const { getFieldState } = useFormContext() + const formState = useFormState({ name: fieldContext.name }) + const fieldState = getFieldState(fieldContext.name, formState) + + if (!fieldContext) { + throw new Error("useFormField should be used within ") + } + + const { id } = itemContext + + return { + id, + name: fieldContext.name, + formItemId: `${id}-form-item`, + formDescriptionId: `${id}-form-item-description`, + formMessageId: `${id}-form-item-message`, + ...fieldState, + } +} + +type FormItemContextValue = { + id: string +} + +const FormItemContext = React.createContext( + {} as FormItemContextValue +) + +function FormItem({ className, ...props }: React.ComponentProps<"div">) { + const id = React.useId() + + return ( + +
+ + ) +} + +function FormLabel({ + className, + ...props +}: React.ComponentProps) { + const { error, formItemId } = useFormField() + + return ( +