initial new ui

Author: Zongwei9888

.claude/settings.json

@@ -0,0 +1,7 @@
+{
+  "permissions": {
+    "allow": [
+      "Bash(xargs:*)"
+    ]
+  }
+}

mcp_agent.config.yaml

@@ -20,7 +20,7 @@ mcp:
     bocha-mcp:
       args:
       - tools/bocha_search_server.py
-      command: python3
+      command: python
       env:
         BOCHA_API_KEY: ''
         PYTHONPATH: .
@@ -105,12 +105,12 @@ mcp:
 # LLM Provider Priority (选择使用哪个LLM / Choose which LLM to use)
 # Options: "anthropic", "google", "openai"
 # If not set or provider unavailable, will fallback to first available provider
-llm_provider: "google"  # 设置为 "google", "anthropic", 或 "openai"
+llm_provider: "openai"  # 设置为 "google", "anthropic", 或 "openai"
 
 openai:
   base_max_tokens: 40000
   # default_model: google/gemini-2.5-pro
-  default_model: anthropic/claude-sonnet-4.5
+  default_model: google/gemini-3-flash-preview
   # default_model: openai/gpt-oss-120b
   # default_model: deepseek/deepseek-v3.2-exp
   # default_model: moonshotai/kimi-k2-thinking

mcp_agent.secrets.yaml

@@ -1,13 +1,13 @@
 # API keys for LLM providers
-# You can either fill these in directly, or use environment variables:
+# 配置文件优先于环境变量 (Config file takes priority over env vars)
+# 环境变量仅在配置文件为空时作为备选:
 # - GOOGLE_API_KEY / GEMINI_API_KEY
 # - ANTHROPIC_API_KEY
 # - OPENAI_API_KEY
-# Environment variables take precedence over values in this file.
 
 openai:
   api_key: ""
-  base_url: ""
+  base_url: "https://openrouter.ai/api/v1"
 anthropic:
   api_key: ""
 google:

new_ui/README.md

@@ -0,0 +1,152 @@
+# DeepCode New UI
+
+Modern, intelligent UI for DeepCode - AI-powered code generation platform.
+
+## Technology Stack
+
+- **Backend**: FastAPI (Python)
+- **Frontend**: React 18 + TypeScript + Vite
+- **Styling**: Tailwind CSS + shadcn/ui
+- **State Management**: Zustand
+- **Real-time Communication**: WebSocket
+- **Workflow Visualization**: React Flow
+- **Code Display**: Monaco Editor
+
+## Features
+
+### Intelligent Features
+
+1. **Real-time Streaming Output** - Watch code generation in real-time, like ChatGPT
+2. **Smart Context Awareness** - Remembers conversation history, provides intelligent suggestions
+3. **Adaptive Interface** - Layout adjusts based on task type
+4. **Visual Workflow** - Draggable flow-chart style task visualization
+
+### Design Style
+
+- Clean, modern design inspired by Notion/Linear
+- Light theme with blue accent colors
+- Inter font for text, JetBrains Mono for code
+
+## Project Structure
+
+```
+new_ui/
+├── backend/                    # FastAPI Backend
+│   ├── main.py                # Entry point
+│   ├── config.py              # Configuration
+│   ├── api/
+│   │   ├── routes/            # REST API endpoints
+│   │   └── websockets/        # WebSocket handlers
+│   ├── services/              # Business logic
+│   └── models/                # Pydantic models
+│
+├── frontend/                   # React Frontend
+│   ├── src/
+│   │   ├── components/        # React components
+│   │   ├── pages/             # Page components
+│   │   ├── hooks/             # Custom hooks
+│   │   ├── stores/            # Zustand stores
+│   │   ├── services/          # API client
+│   │   └── types/             # TypeScript types
+│   ├── package.json
+│   └── vite.config.ts
+│
+└── scripts/
+    ├── start_dev.sh           # Development startup
+    └── build.sh               # Production build
+```
+
+## Quick Start
+
+### Prerequisites
+
+- Python 3.10+
+- Node.js 18+
+- npm or yarn
+
+### Development
+
+1. **Start both backend and frontend:**
+
+```bash
+cd new_ui
+chmod +x scripts/start_dev.sh
+./scripts/start_dev.sh
+```
+
+2. **Or start separately:**
+
+Backend:
+```bash
+cd new_ui/backend
+pip install -r requirements.txt  # First time only
+uvicorn main:app --reload --port 8000
+```
+
+Frontend:
+```bash
+cd new_ui/frontend
+npm install  # First time only
+npm run dev
+```
+
+3. **Access the application:**
+   - Frontend: http://localhost:5173
+   - Backend API: http://localhost:8000
+   - API Documentation: http://localhost:8000/docs
+
+### Production Build
+
+```bash
+cd new_ui
+chmod +x scripts/build.sh
+./scripts/build.sh
+```
+
+## API Endpoints
+
+### REST API
+
+| Method | Endpoint | Description |
+|--------|----------|-------------|
+| POST | `/api/v1/workflows/paper-to-code` | Start paper-to-code workflow |
+| POST | `/api/v1/workflows/chat-planning` | Start chat-based planning |
+| GET | `/api/v1/workflows/status/{task_id}` | Get workflow status |
+| POST | `/api/v1/requirements/questions` | Generate guiding questions |
+| POST | `/api/v1/requirements/summarize` | Summarize requirements |
+| POST | `/api/v1/files/upload` | Upload file |
+| GET | `/api/v1/config/settings` | Get settings |
+
+### WebSocket Endpoints
+
+| Endpoint | Description |
+|----------|-------------|
+| `/ws/workflow/{task_id}` | Real-time workflow progress |
+| `/ws/code-stream/{task_id}` | Streaming code output |
+| `/ws/logs/{session_id}` | Live log streaming |
+
+## Configuration
+
+The new UI reads configuration from the existing DeepCode config files:
+
+- `mcp_agent.config.yaml` - LLM provider, models, MCP server settings
+- `mcp_agent.secrets.yaml` - API keys
+
+## Integration
+
+The new UI integrates with existing DeepCode components:
+
+- `workflows/agent_orchestration_engine.py` - Core workflow execution
+- `workflows/agents/` - Specialized agents
+- `utils/llm_utils.py` - LLM provider management
+
+## Browser Support
+
+- Chrome (recommended)
+- Firefox
+- Safari
+- Edge
+
+## License
+
+MIT License - see main DeepCode license.

