1. Technology Stack:

• Framework: React with Umi.js (@umijs/max)
• UI Library: Ant Design (antd)
• State Management: React Hooks
• HTTP Client: Axios
• Package Manager: pnpm

1. Project Structure:

front_end/ai/
├── src/
│   ├── pages/           # Main page components
│   │   ├── Search/      # Search functionality
│   │   ├── Ignore/      # Ignore frames management
│   │   └── Login/       # Authentication
│   ├── services/        # API services
│   ├── utils/           # Utility functions
│   ├── constants/       # Global constants
│   ├── models/          # Data models
│   └── assets/          # Static assets

1. Main Features:

A. Authentication System (/pages/Login/):

• User login with username/password
• Session management
• Evaluation task selection
• Stores credentials in localStorage

const LoginPage = () => {
    const [loading, setLoading] = useState(false);
    const [evaluationData, setEvaluationData] = useState<any[]>([]);
    const [sessionId, setSessionId] = useState<string | null>(null);
    // ... login form and session management
};

B. Search Page (/pages/Search/):

• Advanced search functionality
• Image list display
• Video player integration
• Features:
  • Query input
  • OCR search
  • Image generation
  • Nearest frame search
  • Video playback