# ===============================================================================
# FRONTEND-COMPONENT-INVENTORY.yml - Trading Platform
# ===============================================================================

version: "1.0.0"
fecha_creacion: "2026-02-04"
proyecto: "trading-platform"
fuente: "apps/frontend/src/"

# ===============================================================================
# RESUMEN
# ===============================================================================

resumen:
  total_componentes: 205  # 31 shared + 174 modules
  total_paginas: 39
  total_componentes_reusables: 166
  framework: "React 18.2.0"
  lenguaje: "TypeScript 5.3.3"
  build_tool: "Vite 6.2.0"
  estado_management: "Zustand 4.4.7"

# ===============================================================================
# COMPONENTES COMPARTIDOS (apps/frontend/src/components/)
# ===============================================================================

componentes_compartidos:

  chat:
    path: "components/chat/"
    cantidad: 4
    componentes:
      - ChatInput.tsx
      - ChatMessage.tsx
      - ChatPanel.tsx
      - ChatWidget.tsx

  education:
    path: "components/education/"
    cantidad: 6
    componentes:
      - AchievementBadge.tsx
      - CourseCard.tsx
      - LeaderboardTable.tsx
      - QuizQuestion.tsx
      - StreakCounter.tsx
      - XPProgress.tsx

  layout:
    path: "components/layout/"
    cantidad: 2
    componentes:
      - AuthLayout.tsx
      - MainLayout.tsx

  payments:
    path: "components/payments/"
    cantidad: 18
    componentes:
      - AlternativePaymentMethods.tsx
      - BillingInfoForm.tsx
      - CouponForm.tsx
      - InvoiceDetail.tsx
      - InvoiceList.tsx
      - InvoicePreview.tsx
      - PaymentMethodsList.tsx
      - PricingCard.tsx
      - RefundList.tsx
      - RefundRequestModal.tsx
      - StripeElementsWrapper.tsx
      - SubscriptionCard.tsx
      - SubscriptionUpgradeFlow.tsx
      - TransactionHistory.tsx
      - UsageProgress.tsx
      - WalletCard.tsx
      - WalletDepositModal.tsx
      - WalletWithdrawModal.tsx

  root:
    path: "components/"
    cantidad: 1
    componentes:
      - ErrorBoundary.tsx

# ===============================================================================
# COMPONENTES POR MODULO (apps/frontend/src/modules/)
# ===============================================================================

