Architecture

Layered map of the client/ React SPA. Hover any module to highlight its dependencies; click to open the deep-dive.

Layers5
Modules10
Edges22
DiagramReact + SVG
Hover any module to highlight its dependencies. Click to open the module deep-dive.
uses →
active
AUTH & SESSIONLAYER 1SHELL & OPERATOR SURFACESLAYER 2MONEY PATH · ALGORITHM LIFECYCLELAYER 3REPLAY & ANALYSISLAYER 4SUPPORTING & DEPRECATEDLAYER 5DashboardLanding page with engine state summary + service healthdashboardTradingAlways-mounted shell + wizard, live engine commands, mo…tradingBacktestMulti-day ITCH replay, parameter sweep, reconciliation on bootbacktestAnalyticsLive P&L + distribution charts, SSE-driven, 8 chart typesanalyticsCalibration5 calibration types, MLflow-backed runs, automation pip…calibrationMLopsValidate + promote calibration runs to productionmlopsSimulatorDeprecated standalone — simulator now runs inside Trading flowsimulatorInstrumentsPer-symbol config — tick size, lot size, time-in-force, calendarinstrumentsServicesInfrastructure dashboard + outbound service URL launcherservicesAdminUsers, audit log, RBAC — hidden routes (existence is sensitive)admin

Hover any module

Move the cursor over a module to see its description, dependencies, and a shortcut to the full deep-dive.

Layers

  1. 1
    Auth & SessionLogin, Vault-backed credentials, session-timeout warning, RBAC capability resolution.
  2. 2
    Shell & Operator SurfacesAlways-mounted chrome plus the infrastructure / services launcher.
  3. 3
    Money Path · Algorithm LifecycleCalibrate parameters → MLops promotes them → Trading wizard launches engines.
  4. 4
    Replay & AnalysisHistorical ITCH replay + the read-side P&L / fills / latency analytics surface.
  5. 5
    Supporting & DeprecatedPer-symbol instrument metadata · standalone Simulator (deprecated 2026-05-18, code retained).

How to read this diagram

Layers (top to bottom)
Auth → Shell → Money Path → Replay & Analysis → Supporting. Higher layers depend on the ones below them but never the reverse. The deprecated Simulator sits in “Supporting” because the trading flow has absorbed its responsibilities.
Edges
Each dashed line is one dependsOn entry sourced from lib/modules.ts. Hover a module to dim unrelated edges and surface only the cone of modules it talks to.
Colors
Each module owns one color from the 10-color palette. The same color appears on the left-edge bar of its cards, on finding ID badges in the Audit Report, and on its node here.