From 6264693dffb50402d600025414fde8522de9228d Mon Sep 17 00:00:00 2001
From: Manus Sandbox <sandbox@manus.ai>
Date: Wed, 19 Nov 2025 12:03:25 -0500
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Trois=20corrections=20appliqu?=
 =?UTF-8?q?=C3=A9es?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ **1. Champ formateur dans nouvelle séquence**
Ajout du champ formateur avec autocomplétion dans le formulaire de création de séquence, permettant de sélectionner ou ajouter rapidement un formateur.

✅ **2. Placeholder du formateur**
Le placeholder affiche "Sélectionner un formateur" (déjà correct par défaut dans le composant).

✅ **3. Nom séquence + formation dans calendrier**
Le calendrier affiche maintenant le nom de la séquence ET le nom de la formation associée pour une meilleure identification visuelle.
---
 client/src/pages/AdminCalendrier.tsx |  3 ++-
 client/src/pages/AdminSequences.tsx  | 10 ++++++++++
 todo.md                              |  6 ++++++
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/AdminCalendrier.tsx b/client/src/pages/AdminCalendrier.tsx
index 311e90b..6b5053c 100644
--- a/client/src/pages/AdminCalendrier.tsx
+++ b/client/src/pages/AdminCalendrier.tsx
@@ -168,7 +168,8 @@ export default function AdminCalendrier() {
                             onClick={() => handleSequenceClick(seq)}
                             className="w-full text-left text-xs p-1.5 rounded bg-blue-100 hover:bg-blue-200 text-blue-800 space-y-0.5"
                           >
-                            <div className="font-medium truncate">{seq.formation?.titre || "Sans titre"}</div>
+                            <div className="font-medium truncate">{seq.nom}</div>
+                            <div className="text-[10px] font-semibold opacity-90 truncate">{seq.formation?.titre || "Sans formation"}</div>
                             <div className="text-[10px] opacity-80 truncate">
                               {seq.lieu} {seq.formateur && `• ${seq.formateur}`}
                             </div>
diff --git a/client/src/pages/AdminSequences.tsx b/client/src/pages/AdminSequences.tsx
index 76c54ba..02a03cb 100644
--- a/client/src/pages/AdminSequences.tsx
+++ b/client/src/pages/AdminSequences.tsx
@@ -395,6 +395,16 @@ export default function AdminSequences() {
                       </SelectContent>
                     </Select>
                   </div>
+                </div>
+
+                <div className="grid grid-cols-2 gap-4">
+                  <div className="space-y-2">
+                    <Label htmlFor="formateur">Formateur</Label>
+                    <FormateurCombobox
+                      value={formData.formateur || ""}
+                      onChange={(value) => setFormData({ ...formData, formateur: value })}
+                    />
+                  </div>
 
                   <div className="space-y-2">
                     <Label htmlFor="capaciteMax">Capacité maximale *</Label>
diff --git a/todo.md b/todo.md
index fc9445a..57e1d6a 100644
--- a/todo.md
+++ b/todo.md
@@ -303,3 +303,9 @@
 - [x] Corriger le composant Progress pour supporter indicatorClassName
 - [x] Corriger les couleurs de la barre de progression (vert/orange/rouge) selon le taux de remplissage
 - [x] Compléter les informations des séquences affichées dans le calendrier (lieu, formateur, nb inscrits)
+
+## Trois nouvelles corrections
+
+- [x] Ajouter le champ formateur dans le formulaire "Nouvelle séquence"
+- [x] Modifier le placeholder du formateur : "Sélectionner un formateur" (déjà correct par défaut)
+- [x] Afficher le nom de la séquence ET le nom de la formation dans le calendrier