From 683105fa3be2729d9799a32e151c1552f3eab8b3 Mon Sep 17 00:00:00 2001
From: gauvainboiche <gauvain.boiche+gitlab@protonmail.com>
Date: Sat, 1 Aug 2026 18:32:46 +0200
Subject: [PATCH] refacto: Adding i18n support with FR and EN as base

---
 backend/package.json        |   2 +-
 backend/server.js           |  34 ++----------
 frontend/css/styles.css     |   9 ----
 frontend/index.html         | 105 ++++++++++++++++++------------------
 frontend/js/app.js          |  26 ++++++---
 frontend/js/calculator.js   |  10 +---
 frontend/js/chartManager.js |  15 ++----
 frontend/js/i18n.js         |  46 ++++++++++++++++
 frontend/js/pdfExport.js    |  57 ++++++++------------
 frontend/locales/en.json    |  56 +++++++++++++++++++
 frontend/locales/fr.json    |  56 +++++++++++++++++++
 pkCore.js                   |  74 +++++++++++--------------
 12 files changed, 290 insertions(+), 200 deletions(-)
 create mode 100644 frontend/js/i18n.js
 create mode 100644 frontend/locales/en.json
 create mode 100644 frontend/locales/fr.json

diff --git a/backend/package.json b/backend/package.json
index 28715a3..4202fa7 100644
--- a/backend/package.json
+++ b/backend/package.json
@@ -1,7 +1,7 @@
 {
   "name": "ketapk-backend",
   "version": "1.0.0",
-  "description": "Serveur Backend et API pour KétaPK Web",
+  "description": "Serveur Backend pour KétaPK Web",
   "main": "server.js",
   "type": "commonjs",
   "scripts": {
diff --git a/backend/server.js b/backend/server.js
index 46a42f5..9997c5e 100644
--- a/backend/server.js
+++ b/backend/server.js
@@ -7,41 +7,13 @@ const PORT = process.env.PORT || 3000;
 
 app.use(cors());
 app.use(express.json());
-// Servir le fichier pkCore.js situé à la racine
+
+// Service du moteur de calcul situé à la racine
 app.use('/pkCore.js', express.static(path.join(__dirname, '../pkCore.js')));
 
-// Servir les fichiers statiques du dossier frontend
+// Service des fichiers statiques frontend
 app.use(express.static(path.join(__dirname, '../frontend')));
 
-// Base de données temporaire en mémoire pour les sauvegardes
-const savedSimulations = [];
-
-// API : Enregistrer une simulation
-app.post('/api/simulations', (req, res) => {
-  const { patient, mode, inputs, results, timestamp } = req.body;
-  
-  if (!inputs || !results) {
-    return res.status(400).json({ error: 'Données de simulation incomplètes' });
-  }
-
-  const newRecord = {
-    id: Date.now(),
-    timestamp: timestamp || new Date().toISOString(),
-    patient,
-    mode,
-    inputs,
-    results
-  };
-
-  savedSimulations.push(newRecord);
-  res.status(201).json({ message: 'Simulation sauvegardée avec succès', id: newRecord.id });
-});
-
-// API : Récupérer toutes les sauvegardes
-app.get('/api/simulations', (req, res) => {
-  res.json(savedSimulations);
-});
-
 app.listen(PORT, () => {
   console.log(`Serveur KétaPK démarré sur http://localhost:${PORT}`);
 });
\ No newline at end of file
diff --git a/frontend/css/styles.css b/frontend/css/styles.css
index 7556b5f..9b59bc6 100644
--- a/frontend/css/styles.css
+++ b/frontend/css/styles.css
@@ -1,10 +1,5 @@
 @charset "UTF-8";
 
-/* ==========================================================================
-   KétaPK Web - Custom Styles & Adjustments
-   ========================================================================== */
-
-/* 1. Suppression des flèches/spinners par défaut sur les inputs de type number */
 input[type="number"]::-webkit-inner-spin-button,
 input[type="number"]::-webkit-outer-spin-button {
   -webkit-appearance: none;
@@ -15,7 +10,6 @@ input[type="number"] {
   -moz-appearance: textfield;
 }
 
-/* 2. Personnalisation de la barre de défilement pour la grille temporelle */
 #timelineGrid::-webkit-scrollbar {
   height: 8px;
 }
@@ -35,7 +29,6 @@ input[type="number"] {
   background: rgba(100, 116, 139, 1);
 }
 
-/* 3. Styles d'animation douces pour les fenêtres modales */
 #modalCalc {
   transition: opacity 0.2s ease-in-out;
 }
@@ -50,7 +43,6 @@ input[type="number"] {
   pointer-events: auto;
 }
 
-/* 4. Effets au survol des cellules de la timeline */
 #timelineGrid > div {
   min-width: 80px;
   transition: border-color 0.15s ease, transform 0.15s ease;
@@ -61,7 +53,6 @@ input[type="number"] {
   box-shadow: 0 0 10px rgba(245, 158, 11, 0.15);
 }
 
-/* 5. Optimisations Responsive (écrans verticaux et smartphones) */
 @media (max-width: 640px) {
   #pkChart {
     min-height: 280px;
diff --git a/frontend/index.html b/frontend/index.html
index 987e9e3..0876de2 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -5,106 +5,114 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>KétaPK - Simulation Pharmacocinétique</title>
 
-  <!-- Tailwind CSS CDN -->
+  <!-- Tailwind CSS -->
   <script src="https://cdn.tailwindcss.com"></script>
 
-  <!-- Chart.js + Plugin Annotation -->
+  <!-- Chart.js + Plugins -->
   <script src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js"></script>
   <script src="https://cdn.jsdelivr.net/npm/chartjs-plugin-annotation@3.0.1/dist/chartjs-plugin-annotation.min.js"></script>
 
-  <!-- jsPDF pour Exportation PDF -->
+  <!-- jsPDF -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.5.1/jspdf.umd.min.js"></script>
 
-  <!-- CSS Personnalisé -->
+  <!-- Custom CSS -->
   <link rel="stylesheet" href="css/styles.css">
 </head>
 <body class="h-full flex flex-col font-sans antialiased selection:bg-amber-500 selection:text-slate-950">
 
-  <!-- ==================== HEADER / NAVBAR ==================== -->
+  <!-- NAVBAR -->
   <header class="bg-slate-800/90 backdrop-blur border-b border-slate-700/80 sticky top-0 z-40 shadow-lg">
     <div class="max-w-7xl mx-auto px-4 py-3 flex flex-wrap items-center justify-between gap-4">
       
-      <!-- Logo & Titre -->
+      <!-- Logo -->
       <div class="flex items-center gap-3">
         <div class="bg-gradient-to-r from-amber-500 to-amber-600 text-slate-950 font-black px-3.5 py-1 rounded-xl text-xl tracking-wider shadow-md shadow-amber-500/20">
           KétaPK
         </div>
         <div class="flex flex-col">
-          <span class="text-sm font-bold text-slate-200 leading-none">Pharmaco Kinetics</span>
-          <span class="text-[10px] text-slate-400 font-mono">v1.00 • Dr Georges Mion</span>
+          <span data-i18n="app.title" class="text-sm font-bold text-slate-200 leading-none">Pharmaco Kinetics</span>
+          <span data-i18n="app.version" class="text-[10px] text-slate-400 font-mono">v1.00 • Dr Georges Mion</span>
         </div>
       </div>
 
-      <!-- Selecteur de Mode (Eskétamine / Racémique) -->
+      <!-- Mode Selector -->
       <div class="flex items-center bg-slate-950/80 p-1 rounded-xl border border-slate-700/80 shadow-inner">
-        <button id="btnEsk" type="button" class="px-4 py-1.5 rounded-lg text-xs font-bold transition-all bg-amber-500 text-slate-950 shadow-md shadow-amber-500/30">
+        <button id="btnEsk" type="button" data-i18n="nav.mode_esk" class="px-4 py-1.5 rounded-lg text-xs font-bold transition-all bg-amber-500 text-slate-950 shadow-md shadow-amber-500/30">
           ESKETAMINE
         </button>
-        <button id="btnRac" type="button" class="px-4 py-1.5 rounded-lg text-xs font-bold transition-all text-slate-400 hover:text-slate-200">
+        <button id="btnRac" type="button" data-i18n="nav.mode_rac" class="px-4 py-1.5 rounded-lg text-xs font-bold transition-all text-slate-400 hover:text-slate-200">
           RACÉMIQUE
         </button>
       </div>
 
-      <!-- Actions Rapides -->
+      <!-- Actions & Language -->
       <div class="flex items-center gap-2">
+        <div class="flex items-center gap-1 bg-slate-900 border border-slate-700/70 rounded-xl px-2 py-1">
+          <span class="text-xs">🌐</span>
+          <select id="selectLang" class="bg-transparent text-xs font-bold text-slate-300 outline-none cursor-pointer">
+            <option value="fr" class="bg-slate-900">FR</option>
+            <option value="en" class="bg-slate-900">EN</option>
+          </select>
+        </div>
+
         <button id="btnOpenCalc" type="button" class="bg-slate-700/80 hover:bg-slate-700 text-slate-200 border border-slate-600/60 px-3 py-1.5 rounded-lg text-xs font-medium transition flex items-center gap-1.5 shadow-sm">
           <span>🧮</span>
-          <span class="hidden sm:inline">Calculateur</span>
+          <span data-i18n="nav.calculator" class="hidden sm:inline">Calculateur</span>
         </button>
 
         <button id="btnExportPdf" type="button" class="bg-indigo-600 hover:bg-indigo-500 text-white border border-indigo-500/50 px-3 py-1.5 rounded-lg text-xs font-semibold transition flex items-center gap-1.5 shadow-md shadow-indigo-600/20">
           <span>📄</span>
-          <span class="hidden sm:inline">Exporter PDF</span>
+          <span data-i18n="nav.export_pdf" class="hidden sm:inline">Exporter PDF</span>
         </button>
 
         <button id="btnRaz" type="button" class="bg-rose-500/10 hover:bg-rose-500/20 text-rose-400 border border-rose-500/30 px-3 py-1.5 rounded-lg text-xs font-medium transition flex items-center gap-1.5">
           <span>🔄</span>
-          <span class="hidden sm:inline">RAZ</span>
+          <span data-i18n="nav.raz" class="hidden sm:inline">RAZ</span>
         </button>
       </div>
 
     </div>
   </header>
 
-  <!-- ==================== CONTENU PRINCIPAL ==================== -->
+  <!-- MAIN -->
   <main class="flex-1 max-w-7xl w-full mx-auto p-4 grid grid-cols-1 lg:grid-cols-12 gap-6">
 
-    <!-- PANNEAU LATÉRAL (3 colonnes lg) -->
+    <!-- SIDEBAR -->
     <aside class="lg:col-span-3 space-y-5">
       
-      <!-- Carte : Données Patient -->
+      <!-- Patient Form -->
       <div class="bg-slate-800/60 border border-slate-700/70 rounded-2xl p-4 shadow-md backdrop-blur-sm">
-        <h2 class="text-xs font-bold text-slate-400 uppercase tracking-wider mb-4 border-b border-slate-700/60 pb-2 flex items-center gap-2">
+        <h2 data-i18n="patient.title" class="text-xs font-bold text-slate-400 uppercase tracking-wider mb-4 border-b border-slate-700/60 pb-2 flex items-center gap-2">
           <span>👤</span> Caractéristiques Patient
         </h2>
         
         <div class="space-y-3">
           <div>
-            <label for="inputWeight" class="block text-xs text-slate-300 font-medium mb-1">Poids (kg)</label>
-            <input type="number" id="inputWeight" value="70" min="1" max="250" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-white font-semibold focus:ring-2 focus:ring-amber-500 focus:border-amber-500 outline-none transition">
+            <label for="inputWeight" data-i18n="patient.weight" class="block text-xs text-slate-300 font-medium mb-1">Poids (kg)</label>
+            <input type="number" id="inputWeight" value="70" min="1" max="250" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-white font-semibold focus:ring-2 focus:ring-amber-500 outline-none">
           </div>
 
           <div class="grid grid-cols-2 gap-2">
             <div>
-              <label for="inputAge" class="block text-xs text-slate-300 font-medium mb-1">Âge (ans)</label>
-              <input type="number" id="inputAge" value="50" min="1" max="120" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-white font-semibold focus:ring-2 focus:ring-amber-500 outline-none transition">
+              <label for="inputAge" data-i18n="patient.age" class="block text-xs text-slate-300 font-medium mb-1">Âge (ans)</label>
+              <input type="number" id="inputAge" value="50" min="1" max="120" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-white font-semibold focus:ring-2 focus:ring-amber-500 outline-none">
             </div>
             <div>
-              <label for="inputHeight" class="block text-xs text-slate-300 font-medium mb-1">Taille (cm)</label>
-              <input type="number" id="inputHeight" value="170" min="40" max="230" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-white font-semibold focus:ring-2 focus:ring-amber-500 outline-none transition">
+              <label for="inputHeight" data-i18n="patient.height" class="block text-xs text-slate-300 font-medium mb-1">Taille (cm)</label>
+              <input type="number" id="inputHeight" value="170" min="40" max="230" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-white font-semibold focus:ring-2 focus:ring-amber-500 outline-none">
             </div>
           </div>
 
           <div>
-            <label for="inputConc" class="block text-xs text-slate-300 font-medium mb-1">Concentration Produit (mg/mL)</label>
-            <input type="number" id="inputConc" value="5" step="0.1" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-amber-400 font-bold focus:ring-2 focus:ring-amber-500 outline-none transition">
+            <label for="inputConc" data-i18n="patient.concentration" class="block text-xs text-slate-300 font-medium mb-1">Concentration Produit (mg/mL)</label>
+            <input type="number" id="inputConc" value="5" step="0.1" class="w-full bg-slate-900/90 border border-slate-700 rounded-xl px-3 py-2 text-sm text-amber-400 font-bold focus:ring-2 focus:ring-amber-500 outline-none">
           </div>
         </div>
       </div>
 
-      <!-- Carte : Sélection Modèles PK -->
+      <!-- Models Selection -->
       <div class="bg-slate-800/60 border border-slate-700/70 rounded-2xl p-4 shadow-md backdrop-blur-sm">
-        <h2 class="text-xs font-bold text-slate-400 uppercase tracking-wider mb-3 border-b border-slate-700/60 pb-2 flex items-center gap-2">
+        <h2 data-i18n="models.title" class="text-xs font-bold text-slate-400 uppercase tracking-wider mb-3 border-b border-slate-700/60 pb-2 flex items-center gap-2">
           <span>📈</span> Modèles Pharmacocinétiques
         </h2>
         
@@ -128,27 +136,27 @@
 
     </aside>
 
-    <!-- ZONE PRINCIPALE : GRAPHIQUE & GRILLE TEMPORELLE (9 colonnes lg) -->
+    <!-- CONTENT -->
     <section class="lg:col-span-9 space-y-5 flex flex-col">
       
-      <!-- Canvas Graphique Interactif -->
+      <!-- Chart -->
       <div class="bg-slate-800/60 border border-slate-700/70 rounded-2xl p-4 shadow-md backdrop-blur-sm flex flex-col h-[420px] relative">
         <div class="flex-1 w-full h-full relative">
           <canvas id="pkChart"></canvas>
         </div>
       </div>
 
-      <!-- Grille Temporelle Déroulante (0 à 300 minutes) -->
+      <!-- Timeline Grid -->
       <div class="bg-slate-800/60 border border-slate-700/70 rounded-2xl p-4 shadow-md backdrop-blur-sm">
         <div class="flex items-center justify-between mb-3 border-b border-slate-700/60 pb-2">
-          <h2 class="text-xs font-bold text-slate-300 uppercase tracking-wider flex items-center gap-2">
+          <h2 data-i18n="timeline.title" class="text-xs font-bold text-slate-300 uppercase tracking-wider flex items-center gap-2">
             <span>⏱️</span> Saisie Chronologique Doses & Perfusion (0 - 300 min)
           </h2>
-          <span class="text-[10px] text-slate-400 italic">Défilement horizontal 👉</span>
+          <span data-i18n="timeline.scroll_hint" class="text-[10px] text-slate-400 italic">Défilement horizontal 👉</span>
         </div>
 
         <div id="timelineGrid" class="flex gap-2 overflow-x-auto pb-2 scrollbar-thin scrollbar-thumb-slate-700 scrollbar-track-slate-900">
-          <!-- Les 61 blocs (pas de 5 min) sont injectés dynamiquement par app.js -->
+          <!-- Injected via app.js -->
         </div>
       </div>
 
@@ -156,32 +164,28 @@
 
   </main>
 
-  <!-- ==================== FENÊTRE MODALE : CALCULATEUR ==================== -->
+  <!-- MODAL CALCULATOR -->
   <div id="modalCalc" class="fixed inset-0 bg-slate-950/80 backdrop-blur-sm z-50 hidden flex items-center justify-center p-4 transition-opacity">
     <div class="bg-slate-800 border border-slate-700 rounded-2xl w-full max-w-lg p-6 space-y-6 shadow-2xl relative">
       
-      <!-- Modal Header -->
       <div class="flex justify-between items-center border-b border-slate-700 pb-3">
-        <h3 class="text-base font-bold text-amber-400 flex items-center gap-2">
+        <h3 data-i18n="calculator.title" class="text-base font-bold text-amber-400 flex items-center gap-2">
           <span>🧮</span> Calculateur & Conversions de Doses
         </h3>
         <button id="btnCloseCalc" type="button" class="text-slate-400 hover:text-white font-bold text-xl leading-none transition">&times;</button>
       </div>
 
-      <!-- Modal Body -->
       <div class="space-y-4">
-        
-        <!-- Poids / Concentration Références -->
         <div class="grid grid-cols-2 gap-3 bg-slate-900/80 p-3 rounded-xl border border-slate-700/50">
           <div>
-            <label for="calcWeight" class="block text-xs text-slate-400 mb-1">Poids du patient</label>
+            <label for="calcWeight" data-i18n="calculator.patient_weight" class="block text-xs text-slate-400 mb-1">Poids du patient</label>
             <div class="flex items-center gap-1">
               <input type="number" id="calcWeight" value="70" class="w-full bg-slate-800 border border-slate-700 rounded-lg p-2 text-sm text-white font-bold outline-none">
               <span class="text-xs text-slate-400">kg</span>
             </div>
           </div>
           <div>
-            <label for="calcConc" class="block text-xs text-slate-400 mb-1">Concentration</label>
+            <label for="calcConc" data-i18n="calculator.drug_conc" class="block text-xs text-slate-400 mb-1">Concentration</label>
             <div class="flex items-center gap-1">
               <input type="number" id="calcConc" value="10" class="w-full bg-slate-800 border border-slate-700 rounded-lg p-2 text-sm text-amber-400 font-bold outline-none">
               <span class="text-xs text-slate-400">mg/mL</span>
@@ -189,31 +193,29 @@
           </div>
         </div>
 
-        <!-- Conversions Bolus -->
         <div>
-          <h4 class="text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Conversion Bolus</h4>
+          <h4 data-i18n="calculator.bolus_header" class="text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Conversion Bolus</h4>
           <div class="grid grid-cols-2 gap-3">
             <div>
-              <label for="calcMg" class="block text-[10px] text-slate-500 mb-1">Dose totale (mg)</label>
+              <label for="calcMg" data-i18n="calculator.total_dose" class="block text-[10px] text-slate-500 mb-1">Dose totale (mg)</label>
               <input type="number" id="calcMg" placeholder="ex: 35" class="w-full bg-slate-900 border border-slate-700 rounded-lg p-2 text-sm text-white focus:ring-1 focus:ring-amber-500 outline-none">
             </div>
             <div>
-              <label for="calcMgKg" class="block text-[10px] text-slate-500 mb-1">Dose relative (mg/kg)</label>
+              <label for="calcMgKg" data-i18n="calculator.relative_dose" class="block text-[10px] text-slate-500 mb-1">Dose relative (mg/kg)</label>
               <input type="number" id="calcMgKg" placeholder="ex: 0.5" class="w-full bg-slate-900 border border-slate-700 rounded-lg p-2 text-sm text-white focus:ring-1 focus:ring-amber-500 outline-none">
             </div>
           </div>
         </div>
 
-        <!-- Conversions Perfusion -->
         <div>
-          <h4 class="text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Conversion Perfusion</h4>
+          <h4 data-i18n="calculator.infusion_header" class="text-xs font-semibold text-slate-400 uppercase tracking-wider mb-2">Conversion Perfusion</h4>
           <div class="grid grid-cols-2 gap-3">
             <div>
-              <label for="calcMgKgH" class="block text-[10px] text-slate-500 mb-1">Débit (mg/kg/h)</label>
+              <label for="calcMgKgH" data-i18n="calculator.rate_mgkgh" class="block text-[10px] text-slate-500 mb-1">Débit (mg/kg/h)</label>
               <input type="number" id="calcMgKgH" placeholder="ex: 0.3" class="w-full bg-slate-900 border border-slate-700 rounded-lg p-2 text-sm text-white focus:ring-1 focus:ring-amber-500 outline-none">
             </div>
             <div>
-              <label for="calcUgKgMin" class="block text-[10px] text-slate-500 mb-1">Débit (µg/kg/min)</label>
+              <label for="calcUgKgMin" data-i18n="calculator.rate_ugkgmin" class="block text-[10px] text-slate-500 mb-1">Débit (µg/kg/min)</label>
               <input type="number" id="calcUgKgMin" placeholder="ex: 5" class="w-full bg-slate-900 border border-slate-700 rounded-lg p-2 text-sm text-white focus:ring-1 focus:ring-amber-500 outline-none">
             </div>
           </div>
@@ -223,7 +225,6 @@
     </div>
   </div>
 
-  <!-- Entrée Application Javascript Principal (Module ES6) -->
   <script type="module" src="js/app.js"></script>
 </body>
 </html>
\ No newline at end of file
diff --git a/frontend/js/app.js b/frontend/js/app.js
index 5b129c1..ccf84f1 100644
--- a/frontend/js/app.js
+++ b/frontend/js/app.js
@@ -1,7 +1,8 @@
-import { MODES, PK_MODELS, CLINICAL_THRESHOLDS, generateSimulationData } from '../../pkCore.js';
+import { MODES, PK_MODELS, CLINICAL_THRESHOLDS, generateSimulationData } from '/pkCore.js';
 import { adjustChartYScale } from './chartManager.js';
 import { initCalculatorUI } from './calculator.js';
 import { generatePDFReport } from './pdfExport.js';
+import { initI18n, getCurrentLang, t } from './i18n.js';
 
 let currentMode = MODES.ESKETAMINE;
 let pkChart = null;
@@ -12,10 +13,22 @@ const timelineInputs = Array.from({ length: 61 }, (_, i) => ({
   perfRateMgKgH: 0
 }));
 
-document.addEventListener('DOMContentLoaded', () => {
+document.addEventListener('DOMContentLoaded', async () => {
+  await initI18n();
+  
+  const selectLang = document.getElementById('selectLang');
+  if (selectLang) {
+    selectLang.value = getCurrentLang();
+    selectLang.addEventListener('change', async (e) => {
+      await initI18n(e.target.value);
+      renderTimelineGrid();
+      updateSimulation();
+    });
+  }
+
   initChart();
   renderTimelineGrid();
-  initCalculatorUI(); // Initialise la modale et les événements du calculateur
+  initCalculatorUI();
   setupEventListeners();
   updateSimulation();
 });
@@ -87,10 +100,7 @@ function updateSimulation() {
   }
 
   pkChart.data.datasets = datasets;
-  
-  // Ajustement dynamique de l'échelle Y à 110 % si besoin
   adjustChartYScale(pkChart, currentMode, datasets);
-  
   pkChart.update();
 }
 
@@ -104,11 +114,11 @@ function renderTimelineGrid() {
     col.innerHTML = `
       <div class="font-bold text-amber-400 border-b border-slate-800 pb-1">${item.time} min</div>
       <div>
-        <span class="text-[10px] text-slate-400 block mb-0.5">Bolus (mg)</span>
+        <span class="text-[10px] text-slate-400 block mb-0.5">${t('timeline.bolus')}</span>
         <input type="number" data-idx="${idx}" data-field="bolusMg" value="${item.bolusMg || ''}" placeholder="0" class="w-full bg-slate-800 border border-slate-700 text-center rounded text-white py-1 outline-none focus:border-amber-500">
       </div>
       <div>
-        <span class="text-[10px] text-slate-400 block mb-0.5">Perf (mg/kg/h)</span>
+        <span class="text-[10px] text-slate-400 block mb-0.5">${t('timeline.perf')}</span>
         <input type="number" data-idx="${idx}" data-field="perfRateMgKgH" value="${item.perfRateMgKgH || ''}" placeholder="0" class="w-full bg-slate-800 border border-slate-700 text-center rounded text-white py-1 outline-none focus:border-amber-500">
       </div>
     `;
diff --git a/frontend/js/calculator.js b/frontend/js/calculator.js
index 0fdf275..ac11988 100644
--- a/frontend/js/calculator.js
+++ b/frontend/js/calculator.js
@@ -1,4 +1,4 @@
-import { CalculatorEngine } from '../../pkCore.js';
+import { CalculatorEngine } from '/pkCore.js';
 
 export function initCalculatorUI() {
   const modal = document.getElementById('modalCalc');
@@ -7,7 +7,6 @@ export function initCalculatorUI() {
 
   if (!modal || !btnOpen || !btnClose) return;
 
-  // 1. Ouverture de la modale & synchronisation avec le formulaire principal
   btnOpen.addEventListener('click', () => {
     const mainWeight = document.getElementById('inputWeight')?.value || 70;
     const mainConc = document.getElementById('inputConc')?.value || 5;
@@ -18,19 +17,16 @@ export function initCalculatorUI() {
     modal.classList.remove('hidden');
   });
 
-  // 2. Fermeture via le bouton X
   btnClose.addEventListener('click', () => {
     modal.classList.add('hidden');
   });
 
-  // 3. Fermeture au clic sur le fond sombre
   modal.addEventListener('click', (e) => {
     if (e.target === modal) {
       modal.classList.add('hidden');
     }
   });
 
-  // 4. Logique de conversion en temps réel
   const calcWeightInput = document.getElementById('calcWeight');
   const mgInput = document.getElementById('calcMg');
   const mgKgInput = document.getElementById('calcMgKg');
@@ -39,25 +35,21 @@ export function initCalculatorUI() {
 
   const getWeight = () => parseFloat(calcWeightInput.value) || 70;
 
-  // Bolus : mg -> mg/kg
   mgInput.addEventListener('input', () => {
     const mg = parseFloat(mgInput.value);
     mgKgInput.value = isNaN(mg) ? '' : (mg / getWeight()).toFixed(2);
   });
 
-  // Bolus : mg/kg -> mg
   mgKgInput.addEventListener('input', () => {
     const mgKg = parseFloat(mgKgInput.value);
     mgInput.value = isNaN(mgKg) ? '' : (mgKg * getWeight()).toFixed(1);
   });
 
-  // Perfusion : mg/kg/h -> µg/kg/min
   mgKgHInput.addEventListener('input', () => {
     const mgKgH = parseFloat(mgKgHInput.value);
     ugKgMinInput.value = isNaN(mgKgH) ? '' : CalculatorEngine.mgKgHToMicrogKgMin(mgKgH).toFixed(1);
   });
 
-  // Perfusion : µg/kg/min -> mg/kg/h
   ugKgMinInput.addEventListener('input', () => {
     const ug = parseFloat(ugKgMinInput.value);
     mgKgHInput.value = isNaN(ug) ? '' : CalculatorEngine.microgKgMinToMgKgH(ug).toFixed(2);
diff --git a/frontend/js/chartManager.js b/frontend/js/chartManager.js
index 88da0c7..942a4cf 100644
--- a/frontend/js/chartManager.js
+++ b/frontend/js/chartManager.js
@@ -1,8 +1,6 @@
-import { CLINICAL_THRESHOLDS } from '../../pkCore.js';
+import { CLINICAL_THRESHOLDS } from '/pkCore.js';
+import { t } from './i18n.js';
 
-/**
- * Recalcule et applique les zones de couleur en fonction du mode et du Y max actuel
- */
 export function updateChartAnnotations(chart, mode, currentYMax) {
   const thresholds = CLINICAL_THRESHOLDS[mode];
   const annotations = {};
@@ -19,7 +17,7 @@ export function updateChartAnnotations(chart, mode, currentYMax) {
         borderWidth: 0,
         label: {
           display: true,
-          content: zone.name,
+          content: t(`zones.${zone.zoneKey}`),
           color: zone.textHex,
           font: { size: 11, weight: 'bold' },
           position: 'center'
@@ -31,23 +29,16 @@ export function updateChartAnnotations(chart, mode, currentYMax) {
   chart.options.plugins.annotation.annotations = annotations;
 }
 
-/**
- * Ajuste l'échelle Y de manière dynamique :
- * - Échelle par défaut (500 ou 1000)
- * - Si un pic dépasse cette valeur, l'axe monte à 110 % du pic max.
- */
 export function adjustChartYScale(chart, mode, datasets) {
   const defaultMax = CLINICAL_THRESHOLDS[mode].maxScale;
   let highestValue = 0;
 
-  // Trouve la valeur la plus haute parmi toutes les courbes actives
   datasets.forEach(ds => {
     ds.data.forEach(val => {
       if (val > highestValue) highestValue = val;
     });
   });
 
-  // Calcul du Y max : 110 % de la valeur max si dépassement, sinon valeur par défaut
   let targetYMax = defaultMax;
   if (highestValue > defaultMax) {
     targetYMax = Math.ceil(highestValue * 1.1);
diff --git a/frontend/js/i18n.js b/frontend/js/i18n.js
new file mode 100644
index 0000000..03abf3e
--- /dev/null
+++ b/frontend/js/i18n.js
@@ -0,0 +1,46 @@
+let currentLang = localStorage.getItem('keta_lang') || (navigator.language.startsWith('en') ? 'en' : 'fr');
+let translations = {};
+
+export async function initI18n(lang = currentLang) {
+  currentLang = lang;
+  localStorage.setItem('keta_lang', lang);
+
+  try {
+    const response = await fetch(`./locales/${lang}.json`);
+    translations = await response.json();
+    translatePageDOM();
+    document.documentElement.lang = lang;
+  } catch (error) {
+    console.error(`Erreur de chargement de la langue ${lang}:`, error);
+  }
+}
+
+export function translatePageDOM() {
+  document.querySelectorAll('[data-i18n]').forEach(el => {
+    const key = el.getAttribute('data-i18n');
+    const text = getNestedTranslation(key);
+    if (text) el.textContent = text;
+  });
+
+  document.querySelectorAll('[data-i18n-placeholder]').forEach(el => {
+    const key = el.getAttribute('data-i18n-placeholder');
+    const text = getNestedTranslation(key);
+    if (text) el.placeholder = text;
+  });
+}
+
+export function t(key, params = {}) {
+  let val = getNestedTranslation(key) || key;
+  Object.keys(params).forEach(p => {
+    val = val.replace(`{${p}}`, params[p]);
+  });
+  return val;
+}
+
+function getNestedTranslation(key) {
+  return key.split('.').reduce((obj, i) => (obj ? obj[i] : null), translations);
+}
+
+export function getCurrentLang() {
+  return currentLang;
+}
\ No newline at end of file
diff --git a/frontend/js/pdfExport.js b/frontend/js/pdfExport.js
index 8f253bd..96b969e 100644
--- a/frontend/js/pdfExport.js
+++ b/frontend/js/pdfExport.js
@@ -1,52 +1,39 @@
-/**
- * Génère et télécharge un rapport PDF de la simulation.
- * @param {Object} pkChart - L'instance Chart.js actuelle
- * @param {Object} patient - Les infos du patient { weight, age, height }
- * @param {String} mode - ESKETAMINE ou RACEMIQUE
- */
+import { t } from './i18n.js';
+
 export function generatePDFReport(pkChart, patient, mode) {
-  // jsPDF est chargé globalement via le CDN dans index.html
   const { jsPDF } = window.jspdf;
-  
-  // Format A4, orientation Paysage (landscape) idéal pour les graphiques
-  const doc = new jsPDF('landscape', 'mm', 'a4'); 
+  const doc = new jsPDF('landscape', 'mm', 'a4');
 
-  // --- 1. En-tête du document ---
-  doc.setFillColor(30, 41, 59); // Couleur bleue nuit (slate-800)
+  // En-tête
+  doc.setFillColor(30, 41, 59);
   doc.rect(0, 0, 297, 25, 'F');
-  
+
   doc.setTextColor(255, 255, 255);
-  doc.setFontSize(18);
+  doc.setFontSize(16);
   doc.setFont("helvetica", "bold");
-  doc.text("KétaPK - Rapport de Simulation Pharmacocinétique", 14, 16);
+  doc.text(t('pdf.title'), 14, 16);
 
-  // --- 2. Informations de la simulation ---
+  // Informations Patient
   doc.setTextColor(50, 50, 50);
-  doc.setFontSize(11);
+  doc.setFontSize(10);
   doc.setFont("helvetica", "normal");
-  
-  const dateStr = new Date().toLocaleString('fr-FR');
-  
-  // Colonne de gauche (Patient)
-  doc.text(`Date de simulation : ${dateStr}`, 14, 35);
+
+  const dateStr = new Date().toLocaleString();
+
+  doc.text(`${t('pdf.date')}${dateStr}`, 14, 35);
   doc.setFont("helvetica", "bold");
-  doc.text(`Mode sélectionné : ${mode}`, 14, 42);
-  doc.text(`Patient : Poids ${patient.weight} kg | Âge ${patient.age} ans | Taille ${patient.height} cm`, 14, 49);
+  doc.text(`${t('pdf.mode')}${mode}`, 14, 42);
+  doc.text(t('pdf.patient_info', patient), 14, 49);
 
-  // --- 3. Capture et insertion du Graphique ---
-  // On récupère l'image du graphique sur fond blanc
+  // Image du Graphique
   const chartImage = pkChart.toBase64Image('image/jpeg', 1.0);
-  
-  // Placement : x=14mm, y=60mm, largeur=260mm, hauteur=110mm
-  doc.addImage(chartImage, 'JPEG', 14, 60, 260, 110);
+  doc.addImage(chartImage, 'JPEG', 14, 55, 268, 120);
 
-  // --- 4. Pied de page ---
+  // Pied de page
   doc.setFont("helvetica", "italic");
-  doc.setFontSize(9);
+  doc.setFontSize(8);
   doc.setTextColor(150, 150, 150);
-  doc.text("Ce document est généré par KétaPK Web. Il est destiné uniquement à l'enseignement et ne doit pas être utilisé pour la conduite thérapeutique.", 14, 190);
+  doc.text(t('pdf.disclaimer'), 14, 192);
 
-  // --- 5. Téléchargement ---
-  const fileName = `KetaPK_Rapport_${patient.weight}kg_${mode}.pdf`;
-  doc.save(fileName);
+  doc.save(`KetaPK_Simulation_${patient.weight}kg_${mode}.pdf`);
 }
\ No newline at end of file
diff --git a/frontend/locales/en.json b/frontend/locales/en.json
new file mode 100644
index 0000000..a55a5ac
--- /dev/null
+++ b/frontend/locales/en.json
@@ -0,0 +1,56 @@
+{
+  "app": {
+    "title": "Pharmaco Kinetics",
+    "version": "v1.00 • Dr Georges Mion"
+  },
+  "nav": {
+    "mode_esk": "ESKETAMINE",
+    "mode_rac": "RACEMIC",
+    "calculator": "Calculator",
+    "export_pdf": "Export PDF",
+    "raz": "Reset"
+  },
+  "patient": {
+    "title": "Patient Parameters",
+    "weight": "Weight (kg)",
+    "age": "Age (years)",
+    "height": "Height (cm)",
+    "concentration": "Drug Concentration (mg/mL)"
+  },
+  "models": {
+    "title": "PK Models"
+  },
+  "timeline": {
+    "title": "Chronological Dosing & Infusion (0 - 300 min)",
+    "scroll_hint": "Horizontal scroll 👉",
+    "bolus": "Bolus (mg)",
+    "perf": "Infusion (mg/kg/h)"
+  },
+  "calculator": {
+    "title": "Calculator & Dose Conversions",
+    "patient_weight": "Patient Weight",
+    "drug_conc": "Concentration",
+    "bolus_header": "Bolus Conversion",
+    "total_dose": "Total Dose (mg)",
+    "relative_dose": "Relative Dose (mg/kg)",
+    "infusion_header": "Infusion Conversion",
+    "rate_mgkgh": "Rate (mg/kg/h)",
+    "rate_ugkgmin": "Rate (µg/kg/min)"
+  },
+  "zones": {
+    "inactive": "Inactive",
+    "anti_hyperalgesic": "Anti-Hyperalgesic",
+    "analgesia": "Analgesia",
+    "psychedelic": "Psychedelic",
+    "emergence": "Emergence",
+    "narcosis": "Narcosis",
+    "excessive": "Excessive"
+  },
+  "pdf": {
+    "title": "KetaPK - Pharmacokinetic Simulation Report",
+    "date": "Simulation Date: ",
+    "mode": "Selected Mode: ",
+    "patient_info": "Patient: Weight {weight} kg | Age {age} yrs | Height {height} cm",
+    "disclaimer": "Generated by KetaPK Web. For educational purposes only."
+  }
+}
\ No newline at end of file
diff --git a/frontend/locales/fr.json b/frontend/locales/fr.json
new file mode 100644
index 0000000..6f92220
--- /dev/null
+++ b/frontend/locales/fr.json
@@ -0,0 +1,56 @@
+{
+  "app": {
+    "title": "Pharmaco Kinetics",
+    "version": "v1.00 • Dr Georges Mion"
+  },
+  "nav": {
+    "mode_esk": "ESKETAMINE",
+    "mode_rac": "RACÉMIQUE",
+    "calculator": "Calculateur",
+    "export_pdf": "Exporter PDF",
+    "raz": "RAZ"
+  },
+  "patient": {
+    "title": "Caractéristiques Patient",
+    "weight": "Poids (kg)",
+    "age": "Âge (ans)",
+    "height": "Taille (cm)",
+    "concentration": "Concentration Produit (mg/mL)"
+  },
+  "models": {
+    "title": "Modèles Pharmacocinétiques"
+  },
+  "timeline": {
+    "title": "Saisie Chronologique Doses & Perfusion (0 - 300 min)",
+    "scroll_hint": "Défilement horizontal 👉",
+    "bolus": "Bolus (mg)",
+    "perf": "Perf (mg/kg/h)"
+  },
+  "calculator": {
+    "title": "Calculateur & Conversions de Doses",
+    "patient_weight": "Poids du patient",
+    "drug_conc": "Concentration",
+    "bolus_header": "Conversion Bolus",
+    "total_dose": "Dose totale (mg)",
+    "relative_dose": "Dose relative (mg/kg)",
+    "infusion_header": "Conversion Perfusion",
+    "rate_mgkgh": "Débit (mg/kg/h)",
+    "rate_ugkgmin": "Débit (µg/kg/min)"
+  },
+  "zones": {
+    "inactive": "Inactif",
+    "anti_hyperalgesic": "Anti-Hyperalgésique",
+    "analgesia": "Analgésie",
+    "psychedelic": "Psychédélique",
+    "emergence": "Émergence",
+    "narcosis": "Narcose",
+    "excessive": "Excessif"
+  },
+  "pdf": {
+    "title": "KétaPK - Rapport de Simulation Pharmacocinétique",
+    "date": "Date de simulation : ",
+    "mode": "Mode sélectionné : ",
+    "patient_info": "Patient : Poids {weight} kg | Âge {age} ans | Taille {height} cm",
+    "disclaimer": "Ce document est généré par KétaPK Web. Destiné uniquement à l'enseignement."
+  }
+}
\ No newline at end of file
diff --git a/pkCore.js b/pkCore.js
index 95e48b9..e598e03 100644
--- a/pkCore.js
+++ b/pkCore.js
@@ -1,6 +1,6 @@
 /**
  * ============================================================================
- * KetaPK - Moteur Pharmacocinétique (PK/PD)
+ * KétaPK - Moteur Pharmacocinétique (PK/PD)
  * Modèles : Domino (1982), Clements (1981), Kamp (2020)
  * ============================================================================
  */
@@ -10,73 +10,70 @@ export const MODES = {
   RACEMIQUE: 'RACEMIQUE'
 };
 
-// 1. Modèles Pharmacocinétiques (Multi-exponentiels)
-// Cp(t) = (Dose / Poids) * [ A * e^(-alpha * t) + B * e^(-beta * t) + C * e^(-gamma * t) ]
+// Modèles Multi-exponentiels
 export const PK_MODELS = {
   DOMINO: {
     name: "Domino (1982)",
-    refDose: 2.0, // mg/kg
+    refDose: 2.0,
     A: 14300, alpha: 1.35167,
     B: 2340,  beta:  0.09517,
     C: 197,   gamma: 0.00378,
-    color: '#ff9933' // Orange
+    color: '#ff9933'
   },
   CLEMENTS: {
     name: "Clements (1981)",
-    refDose: 0.25, // mg/kg
+    refDose: 0.25,
     A: 108,   alpha: 0.03940,
     B: 39,    beta:  0.00380,
     C: 0,     gamma: 0,
-    color: '#6ec46c' // Vert
+    color: '#6ec46c'
   },
   KAMP: {
     name: "Kamp (2020)",
-    refDose: 0.5, // mg/kg
+    refDose: 0.5,
     A: 1332,  alpha: 0.24658,
     B: 155,   beta:  0.03845,
     C: 69,    gamma: 0.00409,
-    color: '#4fafe3' // Bleu
+    color: '#4fafe3'
   }
 };
 
-// 2. Seuils d'effets cliniques (ng/mL)
+// Zones d'effets cliniques et seuils (ng/mL)
 export const CLINICAL_THRESHOLDS = {
   [MODES.ESKETAMINE]: {
     maxScale: 500,
-    defaultConcentration: 5, // mg/mL
+    defaultConcentration: 5,
     zones: [
-      { name: "Inactif", min: 0, max: 10, color: "rgba(249, 252, 126, 0.4)", textHex: "#8a8d00" },
-      { name: "Anti-Hyperalgésique", min: 10, max: 50, color: "rgba(218, 247, 166, 0.4)", textHex: "#417505" },
-      { name: "Analgésie", min: 50, max: 150, color: "rgba(255, 195, 0, 0.4)", textHex: "#b78100" },
-      { name: "Psychédélique", min: 150, max: 350, color: "rgba(242, 160, 223, 0.4)", textHex: "#a2137f" },
-      { name: "Émergence", min: 350, max: 500, color: "rgba(89, 196, 240, 0.4)", textHex: "#0c6796" },
-      { name: "Narcose", min: 500, max: 1000, color: "rgba(43, 122, 244, 0.4)", textHex: "#0a3c8a" },
-      { name: "Excessif", min: 1000, max: Infinity, color: "rgba(255, 87, 51, 0.4)", textHex: "#a81300" }
+      { zoneKey: "inactive", min: 0, max: 10, color: "rgba(249, 252, 126, 0.4)", textHex: "#8a8d00" },
+      { zoneKey: "anti_hyperalgesic", min: 10, max: 50, color: "rgba(218, 247, 166, 0.4)", textHex: "#417505" },
+      { zoneKey: "analgesia", min: 50, max: 150, color: "rgba(255, 195, 0, 0.4)", textHex: "#b78100" },
+      { zoneKey: "psychedelic", min: 150, max: 350, color: "rgba(242, 160, 223, 0.4)", textHex: "#a2137f" },
+      { zoneKey: "emergence", min: 350, max: 500, color: "rgba(89, 196, 240, 0.4)", textHex: "#0c6796" },
+      { zoneKey: "narcosis", min: 500, max: 1000, color: "rgba(43, 122, 244, 0.4)", textHex: "#0a3c8a" },
+      { zoneKey: "excessive", min: 1000, max: Infinity, color: "rgba(255, 87, 51, 0.4)", textHex: "#a81300" }
     ]
   },
   [MODES.RACEMIQUE]: {
     maxScale: 1000,
-    defaultConcentration: 10, // mg/mL
+    defaultConcentration: 10,
     zones: [
-      { name: "Inactif", min: 0, max: 20, color: "rgba(249, 252, 126, 0.4)", textHex: "#8a8d00" },
-      { name: "Anti-Hyperalgésique", min: 20, max: 100, color: "rgba(218, 247, 166, 0.4)", textHex: "#417505" },
-      { name: "Analgésie", min: 100, max: 300, color: "rgba(255, 195, 0, 0.4)", textHex: "#b78100" },
-      { name: "Psychédélique", min: 300, max: 700, color: "rgba(242, 160, 223, 0.4)", textHex: "#a2137f" },
-      { name: "Émergence", min: 700, max: 1000, color: "rgba(89, 196, 240, 0.4)", textHex: "#0c6796" },
-      { name: "Narcose", min: 1000, max: 2000, color: "rgba(43, 122, 244, 0.4)", textHex: "#0a3c8a" },
-      { name: "Excessif", min: 2000, max: Infinity, color: "rgba(255, 87, 51, 0.4)", textHex: "#a81300" }
+      { zoneKey: "inactive", min: 0, max: 20, color: "rgba(249, 252, 126, 0.4)", textHex: "#8a8d00" },
+      { zoneKey: "anti_hyperalgesic", min: 20, max: 100, color: "rgba(218, 247, 166, 0.4)", textHex: "#417505" },
+      { zoneKey: "analgesia", min: 100, max: 300, color: "rgba(255, 195, 0, 0.4)", textHex: "#b78100" },
+      { zoneKey: "psychedelic", min: 300, max: 700, color: "rgba(242, 160, 223, 0.4)", textHex: "#a2137f" },
+      { zoneKey: "emergence", min: 700, max: 1000, color: "rgba(89, 196, 240, 0.4)", textHex: "#0c6796" },
+      { zoneKey: "narcosis", min: 1000, max: 2000, color: "rgba(43, 122, 244, 0.4)", textHex: "#0a3c8a" },
+      { zoneKey: "excessive", min: 2000, max: Infinity, color: "rgba(255, 87, 51, 0.4)", textHex: "#a81300" }
     ]
   }
 };
 
-// 3. Équation Fondamentale du Calcul de la Concentration Plasmatique Cp(t)
 /**
- * Calcule la réponse impulsionnelle pour un bolus unique à un instant t.
- * $C_p(t) = \frac{\text{dose}}{\text{poids}} \times \left( A \cdot e^{-\alpha t} + B \cdot e^{-\beta t} + C \cdot e^{-\gamma t} \right)$
+ * Calcul d'un bolus unique à l'instant t
  */
 export function calculateBolusCp(model, doseMg, weightKg, timeElapsedMin) {
   if (timeElapsedMin < 0 || weightKg <= 0) return 0;
-  
+
   const dosePerKg = doseMg / weightKg;
   const { A, alpha, B, beta, C, gamma } = model;
 
@@ -88,12 +85,9 @@ export function calculateBolusCp(model, doseMg, weightKg, timeElapsedMin) {
 }
 
 /**
- * Superposition Linéaire des effets (Bolus multiples + Perfusions) sur 300 minutes (pas de 5 min)
+ * Superposition Linéaire des Bolus et Perfusions sur 300 min
  */
 export function generateSimulationData({ model, weightKg, timelineInputs }) {
-  // timelineInputs : tableau de 61 pas de temps (0 à 300 min par pas de 5 min)
-  // { time: 0..300, bolusMg: number, perfRateMgKgH: number }
-
   const timeGrid = Array.from({ length: 61 }, (_, i) => i * 5);
   const cpResults = new Array(61).fill(0);
 
@@ -101,18 +95,14 @@ export function generateSimulationData({ model, weightKg, timelineInputs }) {
     let totalCp = 0;
 
     for (let i = 0; i <= targetIndex; i++) {
-      const inputTime = timeGrid[i];
-      const deltaTime = targetTime - inputTime;
+      const deltaTime = targetTime - timeGrid[i];
       const input = timelineInputs[i] || { bolusMg: 0, perfRateMgKgH: 0 };
 
-      // Contribution du Bolus
       if (input.bolusMg > 0) {
         totalCp += calculateBolusCp(model, input.bolusMg, weightKg, deltaTime);
       }
 
-      // Contribution de la perfusion continue (discrétisée sur le pas de 5 min)
       if (input.perfRateMgKgH > 0) {
-        // mg/kg/h converti en mg sur l'intervalle de 5 min (5/60 heure)
         const perfDoseMg = (input.perfRateMgKgH * weightKg) * (5 / 60);
         totalCp += calculateBolusCp(model, perfDoseMg, weightKg, deltaTime);
       }
@@ -124,12 +114,10 @@ export function generateSimulationData({ model, weightKg, timelineInputs }) {
   return cpResults;
 }
 
-// 4. Fonctions de Calculateur Médical (Conversions d'unités)
+// Moteur de conversion de doses
 export const CalculatorEngine = {
   mgToMgKg: (mg, weight) => (weight > 0 ? mg / weight : 0),
   mgKgToMg: (mgKg, weight) => mgKg * weight,
   mgKgHToMicrogKgMin: (mgKgH) => (mgKgH * 1000) / 60,
-  microgKgMinToMgKgH: (microg) => (microg * 60) / 1000,
-  mgToMl: (mg, concMgMl) => (concMgMl > 0 ? mg / concMgMl : 0),
-  mlToMg: (ml, concMgMl) => ml * concMgMl
+  microgKgMinToMgKgH: (microg) => (microg * 60) / 1000
 };
\ No newline at end of file