From da7921b4354de865b6b19dc4b97115222936a96c Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Thu, 4 Jun 2026 13:53:53 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Ajout=20d'un=20bouton=20Supprimer?=
 =?UTF-8?q?=20(rouge)=20avec=20AlertDialog=20de=20confirmation=20=C3=A0=20?=
 =?UTF-8?q?c=C3=B4t=C3=A9=20de=20R=C3=A9initialiser=20dans=20le=20header?=
 =?UTF-8?q?=20OPEX=20DSI.=20Disponible=20uniquement=20pour=20les=20pr?=
 =?UTF-8?q?=C3=A9visionnels=20non=20valid=C3=A9s.=20Apr=C3=A8s=20confirmat?=
 =?UTF-8?q?ion,=20efface=20toutes=20les=20donn=C3=A9es=20de=20l'ann=C3=A9e?=
 =?UTF-8?q?=20et=20affiche=20l'=C3=A9cran=20vide=20avec=20les=20boutons=20?=
 =?UTF-8?q?Cr=C3=A9er=20depuis=20N-1=20/=20Ajouter=20manuellement.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/DsiOpex.tsx | 34 ++++++++++++++++++++++++++++++++++
 1 file changed, 34 insertions(+)

diff --git a/client/src/pages/DsiOpex.tsx b/client/src/pages/DsiOpex.tsx
index 7bab533..fe767f7 100644
--- a/client/src/pages/DsiOpex.tsx
+++ b/client/src/pages/DsiOpex.tsx
@@ -650,6 +650,40 @@ export default function DsiOpex() {
               <AnneeSelectorBar />
               {!isValidated && (
                 <>
+                  <AlertDialog>
+                    <AlertDialogTrigger asChild>
+                      <button
+                        className="flex items-center gap-1.5 px-3 py-2 text-sm rounded-lg border border-destructive/40 bg-card hover:bg-destructive/10 transition-colors text-destructive"
+                        title="Supprimer ce prévisionnel"
+                      >
+                        <Trash2 className="w-3.5 h-3.5" />
+                        Supprimer
+                      </button>
+                    </AlertDialogTrigger>
+                    <AlertDialogContent>
+                      <AlertDialogHeader>
+                        <AlertDialogTitle>Supprimer l'OPEX {annee} ?</AlertDialogTitle>
+                        <AlertDialogDescription>
+                          Toutes les données du prévisionnel OPEX {annee} seront <strong>définitivement supprimées</strong>. Cette action ne peut pas être annulée.
+                        </AlertDialogDescription>
+                      </AlertDialogHeader>
+                      <AlertDialogFooter>
+                        <AlertDialogCancel>Annuler</AlertDialogCancel>
+                        <AlertDialogAction
+                          onClick={() => {
+                            const emptyState: OpexAnneeState = { lignes: [], validated: false };
+                            setOpexState(emptyState);
+                            saveOpexState(annee, emptyState);
+                            setIsDirty(false);
+                            toast.success(`OPEX ${annee} supprimé`, { description: 'Le prévisionnel a été effacé.' });
+                          }}
+                          className="bg-destructive hover:bg-destructive/90 text-destructive-foreground"
+                        >
+                          Supprimer définitivement
+                        </AlertDialogAction>
+                      </AlertDialogFooter>
+                    </AlertDialogContent>
+                  </AlertDialog>
                   <button
                     onClick={handleReset}
                     className="flex items-center gap-1.5 px-3 py-2 text-sm rounded-lg border border-border bg-card hover:bg-muted transition-colors text-muted-foreground"