new_ui/backend/__init__.py

@@ -0,0 +1,6 @@
+"""
+DeepCode New UI Backend
+FastAPI-based backend for the new DeepCode UI
+"""
+
+__version__ = "1.0.0"

new_ui/backend/api/__init__.py

@@ -0,0 +1 @@
+"""API package"""

new_ui/backend/api/routes/__init__.py

@@ -0,0 +1 @@
+"""API Routes"""

new_ui/backend/api/routes/config.py

@@ -0,0 +1,92 @@
+"""
+Configuration API Routes
+Handles LLM provider and settings management
+"""
+
+from fastapi import APIRouter, HTTPException
+import yaml
+
+from settings import (
+    load_mcp_config,
+    load_secrets,
+    get_llm_provider,
+    get_llm_models,
+    is_indexing_enabled,
+    CONFIG_PATH,
+)
+from models.requests import LLMProviderUpdateRequest
+from models.responses import ConfigResponse, SettingsResponse
+
+
+router = APIRouter()
+
+
+@router.get("/settings", response_model=SettingsResponse)
+async def get_settings():
+    """Get current application settings"""
+    config = load_mcp_config()
+    provider = get_llm_provider()
+    models = get_llm_models(provider)
+
+    return SettingsResponse(
+        llm_provider=provider,
+        models=models,
+        indexing_enabled=is_indexing_enabled(),
+        document_segmentation=config.get("document_segmentation", {}),
+    )
+
+
+@router.get("/llm-providers", response_model=ConfigResponse)
+async def get_llm_providers():
+    """Get available LLM providers and their configurations"""
+    secrets = load_secrets()
+    config = load_mcp_config()
+
+    # Get available providers (those with API keys configured)
+    available_providers = []
+    for provider in ["google", "anthropic", "openai"]:
+        if secrets.get(provider, {}).get("api_key"):
+            available_providers.append(provider)
+
+    current_provider = get_llm_provider()
+    models = get_llm_models(current_provider)
+
+    return ConfigResponse(
+        llm_provider=current_provider,
+        available_providers=available_providers,
+        models=models,
+        indexing_enabled=is_indexing_enabled(),
+    )
+
+
+@router.put("/llm-provider")
+async def set_llm_provider(request: LLMProviderUpdateRequest):
+    """Update the preferred LLM provider"""
+    secrets = load_secrets()
+
+    # Verify provider has an API key
+    if not secrets.get(request.provider, {}).get("api_key"):
+        raise HTTPException(
+            status_code=400,
+            detail=f"Provider '{request.provider}' does not have an API key configured",
+        )
+
+    # Update config file
+    try:
+        config = load_mcp_config()
+        config["llm_provider"] = request.provider
+
+        with open(CONFIG_PATH, "w", encoding="utf-8") as f:
+            yaml.dump(config, f, default_flow_style=False)
+
+        return {
+            "status": "success",
+            "message": f"LLM provider updated to '{request.provider}'",
+            "provider": request.provider,
+        }
+
+    except Exception as e:
+        raise HTTPException(
+            status_code=500,
+            detail=f"Failed to update configuration: {str(e)}",
+        )