# FASE 3: PLANIFICACIÓN - Frontend UX/UI Trading Platform **Fecha:** 2026-02-03 **Agente:** PERFIL-FRONTEND (claude-opus-4-5-20251101) **Estado:** EN PROGRESO --- ## 1. ESTRUCTURA JERÁRQUICA DE TAREAS ### 1.1 Visión General ``` TASK-2026-02-03-ANALISIS-FRONTEND-UXUI (ESTA TAREA - ANÁLISIS) │ ├── SPRINT 1: FUNDAMENTOS (P0) ───────────────────────────────────────────────── │ │ │ ├── SUBTASK-001-ROUTING-HUERFANOS [4 SP] │ │ ├── ST-001.1: Agregar ruta PortfolioDetailPage [2 SP] │ │ ├── ST-001.2: Corregir links PortfolioDashboard [1 SP] │ │ └── ST-001.3: Consolidar /settings/billing [1 SP] │ │ │ └── SUBTASK-002-OQI-001-AUTH [13 SP] │ ├── ST-002.1: Completar gestión sesiones [5 SP] │ ├── ST-002.2: Implementar logout global [3 SP] │ └── ST-002.3: Integrar gestión dispositivos [5 SP] │ ├── SPRINT 2: TRADING CORE (P0-P1) ───────────────────────────────────────────── │ │ │ ├── SUBTASK-003-OQI-003-TRADING [44 SP] │ │ ├── ST-003.1: TP/SL en órdenes (backend + frontend) [8 SP] │ │ ├── ST-003.2: ML Overlay completo [13 SP] │ │ │ ├── ST-003.2.1: Integrar predicciones en chart [5 SP] │ │ │ ├── ST-003.2.2: AMD zones visualization [5 SP] │ │ │ └── ST-003.2.3: Signal markers real-time [3 SP] │ │ ├── ST-003.3: Sistema alertas precio [5 SP] │ │ ├── ST-003.4: Métricas rendimiento completas [5 SP] │ │ ├── ST-003.5: Exportar historial trades [5 SP] │ │ └── ST-003.6: Screener avanzado [8 SP] │ │ │ └── SUBTASK-004-OQI-006-ML [16 SP] │ ├── ST-004.1: Ensemble models UI [8 SP] │ ├── ST-004.2: Soporte más símbolos [5 SP] │ └── ST-004.3: WebSocket real-time (opcional) [3 SP] │ ├── SPRINT 3: INVESTMENT (P0-P1) ──────────────────────────────────────────────── │ │ │ ├── SUBTASK-005-OQI-004-INVESTMENT [68 SP] │ │ ├── ST-005.1: Dashboard inversión completo [13 SP] │ │ │ ├── ST-005.1.1: Resumen cuentas [5 SP] │ │ │ ├── ST-005.1.2: Performance chart [5 SP] │ │ │ └── ST-005.1.3: Quick actions [3 SP] │ │ ├── ST-005.2: Lista productos funcional [8 SP] │ │ ├── ST-005.3: Flujo depósitos Stripe [8 SP] │ │ ├── ST-005.4: Flujo retiros completo [8 SP] │ │ ├── ST-005.5: Historial transacciones [5 SP] │ │ ├── ST-005.6: KYC básico [13 SP] │ │ │ ├── ST-005.6.1: Formulario datos personales [5 SP] │ │ │ ├── ST-005.6.2: Upload documentos [5 SP] │ │ │ └── ST-005.6.3: Estado verificación [3 SP] │ │ ├── ST-005.7: Detalle producto mejorado [5 SP] │ │ └── ST-005.8: Reportes inversión [8 SP] │ │ │ └── SUBTASK-006-OQI-005-PAYMENTS [13 SP] │ ├── ST-006.1: Generación Invoices PDF [5 SP] │ ├── ST-006.2: Refunds mejorados [3 SP] │ └── ST-006.3: Métodos de pago adicionales [5 SP] │ ├── SPRINT 4: ADVANCED FEATURES (P1) ─────────────────────────────────────────── │ │ │ ├── SUBTASK-007-OQI-002-EDUCATION [21 SP] │ │ ├── ST-007.1: Tracking progreso por lección [5 SP] │ │ ├── ST-007.2: Sistema quizzes completo [8 SP] │ │ │ ├── ST-007.2.1: Quiz engine frontend [5 SP] │ │ │ └── ST-007.2.2: Resultados y feedback [3 SP] │ │ ├── ST-007.3: Certificados generación [5 SP] │ │ └── ST-007.4: Reviews y ratings [3 SP] │ │ │ ├── SUBTASK-008-OQI-007-LLM [44 SP] │ │ ├── ST-008.1: Memory manager funcional [8 SP] │ │ ├── ST-008.2: Tools integration completa [8 SP] │ │ │ ├── ST-008.2.1: Tool execution UI [5 SP] │ │ │ └── ST-008.2.2: Results visualization [3 SP] │ │ ├── ST-008.3: Signal interpreter [5 SP] │ │ ├── ST-008.4: Strategy advisor mejorado [5 SP] │ │ ├── ST-008.5: Fine-tuning integration [13 SP] │ │ └── ST-008.6: Modo proactivo (alertas) [5 SP] │ │ │ └── SUBTASK-009-OQI-008-PORTFOLIO [63 SP] │ ├── ST-009.1: Conectar PortfolioDetailPage [3 SP] │ ├── ST-009.2: Dashboard mejorado [8 SP] │ ├── ST-009.3: Monte Carlo simulator [13 SP] │ │ ├── ST-009.3.1: Simulation engine UI [8 SP] │ │ └── ST-009.3.2: Results visualization [5 SP] │ ├── ST-009.4: Rebalanceo automático [13 SP] │ │ ├── ST-009.4.1: Drift detection UI [5 SP] │ │ ├── ST-009.4.2: Rebalance wizard [5 SP] │ │ └── ST-009.4.3: History tracking [3 SP] │ ├── ST-009.5: Goals tracking system [8 SP] │ ├── ST-009.6: Performance metrics [8 SP] │ │ ├── ST-009.6.1: TWR/MWR calculations [5 SP] │ │ └── ST-009.6.2: Benchmark comparison [3 SP] │ └── ST-009.7: Projections D3.js [5 SP] │ ├── SPRINT 5: GROWTH (P2-P3) ──────────────────────────────────────────────────── │ │ │ ├── SUBTASK-010-OQI-009-MARKETPLACE [42 SP] │ │ ├── ST-010.1: Catálogo productos [13 SP] │ │ │ ├── ST-010.1.1: Product listing page [5 SP] │ │ │ ├── ST-010.1.2: Product detail page [5 SP] │ │ │ └── ST-010.1.3: Category filters [3 SP] │ │ ├── ST-010.2: Signal packs [8 SP] │ │ ├── ST-010.3: Sesiones asesoría (Cal.com) [8 SP] │ │ ├── ST-010.4: Visualizaciones premium [5 SP] │ │ └── ST-010.5: Admin productos [8 SP] │ │ │ ├── SUBTASK-011-MIGRACION-DOCS [8 SP] │ │ ├── ST-011.1: Migrar ML-ARCHITECTURE-ENHANCEMENT [2 SP] │ │ ├── ST-011.2: Migrar COHERENCE-ANALYSIS [1 SP] │ │ ├── ST-011.3: Migrar ROADMAP-2026 [2 SP] │ │ ├── ST-011.4: Migrar ESTANDAR-COMPONENTES [1 SP] │ │ ├── ST-011.5: Migrar CANVAS-OPTIMIZATION [1 SP] │ │ └── ST-011.6: Migrar MARKET-DATA-SERVICE [1 SP] │ │ │ └── SUBTASK-012-INVENTARIOS-SYNC [5 SP] │ ├── ST-012.1: Actualizar MASTER_INVENTORY [2 SP] │ ├── ST-012.2: Actualizar FRONTEND_INVENTORY [2 SP] │ └── ST-012.3: Sincronizar con workspace [1 SP] │ └── TOTAL: 358 SP distribuidos en 5 sprints ``` --- ## 2. DETALLE DE SUBTAREAS POR SPRINT ### 2.1 SPRINT 1: FUNDAMENTOS (17 SP) #### SUBTASK-001-ROUTING-HUERFANOS **Descripción:** Resolver problemas de routing identificados en el análisis. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-001.1 | Agregar ruta `/portfolio/:portfolioId` a App.tsx y conectar PortfolioDetailPage | C-A-E-V-D | 2 | - | Frontend | | ST-001.2 | Actualizar links en PortfolioDashboard para usar nueva ruta | C-E-V | 1 | ST-001.1 | Frontend | | ST-001.3 | Consolidar `/settings/billing` en único módulo Settings | C-A-E-V | 1 | - | Frontend | **Criterios de Aceptación:** - [ ] Navegar a `/portfolio/123` muestra PortfolioDetailPage - [ ] Links desde PortfolioDashboard funcionan correctamente - [ ] No hay rutas duplicadas en la app - [ ] Tests de navegación pasan **Archivos a Modificar:** - `apps/frontend/src/App.tsx` - `apps/frontend/src/modules/portfolio/pages/PortfolioDashboard.tsx` - `apps/frontend/src/modules/settings/pages/Settings.tsx` --- #### SUBTASK-002-OQI-001-AUTH **Descripción:** Completar funcionalidades de autenticación faltantes. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-002.1 | Completar UI gestión de sesiones activas con terminación individual | C-A-P-E-V-D | 5 | - | Frontend | | ST-002.2 | Implementar logout global de todos dispositivos | C-A-E-V-D | 3 | ST-002.1 | Frontend | | ST-002.3 | Integrar DeviceCard con API real de dispositivos | C-A-E-V-D | 5 | ST-002.1 | Frontend | **Criterios de Aceptación:** - [ ] Usuario puede ver lista de sesiones activas - [ ] Usuario puede terminar sesión individual - [ ] "Cerrar todas las sesiones" funciona correctamente - [ ] DeviceCard muestra dispositivo, ubicación, última actividad **Archivos a Crear/Modificar:** - `apps/frontend/src/modules/auth/pages/SecuritySettings.tsx` - `apps/frontend/src/modules/auth/components/SessionsList.tsx` (nuevo) - `apps/frontend/src/modules/auth/components/DeviceCard.tsx` - `apps/frontend/src/services/auth.service.ts` --- ### 2.2 SPRINT 2: TRADING CORE (60 SP) #### SUBTASK-003-OQI-003-TRADING **Descripción:** Completar funcionalidades core de trading. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-003.1 | TP/SL en órdenes con validación backend | C-A-P-E-V-D | 8 | - | Fullstack | | ST-003.2.1 | Integrar predicciones ML en chart overlay | C-A-E-V-D | 5 | - | Frontend | | ST-003.2.2 | Visualización AMD zones en chart | C-A-E-V-D | 5 | ST-003.2.1 | Frontend | | ST-003.2.3 | Signal markers real-time con WebSocket | C-A-E-V-D | 3 | ST-003.2.1 | Frontend | | ST-003.3 | Sistema alertas precio con push notifications | C-A-P-E-V-D | 5 | - | Fullstack | | ST-003.4 | Métricas rendimiento (Sharpe, Max DD, Win Rate) | C-A-E-V-D | 5 | - | Frontend | | ST-003.5 | Exportar historial trades CSV/PDF | C-A-E-V-D | 5 | - | Frontend | | ST-003.6 | Screener avanzado multi-símbolo | C-A-P-E-V-D | 8 | - | Frontend | **Criterios de Aceptación:** - [ ] Órdenes con TP/SL se ejecutan automáticamente al alcanzar precio - [ ] Chart muestra overlay con predicciones de rango ML - [ ] Zonas AMD visibles en chart (acumulación, manipulación, distribución) - [ ] Alertas de precio generan notificaciones push - [ ] Dashboard muestra Sharpe ratio, Max Drawdown, Win Rate - [ ] Exportar trades genera archivo válido CSV/PDF - [ ] Screener filtra por criterios técnicos múltiples --- #### SUBTASK-004-OQI-006-ML **Descripción:** Mejorar integración de señales ML. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-004.1 | Ensemble models UI con selector de modelos | C-A-E-V-D | 8 | - | Frontend | | ST-004.2 | Soporte más símbolos (XAU, EUR, etc.) | C-A-E-V-D | 5 | - | Frontend | | ST-004.3 | WebSocket real-time predictions (opcional) | C-A-E-V-D | 3 | ST-004.1 | Frontend | **Criterios de Aceptación:** - [ ] EnsemblePanel permite seleccionar combinación de modelos - [ ] Predicciones disponibles para al menos 6 símbolos - [ ] Updates en tiempo real via WebSocket (si implementado) --- ### 2.3 SPRINT 3: INVESTMENT (81 SP) #### SUBTASK-005-OQI-004-INVESTMENT **Descripción:** Implementar módulo completo de cuentas de inversión. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-005.1.1 | Resumen de cuentas en dashboard | C-A-E-V-D | 5 | - | Frontend | | ST-005.1.2 | Performance chart con histórico | C-A-E-V-D | 5 | ST-005.1.1 | Frontend | | ST-005.1.3 | Quick actions (depositar, retirar) | C-E-V | 3 | ST-005.1.1 | Frontend | | ST-005.2 | Lista productos funcional con API | C-A-E-V-D | 8 | - | Frontend | | ST-005.3 | Flujo depósitos con Stripe | C-A-P-E-V-D | 8 | - | Fullstack | | ST-005.4 | Flujo retiros completo | C-A-P-E-V-D | 8 | ST-005.3 | Fullstack | | ST-005.5 | Historial transacciones funcional | C-A-E-V-D | 5 | - | Frontend | | ST-005.6.1 | Formulario datos personales KYC | C-A-E-V-D | 5 | - | Frontend | | ST-005.6.2 | Upload documentos KYC | C-A-E-V-D | 5 | ST-005.6.1 | Frontend | | ST-005.6.3 | Estado verificación KYC | C-E-V | 3 | ST-005.6.2 | Frontend | | ST-005.7 | Detalle producto mejorado | C-A-E-V-D | 5 | ST-005.2 | Frontend | | ST-005.8 | Reportes inversión | C-A-E-V-D | 8 | ST-005.5 | Frontend | **Dependencias Backend (BLOQUEANTE):** > Este módulo requiere que los siguientes endpoints backend estén funcionales: > - `POST /api/v1/investment/accounts` - Crear cuenta > - `GET /api/v1/investment/products` - Listar productos > - `POST /api/v1/investment/deposits` - Crear depósito > - `POST /api/v1/investment/withdrawals` - Solicitar retiro > - `GET /api/v1/investment/transactions` - Listar transacciones > - `POST /api/v1/users/kyc` - Enviar KYC --- #### SUBTASK-006-OQI-005-PAYMENTS **Descripción:** Mejorar funcionalidades de pagos. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-006.1 | Generación Invoices PDF | C-A-E-V-D | 5 | - | Fullstack | | ST-006.2 | Refunds mejorados con feedback | C-A-E-V-D | 3 | - | Frontend | | ST-006.3 | Métodos de pago adicionales | C-A-P-E-V-D | 5 | - | Fullstack | --- ### 2.4 SPRINT 4: ADVANCED FEATURES (128 SP) #### SUBTASK-007-OQI-002-EDUCATION **Descripción:** Completar módulo educativo. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-007.1 | Tracking progreso por lección | C-A-E-V-D | 5 | - | Fullstack | | ST-007.2.1 | Quiz engine frontend | C-A-E-V-D | 5 | - | Frontend | | ST-007.2.2 | Resultados y feedback quiz | C-E-V-D | 3 | ST-007.2.1 | Frontend | | ST-007.3 | Certificados generación PDF | C-A-E-V-D | 5 | ST-007.1 | Fullstack | | ST-007.4 | Reviews y ratings cursos | C-A-E-V-D | 3 | - | Frontend | --- #### SUBTASK-008-OQI-007-LLM **Descripción:** Mejorar agente LLM de trading. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-008.1 | Memory manager funcional | C-A-P-E-V-D | 8 | - | Fullstack | | ST-008.2.1 | Tool execution UI | C-A-E-V-D | 5 | - | Frontend | | ST-008.2.2 | Results visualization | C-E-V-D | 3 | ST-008.2.1 | Frontend | | ST-008.3 | Signal interpreter mejorado | C-A-E-V-D | 5 | - | Frontend | | ST-008.4 | Strategy advisor mejorado | C-A-E-V-D | 5 | - | Frontend | | ST-008.5 | Fine-tuning integration | C-A-P-E-V-D | 13 | ST-008.1 | ML/Backend | | ST-008.6 | Modo proactivo (alertas) | C-A-E-V-D | 5 | ST-008.1 | Fullstack | --- #### SUBTASK-009-OQI-008-PORTFOLIO **Descripción:** Implementar Portfolio Manager completo. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-009.1 | Conectar PortfolioDetailPage a ruta | C-E-V | 3 | SUBTASK-001 | Frontend | | ST-009.2 | Dashboard mejorado con widgets | C-A-E-V-D | 8 | - | Frontend | | ST-009.3.1 | Monte Carlo simulation engine UI | C-A-P-E-V-D | 8 | - | Frontend | | ST-009.3.2 | Monte Carlo results visualization | C-E-V-D | 5 | ST-009.3.1 | Frontend | | ST-009.4.1 | Drift detection UI | C-A-E-V-D | 5 | - | Frontend | | ST-009.4.2 | Rebalance wizard | C-A-E-V-D | 5 | ST-009.4.1 | Frontend | | ST-009.4.3 | Rebalance history tracking | C-E-V-D | 3 | ST-009.4.2 | Frontend | | ST-009.5 | Goals tracking system | C-A-E-V-D | 8 | - | Frontend | | ST-009.6.1 | TWR/MWR calculations UI | C-A-E-V-D | 5 | - | Frontend | | ST-009.6.2 | Benchmark comparison | C-A-E-V-D | 3 | ST-009.6.1 | Frontend | | ST-009.7 | Projections visualization D3.js | C-A-E-V-D | 5 | - | Frontend | --- ### 2.5 SPRINT 5: GROWTH (55 SP) #### SUBTASK-010-OQI-009-MARKETPLACE **Descripción:** Implementar marketplace de productos trading. | ID | Tarea | CAPVED | SP | Dependencia | Perfil | |----|-------|--------|-----|-------------|--------| | ST-010.1.1 | Product listing page | C-A-E-V-D | 5 | - | Frontend | | ST-010.1.2 | Product detail page | C-A-E-V-D | 5 | ST-010.1.1 | Frontend | | ST-010.1.3 | Category filters | C-E-V-D | 3 | ST-010.1.1 | Frontend | | ST-010.2 | Signal packs purchase flow | C-A-P-E-V-D | 8 | ST-010.1.1 | Fullstack | | ST-010.3 | Sesiones asesoría con Cal.com | C-A-P-E-V-D | 8 | - | Fullstack | | ST-010.4 | Visualizaciones premium unlock | C-A-E-V-D | 5 | ST-010.2 | Frontend | | ST-010.5 | Admin panel productos | C-A-E-V-D | 8 | ST-010.1.1 | Frontend | --- #### SUBTASK-011-MIGRACION-DOCS **Descripción:** Migrar documentación útil desde _archive a docs/. | ID | Tarea | CAPVED | SP | Origen | Destino | |----|-------|--------|-----|--------|---------| | ST-011.1 | ML-ARCHITECTURE-ENHANCEMENT | C-E-V | 2 | `_archive/TASK-2026-01-25-ML-TRAINING-ENHANCEMENT/` | `docs/02-definicion-modulos/OQI-006-ml-signals/` | | ST-011.2 | COHERENCE-ANALYSIS | C-E-V | 1 | `_archive/TASK-2026-01-26-ANALYSIS-INTEGRATION-PLAN/` | `docs/00-vision-general/` | | ST-011.3 | ROADMAP-2026 | C-E-V | 2 | `_archive/TASK-2026-01-26-ANALYSIS-INTEGRATION-PLAN/` | `docs/00-vision-general/` | | ST-011.4 | ESTANDAR-COMPONENTES | C-E-V | 1 | `_archive/TASK-2026-01-25-FRONTEND-COMPONENTS-*/` | `docs/40-estandares/` | | ST-011.5 | CANVAS-OPTIMIZATION | C-E-V | 1 | `_archive/TASK-2026-01-25-OQI-003-TRADING-ADVANCED/` | `docs/02-definicion-modulos/OQI-003-trading-charts/` | | ST-011.6 | MARKET-DATA-SERVICE | C-E-V | 1 | `_archive/TASK-2026-01-28-002-SPRINT2-P1-GAPS/` | `docs/02-definicion-modulos/OQI-003-trading-charts/` | --- #### SUBTASK-012-INVENTARIOS-SYNC **Descripción:** Sincronizar inventarios con estado actual. | ID | Tarea | CAPVED | SP | Archivo | |----|-------|--------|-----|---------| | ST-012.1 | Actualizar MASTER_INVENTORY | C-A-E-V | 2 | `orchestration/inventarios/MASTER_INVENTORY.yml` | | ST-012.2 | Actualizar FRONTEND_INVENTORY | C-A-E-V | 2 | `orchestration/inventarios/FRONTEND_INVENTORY.yml` | | ST-012.3 | Sincronizar con workspace | C-E-V | 1 | `workspace-v2/orchestration/inventarios/` | --- ## 3. MATRIZ DE DEPENDENCIAS ### 3.1 Dependencias entre Subtasks ``` SUBTASK-001 (Routing) ──────────────────────────────┬────────────────────────────────────────┐ │ │ SUBTASK-002 (Auth) ─────────────────────────────────┤ │ │ │ ▼ │ ┌───────────────┐ │ │ Core Ready │ │ └───────────────┘ │ │ │ ┌─────────────────────────────────────┼─────────────────────────────┐ │ │ │ │ │ ▼ ▼ ▼ │ SUBTASK-003 (Trading) SUBTASK-004 (ML) SUBTASK-007 (Education) │ │ │ │ │ │ │ │ ▼ │ │ │ SUBTASK-005 (Investment) │ │ │ │ │ │ │ │ ▼ │ │ │ SUBTASK-008 (LLM) │ │ │ │ │ │ ▼ │ │ │ SUBTASK-006 (Payments) │ │ │ │ ▼ │ │ └──────────────────────────► SUBTASK-009 (Portfolio) ◄──────────────┘ │ │ │ ▼ │ SUBTASK-010 (Marketplace) │ │ │ ▼ │ SUBTASK-011 (Migración) ◄────────────────────────┘ │ ▼ SUBTASK-012 (Inventarios) ``` ### 3.2 Tabla de Dependencias | Subtask | Depende de | Bloquea a | |---------|------------|-----------| | SUBTASK-001 | - | SUBTASK-009 | | SUBTASK-002 | - | Todos (implícito) | | SUBTASK-003 | SUBTASK-001, SUBTASK-002 | SUBTASK-005 | | SUBTASK-004 | SUBTASK-002 | SUBTASK-008 | | SUBTASK-005 | SUBTASK-003 | SUBTASK-006, SUBTASK-009 | | SUBTASK-006 | SUBTASK-005 | SUBTASK-009 | | SUBTASK-007 | SUBTASK-002 | SUBTASK-009 | | SUBTASK-008 | SUBTASK-004 | SUBTASK-009 | | SUBTASK-009 | SUBTASK-001, SUBTASK-005, SUBTASK-006, SUBTASK-007, SUBTASK-008 | SUBTASK-010 | | SUBTASK-010 | SUBTASK-009 | SUBTASK-011 | | SUBTASK-011 | Todos anteriores | SUBTASK-012 | | SUBTASK-012 | SUBTASK-011 | - | --- ## 4. EJECUCIÓN PARALELA RECOMENDADA ### 4.1 Grupos de Ejecución Paralela | Grupo | Subtasks | Condición | Agentes | |-------|----------|-----------|---------| | **G1** | SUBTASK-001, SUBTASK-002 | Inicial | 2 | | **G2** | SUBTASK-003, SUBTASK-004, SUBTASK-007 | Después de G1 | 3 | | **G3** | SUBTASK-005 | Después de SUBTASK-003 | 1 | | **G4** | SUBTASK-006, SUBTASK-008 | Después de G3 / Después de SUBTASK-004 | 2 | | **G5** | SUBTASK-009 | Después de G3 y G4 | 1 | | **G6** | SUBTASK-010 | Después de G5 | 1 | | **G7** | SUBTASK-011, SUBTASK-012 | Final | 2 | ### 4.2 Timeline Visual ``` Semana 1 │ Semana 2 │ Semana 3 │ Semana 4 │ Semana 5 │ ────────────┼─────────────┼─────────────┼─────────────┼─────────────┤ [S-001] │ │ │ │ │ [S-002] │ │ │ │ │ │ [S-003] │ │ │ │ │ [S-004] │ │ │ │ │ [S-007] │ │ │ │ │ │ [S-005] │ │ │ │ │ │ [S-006] │ │ │ │ │ [S-008] │ │ │ │ │ │ [S-009] │ │ │ │ │ [S-010] │ │ │ │ │ [S-011/012] │ ``` --- ## 5. CHECKLIST DE VALIDACIÓN POR SUBTASK ### 5.1 Checklist General (aplicar a cada subtask) - [ ] **C** - Contexto capturado en archivo - [ ] **A** - Análisis de dependencias completado - [ ] **P** - Plan detallado aprobado - [ ] **V** - Validaciones definidas (build, lint, tests) - [ ] **E** - Ejecución completada sin errores - [ ] **D** - Documentación actualizada ### 5.2 Validaciones Técnicas | Tipo | Comando | Criterio | |------|---------|----------| | Build | `npm run build` | Sin errores | | Lint | `npm run lint` | 0 errores, <10 warnings | | Typecheck | `npm run typecheck` | Sin errores | | Tests | `npm run test` | 100% pass | --- ## 6. RIESGOS Y MITIGACIONES | ID | Riesgo | Probabilidad | Impacto | Mitigación | |----|--------|--------------|---------|------------| | R1 | Backend OQI-004 no listo | Alta | Crítico | Usar mocks, priorizar backend | | R2 | Fine-tuning LLM complejo | Media | Alto | Usar Claude API como fallback | | R3 | Cal.com integration issues | Media | Medio | Implementar scheduling manual como backup | | R4 | Test coverage bajo impide refactor | Alta | Medio | Incluir tests en cada task | | R5 | D3.js learning curve | Baja | Bajo | Usar Recharts como alternativa | --- ## 7. MÉTRICAS DE ÉXITO | Métrica | Actual | Target | Método de Medición | |---------|--------|--------|-------------------| | Gaps P0 resueltos | 8 | 0 | Conteo en análisis | | Cobertura tests | 15% | 40% | Jest coverage | | Componentes funcionales | 79% | 95% | Inventario | | Coherencia Frontend-Backend | 90% | 95% | Análisis | | FR implementados | 40% | 70% | Checklist SRS | --- ## 8. ESTRUCTURA DE DOCUMENTACIÓN ### 8.1 Documentación a Generar en docs/ | Ubicación | Documento | Descripción | Sprint | |-----------|-----------|-------------|--------| | `docs/60-proyectos/trading-platform/` | `FRONTEND-ROADMAP-2026.md` | Roadmap de desarrollo frontend Q1-Q4 | 1 | | `docs/60-proyectos/trading-platform/` | `FRONTEND-GAPS-ANALYSIS.md` | Análisis consolidado de gaps por OQI | 1 | | `docs/40-estandares/` | `ESTANDAR-COMPONENTES-REACT.md` | Patrones de componentes React | 5 | | `docs/02-definicion-modulos/OQI-003/` | `CANVAS-OPTIMIZATION-GUIDE.md` | Guía optimización charts | 3 | | `docs/02-definicion-modulos/OQI-006/` | `ML-ARCHITECTURE-ENHANCEMENT.md` | Estrategias ML | 2 | ### 8.2 Documentos a Migrar desde _archive | Origen | Destino | Prioridad | |--------|---------|-----------| | `_archive/TASK-2026-01-26-ANALYSIS-INTEGRATION-PLAN/02-ANALISIS.md` | `docs/00-vision-general/COHERENCE-ANALYSIS.md` | P2 | | `_archive/TASK-2026-01-26-ANALYSIS-INTEGRATION-PLAN/03-PLAN.md` | `docs/00-vision-general/ROADMAP-2026.md` | P1 | | `_archive/TASK-2026-01-25-ML-TRAINING-ENHANCEMENT/03-PLANEACION.md` | `docs/02-definicion-modulos/OQI-006-ml-signals/ML-ARCHITECTURE.md` | P1 | | `_archive/TASK-2026-01-25-OQI-005-PAYMENTS-ADVANCED/` | `docs/02-definicion-modulos/OQI-005-payments-stripe/STRIPE-INTEGRATION.md` | P2 | ### 8.3 Sincronización con Orchestration Workspace Al finalizar cada sprint, sincronizar: 1. `orchestration/inventarios/MASTER_INVENTORY.yml` → Actualizar métricas 2. `orchestration/inventarios/FRONTEND_INVENTORY.yml` → Actualizar componentes 3. `workspace-v2/orchestration/inventarios/` → Sincronizar agregados --- ## 9. PRÓXIMOS PASOS ### 9.1 Inmediatos (Esta Sesión) 1. ✅ Completar análisis de gaps (FASE A) 2. ✅ Crear estructura de subtareas (FASE P) 3. ⏳ Generar FRONTEND-ROADMAP-2026.md en docs/ 4. ⏳ Actualizar METADATA.yml con estado final ### 9.2 Corto Plazo (Sprint 1) 1. **Iniciar SUBTASK-001** - Resolver routing huérfano 2. **Iniciar SUBTASK-002** - Completar Auth (en paralelo) 3. **Crear subtareas en task tracker** para seguimiento ### 9.3 Mediano Plazo (Sprint 2-3) 1. **Trading Core** - TP/SL, ML Overlay, Alertas 2. **Investment** - Dashboard, depósitos, KYC 3. **Pagos** - Invoices PDF, Refunds ### 9.4 Largo Plazo (Sprint 4-5) 1. **Advanced Features** - Education, LLM, Portfolio 2. **Marketplace** - Catálogo, Signal packs 3. **Migración Docs** - Consolidar _archive --- ## 10. CONCLUSIÓN Este plan proporciona una guía completa para el desarrollo del frontend de trading-platform, organizando **358 story points** en **12 subtareas** distribuidas en **5 sprints**. ### Priorización Recomendada | Prioridad | Foco | Story Points | % Total | |-----------|------|--------------|---------| | **P0** | Routing + Auth + Trading Core | 69 SP | 19% | | **P1** | Investment + ML + LLM | 192 SP | 53% | | **P2** | Education + Portfolio + Payments | 81 SP | 22% | | **P3** | Marketplace + Docs | 16 SP | 4% | ### Estimación de Esfuerzo Con un equipo de **2 desarrolladores frontend**: - **Sprint 1-2:** 4 semanas (P0) - **Sprint 3-4:** 6 semanas (P1) - **Sprint 5:** 2 semanas (P2-P3) - **Total:** ~12 semanas (3 meses) --- *Documento generado: 2026-02-03 | Versión: 1.1.0* *Total Story Points: 358 SP | Total Subtasks: 12 | Total Sub-subtasks: 65* *Tareas archivadas analizadas: 19 | Para migrar: 6 | Para purgar: 0*