c8711099f2
Frontend updates (Sprint 4+5): - Education: QuizHistory, EarnedCertificates, Resume functionality - LLM: MemoryManager, LLMToolsPanel, FineTuningPanel - Portfolio: MonteCarloSimulator, CorrelationMatrix, RebalancingPanel, GoalsManager, RiskAnalytics - Marketplace: Full module with catalog, signal packs, advisory services SUBTASK-011+012 Documentation: - Create FRONTEND-COMPONENT-INVENTORY.yml (205 components) - Update FRONTEND_INVENTORY.yml (v2.1.0) - Update BACKEND_INVENTORY.yml (v1.3.0) - Update DATABASE_INVENTORY.yml (v1.1.0) - Update MASTER_INVENTORY.yml with current metrics - Update _INDEX.yml with active tasks Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
703 lines
24 KiB
YAML
703 lines
24 KiB
YAML
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# FRONTEND_INVENTORY.yml - Trading Platform
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
version: "2.1.0"
|
|
fecha_actualizacion: "2026-02-04"
|
|
proyecto: "trading-platform"
|
|
fuente_auditoria: "orchestration/tareas/TASK-2026-01-25-002-FRONTEND-COMPREHENSIVE-AUDIT"
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# RESUMEN
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
resumen:
|
|
total_paginas: 39
|
|
total_componentes: 205 # 166 reusables + 39 páginas (actualizado 2026-02-04)
|
|
total_stores: 9 # authStore, tradingStore, mlStore, educationStore, paymentsStore, portfolioStore, investmentStore, llmStore, mt4Store
|
|
total_services: 16 # +1 video-upload.service.ts (ST4.3.5)
|
|
total_hooks: 30+ # useAuth, useTradingData, useVideoPlayer, etc.
|
|
total_tests_e2e: 1 # payments-stripe-elements.test.tsx (20+ cases, ST4.2.3)
|
|
ubicacion: "apps/frontend/src/"
|
|
framework: "React 18.2.0"
|
|
build_tool: "Vite 6.2.0"
|
|
lenguaje: "TypeScript 5.3.3"
|
|
progreso_promedio: "38%"
|
|
componentes_funcionales: "97/123 (79%)"
|
|
fecha_actualizacion: "2026-01-25"
|
|
auditoria_completa: "2026-01-25"
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# PAGINAS POR MODULO
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
paginas:
|
|
|
|
auth:
|
|
cantidad: 6
|
|
lista:
|
|
- Login.tsx
|
|
- Register.tsx
|
|
- ForgotPassword.tsx
|
|
- VerifyEmail.tsx
|
|
- ResetPassword.tsx
|
|
- AuthCallback.tsx
|
|
|
|
dashboard:
|
|
cantidad: 1
|
|
lista:
|
|
- Dashboard.tsx
|
|
|
|
trading:
|
|
cantidad: 1
|
|
lista:
|
|
- Trading.tsx
|
|
|
|
ml:
|
|
cantidad: 1
|
|
lista:
|
|
- MLDashboard.tsx
|
|
|
|
backtesting:
|
|
cantidad: 1
|
|
lista:
|
|
- BacktestingDashboard.tsx
|
|
|
|
investment:
|
|
cantidad: 8
|
|
lista:
|
|
- Investment.tsx
|
|
- Portfolio.tsx
|
|
- Products.tsx
|
|
- ProductDetail.tsx # Product detail with performance chart (2026-01-25)
|
|
- AccountDetail.tsx # Account detail with transactions and distributions (2026-01-25)
|
|
- Withdrawals.tsx # Global withdrawals list (2026-01-25)
|
|
- Transactions.tsx # Global transactions history (2026-01-25)
|
|
- Reports.tsx # Analytics and reports (2026-01-25)
|
|
|
|
education:
|
|
cantidad: 6
|
|
lista:
|
|
- Courses.tsx
|
|
- CourseDetail.tsx
|
|
- MyLearning.tsx
|
|
- Leaderboard.tsx
|
|
- Lesson.tsx
|
|
- Quiz.tsx
|
|
|
|
payments:
|
|
cantidad: 2
|
|
lista:
|
|
- Pricing.tsx
|
|
- Billing.tsx
|
|
|
|
admin:
|
|
cantidad: 4
|
|
lista:
|
|
- AdminDashboard.tsx
|
|
- MLModelsPage.tsx
|
|
- AgentsPage.tsx
|
|
- PredictionsPage.tsx
|
|
|
|
assistant:
|
|
cantidad: 1
|
|
lista:
|
|
- Assistant.tsx
|
|
|
|
settings:
|
|
cantidad: 1
|
|
lista:
|
|
- Settings.tsx
|
|
|
|
portfolio:
|
|
cantidad: 4
|
|
lista:
|
|
- PortfolioDashboard.tsx
|
|
- CreatePortfolio.tsx
|
|
- CreateGoal.tsx
|
|
- EditAllocations.tsx
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# COMPONENTES
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
componentes:
|
|
|
|
chat:
|
|
cantidad: 4
|
|
lista:
|
|
- ChatInput.tsx
|
|
- ChatMessage.tsx
|
|
- ChatPanel.tsx
|
|
- ChatWidget.tsx
|
|
|
|
education:
|
|
cantidad: 10 # +4 OQI-002 (VideoUploadForm, CreatorDashboard, CertificateGenerator, LiveStreamPlayer)
|
|
lista:
|
|
- AchievementBadge.tsx
|
|
- CourseCard.tsx
|
|
- LeaderboardTable.tsx
|
|
- QuizQuestion.tsx
|
|
- StreakCounter.tsx
|
|
- XPProgress.tsx
|
|
- VideoUploadForm.tsx # Multi-step video upload with drag-drop, metadata (2026-01-25)
|
|
- CreatorDashboard.tsx # Creator stats, courses, activity feed (2026-01-25)
|
|
- CertificateGenerator.tsx # Certificate templates, PDF/PNG download (2026-01-25)
|
|
- LiveStreamPlayer.tsx # Live streaming with chat, reactions (2026-01-25)
|
|
|
|
payments:
|
|
cantidad: 8 # +4 OQI-005 (StripeElementsWrapper, InvoicePreview, RefundRequestModal, RefundList)
|
|
lista:
|
|
- PricingCard.tsx
|
|
- SubscriptionCard.tsx
|
|
- UsageProgress.tsx
|
|
- WalletCard.tsx
|
|
- StripeElementsWrapper.tsx # Stripe Elements provider for PCI compliance (2026-01-25)
|
|
- InvoicePreview.tsx # Pre-checkout invoice preview (2026-01-25)
|
|
- RefundRequestModal.tsx # Modal for refund requests (2026-01-25)
|
|
- RefundList.tsx # Paginated refund history (2026-01-25)
|
|
|
|
backtesting:
|
|
cantidad: 5
|
|
lista:
|
|
- EquityCurveChart.tsx
|
|
- PerformanceMetricsPanel.tsx
|
|
- PredictionChart.tsx
|
|
- StrategyComparisonChart.tsx
|
|
- TradesTable.tsx
|
|
|
|
admin:
|
|
cantidad: 2
|
|
lista:
|
|
- AgentStatsCard.tsx
|
|
- MLModelCard.tsx
|
|
|
|
layout:
|
|
cantidad: 2
|
|
lista:
|
|
- MainLayout.tsx
|
|
- AuthLayout.tsx
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# COMPONENTES POR MODULO (Detalle adicional)
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
componentes_modulos:
|
|
trading:
|
|
cantidad: 15
|
|
lista:
|
|
- TradingChart.tsx
|
|
- OrderBook.tsx
|
|
- OrderForm.tsx
|
|
- PositionsPanel.tsx
|
|
- TradeHistory.tsx
|
|
- WatchlistPanel.tsx
|
|
- SymbolSearch.tsx
|
|
- 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
|
|
|
|
ml:
|
|
cantidad: 7
|
|
lista:
|
|
- AMDPhaseIndicator.tsx
|
|
- PredictionCard.tsx
|
|
- SignalsTimeline.tsx
|
|
- ConfidenceMeter.tsx
|
|
- ModelSelector.tsx
|
|
- EnsemblePanel.tsx
|
|
- ICTAnalysisPanel.tsx
|
|
|
|
auth:
|
|
cantidad: 4
|
|
lista:
|
|
- SocialLoginButtons.tsx
|
|
- PhoneLoginForm.tsx
|
|
- TwoFactorForm.tsx
|
|
- PasswordStrengthMeter.tsx
|
|
|
|
assistant:
|
|
cantidad: 4
|
|
lista:
|
|
- ChatWindow.tsx
|
|
- ChatMessage.tsx
|
|
- ChatInput.tsx
|
|
- SignalCard.tsx
|
|
|
|
portfolio:
|
|
cantidad: 5
|
|
lista:
|
|
- AllocationChart.tsx # Donut chart de allocaciones
|
|
- AllocationTable.tsx # Tabla de posiciones
|
|
- PerformanceChart.tsx # Line chart de rendimiento (canvas)
|
|
- RebalanceCard.tsx # Card de recomendaciones
|
|
- GoalCard.tsx # Card de metas financieras
|
|
|
|
investment:
|
|
cantidad: 6 # +4 OQI-004 (CreateAccountWizard, RiskAnalysisPanel, PortfolioOptimizerWidget, AccountTransferModal)
|
|
lista:
|
|
- DepositForm.tsx # Stripe deposit form with card input
|
|
- WithdrawForm.tsx # Withdrawal form with bank/crypto options
|
|
- CreateAccountWizard.tsx # Multi-step wizard for account creation (2026-01-25)
|
|
- RiskAnalysisPanel.tsx # Risk metrics display VaR, Sharpe, etc. (2026-01-25)
|
|
- PortfolioOptimizerWidget.tsx # Interactive portfolio optimizer (2026-01-25)
|
|
- AccountTransferModal.tsx # Modal for inter-account transfers (2026-01-25)
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# STATE MANAGEMENT
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
stores:
|
|
framework: "Zustand 4.4.7"
|
|
lista:
|
|
- auth.store.ts
|
|
- trading.store.ts
|
|
- dashboard.store.ts
|
|
- app.store.ts
|
|
- portfolioStore.ts # Portfolio management con WebSocket (2026-01-25)
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# SERVICES API
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
services:
|
|
cantidad: 12
|
|
lista:
|
|
- auth.service.ts
|
|
- trading.service.ts
|
|
- ml.service.ts
|
|
- education.service.ts
|
|
- video-upload.service.ts # Multipart video upload to S3/R2 (ST4.3.5 - 2026-01-26)
|
|
- investment.service.ts # Investment accounts, products, transactions API (2026-01-25)
|
|
- payments.service.ts
|
|
- admin.service.ts
|
|
- assistant.service.ts
|
|
- portfolio.service.ts
|
|
- notification.service.ts
|
|
- websocket.service.ts # WebSocket connections (trading, ml, portfolio)
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# HOOKS CUSTOM
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
hooks:
|
|
cantidad: 3
|
|
lista:
|
|
- useAuth.ts
|
|
- useTrading.ts
|
|
- usePortfolioUpdates (websocket.service.ts) # Real-time portfolio updates
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# TESTS E2E
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
tests_e2e:
|
|
framework: "Jest 30 + React Testing Library"
|
|
ubicacion: "apps/frontend/src/__tests__/e2e/"
|
|
cantidad: 1
|
|
test_suites: 7
|
|
test_cases: 20+
|
|
archivos:
|
|
- payments-stripe-elements.test.tsx:
|
|
descripcion: "E2E tests for Stripe Elements integration (ST4.2.3)"
|
|
lineas: 550
|
|
fecha: "2026-01-26"
|
|
suites:
|
|
- "Stripe CardElement Rendering"
|
|
- "Payment Intent Flow"
|
|
- "Checkout Session Flow"
|
|
- "Payment Method Attachment"
|
|
- "Component State Validation"
|
|
- "Error Handling"
|
|
- "Security Best Practices"
|
|
validaciones_criticas:
|
|
- "CardElement renders as iframe (NOT native input)"
|
|
- "NO card data in React state"
|
|
- "NO card data sent to backend"
|
|
- "confirmCardPayment called with clientSecret"
|
|
- "NO sensitive data in console logs"
|
|
pci_dss_compliance: true
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# RUTAS
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
rutas:
|
|
publicas:
|
|
- /login
|
|
- /register
|
|
- /forgot-password
|
|
- /verify-email
|
|
- /auth/callback
|
|
|
|
protegidas:
|
|
- /dashboard
|
|
- /trading
|
|
- /ml-dashboard
|
|
- /backtesting
|
|
- /investment
|
|
- /investment/portfolio
|
|
- /investment/products
|
|
- /investment/products/:productId
|
|
- /investment/accounts/:accountId
|
|
- /investment/withdrawals
|
|
- /investment/transactions
|
|
- /investment/reports
|
|
- /portfolio
|
|
- /portfolio/new
|
|
- /portfolio/goals/new
|
|
- /portfolio/:portfolioId/edit
|
|
- /education/courses
|
|
- /education/my-learning
|
|
- /education/leaderboard
|
|
- /pricing
|
|
- /billing
|
|
- /settings
|
|
- /assistant
|
|
|
|
admin:
|
|
- /admin
|
|
- /admin/models
|
|
- /admin/agents
|
|
- /admin/predictions
|
|
|
|
fullscreen:
|
|
- /education/courses/:courseSlug/lesson/:lessonId
|
|
- /education/courses/:courseSlug/lesson/:lessonId/quiz
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# LIBRERIAS
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
librerias:
|
|
core:
|
|
- "React Router v6"
|
|
- "TanStack Query (React Query)"
|
|
- "React Hook Form"
|
|
- "Zod"
|
|
ui:
|
|
- "Tailwind CSS 3.4"
|
|
- "Lucide React"
|
|
charts:
|
|
- "Recharts 3.5"
|
|
- "Lightweight Charts 4.1"
|
|
utilities:
|
|
- "Axios"
|
|
- "Date-fns"
|
|
payments:
|
|
- "Stripe"
|
|
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
# AUDITORIA COMPREHENSIVA (2026-01-25)
|
|
# ═══════════════════════════════════════════════════════════════════════════════
|
|
|
|
auditoria:
|
|
fecha: "2026-01-25"
|
|
tarea: "TASK-2026-01-25-002-FRONTEND-COMPREHENSIVE-AUDIT"
|
|
metodologia: "CAPVED + 9 agentes paralelos"
|
|
documentos_generados: 48
|
|
total_lineas_analisis: 19117
|
|
|
|
metricas_globales:
|
|
total_componentes: 123
|
|
total_paginas: 32
|
|
total_componentes_reutilizables: 91
|
|
total_apis: 113
|
|
componentes_con_multimedia: 25 # ~20%
|
|
completitud_promedio: "38%"
|
|
componentes_100_funcionales: "97 (79%)"
|
|
componentes_parciales: "15 (12%)"
|
|
componentes_no_funcionales: "11 (9%)"
|
|
|
|
progreso_por_epic:
|
|
OQI-001:
|
|
nombre: "Fundamentos Auth"
|
|
componentes: 11
|
|
progreso: "70%"
|
|
gaps_criticos: 3 # P0-P1
|
|
esfuerzo_pendiente: "140h"
|
|
|
|
OQI-002:
|
|
nombre: "Educativo"
|
|
componentes: 18 # +4 (VideoUploadForm, CreatorDashboard, CertificateGenerator, LiveStreamPlayer)
|
|
progreso: "40%" # +10% por 4 componentes nuevos (2026-01-25)
|
|
gaps_criticos: 2 # P1-P2 (video upload OK, live stream OK, falta integración backend)
|
|
esfuerzo_pendiente: "200h" # -80h por componentes creados
|
|
componente_destacado: "VideoProgressPlayer (554 líneas, 11 states)"
|
|
componentes_nuevos_2026_01_25:
|
|
- VideoUploadForm.tsx (450 LOC)
|
|
- CreatorDashboard.tsx (450 LOC)
|
|
- CertificateGenerator.tsx (453 LOC)
|
|
- LiveStreamPlayer.tsx (480 LOC)
|
|
|
|
OQI-003:
|
|
nombre: "Trading Charts"
|
|
componentes: 37
|
|
progreso: "40%"
|
|
gaps_criticos: 8 # P0-P1
|
|
esfuerzo_pendiente: "420h"
|
|
hub_critico: "tradingStore (25 dependientes)"
|
|
|
|
OQI-004:
|
|
nombre: "Cuentas Inversión"
|
|
componentes: 14 # +4 (CreateAccountWizard, RiskAnalysisPanel, PortfolioOptimizerWidget, AccountTransferModal)
|
|
progreso: "55%" # +20% por 4 componentes criticos nuevos (2026-01-25)
|
|
gaps_criticos: 0 # P0 Account creation y P1 Risk/Optimizer ahora tienen UI
|
|
esfuerzo_pendiente: "100h" # -80h por componentes creados
|
|
componentes_nuevos_2026_01_25:
|
|
- CreateAccountWizard.tsx (620 LOC)
|
|
- RiskAnalysisPanel.tsx (480 LOC)
|
|
- PortfolioOptimizerWidget.tsx (520 LOC)
|
|
- AccountTransferModal.tsx (450 LOC)
|
|
|
|
OQI-005:
|
|
nombre: "Pagos Stripe"
|
|
componentes: 19 # +4 (StripeElementsWrapper, InvoicePreview, RefundRequestModal, RefundList)
|
|
progreso: "65%" # +15% por foundation PCI y refund components (2026-01-25)
|
|
gaps_criticos: 2 # P0 PCI ahora tiene foundation, falta refactor PaymentMethodForm
|
|
esfuerzo_pendiente: "120h" # -80h por componentes creados
|
|
componentes_nuevos_2026_01_25:
|
|
- StripeElementsWrapper.tsx (220 LOC)
|
|
- InvoicePreview.tsx (350 LOC)
|
|
- RefundRequestModal.tsx (480 LOC)
|
|
- RefundList.tsx (450 LOC)
|
|
|
|
OQI-006:
|
|
nombre: "ML Signals"
|
|
componentes: 15 # +3 (ModelSelector, EnsemblePanel, ICTAnalysisPanel)
|
|
progreso: "70%" # +10% por utility panels completados (2026-01-26)
|
|
gaps_criticos: 0 # Todos los gaps cerrados
|
|
esfuerzo_pendiente: "100h" # -40h por componentes creados
|
|
componentes_nuevos_2026_01_26:
|
|
- ModelSelector.tsx (280 LOC)
|
|
- EnsemblePanel.tsx (320 LOC)
|
|
- ICTAnalysisPanel.tsx (350 LOC)
|
|
|
|
OQI-007:
|
|
nombre: "LLM Strategy Agent"
|
|
componentes: 22 # +4 (ErrorBoundary, ConnectionStatus, TokenUsageDisplay, PromptLibrary)
|
|
progreso: "35%" # +10% por componentes críticos completados (2026-01-26)
|
|
gaps_criticos: 2 # Reducidos - WebSocket service y hooks pendientes
|
|
esfuerzo_pendiente: "130h" # -30h por componentes creados
|
|
componentes_nuevos_2026_01_26:
|
|
- ErrorBoundary.tsx (200 LOC)
|
|
- ConnectionStatus.tsx (280 LOC)
|
|
- TokenUsageDisplay.tsx (380 LOC)
|
|
- PromptLibrary.tsx (350 LOC)
|
|
|
|
OQI-008:
|
|
nombre: "Portfolio Manager"
|
|
componentes: 9
|
|
progreso: "20%"
|
|
gaps_criticos: 3 # P2-P3
|
|
esfuerzo_pendiente: "220h"
|
|
|
|
OQI-009:
|
|
nombre: "MT4 Gateway"
|
|
componentes: 3
|
|
progreso: "15%"
|
|
gaps_criticos: 1 # P0 BLOCKER (0% funcional)
|
|
esfuerzo_pendiente: "180h"
|
|
|
|
multimedia_handling:
|
|
video:
|
|
componentes: 2 # VideoProgressPlayer, Lesson
|
|
formatos: "MP4, WebM"
|
|
operaciones: "GET (streaming) ✅, POST (upload) ❌"
|
|
estado: "70%"
|
|
|
|
charts:
|
|
componentes: 7
|
|
tecnologias:
|
|
- "lightweight-charts 4.1.1 (Canvas)"
|
|
- "recharts 2.x (SVG)"
|
|
- "Custom SVG (AllocationChart)"
|
|
- "Custom Canvas 2D (PerformanceChart)"
|
|
estado: "90%"
|
|
|
|
images:
|
|
componentes: 5
|
|
formatos: "JPG, PNG"
|
|
operaciones: "GET (carga) ✅, POST (upload) ❌"
|
|
optimizaciones_pendientes:
|
|
- "WebP support"
|
|
- "Responsive images (srcset)"
|
|
- "Lazy loading avanzado"
|
|
- "CDN integration"
|
|
estado: "60%"
|
|
|
|
icons:
|
|
total: "120+"
|
|
librerias:
|
|
- "Lucide React (~50 icons)"
|
|
- "Heroicons (~30 icons)"
|
|
- "Custom SVG (~40 icons)"
|
|
bundle_impact: "~8 KB (gzip, tree-shaken)"
|
|
estado: "100%"
|
|
|
|
pdf:
|
|
componentes: 2 # CertificatePreview, InvoiceDetail
|
|
operaciones: "GET (preview/download) ⚠️, POST (generate) ❌"
|
|
estado: "50%"
|
|
|
|
audio:
|
|
estado: "0% - NO IMPLEMENTADO"
|
|
|
|
componentes_hub: # Alto impacto (≥5 dependientes)
|
|
- nombre: "authStore"
|
|
dependientes: 40
|
|
riesgo: "CRÍTICO"
|
|
ubicacion: "stores/auth.store.ts"
|
|
|
|
- nombre: "Button"
|
|
dependientes: 35
|
|
riesgo: "ALTO"
|
|
ubicacion: "components/ui/Button.tsx"
|
|
|
|
- nombre: "Card"
|
|
dependientes: 30
|
|
riesgo: "ALTO"
|
|
ubicacion: "components/ui/Card.tsx"
|
|
|
|
- nombre: "tradingStore"
|
|
dependientes: 25
|
|
riesgo: "ALTO"
|
|
ubicacion: "stores/trading.store.ts"
|
|
|
|
- nombre: "apiClient"
|
|
dependientes: 90
|
|
riesgo: "CRÍTICO"
|
|
ubicacion: "lib/apiClient.ts"
|
|
|
|
- nombre: "useAuth"
|
|
dependientes: 30
|
|
riesgo: "ALTO"
|
|
ubicacion: "hooks/useAuth.ts"
|
|
|
|
- nombre: "CandlestickChart"
|
|
dependientes: 3
|
|
riesgo: "MEDIO"
|
|
ubicacion: "modules/trading/components/CandlestickChart.tsx"
|
|
|
|
dependencias_cross_epic:
|
|
total: 18
|
|
criticas:
|
|
- origen: "OQI-003"
|
|
destino: "OQI-006"
|
|
componente: "CandlestickChartWithML"
|
|
- origen: "OQI-007"
|
|
destino: "OQI-003"
|
|
componente: "SignalExecutionPanel"
|
|
- origen: "OQI-001"
|
|
destino: "TODOS"
|
|
componente: "authStore"
|
|
|
|
gaps_documentacion:
|
|
especificaciones_tecnicas_faltantes: 8 # ET-*
|
|
user_stories_faltantes: 8 # US-*
|
|
swagger_docs_faltantes: 34 # ~30% de 113 APIs
|
|
module_readmes_faltantes: 8
|
|
|
|
deuda_tecnica_critica:
|
|
P0:
|
|
- issue: "Manual token refresh"
|
|
ubicacion: "authStore.ts:67"
|
|
esfuerzo: "60h"
|
|
- issue: "PCI-DSS non-compliant"
|
|
ubicacion: "PaymentMethodForm.tsx"
|
|
esfuerzo: "80h"
|
|
- issue: "MT4 Gateway stub (0% funcional)"
|
|
ubicacion: "modules/mt4/"
|
|
esfuerzo: "180h"
|
|
|
|
P1:
|
|
- issue: "VideoProgressPlayer sin upload"
|
|
ubicacion: "modules/education/"
|
|
esfuerzo: "60h"
|
|
- issue: "OrderBookPanel polling (no WebSocket)"
|
|
ubicacion: "modules/trading/components/"
|
|
esfuerzo: "40h"
|
|
- issue: "Sin Error Boundaries"
|
|
ubicacion: "apps/frontend/src/"
|
|
esfuerzo: "15h"
|
|
|
|
performance:
|
|
bundle_size_multimedia: "~283 KB (gzip)" # Excelente
|
|
metricas_actuales:
|
|
fcp: "~3.5s"
|
|
tti: "~6s"
|
|
lcp: "~4.2s"
|
|
cls: "0.15"
|
|
|
|
metricas_target_q4_2026:
|
|
fcp: "<1.5s"
|
|
tti: "<3s"
|
|
lcp: "<2.5s"
|
|
cls: "<0.1"
|
|
|
|
security:
|
|
vulnerabilidades:
|
|
- tipo: "Tokens en localStorage"
|
|
owasp: "A02:2021"
|
|
severidad: "ALTA"
|
|
- tipo: "No CSRF protection"
|
|
owasp: "A01:2021"
|
|
severidad: "ALTA"
|
|
- tipo: "PCI-DSS non-compliant"
|
|
severidad: "CRÍTICA"
|
|
- tipo: "XSS en MarkdownRenderer"
|
|
owasp: "A03:2021"
|
|
severidad: "MEDIA"
|
|
|
|
roadmap_propuesto:
|
|
fase_1_q1_2026:
|
|
nombre: "Security & Blockers"
|
|
esfuerzo: "60h" # 141h completados: PCI-DSS (18h) + Video upload (41h) + E2E tests (8h)
|
|
items_completados:
|
|
- "✅ PCI-DSS compliance (18h real vs 80h estimado) - ST4.2"
|
|
- "✅ Video upload (41h real vs 60h estimado) - ST4.3"
|
|
- "✅ E2E tests payments (8h) - ST4.2.3"
|
|
items_pendientes:
|
|
- "Auto-refresh tokens (60h)"
|
|
|
|
fase_2_q2_2026:
|
|
nombre: "Core Features"
|
|
esfuerzo: "362h"
|
|
items:
|
|
- "MT4 Gateway funcional (180h)"
|
|
- "Live streaming educativo (80h)"
|
|
- "WebSocket real-time trading (60h)"
|
|
- "Portfolio optimizer (80h)"
|
|
|
|
fase_3_q3_2026:
|
|
nombre: "Scalability & UX"
|
|
esfuerzo: "372h" # 8h de E2E ya completados
|
|
items:
|
|
- "WebP + Lazy loading (60h)"
|
|
- "Code-splitting (40h)"
|
|
- "Tests E2E adicionales (112h)" # ✅ 8h completados (payments), 112h pendientes (resto)
|
|
- "Error boundaries (15h)"
|
|
|
|
fase_4_q4_2026:
|
|
nombre: "Advanced Features"
|
|
esfuerzo: "1514h"
|
|
items:
|
|
- "Audio/Podcast (120h)"
|
|
- "Voice input (50h)"
|
|
- "Advanced ML models (200h)"
|
|
|
|
referencias_auditoria:
|
|
executive_summary: "entregables/EXECUTIVE-SUMMARY.md"
|
|
components_matrix: "entregables/COMPONENTS-MASTER-MATRIX.md"
|
|
api_contracts: "entregables/API-CONTRACTS-MASTER-MATRIX.md"
|
|
multimedia_matrix: "entregables/MULTIMEDIA-MASTER-MATRIX.md"
|
|
dependency_graph: "entregables/DEPENDENCY-GRAPH.md"
|
|
purge_plan: "entregables/PURGE-PLAN.md"
|
|
integration_plan: "entregables/INTEGRATION-PLAN.md"
|
|
recommendations: "entregables/RECOMMENDATIONS.md"
|