# ═══════════════════════════════════════════════════════════════════════════════
# FRONTEND_INVENTORY.yml - Trading Platform
# ═══════════════════════════════════════════════════════════════════════════════

version: "1.0.0"
fecha_actualizacion: "2026-01-25"
proyecto: "trading-platform"

# ═══════════════════════════════════════════════════════════════════════════════
# RESUMEN
# ═══════════════════════════════════════════════════════════════════════════════

resumen:
  total_paginas: 36
  total_componentes: 58
  total_stores: 5
  total_services: 11
  total_hooks: 3
  ubicacion: "apps/frontend/src/"
  framework: "React 18.2.0"
  build_tool: "Vite 6.2.0"
  lenguaje: "TypeScript 5.3.3"
  fecha_actualizacion: "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: 6
    lista:
      - AchievementBadge.tsx
      - CourseCard.tsx
      - LeaderboardTable.tsx
      - QuizQuestion.tsx
      - StreakCounter.tsx
      - XPProgress.tsx

  payments:
    cantidad: 4
    lista:
      - PricingCard.tsx
      - SubscriptionCard.tsx
      - UsageProgress.tsx
      - WalletCard.tsx

  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: 2
    lista:
      - DepositForm.tsx          # Stripe deposit form with card input
      - WithdrawForm.tsx         # Withdrawal form with bank/crypto options

# ═══════════════════════════════════════════════════════════════════════════════
# 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: 11
  lista:
    - auth.service.ts
    - trading.service.ts
    - ml.service.ts
    - education.service.ts
    - 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

# ═══════════════════════════════════════════════════════════════════════════════
# 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"