modulos:

  admin:
    path: "modules/admin/"
    cantidad_total: 6
    componentes:
      - components/AgentStatsCard.tsx
      - components/MLModelCard.tsx
    paginas:
      - pages/AdminDashboard.tsx
      - pages/AgentsPage.tsx
      - pages/MLModelsPage.tsx
      - pages/PredictionsPage.tsx

  assistant:
    path: "modules/assistant/"
    cantidad_total: 22
    epic: "OQI-007"
    componentes:
      - components/AnalysisRequestForm.tsx
      - components/AssistantSettingsPanel.tsx
      - components/ChatHeader.tsx
      - components/ChatInput.tsx
      - components/ChatMessage.tsx
      - components/ConnectionStatus.tsx
      - components/ContextMemoryDisplay.tsx
      - components/ContextPanel.tsx
      - components/ConversationHistory.tsx
      - components/ErrorBoundary.tsx
      - components/LLMConfigPanel.tsx
      - components/MarkdownRenderer.tsx
      - components/MessageFeedback.tsx
      - components/MessageList.tsx
      - components/MessageSearch.tsx
      - components/PromptLibrary.tsx
      - components/SignalCard.tsx
      - components/SignalExecutionPanel.tsx
      - components/StrategyTemplateSelector.tsx
      - components/StreamingIndicator.tsx
      - components/TokenUsageDisplay.tsx
      - components/ToolCallCard.tsx
    paginas:
      - pages/Assistant.tsx

  auth:
    path: "modules/auth/"
    cantidad_total: 13
    epic: "OQI-001"
    componentes:
      - components/DeviceCard.tsx
      - components/PhoneLoginForm.tsx
      - components/SessionsList.tsx
      - components/SocialLoginButtons.tsx
      - components/TwoFactorSetup.tsx
      - components/TwoFactorVerifyModal.tsx
    paginas:
      - pages/AuthCallback.tsx
      - pages/ForgotPassword.tsx
      - pages/Login.tsx
      - pages/Register.tsx
      - pages/ResetPassword.tsx
      - pages/SecuritySettings.tsx
      - pages/VerifyEmail.tsx

  backtesting:
    path: "modules/backtesting/"
    cantidad_total: 6
    componentes:
      - components/EquityCurveChart.tsx
      - components/PerformanceMetricsPanel.tsx
      - components/PredictionChart.tsx
      - components/StrategyComparisonChart.tsx
      - components/TradesTable.tsx
    paginas:
      - pages/BacktestingDashboard.tsx

  dashboard:
    path: "modules/dashboard/"
    cantidad_total: 1
    paginas:
      - pages/Dashboard.tsx

  education:
    path: "modules/education/"
    cantidad_total: 18
    epic: "OQI-002"
    componentes:
      - components/AssessmentSummaryCard.tsx
      - components/CertificateGenerator.tsx
      - components/CertificatePreview.tsx
      - components/CourseProgressTracker.tsx
      - components/CourseReviews.tsx
      - components/CreatorDashboard.tsx
      - components/LearningPathVisualizer.tsx
      - components/LessonNotes.tsx
      - components/LiveStreamPlayer.tsx
      - components/RecommendedCourses.tsx
      - components/VideoProgressPlayer.tsx
      - components/VideoUploadForm.tsx
    paginas:
      - pages/CourseDetail.tsx
      - pages/Courses.tsx
      - pages/Leaderboard.tsx
      - pages/Lesson.tsx
      - pages/MyLearning.tsx
      - pages/Quiz.tsx

  investment:
    path: "modules/investment/"
    cantidad_total: 21
    epic: "OQI-004"
    componentes:
      - components/AccountSettingsPanel.tsx
      - components/AccountSummaryCard.tsx
      - components/AccountTransferModal.tsx
      - components/CreateAccountWizard.tsx
      - components/DepositForm.tsx
      - components/KYCStatusBadge.tsx
      - components/KYCVerificationPanel.tsx
      - components/PerformanceWidgetChart.tsx
      - components/PortfolioOptimizerWidget.tsx
      - components/ProductComparisonTable.tsx
      - components/RiskAnalysisPanel.tsx
      - components/WithdrawForm.tsx
    paginas:
      - pages/AccountDetail.tsx
      - pages/Investment.tsx
      - pages/KYCVerification.tsx
      - pages/Portfolio.tsx
      - pages/ProductDetail.tsx
      - pages/Products.tsx
      - pages/Reports.tsx
      - pages/Transactions.tsx
      - pages/Withdrawals.tsx

  ml:
    path: "modules/ml/"
    cantidad_total: 15
    epic: "OQI-006"
    componentes:
      - components/AccuracyMetrics.tsx
      - components/AMDPhaseIndicator.tsx
      - components/BacktestResultsVisualization.tsx
      - components/ConfidenceMeter.tsx
      - components/EnsemblePanel.tsx
      - components/EnsembleSignalCard.tsx
      - components/ICTAnalysisCard.tsx
      - components/ICTAnalysisPanel.tsx
      - components/ModelAccuracyDashboard.tsx
      - components/ModelSelector.tsx
      - components/PredictionCard.tsx
      - components/SignalPerformanceTracker.tsx
      - components/SignalsTimeline.tsx
      - components/TradeExecutionModal.tsx
    paginas:
      - pages/MLDashboard.tsx

  notifications:
    path: "modules/notifications/"
    cantidad_total: 4
    componentes:
      - components/NotificationBell.tsx
      - components/NotificationDropdown.tsx
      - components/NotificationItem.tsx
    paginas:
      - pages/NotificationsPage.tsx

  payments:
    path: "modules/payments/"
    cantidad_total: 4
    epic: "OQI-005"
    paginas:
      - pages/Billing.tsx
      - pages/CheckoutCancel.tsx
      - pages/CheckoutSuccess.tsx
      - pages/Pricing.tsx

  portfolio:
    path: "modules/portfolio/"
    cantidad_total: 15
    epic: "OQI-008"
    componentes:
      - components/AllocationChart.tsx
      - components/AllocationsCard.tsx
      - components/AllocationTable.tsx
      - components/GoalCard.tsx
      - components/GoalProgressCard.tsx
      - components/PerformanceChart.tsx
      - components/PerformanceMetricsCard.tsx
      - components/RebalanceCard.tsx
      - components/RebalanceModal.tsx
    paginas:
      - pages/CreateGoal.tsx
      - pages/CreatePortfolio.tsx
      - pages/EditAllocations.tsx
      - pages/PortfolioDashboard.tsx
      - pages/PortfolioDetailPage.tsx

  settings:
    path: "modules/settings/"
    cantidad_total: 2
    componentes:
      - components/TwoFactorSettings.tsx
    paginas:
      - pages/Settings.tsx

  trading:
    path: "modules/trading/"
    cantidad_total: 43
    epic: "OQI-003"
    componentes:
      - components/AccountHealthDashboard.tsx
      - components/AccountSummary.tsx
      - components/AddSymbolModal.tsx
      - components/AdvancedOrderEntry.tsx
      - components/AlertsPanel.tsx
      - components/CandlestickChart.tsx
      - components/CandlestickChartWithML.tsx
      - components/ChartDrawingToolsPanel.tsx
      - components/ChartToolbar.tsx
      - components/ExportButton.tsx
      - components/IndicatorConfigPanel.tsx
      - components/LivePositionCard.tsx
      - components/MarketDepthPanel.tsx
      - components/MLSignalsPanel.tsx
      - components/MT4ConnectionStatus.tsx
      - components/MT4LiveTradesPanel.tsx
      - components/MT4PositionsManager.tsx
      - components/OrderBookDepthVisualization.tsx
      - components/OrderBookPanel.tsx
      - components/OrderForm.tsx
      - components/PaperTradingPanel.tsx
      - components/PositionModifierDialog.tsx
      - components/PositionsList.tsx
      - components/QuickOrderPanel.tsx
      - components/RiskBasedPositionSizer.tsx
      - components/RiskMonitor.tsx
      - components/SymbolComparisonChart.tsx
      - components/SymbolInfoPanel.tsx
      - components/TradeAlertsNotificationCenter.tsx
      - components/TradeExecutionHistory.tsx
      - components/TradeJournalPanel.tsx
      - components/TradesHistory.tsx
      - components/TradingChart.tsx
      - components/TradingMetricsCard.tsx
      - components/TradingScreener.tsx
      - components/TradingStatsPanel.tsx
      - components/WatchlistItem.tsx
      - components/WatchlistSidebar.tsx
      - components/agents/AgentCard.tsx
      - components/agents/AgentsList.tsx
      - components/agents/BotCard.tsx
      - components/charts/overlays/AMDZonesOverlay.tsx
      - components/charts/overlays/ICTConceptsOverlay.tsx
      - components/charts/overlays/MLPredictionOverlay.tsx
      - components/charts/overlays/SignalMarkers.tsx
    paginas:
      - pages/AgentsPage.tsx
      - pages/Trading.tsx

