[OQI-003] feat: TradingStatsPanel and OrderBookPanel - inventory updates

- 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>
This commit is contained in:
Adrian Flores Cortes 2026-01-25 09:51:43 -06:00
parent b50ae7026e
commit 85f0cb3d32
3 changed files with 48 additions and 15 deletions

View File

@ -12,7 +12,7 @@ proyecto: "trading-platform"
resumen:
total_paginas: 36
total_componentes: 56
total_componentes: 58
total_stores: 5
total_services: 11
total_hooks: 3
@ -171,7 +171,7 @@ componentes:
componentes_modulos:
trading:
cantidad: 13
cantidad: 15
lista:
- TradingChart.tsx
- OrderBook.tsx
@ -183,6 +183,8 @@ componentes_modulos:
- TimeframeSelector.tsx
- IndicatorPanel.tsx
- AlertsPanel.tsx # Price alerts management panel (2026-01-25)
- TradingStatsPanel.tsx # Trading statistics and metrics (2026-01-25)
- OrderBookPanel.tsx # Market depth order book (2026-01-25)
- MarketDepth.tsx
- QuickTrade.tsx
- ChartToolbar.tsx

View File

@ -44,9 +44,9 @@ epicas:
nombre: Trading y Charts
sp: 55
estado: En Desarrollo
progreso: 50%
progreso: 60%
doc_frontend: true
descripcion: "Trading charts with ML overlays, paper trading, price alerts"
descripcion: "Trading charts with ML overlays, paper trading, alerts, stats, order book"
- codigo: OQI-004
nombre: Cuentas de Inversion

View File

@ -1,10 +1,10 @@
# METADATA.yml - TASK-2026-01-25-OQI-003-ALERTS-PANEL
# 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-ALERTS-PANEL
titulo: "OQI-003 Trading - AlertsPanel Component Implementation"
id: TASK-2026-01-25-OQI-003-TRADING-PANELS
titulo: "OQI-003 Trading - AlertsPanel, StatsPanel, OrderBook Implementation"
tipo: FEATURE
estado: COMPLETADA
prioridad: ALTA
@ -35,6 +35,16 @@ entregables:
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:
@ -43,22 +53,25 @@ entregables:
- path: apps/frontend/src/modules/trading/pages/Trading.tsx
cambios:
- "Import de AlertsPanel component"
- "Estado isAlertsOpen para toggle del panel"
- "Boton toggle en toolbar con icono de campana"
- "Renderizado condicional de AlertsPanel"
- "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 56"
- "Agregado AlertsPanel a trading components"
- "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 50%"
- "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)
@ -68,7 +81,25 @@ funcionalidades:
- Eliminacion de alertas
- Estadisticas de alertas (total, active, triggered)
- Separacion visual entre alertas del simbolo actual y otros simbolos
- Integracion con precio actual del simbolo
# 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