1. 31 déc., 2025 2 validations
    • Hamadou Ba's avatar
      Refactor: Migration complète de Tailwind CSS vers Material-UI · 4d57a1fe
      Hamadou Ba a écrit
      - Remplacement de tous les composants Tailwind par Material-UI
      - Dashboard: AppBar, Container, Paper, Stack pour la mise en page
      - ScenarioSelector: FormControl, Select, MenuItem, Alert
      - ParameterPanel: TextField, Button, IconButton, Paper
      - SimulationControl: Button variants, Chip avec animation pulse
      - ResultsDisplay: Tabs, Alert, CircularProgress
      - MetricsCard: Paper avec variants (outlined/elevation)
      - ComparisonTable: Table MUI complète avec TableContainer
      - ExportButton: Stack avec boutons Material
      
      Thème Material Design:
      - Palette de couleurs cohérente (primary blue, secondary purple)
      - Typography personnalisée
      - Components stylisés (borderRadius: 8, textTransform: none)
      - CssBaseline pour normalisation CSS
      
      Corrections TypeScript:
      - Import type pour SelectChangeEvent
      - Suppression imports non utilisés
      
      Build: ✓ 713.70 kB (gzip 229.68 kB)
      Tests: ✓ 21/21 tests backend passent
      
      4d57a1fe
    • Hamadou Ba's avatar
      Phase 6: Frontend Core - Dashboard, Components et State Management · 698ecb50
      Hamadou Ba a écrit
      Implementation complete du frontend React avec:
      
      1. API Client Service (services/api.ts)
         - Axios client configure avec base URL
         - 12 endpoints mappes (simulation, scenarios, analytics)
         - Types TypeScript pour toutes les requetes/reponses
         - Gestion erreurs et timeouts
      
      2. Types TypeScript (types/simulation.ts)
         - Tous les modeles Pydantic mappes en TypeScript
         - SimulationConfig, SimulationResults
         - NetworkAnalytics, NetworkComparison
         - Interfaces completes pour API
      
      3. Zustand Store (store/simulationStore.ts)
         - Gestion d'etat centralisee
         - Actions: setConfig, startSimulation, computeAnalytical, etc.
         - State: config, results, analyticalResults, comparisonResults
         - Chargement automatique des scenarios
         - Calculs analytiques et comparaisons automatiques
      
      4. Dashboard Layout (components/Dashboard.tsx)
         - Layout principal avec header/footer
         - Grille responsive (sidebar + main content)
         - Notification d'erreurs
         - Integration de tous les composants
      
      5. Composants de Simulation:
         - ScenarioSelector: Dropdown avec 5 scenarios predefinis
         - ParameterPanel: Formulaire edition parametres (λ, μc, p, serveurs)
           * Validation conservation probabilites (p + Σq = 1.0)
           * Ajout/suppression dynamique de serveurs
         - SimulationControl: Boutons Start/Stop/Clear/Reset
           * Indicateur de statut (running/completed)
           * Spinner pendant execution
           * Info parametres simulation
      
      6. Composants de Resultats:
         - ResultsDisplay: Affichage complet resultats
           * Indicateur stabilite
           * Resultats simulation (coord + serveurs)
           * Resultats analytiques (Jackson)
           * Table comparaison
         - MetricsCard: Carte pour une metrique (compact/normal)
         - ComparisonTable: Table comparaison Analytique vs Simulation
           * Code couleur differences (<5% vert, 5-10% jaune, >10% rouge)
           * Affichage tous les metriques (ρ, L, W, Wq)
      
      7. Features:
         - Interface bilingue (francais)
         - Responsive design (Tailwind CSS)
         - Loading states et spinners
         - Validation formulaires
         - Gestion erreurs comprehensive
         - Build optimise (Vite)
      
      Frontend pret pour integration avec backend FastAPI.
      Prochaine etape: Visualisations (charts et diagrammes)
      698ecb50