# ===============================================================================
# MAPEO EPICS -> COMPONENTES
# ===============================================================================

epic_mapping:
  OQI-001:
    nombre: "Fundamentos Auth"
    componentes_count: 13
    modulos: ["auth"]

  OQI-002:
    nombre: "Modulo Educativo"
    componentes_count: 18
    modulos: ["education"]

  OQI-003:
    nombre: "Trading y Charts"
    componentes_count: 43
    modulos: ["trading"]

  OQI-004:
    nombre: "Cuentas de Inversion"
    componentes_count: 21
    modulos: ["investment"]

  OQI-005:
    nombre: "Pagos Stripe"
    componentes_count: 22  # 18 shared + 4 pages
    modulos: ["payments"]

  OQI-006:
    nombre: "Senales ML"
    componentes_count: 15
    modulos: ["ml"]

  OQI-007:
    nombre: "LLM Strategy Agent"
    componentes_count: 22
    modulos: ["assistant"]

  OQI-008:
    nombre: "Portfolio Manager"
    componentes_count: 15
    modulos: ["portfolio"]

# ===============================================================================
# ESTADISTICAS
# ===============================================================================

estadisticas:
  componentes_por_tipo:
    paginas: 39
    componentes_reusables: 166
    overlays: 4
    modales: 8
    formularios: 12
    panels: 25
    cards: 18
    charts: 15

  modulo_mas_grande: "trading (43 componentes)"
  modulo_mas_pequeno: "dashboard (1 componente)"

  componentes_criticos:
    - TradingChart.tsx
    - CandlestickChart.tsx
    - AuthLayout.tsx
    - MainLayout.tsx
    - ErrorBoundary.tsx
    - StripeElementsWrapper.tsx

# ===============================================================================
# NOTAS
# ===============================================================================

notas:
  - "Este inventario fue generado automaticamente analizando el codigo fuente"
  - "Los conteos son basados en archivos .tsx encontrados"
  - "Algunos componentes pueden exportar multiples sub-componentes"
  - "Para detalles de funcionalidad, ver FRONTEND_INVENTORY.yml"