From bcb307bde1e8e5dfdd4ef5f2829de30e532856e4 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Thu, 30 Jul 2026 12:48:20 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Tous=20les=20boutons=20d'action?=
 =?UTF-8?q?=20(Excel,=20ZIP,=20Valider=20tout=20BAP,=20Importer,=20Supprim?=
 =?UTF-8?q?er,=20D=C3=A9valider=20BAP,=20Relancer)=20et=20la=20recherche?=
 =?UTF-8?q?=20sont=20maintenant=20sur=20une=20seule=20ligne=20dans=20le=20?=
 =?UTF-8?q?cartouche=20vert=20pastel,=20avec=20les=20filtres=20p=C3=A9riod?=
 =?UTF-8?q?e=20et=20statut=20en=20dessous.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/InvoicesBAP.tsx | 57 +++++++++++++++-----------------
 1 file changed, 27 insertions(+), 30 deletions(-)

diff --git a/client/src/pages/InvoicesBAP.tsx b/client/src/pages/InvoicesBAP.tsx
index 9f0c112..e6b7385 100644
--- a/client/src/pages/InvoicesBAP.tsx
+++ b/client/src/pages/InvoicesBAP.tsx
@@ -587,17 +587,19 @@ export default function InvoicesBAP() {
           <h1 className="text-3xl font-bold">Factures BAP</h1>
           <p className="text-gray-500 mt-1">Factures non-abonnement (Abonnement = NON)</p>
         </div>
-        {/* Barre d'actions : 2 lignes */}
-        <div className="space-y-2">
-          {/* Ligne 1 : Excel, ZIP, Valider tout en BAP, Importer */}
-          <div className="flex flex-wrap gap-2">
+        {/* ===== CARTOUCHE FILTRES + ACTIONS BAP ===== */}
+        <div className="rounded-xl border border-emerald-100 bg-emerald-50/60 px-4 py-3 mb-4 shadow-sm">
+
+          {/* Ligne 1 : Boutons d'action + Recherche */}
+          <div className="flex gap-2 items-center flex-wrap mb-3">
             <Button
               onClick={handleExportExcel}
               disabled={selectedIds.length === 0 || exportExcelMutation.isPending}
               variant="outline"
-              className="border-green-600 text-green-600 hover:bg-green-50"
+              size="sm"
+              className="bg-white border-green-300 text-green-700 hover:bg-green-50"
             >
-              <FileSpreadsheet className="w-4 h-4 mr-2" />
+              <FileSpreadsheet className="w-4 h-4 mr-1" />
               Excel ({selectedIds.length})
             </Button>
             <Button
@@ -631,9 +633,10 @@ export default function InvoicesBAP() {
               }}
               disabled={selectedIds.length === 0 || isZipDownloading}
               variant="outline"
-              className="border-indigo-500 text-indigo-600 hover:bg-indigo-50"
+              size="sm"
+              className="bg-white border-indigo-300 text-indigo-700 hover:bg-indigo-50"
             >
-              <FolderDown className={`w-4 h-4 mr-2 ${isZipDownloading ? 'animate-bounce' : ''}`} />
+              <FolderDown className={`w-4 h-4 mr-1 ${isZipDownloading ? 'animate-bounce' : ''}`} />
               {isZipDownloading ? 'ZIP...' : `ZIP (${selectedIds.length})`}
             </Button>
             <Button
@@ -643,18 +646,16 @@ export default function InvoicesBAP() {
                 }
               }}
               disabled={validateBAPBulkMutation.isPending}
+              size="sm"
               className="bg-green-700 hover:bg-green-800 text-white"
             >
-              <ShieldCheck className="w-4 h-4 mr-2" />
-              {validateBAPBulkMutation.isPending ? "Validation en cours..." : "Valider tout en BAP"}
+              <ShieldCheck className="w-4 h-4 mr-1" />
+              {validateBAPBulkMutation.isPending ? "Validation..." : "Valider tout BAP"}
             </Button>
-            <Button onClick={() => setLocation("/upload")}>
-              <FileText className="w-4 h-4 mr-2" />
+            <Button onClick={() => setLocation("/upload")} size="sm" className="bg-white border-emerald-300 text-emerald-700 hover:bg-emerald-50" variant="outline">
+              <FileText className="w-4 h-4 mr-1" />
               Importer
             </Button>
-          </div>
-          {/* Ligne 2 : Supprimer, Dévalider BAP, Relancer */}
-          <div className="flex flex-wrap gap-2">
             <Button
               onClick={async () => {
                 if (confirm(`Voulez-vous vraiment supprimer ${selectedIds.length} facture(s) ?`)) {
@@ -672,8 +673,9 @@ export default function InvoicesBAP() {
               }}
               disabled={selectedIds.length === 0}
               variant="destructive"
+              size="sm"
             >
-              <Trash2 className="w-4 h-4 mr-2" />
+              <Trash2 className="w-4 h-4 mr-1" />
               Supprimer ({selectedIds.length})
             </Button>
             <Button
@@ -689,9 +691,10 @@ export default function InvoicesBAP() {
               }}
               disabled={selectedIds.length === 0 || devalidateBAPMutation.isPending}
               variant="outline"
-              className="border-orange-500 text-orange-600 hover:bg-orange-50"
+              size="sm"
+              className="bg-white border-orange-300 text-orange-700 hover:bg-orange-50"
             >
-              <ShieldCheck className="w-4 h-4 mr-2 rotate-180" />
+              <ShieldCheck className="w-4 h-4 mr-1 rotate-180" />
               {devalidateBAPMutation.isPending ? "Dévalidation..." : `Dévalider BAP (${selectedIds.length})`}
             </Button>
             <Button
@@ -706,26 +709,20 @@ export default function InvoicesBAP() {
               }}
               disabled={selectedIds.length === 0 || reprocessMutation.isPending}
               variant="outline"
-              className="border-purple-500 text-purple-600 hover:bg-purple-50"
+              size="sm"
+              className="bg-white border-purple-300 text-purple-700 hover:bg-purple-50"
             >
-              <RefreshCw className={`w-4 h-4 mr-2 ${reprocessMutation.isPending ? 'animate-spin' : ''}`} />
+              <RefreshCw className={`w-4 h-4 mr-1 ${reprocessMutation.isPending ? 'animate-spin' : ''}`} />
               {reprocessMutation.isPending ? `Retraitement...` : `Relancer (${selectedIds.length})`}
             </Button>
-          </div>
-        </div>
-
-        {/* ===== CARTOUCHE FILTRES BAP ===== */}
-        <div className="rounded-xl border border-emerald-100 bg-emerald-50/60 px-4 py-3 mb-4 shadow-sm">
-
-          {/* Ligne 1 : Recherche */}
-          <div className="flex gap-3 items-center flex-wrap mb-3">
-            <div className="relative flex-1 min-w-[220px]">
+            {/* Recherche à droite */}
+            <div className="relative flex-1 min-w-[200px] ml-auto">
               <Search className="absolute left-3 top-1/2 -translate-y-1/2 text-emerald-400 w-4 h-4" />
               <Input
                 placeholder="Rechercher par fournisseur ou numéro..."
                 value={searchQuery}
                 onChange={(e) => setSearchQuery(e.target.value)}
-                className="pl-10 bg-white border-emerald-200 focus:border-emerald-400"
+                className="pl-10 bg-white border-emerald-200 focus:border-emerald-400 h-8 text-sm"
               />
             </div>
           </div>