85f0cb3d32
- Update FRONTEND_INVENTORY (58 components, +2) - Update MASTER_INVENTORY OQI-003 progress (50% -> 60%) - Rename task folder to reflect broader scope - Update task documentation with all new features Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
128 lines
4.6 KiB
YAML
128 lines
4.6 KiB
YAML
# METADATA.yml - TASK-2026-01-25-OQI-003-TRADING-PANELS
|
|
# Generado: 2026-01-25
|
|
# Sistema: SIMCO v4.0.0
|
|
|
|
task:
|
|
id: TASK-2026-01-25-OQI-003-TRADING-PANELS
|
|
titulo: "OQI-003 Trading - AlertsPanel, StatsPanel, OrderBook Implementation"
|
|
tipo: FEATURE
|
|
estado: COMPLETADA
|
|
prioridad: ALTA
|
|
epic: OQI-003
|
|
|
|
fechas:
|
|
inicio: "2026-01-25"
|
|
fin: "2026-01-25"
|
|
duracion_estimada: "1h"
|
|
duracion_real: "45m"
|
|
|
|
alcance:
|
|
descripcion: |
|
|
Implementacion del componente AlertsPanel para gestionar alertas de precio
|
|
en el modulo de trading. Incluye integracion con el backend API existente,
|
|
formulario de creacion de alertas, y visualizacion de alertas activas/inactivas.
|
|
|
|
modulos_afectados:
|
|
- OQI-003-trading-charts
|
|
|
|
capas_afectadas:
|
|
- Frontend (components, services, pages)
|
|
|
|
entregables:
|
|
archivos_creados:
|
|
- path: apps/frontend/src/modules/trading/components/AlertsPanel.tsx
|
|
tipo: component
|
|
descripcion: "Panel para gestionar alertas de precio con CRUD completo"
|
|
lineas: 330
|
|
|
|
- path: apps/frontend/src/modules/trading/components/TradingStatsPanel.tsx
|
|
tipo: component
|
|
descripcion: "Panel de estadisticas de trading con metricas de rendimiento"
|
|
lineas: 280
|
|
|
|
- path: apps/frontend/src/modules/trading/components/OrderBookPanel.tsx
|
|
tipo: component
|
|
descripcion: "Panel de profundidad de mercado (order book) con bids/asks"
|
|
lineas: 180
|
|
|
|
archivos_modificados:
|
|
- path: apps/frontend/src/services/trading.service.ts
|
|
cambios:
|
|
- "Agregados tipos: AlertCondition, PriceAlert, CreateAlertInput, UpdateAlertInput, AlertsFilter, AlertStats"
|
|
- "Agregadas funciones: getAlerts, getAlertById, createAlert, updateAlert, deleteAlert, enableAlert, disableAlert, getAlertStats"
|
|
|
|
- path: apps/frontend/src/modules/trading/pages/Trading.tsx
|
|
cambios:
|
|
- "Import de AlertsPanel, TradingStatsPanel, OrderBookPanel"
|
|
- "Estados isAlertsOpen, isStatsOpen, isOrderBookOpen"
|
|
- "Estado activeIndicators para toggle de indicadores"
|
|
- "Implementacion de handleIndicatorToggle con Set"
|
|
- "Botones toggle en toolbar para cada panel"
|
|
- "Renderizado condicional de todos los paneles"
|
|
|
|
- path: orchestration/inventarios/FRONTEND_INVENTORY.yml
|
|
cambios:
|
|
- "Actualizado total_componentes de 55 a 58"
|
|
- "Agregado AlertsPanel, TradingStatsPanel, OrderBookPanel a trading components"
|
|
|
|
- path: orchestration/inventarios/MASTER_INVENTORY.yml
|
|
cambios:
|
|
- "Actualizado OQI-003 progreso de 40% a 60%"
|
|
|
|
funcionalidades:
|
|
implementadas:
|
|
# AlertsPanel
|
|
- Listado de alertas con filtros (All, Active, Inactive)
|
|
- Formulario de creacion de alertas
|
|
- Condiciones soportadas (above, below, crosses_above, crosses_below)
|
|
- Opciones de notificacion (push, email)
|
|
- Alertas recurrentes
|
|
- Toggle enable/disable de alertas
|
|
- Eliminacion de alertas
|
|
- Estadisticas de alertas (total, active, triggered)
|
|
- Separacion visual entre alertas del simbolo actual y otros simbolos
|
|
# TradingStatsPanel
|
|
- Metricas de trading (win rate, total P&L, profit factor)
|
|
- Estadisticas de trades (total, wins, losses)
|
|
- Average win/loss calculation
|
|
- Largest win/loss tracking
|
|
- Current streak (wins/losses consecutivos)
|
|
- Average hold time calculation
|
|
- Portfolio summary (equity, available balance)
|
|
- Modo compacto para espacios reducidos
|
|
# OrderBookPanel
|
|
- Visualizacion de bids y asks
|
|
- Barras de profundidad proporcionales
|
|
- Spread calculation (absolute y percentage)
|
|
- Click-to-fill price functionality
|
|
- Configurable display rows (5, 10, 15)
|
|
- Auto-refresh cada 5 segundos
|
|
# Trading.tsx improvements
|
|
- Toggle de indicadores implementado con Set
|
|
- Botones toggle para todos los paneles en toolbar
|
|
|
|
pendientes:
|
|
- WebSocket para actualizaciones en tiempo real
|
|
- Sonido de notificacion al disparar alerta
|
|
- Historial de alertas disparadas
|
|
|
|
validaciones:
|
|
completadas:
|
|
- Tipos TypeScript correctos
|
|
- Imports verificados (heroicons, trading.service)
|
|
- Integracion con Trading.tsx
|
|
- Inventarios actualizados
|
|
|
|
trazabilidad:
|
|
agente: claude-opus-4-5
|
|
sesion: "2026-01-25-OQI-003"
|
|
referencias:
|
|
- "Backend alerts.controller.ts - /api/v1/trading/alerts/*"
|
|
- "Backend alerts.service.ts - PriceAlert type definition"
|
|
- "Trading.tsx - Panel integration pattern from MLSignalsPanel"
|
|
|
|
notas: |
|
|
El AlertsPanel sigue el mismo patron de los paneles existentes (MLSignalsPanel, PaperTradingPanel).
|
|
El backend ya tenia la API completa de alertas implementada, solo faltaba el frontend.
|
|
Se agregaron todas las funciones de la API de alertas al trading.service.ts.
|