The Strategy Management System provides a comprehensive interface for managing, editing, and monitoring trading strategies with integrated queue management for execution.
- URL Pattern:
/strategy/{strategyId} - Comprehensive Strategy View: Full strategy details, performance metrics, and execution history
- Live Editing: Edit strategy configuration in real-time
- Queue-Aware Updates: Intelligent handling of active strategies in the execution queue
- Automatic Queue Handling: When editing active strategies, the system automatically:
- Pauses strategy execution
- Applies configuration changes
- Resumes strategy in the queue
- Zero Downtime Updates: Seamless strategy updates without losing queue position
- Execution Status Tracking: Real-time visibility into strategy execution status
- Real-Time Metrics: Live performance tracking with P&L, win rate, and trade statistics
- Execution Logs: Detailed execution history with filtering and status tracking
- Visual Indicators: Color-coded status badges and performance indicators
- Overview: Strategy information, performance metrics, and key statistics
- Rules: Strategy rules management with form-based editing
- Configuration: Risk management and execution settings
- Logs: Execution history and performance tracking
- Strategy name, status, and version information
- Action buttons: Edit, Execute, Pause/Resume, Save
- Queue status indicators
- Net P&L: Real-time profit/loss tracking
- Win Rate: Success percentage of executed trades
- Total Trades: Cumulative trade count
- Profit Factor: Risk-adjusted performance metric- Visual rule configuration interface
- Condition and action setup
- Priority and cooldown management
- Active/inactive toggle per rule
- Risk management settings
- Position sizing controls
- Portfolio allocation limits
- Execution timing parameters
// Get strategy details
strategyService.getStrategy(id: string): Promise<Strategy>
// Update strategy (with queue management)
strategyService.updateStrategy(id: string, data: Partial<CreateStrategyData>): Promise<Strategy>
// Execute strategy (queued)
strategyService.executeStrategy(id: string, symbol: string, dryRun?: boolean): Promise<StrategyExecutionResult>
// Bulk execution
strategyService.executeAllActiveStrategies(symbol?: string, dryRun?: boolean): Promise<BulkExecutionResult>
// Schedule recurring execution
strategyService.scheduleStrategy(id: string, intervalMinutes: number): Promise<ScheduleResult>The system integrates with the backend queue system for:
- Asynchronous Execution: All strategy executions are queued and processed in background
- Rate Limiting: Built-in rate limiting to prevent system overload
- Retry Logic: Automatic retry for failed executions
- Monitoring: Real-time execution status and performance tracking
- Navigate to
/strategy/{id} - Click "Edit Strategy" button
- Make necessary changes to rules or configuration
- Click "Save Changes"
- System will automatically:
- Show queue management dialog
- Pause strategy execution
- Apply updates
- Resume execution
- Click "Test Execute" button
- Strategy execution will be queued
- Monitor execution in "Logs" tab
- View results in real-time
- Activate: Start strategy execution in queue
- Pause: Temporarily stop execution (maintains queue position)
- Deactivate: Stop and remove from queue
- Rule validation with comprehensive error checking
- Configuration parameter bounds checking
- Symbol format validation
- Quantity and percentage limits
- User-specific strategy access
- JWT-based authentication
- Protected API endpoints
- Execution logs loaded on-demand
- Performance metrics cached
- Real-time updates via WebSocket (when available)
- Partial strategy updates
- Optimistic UI updates
- Background synchronization
- Clear error messages for validation failures
- Network error recovery
- Graceful degradation for offline scenarios
- Failed execution retry logic
- Error status tracking
- Automatic error reporting
- Responsive Design: Optimized for desktop, tablet, and mobile
- Touch-Friendly: Large touch targets and swipe gestures
- Progressive Enhancement: Core functionality works on all devices
Ctrl + S: Save changes (when editing)Ctrl + E: Toggle edit modeEscape: Cancel editingCtrl + R: Refresh data
StrategyDetailPage (Main Container)
βββ Header (Status, Actions)
βββ TabsContainer
β βββ OverviewTab (Metrics, Info)
β βββ RulesTab (Rule Editor)
β βββ ConfigTab (Configuration Editor)
β βββ LogsTab (Execution History)
βββ RuleEditor (Individual Rule Management)
βββ ConfigEditor (Risk Management Settings)
βββ QueueManagementDialog (Queue Operations)
- Local state for form editing
- Optimistic updates for better UX
- Automatic synchronization with backend
- Error boundary for graceful error handling
- Full TypeScript integration
- Comprehensive interface definitions
- Runtime validation for API responses
- Type-safe queue operations
- Enhanced visual strategy builder with improved forms
- Advanced backtesting integration
- Strategy template marketplace
- Multi-timeframe analysis
- Social trading features
- WebSocket integration for real-time updates
- Advanced caching strategies
- Offline capability
- Enhanced mobile experience
- Strategy performance analytics
-
Strategy Won't Save
- Check validation errors in form
- Ensure all required fields are filled
- Verify network connectivity
-
Execution Not Working
- Confirm strategy is active
- Check queue status
- Verify API key permissions
-
Performance Issues
- Clear browser cache
- Check network connection
- Contact support if persistent
Enable debug mode in browser console:
localStorage.setItem("debug", "strategy:*");This comprehensive strategy management system provides a professional-grade interface for managing trading strategies with full queue integration and real-time monitoring capabilities.