rckrdmrd/trading-platform
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
0c787c288f
trading-platform/orchestration/tareas/TASK-2026-02-03-ANALISIS-FRONTEND-UXUI/03-PLANIFICACION.md
Adrian Flores Cortes 0c787c288f [TASK-2026-02-03-ANALISIS-FRONTEND-UXUI] docs: Complete frontend UX/UI analysis and planning 
- Complete CAPVED phases C, A, P for frontend analysis
- Identify 55 gaps across 11 OQI modules (358 SP total)
- Create 12 subtasks organized in 5 sprints
- Add FRONTEND-ROADMAP-2026.md with detailed roadmap
- Update planning with documentation structure
- Analyze 19 archived tasks (6 for migration, 0 for purge)

Key findings:
- P0 blockers: 8 gaps (69 SP) - Routing, Auth, Trading Core
- P1 high impact: 28 gaps (192 SP) - Investment, ML, LLM
- P2-P3: 19 gaps (97 SP) - Education, Portfolio, Marketplace

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-03 23:42:00 -06:00

598 lines
29 KiB
Markdown
Raw Blame History

# 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*
Reference in New Issue View Git Blame Copy Permalink