Les identifiants partent par e-mail, sans jamais passer par la file

Les cinq actions qui émettent un mot de passe temporaire — création d'un
adhérent, rattrapage des comptes manquants, réinitialisation, invitation
staff, approbation d'une demande — l'envoient désormais au destinataire.

L'envoi est **en ligne directe**, jamais mis en file : `mail_messages.html`
est stocké en base, et CLAUDE.md pose que le mot de passe temporaire n'est
jamais conservé. Le clair n'existe donc que dans la portée de l'action, et
seule une trace sans contenu est journalisée.

C'est un plus, jamais un point de rupture : `OneTimeCredentials` continue
d'afficher le mot de passe quoi qu'il arrive, et annonce « envoyé à … » ou
« envoi impossible, transmettez-le à la main ». Boîte non configurée,
l'écran se comporte exactement comme avant.

Au passage, le rattrapage des comptes manquants ne perd plus l'état d'envoi
de chaque ligne : la liste propage l'objet entier au lieu d'en recopier
trois champs.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_014QsLjRAnuLwivqxCbM4WeP

src/components/OneTimeCredentials.tsx

@@ -7,8 +7,34 @@
  * l'état de ce composant, le temps que le staff le relève. Un rechargement de
  * la page le fait disparaître définitivement (il reste possible de
  * réinitialiser le mot de passe pour en obtenir un nouveau).
+ *
+ * L'envoi par e-mail est un **plus**, jamais un remplacement : le mot de passe
+ * reste affiché même quand le message est parti, et surtout quand il n'a pas
+ * pu partir. Boîte mail non configurée, le panneau se comporte exactement
+ * comme avant.
  */
-export type IssuedCredentialsItem = { label?: string; email: string; tempPassword: string };
+export type IssuedCredentialsItem = {
+  label?: string;
+  email: string;
+  tempPassword: string;
+  mailed?: boolean;
+  mailError?: string;
+};
+
+function Delivery({ item }: { item: IssuedCredentialsItem }) {
+  if (item.mailed === undefined) return null;
+  if (item.mailed) {
+    return (
+      <span style={{ color: "#1f8a5b", fontWeight: 700 }}>✓ Envoyé à {item.email}</span>
+    );
+  }
+  return (
+    <span style={{ color: "#a8503c", fontWeight: 700 }}>
+      Envoi impossible — transmettez-le à la main
+      {item.mailError ? ` (${item.mailError.slice(0, 120)})` : ""}
+    </span>
+  );
+}
 
 export function OneTimeCredentials({
   items,
@@ -18,6 +44,8 @@ export function OneTimeCredentials({
   title?: string;
 }) {
   if (items.length === 0) return null;
+  const allMailed = items.every((item) => item.mailed);
+
   return (
     <div
       role="status"
@@ -26,7 +54,7 @@ export function OneTimeCredentials({
       <div className="font-display" style={{ fontWeight: 700, fontSize: 14.5, marginBottom: 8 }}>
         {title}
       </div>
-      <div style={{ display: "flex", flexDirection: "column", gap: 8 }}>
+      <div style={{ display: "flex", flexDirection: "column", gap: 10 }}>
         {items.map((item) => (
           <div key={item.email} style={{ display: "flex", flexWrap: "wrap", gap: "4px 14px", alignItems: "baseline" }}>
             {item.label && <span style={{ fontWeight: 700, color: "#6f4b23" }}>{item.label}</span>}
@@ -37,11 +65,14 @@ export function OneTimeCredentials({
               Mot de passe temporaire :{" "}
               <strong style={{ fontFamily: "monospace", fontSize: 15, userSelect: "all" }}>{item.tempPassword}</strong>
             </span>
+            <Delivery item={item} />
           </div>
         ))}
       </div>
       <div style={{ fontSize: 12, marginTop: 10, lineHeight: 1.5 }}>
-        Notez-le maintenant : il n&apos;est affiché qu&apos;une seule fois et n&apos;est conservé nulle part.
+        {allMailed
+          ? "Le message est parti, mais notez-le quand même : il n'est affiché qu'une seule fois et n'est conservé nulle part."
+          : "Notez-le maintenant : il n'est affiché qu'une seule fois et n'est conservé nulle part."}{" "}
         Un changement de mot de passe sera exigé à la première connexion.
       </div>
     </div>