From 400931f701033739a3e8ae13411c1afc28e27680 Mon Sep 17 00:00:00 2001
From: LogiFlow <101972532+R0m1k3@users.noreply.github.com>
Date: Tue, 4 Nov 2025 13:11:41 +0100
Subject: [PATCH 01/26] Update build script to exclude xlsx package

Exclude 'xlsx' package from the build process.
---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 7acdf08..5d04dff 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "NODE_ENV=development tsx server/index.ts",
-    "build": "vite build && esbuild server/index.ts --platform=node --packages=external --bundle --format=esm --outdir=dist",
+    "build": "vite build && esbuild server/index.ts --platform=node --packages=external --external:xlsx --bundle --format=esm --outdir=dist",
     "start": "NODE_ENV=production node dist/index.js",
     "check": "tsc",
     "db:push": "drizzle-kit push"

From 8be81e82e1c414f370a73690546cc0393e96872d Mon Sep 17 00:00:00 2001
From: LogiFlow <101972532+R0m1k3@users.noreply.github.com>
Date: Tue, 4 Nov 2025 13:18:54 +0100
Subject: [PATCH 02/26] Update build script to change package handling

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 5d04dff..20d2869 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "NODE_ENV=development tsx server/index.ts",
-    "build": "vite build && esbuild server/index.ts --platform=node --packages=external --external:xlsx --bundle --format=esm --outdir=dist",
+    "build": "vite build && esbuild server/index.ts --platform=node --packages=bundle --bundle --format=esm --outdir=dist",
     "start": "NODE_ENV=production node dist/index.js",
     "check": "tsc",
     "db:push": "drizzle-kit push"

From 3c20346a8326bac26c7143464866fffdfb454bc2 Mon Sep 17 00:00:00 2001
From: LogiFlow <101972532+R0m1k3@users.noreply.github.com>
Date: Tue, 4 Nov 2025 13:22:22 +0100
Subject: [PATCH 03/26] Update build and start scripts in package.json

---
 package.json | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 20d2869..6c29ab4 100644
--- a/package.json
+++ b/package.json
@@ -5,8 +5,8 @@
   "license": "MIT",
   "scripts": {
     "dev": "NODE_ENV=development tsx server/index.ts",
-    "build": "vite build && esbuild server/index.ts --platform=node --packages=bundle --bundle --format=esm --outdir=dist",
-    "start": "NODE_ENV=production node dist/index.js",
+    "build": "vite build && tsc --project tsconfig.server.json",
+    "start": "NODE_ENV=production node dist/server/index.js",
     "check": "tsc",
     "db:push": "drizzle-kit push"
   },

From 2d77fd2b863718002ea144234499e34299e6fa05 Mon Sep 17 00:00:00 2001
From: LogiFlow <101972532+R0m1k3@users.noreply.github.com>
Date: Tue, 4 Nov 2025 17:43:23 +0100
Subject: [PATCH 04/26] Update build script to use esbuild

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 63d6aac..0b602f9 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "NODE_ENV=development tsx server/index.ts",
-    "build": "vite build && tsc --project tsconfig.server.json",
+    "build": "vite build && esbuild server/index.ts --platform=node --packages=bundle --bundle --format=esm --outdir=dist",
     "start": "NODE_ENV=production node dist/server/index.js",
     "check": "tsc",
     "db:push": "drizzle-kit push"

From 359cbdcf162bd928875c32bce91f6fbb1aecefc5 Mon Sep 17 00:00:00 2001
From: LogiFlow <101972532+R0m1k3@users.noreply.github.com>
Date: Tue, 4 Nov 2025 17:46:31 +0100
Subject: [PATCH 05/26] Update package.json

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 0b602f9..63d6aac 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,7 @@
   "license": "MIT",
   "scripts": {
     "dev": "NODE_ENV=development tsx server/index.ts",
-    "build": "vite build && esbuild server/index.ts --platform=node --packages=bundle --bundle --format=esm --outdir=dist",
+    "build": "vite build && tsc --project tsconfig.server.json",
     "start": "NODE_ENV=production node dist/server/index.js",
     "check": "tsc",
     "db:push": "drizzle-kit push"

From 6b719fb111b876abdbbb94891c7430c3f3a6a16b Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Mon, 8 Dec 2025 09:12:45 +0100
Subject: [PATCH 06/26] feat: implement Sidebar component including navigation,
 user details, logout, and BAP document upload with webhook integration.

---
 client/src/components/Sidebar.tsx | 361 +++++++++++++++---------------
 1 file changed, 176 insertions(+), 185 deletions(-)

diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 502a2df..7d20889 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -11,15 +11,15 @@ import { Label } from "@/components/ui/label";
 import { Input } from "@/components/ui/input";
 import { useToast } from "@/hooks/use-toast";
 import { apiRequest } from "@/lib/queryClient";
-import { 
-  Store, 
-  Calendar, 
-  BarChart3, 
-  Package, 
-  Truck, 
-  Building, 
-  Users, 
-  UserCog, 
+import {
+  Store,
+  Calendar,
+  BarChart3,
+  Package,
+  Truck,
+  Building,
+  Users,
+  UserCog,
   LogOut,
   FileText,
   Megaphone,
@@ -106,7 +106,7 @@ export default function Sidebar() {
       const configResponse = await fetch('/api/webhook-bap-config', {
         credentials: 'include'
       });
-      
+
       if (configResponse.ok) {
         const config = await configResponse.json();
         webhookUrl = config?.webhookUrl;
@@ -150,9 +150,9 @@ export default function Sidebar() {
       if (!response.ok) {
         throw new Error(`Erreur ${response.status}: ${response.statusText}`);
       }
-      
+
       handleCloseWaitingModal();
-      
+
       toast({
         title: "Succès",
         description: "Fichier BAP envoyé avec succès",
@@ -161,23 +161,23 @@ export default function Sidebar() {
       // Reset des données
       setSelectedFile(null);
       setSelectedRecipient('');
-      
+
     } catch (error: any) {
       handleCloseWaitingModal();
-      
+
       let errorMessage = "Impossible d'envoyer le fichier BAP";
       if (error.name === 'AbortError') {
         errorMessage = "Le traitement a pris trop de temps (timeout de 60 secondes)";
       } else if (error.message) {
         errorMessage = error.message;
       }
-      
+
       toast({
         title: "Erreur",
         description: errorMessage,
         variant: "destructive",
       });
-      
+
       // Réouvrir le modal de sélection en cas d'erreur
       setShowBapModal(true);
     } finally {
@@ -193,7 +193,7 @@ export default function Sidebar() {
   const handleLogout = async () => {
     try {
       // Force logout via fetch to ensure session is destroyed
-      await fetch('/api/logout', { 
+      await fetch('/api/logout', {
         method: 'POST',
         credentials: 'include'
       });
@@ -232,138 +232,138 @@ export default function Sidebar() {
     {
       title: "GESTION PRINCIPALE",
       items: [
-        { 
-          path: "/dashboard", 
-          label: "Tableau de bord", 
-          icon: BarChart3, 
-          roles: ["admin", "directeur", "manager", "employee"] 
+        {
+          path: "/dashboard",
+          label: "Tableau de bord",
+          icon: BarChart3,
+          roles: ["admin", "directeur", "manager", "employee"]
         },
-        { 
-          path: "/calendar", 
-          label: "Calendrier", 
-          icon: Calendar, 
-          roles: ["admin", "directeur", "manager", "employee"] 
+        {
+          path: "/calendar",
+          label: "Calendrier",
+          icon: Calendar,
+          roles: ["admin", "directeur", "manager", "employee"]
         },
       ]
     },
     {
       title: "LOGISTIQUE",
       items: [
-        { 
-          path: "/orders", 
-          label: "Commandes", 
-          icon: Package, 
-          roles: ["admin", "directeur", "manager"] 
+        {
+          path: "/orders",
+          label: "Commandes",
+          icon: Package,
+          roles: ["admin", "directeur", "manager"]
         },
-        { 
-          path: "/deliveries", 
-          label: "Livraisons", 
-          icon: Truck, 
-          roles: ["admin", "directeur", "manager"] 
+        {
+          path: "/deliveries",
+          label: "Livraisons",
+          icon: Truck,
+          roles: ["admin", "directeur", "manager"]
         },
-        { 
-          path: "/bl-reconciliation", 
-          label: "Rapprochement", 
-          icon: FileText, 
-          roles: ["admin", "directeur"] 
+        {
+          path: "/bl-reconciliation",
+          label: "Rapprochement",
+          icon: FileText,
+          roles: ["admin", "directeur"]
         },
-        { 
-          path: "/payment-schedule", 
-          label: "Échéance", 
-          icon: CreditCard, 
-          roles: ["admin", "directeur"] 
+        {
+          path: "/payment-schedule",
+          label: "Échéance",
+          icon: CreditCard,
+          roles: ["admin", "directeur"]
         },
-        { 
-          path: "/avoirs", 
-          label: "Avoirs", 
-          icon: Receipt, 
-          roles: ["admin", "directeur", "manager"] 
+        {
+          path: "/avoirs",
+          label: "Avoirs",
+          icon: Receipt,
+          roles: ["admin", "directeur", "manager"]
         },
       ]
     },
     {
       title: "ANALYSES",
       items: [
-        { 
-          path: "/analytics", 
-          label: "Statistiques", 
-          icon: BarChart3, 
-          roles: ["admin", "directeur", "manager"] 
+        {
+          path: "/analytics",
+          label: "Statistiques",
+          icon: BarChart3,
+          roles: ["admin", "directeur", "manager"]
         },
-        { 
-          path: "/sales-analysis", 
-          label: "Analyse Vente", 
-          icon: TrendingUp, 
-          roles: ["admin", "directeur"] 
+        {
+          path: "/sales-analysis",
+          label: "Analyse Vente",
+          icon: TrendingUp,
+          roles: ["admin", "directeur"]
         },
       ]
     },
     {
       title: "OPÉRATIONS",
       items: [
-        { 
-          path: "/publicities", 
-          label: "Publicités", 
-          icon: Megaphone, 
-          roles: ["admin", "directeur", "manager", "employee"] 
+        {
+          path: "/publicities",
+          label: "Publicités",
+          icon: Megaphone,
+          roles: ["admin", "directeur", "manager", "employee"]
         },
-        { 
-          path: "/customer-orders", 
-          label: "Commandes Client", 
-          icon: ShoppingCart, 
-          roles: ["admin", "directeur", "manager", "employee"] 
+        {
+          path: "/customer-orders",
+          label: "Commandes Client",
+          icon: ShoppingCart,
+          roles: ["admin", "directeur", "manager", "employee"]
         },
-        { 
-          path: "/dlc", 
-          label: "Gestion DLC", 
-          icon: Clock, 
-          roles: ["admin", "directeur", "manager", "employee"] 
+        {
+          path: "/dlc",
+          label: "Gestion DLC",
+          icon: Clock,
+          roles: ["admin", "directeur", "manager", "employee"]
         },
-        { 
-          path: "/tasks", 
-          label: "Tâches", 
-          icon: ListTodo, 
-          roles: ["admin", "directeur", "manager", "employee"] 
+        {
+          path: "/tasks",
+          label: "Tâches",
+          icon: ListTodo,
+          roles: ["admin", "directeur", "manager", "employee"]
         },
-        { 
-          path: "/sav", 
-          label: "SAV", 
-          icon: Wrench, 
-          roles: ["admin", "directeur", "manager", "employee"] 
+        {
+          path: "/sav",
+          label: "SAV",
+          icon: Wrench,
+          roles: ["admin", "directeur", "manager", "employee"]
         },
       ]
     },
   ];
 
   const adminItems = [
-    { 
-      path: "/users", 
-      label: "Utilisateurs", 
-      icon: UserCog, 
-      roles: ["admin"] 
+    {
+      path: "/users",
+      label: "Utilisateurs",
+      icon: UserCog,
+      roles: ["admin"]
     },
-    { 
-      path: "/suppliers", 
-      label: "Fournisseurs", 
-      icon: Building, 
-      roles: ["admin"] 
+    {
+      path: "/suppliers",
+      label: "Fournisseurs",
+      icon: Building,
+      roles: ["admin"]
     },
-    { 
-      path: "/groups", 
-      label: "Magasins", 
-      icon: Users, 
-      roles: ["admin"] 
+    {
+      path: "/groups",
+      label: "Magasins",
+      icon: Users,
+      roles: ["admin"]
     },
-    { 
-      path: "/utilities", 
-      label: "Utilitaires", 
-      icon: Settings, 
-      roles: ["admin"] 
+    {
+      path: "/utilities",
+      label: "Utilitaires",
+      icon: Settings,
+      roles: ["admin"]
     },
-    { 
-      path: "#bap", 
-      label: "BAP", 
-      icon: FileUp, 
+    {
+      path: "#bap",
+      label: "BAP",
+      icon: FileUp,
       roles: ["admin"],
       isButton: true
     },
@@ -383,27 +383,26 @@ export default function Sidebar() {
   // Classes responsives adaptées avec support tablette
   const getSidebarClasses = () => {
     if (isMobile) {
-      return `fixed inset-y-0 left-0 z-50 w-64 bg-white border-r border-gray-200 shadow-lg transform transition-transform duration-300 ease-in-out ${
-        mobileMenuOpen ? 'translate-x-0' : '-translate-x-full'
-      }`;
+      return `fixed inset-y-0 left-0 z-50 w-64 bg-white border-r border-gray-200 shadow-lg transform transition-transform duration-300 ease-in-out ${mobileMenuOpen ? 'translate-x-0' : '-translate-x-full'
+        }`;
     }
-    
+
     // Mode tablette : semi-collapsed par défaut ou collapsed si forcé
     if (isTablet) {
       return `${sidebarCollapsed ? 'sidebar-collapsed' : 'sidebar-tablet'} bg-white border-r border-gray-200 flex flex-col shadow-lg transition-all duration-300 ease-in-out`;
     }
-    
+
     // Mode desktop standard
     return `${sidebarCollapsed ? 'sidebar-collapsed' : 'sidebar-expanded'} bg-white border-r border-gray-200 flex flex-col shadow-lg transition-all duration-300 ease-in-out`;
   };
-  
+
   const sidebarClasses = getSidebarClasses();
-  
+
   // Debug log pour vérifier l'état de la sidebar
-  console.log('🔧 Sidebar Debug:', { 
-    isMobile, 
-    sidebarCollapsed, 
-    mobileMenuOpen, 
+  console.log('🔧 Sidebar Debug:', {
+    isMobile,
+    sidebarCollapsed,
+    mobileMenuOpen,
     width: sidebarCollapsed ? 'collapsed (64px)' : 'expanded (256px)',
     classes: sidebarClasses
   });
@@ -578,7 +577,7 @@ export default function Sidebar() {
       </div>
 
       {/* Navigation */}
-      <nav className="flex-1 py-2 px-3 overflow-y-hidden">
+      <nav className="flex-1 py-2 px-3 overflow-y-auto">
         <div className="space-y-3">
           {menuSections.map((section, sectionIndex) => {
             // Vérifier si au moins un item de la section est accessible
@@ -593,48 +592,46 @@ export default function Sidebar() {
                     {section.title}
                   </h3>
                 )}
-                
+
                 {/* Séparateur visuel en mode collapsed */}
                 {sidebarCollapsed && sectionIndex > 0 && (
                   <div className="border-t border-gray-200 my-2"></div>
                 )}
-                
+
                 {/* Items du menu */}
                 <div className="space-y-0.5">
                   {section.items.map((item) => {
                     const hasRolePermission = hasPermission(item.roles);
-                    
+
                     if (!hasRolePermission) return null;
-                    
+
                     const Icon = item.icon;
                     const active = isActive(item.path);
-                    
+
                     return (
                       <Link key={item.path} href={item.path}>
                         <div
                           className={`flex items-center transition-colors hover:bg-gray-100 rounded-md ${
                             // Espacement adaptatif selon l'écran et l'état
-                            sidebarCollapsed && !isMobile 
-                              ? 'px-3 py-2 justify-center min-h-9' 
-                              : isMobileOrTablet 
-                                ? 'px-4 py-2.5 min-h-10' 
+                            sidebarCollapsed && !isMobile
+                              ? 'px-3 py-2 justify-center min-h-9'
+                              : isMobileOrTablet
+                                ? 'px-4 py-2.5 min-h-10'
                                 : 'px-3 py-2 min-h-9'
-                          } ${
-                            active
+                            } ${active
                               ? 'bg-blue-50 text-blue-700 border-r-2 border-blue-600'
                               : 'text-gray-700'
-                          }`}
+                            }`}
                           title={sidebarCollapsed && !isMobile ? item.label : undefined}
                           onClick={handleMenuClick}
                         >
                           <Icon className={`${
                             // Tailles d'icônes adaptatives
-                            isMobile ? 'h-5 w-5' : 
-                            isTablet ? 'h-6 w-6' : 
-                            'h-5 w-5'
-                          } ${
-                            active ? 'text-blue-700' : 'text-gray-600'
-                          } ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
+                            isMobile ? 'h-5 w-5' :
+                              isTablet ? 'h-6 w-6' :
+                                'h-5 w-5'
+                            } ${active ? 'text-blue-700' : 'text-gray-600'
+                            } ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
                           {(!sidebarCollapsed || isMobile) && (
                             <span className={`${isMobileOrTablet ? 'text-base' : 'text-[15px]'} font-medium`}>
                               {item.label}
@@ -664,32 +661,30 @@ export default function Sidebar() {
           <div className="space-y-0.5">
             {adminItems.map((item) => {
               if (!hasPermission(item.roles)) return null;
-              
+
               const Icon = item.icon;
               const active = isActive(item.path);
-              
+
               if (item.isButton && item.path === '#bap') {
                 return (
                   <div key={item.path}>
                     <div
-                      className={`flex items-center cursor-pointer transition-colors hover:bg-gray-100 rounded-md ${
-                        sidebarCollapsed && !isMobile 
-                          ? 'px-3 py-2 justify-center min-h-9' 
-                          : isMobileOrTablet 
-                            ? 'px-4 py-2.5 min-h-10' 
+                      className={`flex items-center cursor-pointer transition-colors hover:bg-gray-100 rounded-md ${sidebarCollapsed && !isMobile
+                          ? 'px-3 py-2 justify-center min-h-9'
+                          : isMobileOrTablet
+                            ? 'px-4 py-2.5 min-h-10'
                             : 'px-3 py-2 min-h-9'
-                      } text-gray-700`}
+                        } text-gray-700`}
                       title={sidebarCollapsed && !isMobile ? item.label : undefined}
                       onClick={() => {
                         setShowBapModal(true);
                         if (isMobile) setMobileMenuOpen(false);
                       }}
                     >
-                      <Icon className={`${
-                        isMobile ? 'h-5 w-5' : 
-                        isTablet ? 'h-6 w-6' : 
-                        'h-5 w-5'
-                      } text-gray-600 ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
+                      <Icon className={`${isMobile ? 'h-5 w-5' :
+                          isTablet ? 'h-6 w-6' :
+                            'h-5 w-5'
+                        } text-gray-600 ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
                       {(!sidebarCollapsed || isMobile) && (
                         <span className={`${isMobileOrTablet ? 'text-base' : 'text-[15px]'} font-medium`}>
                           {item.label}
@@ -699,31 +694,27 @@ export default function Sidebar() {
                   </div>
                 );
               }
-              
+
               return (
                 <Link key={item.path} href={item.path}>
                   <div
-                    className={`flex items-center transition-colors hover:bg-gray-100 rounded-md ${
-                      sidebarCollapsed && !isMobile 
-                        ? 'px-3 py-2 justify-center min-h-9' 
-                        : isMobileOrTablet 
-                          ? 'px-4 py-2.5 min-h-10' 
+                    className={`flex items-center transition-colors hover:bg-gray-100 rounded-md ${sidebarCollapsed && !isMobile
+                        ? 'px-3 py-2 justify-center min-h-9'
+                        : isMobileOrTablet
+                          ? 'px-4 py-2.5 min-h-10'
                           : 'px-3 py-2 min-h-9'
-                    } ${
-                      active
+                      } ${active
                         ? 'bg-blue-50 text-blue-700 border-r-2 border-blue-600'
                         : 'text-gray-700'
-                    }`}
+                      }`}
                     title={sidebarCollapsed && !isMobile ? item.label : undefined}
                     onClick={handleMenuClick}
                   >
-                    <Icon className={`${
-                      isMobile ? 'h-5 w-5' : 
-                      isTablet ? 'h-6 w-6' : 
-                      'h-5 w-5'
-                    } ${
-                      active ? 'text-blue-700' : 'text-gray-600'
-                    } ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
+                    <Icon className={`${isMobile ? 'h-5 w-5' :
+                        isTablet ? 'h-6 w-6' :
+                          'h-5 w-5'
+                      } ${active ? 'text-blue-700' : 'text-gray-600'
+                      } ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
                     {(!sidebarCollapsed || isMobile) && (
                       <span className={`${isMobileOrTablet ? 'text-base' : 'text-[15px]'} font-medium`}>
                         {item.label}
@@ -750,9 +741,9 @@ export default function Sidebar() {
             {/* NOUVELLE zone de sélection de fichier */}
             <div className="space-y-3">
               <Label className="text-sm font-semibold text-gray-800">Fichier PDF</Label>
-              
+
               {!selectedFile ? (
-                <div 
+                <div
                   className="border-2 border-dashed border-blue-300 rounded-xl p-8 bg-gradient-to-br from-blue-50 to-indigo-50 hover:from-blue-100 hover:to-indigo-100 transition-all cursor-pointer group"
                   onClick={() => document.getElementById('hidden-file-input')?.click()}
                 >
@@ -786,8 +777,8 @@ export default function Sidebar() {
                         {(selectedFile.size / 1024 / 1024).toFixed(2)} MB • PDF
                       </p>
                     </div>
-                    <Button 
-                      variant="outline" 
+                    <Button
+                      variant="outline"
                       size="sm"
                       onClick={() => {
                         setSelectedFile(null);
@@ -801,7 +792,7 @@ export default function Sidebar() {
                   </div>
                 </div>
               )}
-              
+
               {/* Input caché */}
               <input
                 id="hidden-file-input"
@@ -840,14 +831,14 @@ export default function Sidebar() {
             </div>
             {/* Boutons améliorés */}
             <div className="flex gap-3 pt-4 border-t border-gray-200">
-              <Button 
-                variant="outline" 
+              <Button
+                variant="outline"
                 onClick={() => setShowBapModal(false)}
                 className="flex-1 h-12 border-2 border-gray-200 hover:border-gray-300"
               >
                 Annuler
               </Button>
-              <Button 
+              <Button
                 onClick={handleSendBap}
                 disabled={!selectedFile || !selectedRecipient || isUploading}
                 className="flex-1 h-12 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-300 text-white font-medium"
@@ -870,7 +861,7 @@ export default function Sidebar() {
       </Dialog>
 
       {/* Modal d'attente */}
-      <Dialog open={showWaitingModal} onOpenChange={() => {}}>
+      <Dialog open={showWaitingModal} onOpenChange={() => { }}>
         <DialogContent className="sm:max-w-md">
           <DialogHeader>
             <DialogTitle className="flex items-center gap-2">
@@ -885,7 +876,7 @@ export default function Sidebar() {
                 Envoi du fichier vers le workflow...
               </div>
               <div className="text-xs text-gray-500">
-                {processingSeconds < 60 
+                {processingSeconds < 60
                   ? `${processingSeconds}s écoulées`
                   : '60s+ écoulées'
                 }
@@ -910,13 +901,13 @@ export default function Sidebar() {
                   {user?.firstName || user?.lastName ? `${user?.firstName || ''} ${user?.lastName || ''}`.trim() : user?.username}
                 </p>
                 <p className="text-xs text-gray-500 truncate">
-                  {user?.role === 'admin' ? 'Administrateur' : 
-                   user?.role === 'manager' ? 'Manager' : 
-                   user?.role === 'directeur' ? 'Directeur' : 'Employé'}
+                  {user?.role === 'admin' ? 'Administrateur' :
+                    user?.role === 'manager' ? 'Manager' :
+                      user?.role === 'directeur' ? 'Directeur' : 'Employé'}
                 </p>
               </div>
             </div>
-            <Button 
+            <Button
               onClick={handleLogout}
               variant="ghost"
               size="sm"
@@ -933,7 +924,7 @@ export default function Sidebar() {
                 {getInitials(user?.firstName, user?.lastName)}
               </span>
             </div>
-            <Button 
+            <Button
               onClick={handleLogout}
               variant="ghost"
               size="sm"

From 4318bb3b5c97b9881f720fcbdf4c1a0c472930c3 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 08:54:39 +0200
Subject: [PATCH 07/26] feat: implement production router with mobile/desktop
 support and add sidebar navigation component

---
 client/src/components/RouterProduction.tsx |  2 --
 client/src/components/Sidebar.tsx          |  7 -------
 client/src/pages/Dashboard.tsx             |  3 ++-
 client/src/pages/Utilities.tsx             | 21 ++-------------------
 4 files changed, 4 insertions(+), 29 deletions(-)

diff --git a/client/src/components/RouterProduction.tsx b/client/src/components/RouterProduction.tsx
index 5905855..19c1be9 100644
--- a/client/src/components/RouterProduction.tsx
+++ b/client/src/components/RouterProduction.tsx
@@ -26,7 +26,6 @@ import SavTickets from "@/pages/SavTickets";
 import Avoirs from "@/pages/Avoirs";
 import WeatherSettings from "@/pages/WeatherSettings";
 import Analytics from "@/pages/Analytics";
-import SalesAnalysisPage from "@/pages/SalesAnalysisPage";
 import PaymentSchedulePage from "@/pages/PaymentSchedulePage";
 import Layout from "@/components/Layout";
 
@@ -125,7 +124,6 @@ function RouterProduction() {
           <Route path="/sav" component={MobileSavPage} />
           <Route path="/avoirs" component={MobileAvoirsPage} />
           <Route path="/analytics" component={Analytics} />
-          <Route path="/sales-analysis" component={SalesAnalysisPage} />
           <Route path="/payment-schedule" component={PaymentSchedulePage} />
 
           {/* Redirection /auth vers dashboard */}
diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 80fe08b..8009b8f 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -35,7 +35,6 @@ import {
   FileUp,
   Send,
   Receipt,
-  TrendingUp,
   CreditCard
 } from "lucide-react";
 
@@ -290,12 +289,6 @@ export default function Sidebar() {
           icon: BarChart3,
           roles: ["admin", "directeur", "manager"]
         },
-        {
-          path: "/sales-analysis",
-          label: "Analyse Vente",
-          icon: TrendingUp,
-          roles: ["admin", "directeur"]
-        },
       ]
     },
     {
diff --git a/client/src/pages/Dashboard.tsx b/client/src/pages/Dashboard.tsx
index 87fb0f6..5eaa900 100644
--- a/client/src/pages/Dashboard.tsx
+++ b/client/src/pages/Dashboard.tsx
@@ -198,7 +198,8 @@ export default function Dashboard() {
     queryKey: ['/api/ad-campaigns', 'upcoming'],
     queryFn: async () => {
       // Essayer d'abord 2024, puis 2025 pour avoir toutes les publicités
-      const years = [2024, 2025];
+      const currentYear = new Date().getFullYear();
+      const years = [currentYear - 1, currentYear, currentYear + 1];
       let allPublicities: PublicityWithRelations[] = [];
 
       for (const year of years) {
diff --git a/client/src/pages/Utilities.tsx b/client/src/pages/Utilities.tsx
index b3edd59..c9f4fcf 100644
--- a/client/src/pages/Utilities.tsx
+++ b/client/src/pages/Utilities.tsx
@@ -9,7 +9,6 @@ import {
   Cloud,
   Send,
   Code,
-  TrendingUp
 } from "lucide-react";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/components/ui/card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
@@ -22,7 +21,6 @@ import DatabaseDebug from "./DatabaseDebug";
 import WeatherSettings from "./WeatherSettings";
 import WebhookBAPConfig from "./WebhookBAPConfig";
 import SQLExecutor from "./SQLExecutor";
-import SalesAnalysisConfig from "./SalesAnalysisConfig";
 
 export default function Utilities() {
   const { user } = useAuthUnified();
@@ -43,10 +41,8 @@ export default function Utilities() {
   const canManageWeather = user?.role === 'admin';
   const canManageWebhookBAP = user?.role === 'admin';
   const canExecuteSQL = user?.role === 'admin';
-  const canManageSalesAnalysis = user?.role === 'admin' || user?.role === 'directeur';
-
   // Si l'utilisateur n'a aucune permission, afficher le message d'accès refusé
-  if (!canManageBackups && !canManageNocoDB && !canDebugDatabase && !canManageWeather && !canManageWebhookBAP && !canExecuteSQL && !canManageSalesAnalysis) {
+  if (!canManageBackups && !canManageNocoDB && !canDebugDatabase && !canManageWeather && !canManageWebhookBAP && !canExecuteSQL) {
     return (
       <div className="flex-1 flex items-center justify-center">
         <Card className="w-96">
@@ -82,7 +78,7 @@ export default function Utilities() {
       {/* Content avec onglets */}
       <div className="flex-1 p-6 overflow-hidden">
         <Tabs value={activeTab} onValueChange={setActiveTab} className="h-full flex flex-col">
-          <TabsList className="grid w-full grid-cols-7 mb-6">
+          <TabsList className="grid w-full grid-cols-6 mb-6">
             {canManageBackups && (
               <TabsTrigger value="backups" className="flex items-center gap-2">
                 <Database className="w-4 h-4" />
@@ -119,12 +115,6 @@ export default function Utilities() {
                 Exécution SQL
               </TabsTrigger>
             )}
-            {canManageSalesAnalysis && (
-              <TabsTrigger value="salesanalysis" className="flex items-center gap-2">
-                <TrendingUp className="w-4 h-4" />
-                Analyse Vente
-              </TabsTrigger>
-            )}
           </TabsList>
 
           {/* Contenu des onglets */}
@@ -176,13 +166,6 @@ export default function Utilities() {
             </TabsContent>
           )}
 
-          {canManageSalesAnalysis && (
-            <TabsContent value="salesanalysis" className="flex-1 overflow-hidden">
-              <div className="h-full bg-gray-50 -m-6 p-6">
-                <SalesAnalysisConfig />
-              </div>
-            </TabsContent>
-          )}
         </Tabs>
       </div>
     </div>

From fcf85186842d384334c653113f962f6ad080fabb Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 09:00:00 +0200
Subject: [PATCH 08/26] feat: implement RouterProduction component to handle
 environment-aware desktop and mobile routing

---
 client/src/components/RouterProduction.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/client/src/components/RouterProduction.tsx b/client/src/components/RouterProduction.tsx
index 19c1be9..1994b17 100644
--- a/client/src/components/RouterProduction.tsx
+++ b/client/src/components/RouterProduction.tsx
@@ -164,7 +164,6 @@ function RouterProduction() {
         <Route path="/sav" component={SavTickets} />
         <Route path="/avoirs" component={Avoirs} />
         <Route path="/analytics" component={Analytics} />
-        <Route path="/sales-analysis" component={SalesAnalysisPage} />
         <Route path="/payment-schedule" component={PaymentSchedulePage} />
 
         {/* Routes de compatibilité - redirection vers utilities */}

From b090c8f36ac4a01dd24503ec2bc19273dc5b2bc4 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 09:20:54 +0200
Subject: [PATCH 09/26] feat: implement DLC management page with EAN lookup,
 filtering, and CRUD operations

---
 client/src/pages/DlcPage.tsx        | 65 +++++++++++++++++++++++++----
 client/src/pages/mobile/DlcPage.tsx | 59 ++++++++++++++++++++++++--
 2 files changed, 114 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/DlcPage.tsx b/client/src/pages/DlcPage.tsx
index 6df2f66..99e524a 100644
--- a/client/src/pages/DlcPage.tsx
+++ b/client/src/pages/DlcPage.tsx
@@ -1,4 +1,4 @@
-import { useState, useEffect, useMemo } from "react";
+import { useState, useEffect, useMemo, useRef } from "react";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import { Button } from "@/components/ui/button";
@@ -12,7 +12,7 @@ import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogTrigger } from
 import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger } from "@/components/ui/alert-dialog";
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";
 import { Textarea } from "@/components/ui/textarea";
-import { AlertTriangle, Plus, Eye, Edit, Trash2, CheckCircle, CheckCircle2, Package, Clock, AlertCircle, Filter, Download, FileText, PackageX, RotateCcw, X } from "lucide-react";
+import { AlertTriangle, Plus, Eye, Edit, Trash2, CheckCircle, CheckCircle2, Package, Clock, AlertCircle, Filter, Download, FileText, PackageX, RotateCcw, X, Loader2 } from "lucide-react";
 import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip";
 import { useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -115,6 +115,51 @@ export default function DlcPage() {
     },
   });
 
+  // EAN lookup from external API
+  const [eanLookupLoading, setEanLookupLoading] = useState(false);
+  const eanDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const gencodeValue = form.watch("gencode");
+
+  useEffect(() => {
+    if (!gencodeValue || gencodeValue.length < 8) return;
+
+    if (eanDebounceRef.current) clearTimeout(eanDebounceRef.current);
+
+    eanDebounceRef.current = setTimeout(async () => {
+      setEanLookupLoading(true);
+      try {
+        const res = await fetch(`https://api.ffnancy.fr/api/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`);
+        if (!res.ok) return;
+        const data = await res.json();
+        const article = data.articles?.[0];
+        if (!article) return;
+
+        // Toujours mettre à jour le nom du produit
+        form.setValue("productName", article.libelle1, { shouldValidate: true });
+
+        // Matcher le fournisseur par nom
+        if (article.nom_fou_principal) {
+          const apiName = article.nom_fou_principal.toLowerCase().trim();
+          const matched = (suppliers as any[]).find((s: any) =>
+            s.name.toLowerCase().trim().includes(apiName) ||
+            apiName.includes(s.name.toLowerCase().trim())
+          );
+          if (matched) {
+            form.setValue("supplierId", matched.id, { shouldValidate: true });
+          }
+        }
+      } catch {
+        // Lookup best-effort, on ignore les erreurs
+      } finally {
+        setEanLookupLoading(false);
+      }
+    }, 600);
+
+    return () => {
+      if (eanDebounceRef.current) clearTimeout(eanDebounceRef.current);
+    };
+  }, [gencodeValue, suppliers]);
+
   // Create mutation - optimized cache invalidation
   const createMutation = useMutation({
     mutationFn: (data: InsertDlcProduct) => apiRequest("/api/dlc-products", "POST", data),
@@ -670,11 +715,17 @@ export default function DlcPage() {
                     <FormItem>
                       <FormLabel>Code EAN13 (optionnel)</FormLabel>
                       <FormControl>
-                        <Input 
-                          {...field} 
-                          value={field.value || ""} 
-                          placeholder="1234567890123" 
-                        />
+                        <div className="relative">
+                          <Input
+                            {...field}
+                            value={field.value || ""}
+                            placeholder="1234567890123"
+                            className={eanLookupLoading ? "pr-8" : ""}
+                          />
+                          {eanLookupLoading && (
+                            <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />
+                          )}
+                        </div>
                       </FormControl>
                       <FormMessage />
                     </FormItem>
diff --git a/client/src/pages/mobile/DlcPage.tsx b/client/src/pages/mobile/DlcPage.tsx
index 34802a2..c6dabc3 100644
--- a/client/src/pages/mobile/DlcPage.tsx
+++ b/client/src/pages/mobile/DlcPage.tsx
@@ -2,7 +2,7 @@
  * MobileDlcPage.tsx
  * Version mobile de la page Gestion des DLC
  */
-import { useState, useMemo } from "react";
+import { useState, useMemo, useEffect, useRef } from "react";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { useAuthUnified } from "@/hooks/useAuthUnified";
 import { useStore } from "@/contexts/StoreContext";
@@ -20,7 +20,8 @@ import {
     CheckCircle,
     X,
     Calendar,
-    MoreVertical
+    MoreVertical,
+    Loader2
 } from "lucide-react";
 import { format, parseISO } from "date-fns";
 import { fr } from "date-fns/locale";
@@ -139,6 +140,49 @@ export default function MobileDlcPage() {
         }
     });
 
+    // EAN lookup from external API
+    const [eanLookupLoading, setEanLookupLoading] = useState(false);
+    const eanDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+    const gencodeValue = form.watch("gencode");
+
+    useEffect(() => {
+        if (!gencodeValue || gencodeValue.length < 8) return;
+
+        if (eanDebounceRef.current) clearTimeout(eanDebounceRef.current);
+
+        eanDebounceRef.current = setTimeout(async () => {
+            setEanLookupLoading(true);
+            try {
+                const res = await fetch(`https://api.ffnancy.fr/api/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`);
+                if (!res.ok) return;
+                const data = await res.json();
+                const article = data.articles?.[0];
+                if (!article) return;
+
+                form.setValue("productName", article.libelle1, { shouldValidate: true });
+
+                if (article.nom_fou_principal) {
+                    const apiName = article.nom_fou_principal.toLowerCase().trim();
+                    const matched = (suppliers as any[]).find((s: any) =>
+                        s.name.toLowerCase().trim().includes(apiName) ||
+                        apiName.includes(s.name.toLowerCase().trim())
+                    );
+                    if (matched) {
+                        form.setValue("supplierId", matched.id, { shouldValidate: true });
+                    }
+                }
+            } catch {
+                // Lookup best-effort, on ignore les erreurs
+            } finally {
+                setEanLookupLoading(false);
+            }
+        }, 600);
+
+        return () => {
+            if (eanDebounceRef.current) clearTimeout(eanDebounceRef.current);
+        };
+    }, [gencodeValue, suppliers]);
+
     const onSubmit = (data: any) => {
         let groupId = selectedStoreId;
         if (!groupId && user?.userGroups?.[0]?.groupId) groupId = user.userGroups[0].groupId;
@@ -386,7 +430,16 @@ export default function MobileDlcPage() {
                                     <FormItem>
                                         <FormLabel>Gencode (Scanner si dispo)</FormLabel>
                                         <FormControl>
-                                            <Input placeholder="EAN13" {...field} />
+                                            <div className="relative">
+                                                <Input
+                                                    placeholder="EAN13"
+                                                    {...field}
+                                                    className={eanLookupLoading ? "pr-8" : ""}
+                                                />
+                                                {eanLookupLoading && (
+                                                    <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />
+                                                )}
+                                            </div>
                                         </FormControl>
                                     </FormItem>
                                 )}

From 475c52cede9e02b5c95c50316e62867217618000 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 09:25:09 +0200
Subject: [PATCH 10/26] feat: implement dashboard page with store-specific
 stats, announcement modals, and DLC alerts

---
 client/src/components/Layout.tsx  | 52 ++-----------------------------
 client/src/components/Sidebar.tsx | 26 ++--------------
 client/src/pages/Dashboard.tsx    | 23 ++------------
 3 files changed, 7 insertions(+), 94 deletions(-)

diff --git a/client/src/components/Layout.tsx b/client/src/components/Layout.tsx
index c1f8407..3c22319 100644
--- a/client/src/components/Layout.tsx
+++ b/client/src/components/Layout.tsx
@@ -28,9 +28,7 @@ export default function Layout({ children }: LayoutProps) {
   const [selectedStoreId, setSelectedStoreId] = useState<number | null>(() => {
     // Restaurer le selectedStoreId depuis localStorage si disponible
     const saved = localStorage.getItem('selectedStoreId');
-    const restoredId = saved ? parseInt(saved) : null;
-    console.log('🏪 Layout - Restoring selectedStoreId from localStorage:', { saved, restoredId });
-    return restoredId;
+    return saved ? parseInt(saved) : null;
   });
 
   const [storeInitialized, setStoreInitialized] = useState(false);
@@ -39,10 +37,8 @@ export default function Layout({ children }: LayoutProps) {
     // Restaurer l'état de la sidebar depuis localStorage, mais forcer collapsed sur mobile
     try {
       const saved = localStorage.getItem('sidebarCollapsed');
-      console.log('🔧 Layout - Restoring sidebar state:', { saved, isMobile });
       return isMobile ? true : (saved ? JSON.parse(saved) : false);
-    } catch (error) {
-      console.error('Error reading sidebar state from localStorage:', error);
+    } catch {
       return isMobile ? true : false;
     }
   });
@@ -63,55 +59,21 @@ export default function Layout({ children }: LayoutProps) {
       if (selectedStoreId) {
         const storeExists = stores.find(store => store.id === selectedStoreId);
         if (!storeExists) {
-          console.log('🏪 Selected store not found in available stores, clearing selection:', {
-            selectedStoreId,
-            userRole: user.role,
-            availableStores: stores.map(s => s.id)
-          });
           setSelectedStoreId(null);
           localStorage.removeItem('selectedStoreId');
           needsUpdate = true;
-        } else {
-          console.log('🏪 Selected store validated successfully:', {
-            selectedStoreId,
-            userRole: user.role,
-            storeName: storeExists.name
-          });
         }
       }
 
       // IMPORTANT FIX: Pour les rôles directeur/manager, forcer la sélection d'un magasin spécifique
       // si aucun n'est sélectionné et qu'ils n'ont accès qu'à un seul magasin
       if ((user.role === 'directeur' || user.role === 'manager') && !selectedStoreId && stores.length === 1 && !needsUpdate) {
-        console.log('🏪 Auto-selecting single available store for directeur/manager:', {
-          storeId: stores[0].id,
-          storeName: stores[0].name,
-          userRole: user.role,
-          userId: user.id,
-          previousSelectedStoreId: selectedStoreId,
-          timestamp: new Date().toISOString()
-        });
         const singleStoreId = stores[0].id;
         setSelectedStoreId(singleStoreId);
         localStorage.setItem('selectedStoreId', singleStoreId.toString());
       }
 
       // VALIDATION CRITIQUE: Pour les directeurs/managers, s'assurer qu'un magasin est toujours sélectionné
-      if ((user.role === 'directeur' || user.role === 'manager') && !selectedStoreId && !needsUpdate) {
-        console.log('🚨 CRITICAL: Directeur/Manager has no store selected, this will cause empty data display:', {
-          userId: user.id,
-          userRole: user.role,
-          availableStores: stores.map(s => ({ id: s.id, name: s.name }))
-        });
-      }
-
-      console.log('🏪 Store initialization complete:', {
-        user: user.role,
-        selectedStoreId,
-        storesCount: stores.length,
-        validatedStore: selectedStoreId ? stores.find(s => s.id === selectedStoreId)?.name : 'None',
-        autoSelected: (user.role === 'directeur' || user.role === 'manager') && !selectedStoreId && stores.length === 1
-      });
       setStoreInitialized(true);
     }
   }, [user, stores, selectedStoreId]);
@@ -172,15 +134,7 @@ export default function Layout({ children }: LayoutProps) {
                 <Select
                   value={selectedStoreId?.toString() || (user.role === 'admin' ? "all" : "")}
                   onValueChange={(value) => {
-                    console.log('🏪 Store selector changed:', {
-                      value,
-                      userRole: user.role,
-                      parsed: value === "all" ? null : parseInt(value)
-                    });
                     const newStoreId = value === "all" ? null : parseInt(value);
-
-                    // Invalider toutes les variantes de queryKey pour changement magasin
-                    console.log('🧹 Invalidating data caches for store change');
                     queryClient.invalidateQueries({
                       predicate: (query) => {
                         const key = query.queryKey;
@@ -194,10 +148,8 @@ export default function Layout({ children }: LayoutProps) {
                     // Sauvegarder dans localStorage et mettre à jour l'état
                     if (newStoreId) {
                       localStorage.setItem('selectedStoreId', newStoreId.toString());
-                      console.log('💾 Store saved to localStorage:', newStoreId);
                     } else {
                       localStorage.removeItem('selectedStoreId');
-                      console.log('🗑️ Store removed from localStorage');
                     }
                     setSelectedStoreId(newStoreId);
                   }}
diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 8009b8f..48bcad7 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -184,11 +184,6 @@ export default function Sidebar() {
     }
   };
 
-  // Debug logging pour production
-  console.log('Sidebar - User:', user);
-  console.log('Sidebar - isLoading:', isLoading);
-  console.log('Sidebar - error:', error);
-
   const handleLogout = async () => {
     try {
       // Force logout via fetch to ensure session is destroyed
@@ -206,13 +201,11 @@ export default function Sidebar() {
 
   const toggleSidebar = () => {
     const newCollapsed = !sidebarCollapsed;
-    console.log('🔧 Sidebar - Toggling sidebar:', { from: sidebarCollapsed, to: newCollapsed });
     setSidebarCollapsed(newCollapsed);
     try {
       localStorage.setItem('sidebarCollapsed', JSON.stringify(newCollapsed));
-      console.log('💾 Sidebar state saved to localStorage:', newCollapsed);
-    } catch (error) {
-      console.error('Error saving sidebar state:', error);
+    } catch {
+      // ignore
     }
   };
 
@@ -363,12 +356,7 @@ export default function Sidebar() {
   ];
 
   const hasPermission = (roles: string[]) => {
-    const hasRole = user?.role && roles.includes(user.role);
-    // Debug uniquement en développement pour éviter spam console
-    if (import.meta.env.MODE === 'development') {
-      console.log('hasPermission check:', { userRole: user?.role, roles, hasRole });
-    }
-    return hasRole;
+    return user?.role && roles.includes(user.role);
   };
 
 
@@ -391,14 +379,6 @@ export default function Sidebar() {
 
   const sidebarClasses = getSidebarClasses();
 
-  // Debug log pour vérifier l'état de la sidebar
-  console.log('🔧 Sidebar Debug:', {
-    isMobile,
-    sidebarCollapsed,
-    mobileMenuOpen,
-    width: sidebarCollapsed ? 'collapsed (64px)' : 'expanded (256px)',
-    classes: sidebarClasses
-  });
 
   // Si l'utilisateur n'est pas encore chargé, afficher un état de chargement
   if (isLoading) {
diff --git a/client/src/pages/Dashboard.tsx b/client/src/pages/Dashboard.tsx
index 5eaa900..1e004dd 100644
--- a/client/src/pages/Dashboard.tsx
+++ b/client/src/pages/Dashboard.tsx
@@ -308,15 +308,9 @@ export default function Dashboard() {
     }) : []; // Afficher toutes les commandes en attente
 
   const upcomingDeliveries = Array.isArray(allDeliveries) ? allDeliveries
-    .filter((d: any) => {
-      const isPlanned = d.status === 'planned';
-      console.log('🚚 Dashboard - Delivery filter:', { id: d.id, status: d.status, isPlanned, scheduledDate: d.scheduledDate });
-      return isPlanned;
-    })
+    .filter((d: any) => d.status === 'planned')
     .sort((a: any, b: any) => new Date(a.scheduledDate).getTime() - new Date(b.scheduledDate).getTime())
-    .slice(0, 4) : []; // Afficher les 4 prochaines livraisons
-
-  console.log('🚚 Dashboard - Upcoming deliveries result:', upcomingDeliveries.length, upcomingDeliveries);
+    .slice(0, 4) : [];
 
   // Calculs pour les statistiques
   const pendingOrdersCount = Array.isArray(allOrders) ? allOrders.filter((order: any) => order.status === 'pending').length : 0;
@@ -373,19 +367,6 @@ export default function Dashboard() {
     }
   };
 
-  console.log('📊 Dashboard Debug - Raw Data:', {
-    allOrders: Array.isArray(allOrders) ? allOrders.length : 'NOT_ARRAY',
-    allDeliveries: Array.isArray(allDeliveries) ? allDeliveries.length : 'NOT_ARRAY',
-    customerOrders: Array.isArray(customerOrders) ? customerOrders.length : 'NOT_ARRAY',
-    upcomingPublicities: Array.isArray(upcomingPublicities) ? upcomingPublicities.length : 'NOT_ARRAY',
-    stats: stats,
-    samples: {
-      order: Array.isArray(allOrders) && allOrders.length > 0 ? allOrders[0] : null,
-      delivery: Array.isArray(allDeliveries) && allDeliveries.length > 0 ? allDeliveries[0] : null,
-      customerOrder: Array.isArray(customerOrders) && customerOrders.length > 0 ? customerOrders[0] : null,
-      publicity: Array.isArray(upcomingPublicities) && upcomingPublicities.length > 0 ? upcomingPublicities[0] : null
-    }
-  });
 
   // Statistiques pour les commandes clients
   const ordersByStatus = {

From 1488accbdb9f8f1b8b064b867f91e23a216c624e Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 09:28:46 +0200
Subject: [PATCH 11/26] feat: implement mobile-optimized DLC management page
 with EAN lookup and status-based filtering

---
 client/src/pages/DlcPage.tsx        |  2 +-
 client/src/pages/mobile/DlcPage.tsx |  2 +-
 server/routes.ts                    | 19 +++++++++++++++++++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/DlcPage.tsx b/client/src/pages/DlcPage.tsx
index 99e524a..2ef3b00 100644
--- a/client/src/pages/DlcPage.tsx
+++ b/client/src/pages/DlcPage.tsx
@@ -128,7 +128,7 @@ export default function DlcPage() {
     eanDebounceRef.current = setTimeout(async () => {
       setEanLookupLoading(true);
       try {
-        const res = await fetch(`https://api.ffnancy.fr/api/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`);
+        const res = await fetch(`/api/ffnancy/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`, { credentials: 'include' });
         if (!res.ok) return;
         const data = await res.json();
         const article = data.articles?.[0];
diff --git a/client/src/pages/mobile/DlcPage.tsx b/client/src/pages/mobile/DlcPage.tsx
index c6dabc3..4577240 100644
--- a/client/src/pages/mobile/DlcPage.tsx
+++ b/client/src/pages/mobile/DlcPage.tsx
@@ -153,7 +153,7 @@ export default function MobileDlcPage() {
         eanDebounceRef.current = setTimeout(async () => {
             setEanLookupLoading(true);
             try {
-                const res = await fetch(`https://api.ffnancy.fr/api/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`);
+                const res = await fetch(`/api/ffnancy/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`, { credentials: 'include' });
                 if (!res.ok) return;
                 const data = await res.json();
                 const article = data.articles?.[0];
diff --git a/server/routes.ts b/server/routes.ts
index b5c51b3..4cea8c7 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -6031,6 +6031,25 @@ RÉSUMÉ DU SCAN
     }
   });
 
+  // Proxy API ffnancy - évite les problèmes CORS côté navigateur
+  app.get('/api/ffnancy/articles', requireAuth, async (req: Request, res: Response) => {
+    try {
+      const params = new URLSearchParams();
+      const allowed = ['search', 'codein', 'ean', 'codefou', 'actif', 'page', 'limit'];
+      for (const key of allowed) {
+        if (req.query[key]) params.append(key, req.query[key] as string);
+      }
+      const response = await fetch(`https://api.ffnancy.fr/api/articles?${params}`);
+      if (!response.ok) {
+        return res.status(response.status).json({ error: 'API ffnancy error' });
+      }
+      const data = await response.json();
+      res.json(data);
+    } catch (error) {
+      res.status(500).json({ error: 'Failed to reach API ffnancy' });
+    }
+  });
+
   // Create server instance
   const httpServer = createServer(app);
 

From 44950d2239647b87ece81e24a54be140164e186b Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 09:38:30 +0200
Subject: [PATCH 12/26] feat: implement supplier management module with CRUD
 operations and optimistic updates

---
 client/src/pages/DlcPage.tsx        | 11 ++++++-----
 client/src/pages/Suppliers.tsx      | 13 +++++++++++++
 client/src/pages/mobile/DlcPage.tsx |  9 +++++----
 server/migrations.ts                |  4 ++++
 shared/schema.ts                    |  1 +
 5 files changed, 29 insertions(+), 9 deletions(-)

diff --git a/client/src/pages/DlcPage.tsx b/client/src/pages/DlcPage.tsx
index 2ef3b00..24f2716 100644
--- a/client/src/pages/DlcPage.tsx
+++ b/client/src/pages/DlcPage.tsx
@@ -137,12 +137,13 @@ export default function DlcPage() {
         // Toujours mettre à jour le nom du produit
         form.setValue("productName", article.libelle1, { shouldValidate: true });
 
-        // Matcher le fournisseur par nom
-        if (article.nom_fou_principal) {
-          const apiName = article.nom_fou_principal.toLowerCase().trim();
+        // Matcher le fournisseur par codefou en priorité, sinon par nom
+        if (article.codefou_principal) {
           const matched = (suppliers as any[]).find((s: any) =>
-            s.name.toLowerCase().trim().includes(apiName) ||
-            apiName.includes(s.name.toLowerCase().trim())
+            s.codefou && s.codefou.trim().toLowerCase() === article.codefou_principal.trim().toLowerCase()
+          ) || (suppliers as any[]).find((s: any) =>
+            s.name.toLowerCase().trim().includes(article.nom_fou_principal?.toLowerCase().trim() || '') ||
+            (article.nom_fou_principal?.toLowerCase().trim() || '').includes(s.name.toLowerCase().trim())
           );
           if (matched) {
             form.setValue("supplierId", matched.id, { shouldValidate: true });
diff --git a/client/src/pages/Suppliers.tsx b/client/src/pages/Suppliers.tsx
index d4fb951..dfdbee2 100644
--- a/client/src/pages/Suppliers.tsx
+++ b/client/src/pages/Suppliers.tsx
@@ -43,6 +43,7 @@ export default function Suppliers() {
     name: "",
     contact: "",
     phone: "",
+    codefou: "",
     hasDlc: false,
     automaticReconciliation: false,
     requiresControl: false,
@@ -198,6 +199,7 @@ export default function Suppliers() {
       name: "",
       contact: "",
       phone: "",
+      codefou: "",
       hasDlc: false,
       automaticReconciliation: false,
       requiresControl: false,
@@ -236,6 +238,7 @@ export default function Suppliers() {
       name: supplier.name || "",
       contact: supplier.contact || "",
       phone: supplier.phone || "",
+      codefou: (supplier as any).codefou || "",
       hasDlc: supplier.hasDlc || false,
       automaticReconciliation: supplier.automaticReconciliation || false,
       requiresControl: supplier.requiresControl || false,
@@ -528,6 +531,16 @@ export default function Suppliers() {
               />
             </div>
 
+            <div>
+              <Label htmlFor="codefou">Code fournisseur API <span className="text-xs text-gray-400 font-normal">(liaison ffnancy)</span></Label>
+              <Input
+                id="codefou"
+                value={formData.codefou}
+                onChange={(e) => handleChange('codefou', e.target.value)}
+                placeholder="ex: FOU01"
+              />
+            </div>
+
             <div>
               <Label htmlFor="paymentMethod">Mode de paiement</Label>
               <Select
diff --git a/client/src/pages/mobile/DlcPage.tsx b/client/src/pages/mobile/DlcPage.tsx
index 4577240..ea263ae 100644
--- a/client/src/pages/mobile/DlcPage.tsx
+++ b/client/src/pages/mobile/DlcPage.tsx
@@ -161,11 +161,12 @@ export default function MobileDlcPage() {
 
                 form.setValue("productName", article.libelle1, { shouldValidate: true });
 
-                if (article.nom_fou_principal) {
-                    const apiName = article.nom_fou_principal.toLowerCase().trim();
+                if (article.codefou_principal) {
                     const matched = (suppliers as any[]).find((s: any) =>
-                        s.name.toLowerCase().trim().includes(apiName) ||
-                        apiName.includes(s.name.toLowerCase().trim())
+                        s.codefou && s.codefou.trim().toLowerCase() === article.codefou_principal.trim().toLowerCase()
+                    ) || (suppliers as any[]).find((s: any) =>
+                        s.name.toLowerCase().trim().includes(article.nom_fou_principal?.toLowerCase().trim() || '') ||
+                        (article.nom_fou_principal?.toLowerCase().trim() || '').includes(s.name.toLowerCase().trim())
                     );
                     if (matched) {
                         form.setValue("supplierId", matched.id, { shouldValidate: true });
diff --git a/server/migrations.ts b/server/migrations.ts
index f37d14d..1c9911a 100644
--- a/server/migrations.ts
+++ b/server/migrations.ts
@@ -36,6 +36,10 @@ export async function runMigrations() {
     
     // Ajouter les migrations hardcodées directement dans le code pour éviter les problèmes de chemins
     const hardcodedMigrations = [
+      {
+        filename: '20260402000000_add_codefou_to_suppliers.sql',
+        content: `ALTER TABLE suppliers ADD COLUMN IF NOT EXISTS codefou VARCHAR;`
+      },
       {
         filename: '20250903141000_create_webhook_bap_config.sql',
         content: `CREATE TABLE IF NOT EXISTS webhook_bap_config (
diff --git a/shared/schema.ts b/shared/schema.ts
index 1bdab0b..ffd1a66 100644
--- a/shared/schema.ts
+++ b/shared/schema.ts
@@ -80,6 +80,7 @@ export const suppliers = pgTable("suppliers", {
   name: varchar("name").notNull(),
   contact: varchar("contact"),
   phone: varchar("phone"),
+  codefou: varchar("codefou"), // Code fournisseur dans l'API ffnancy
   hasDlc: boolean("has_dlc").default(false), // Coche DLC pour la gestion DLC
   paymentMethod: varchar("payment_method"), // Mode de paiement: Virement, Traite, Traite Magnétique, Chèque
   createdAt: timestamp("created_at").defaultNow(),

From a91027c10bc37009753a09a6eb4238a4bf127811 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 09:46:59 +0200
Subject: [PATCH 13/26] feat: implement DLC tracking page with EAN lookup and
 CRUD operations for product expiration management

---
 client/src/pages/DlcPage.tsx        | 22 ++++++++++++++++++----
 client/src/pages/mobile/DlcPage.tsx | 20 ++++++++++++++++++--
 server/routes.ts                    | 22 +++++++++++++++++-----
 3 files changed, 53 insertions(+), 11 deletions(-)

diff --git a/client/src/pages/DlcPage.tsx b/client/src/pages/DlcPage.tsx
index 24f2716..07beb77 100644
--- a/client/src/pages/DlcPage.tsx
+++ b/client/src/pages/DlcPage.tsx
@@ -128,19 +128,33 @@ export default function DlcPage() {
     eanDebounceRef.current = setTimeout(async () => {
       setEanLookupLoading(true);
       try {
+        // Étape 1 : récupérer l'article par EAN
         const res = await fetch(`/api/ffnancy/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`, { credentials: 'include' });
         if (!res.ok) return;
         const data = await res.json();
         const article = data.articles?.[0];
         if (!article) return;
 
-        // Toujours mettre à jour le nom du produit
         form.setValue("productName", article.libelle1, { shouldValidate: true });
 
-        // Matcher le fournisseur par codefou en priorité, sinon par nom
-        if (article.codefou_principal) {
+        // Étape 2 : chercher le fournisseur de la dernière entrée en stock
+        let codefouToMatch = article.codefou_principal;
+        try {
+          const mvtRes = await fetch(
+            `/api/ffnancy/mouvements/entrees?artNoId=${article.no_id}&limit=1&dateDebut=2000-01-01`,
+            { credentials: 'include' }
+          );
+          if (mvtRes.ok) {
+            const mvtData = await mvtRes.json();
+            const lastEntree = mvtData.entrees?.[0];
+            if (lastEntree?.codefou) codefouToMatch = lastEntree.codefou;
+          }
+        } catch { /* fallback sur codefou_principal */ }
+
+        // Matching : codefou exact en priorité, fallback par nom
+        if (codefouToMatch) {
           const matched = (suppliers as any[]).find((s: any) =>
-            s.codefou && s.codefou.trim().toLowerCase() === article.codefou_principal.trim().toLowerCase()
+            s.codefou && s.codefou.trim().toLowerCase() === codefouToMatch.trim().toLowerCase()
           ) || (suppliers as any[]).find((s: any) =>
             s.name.toLowerCase().trim().includes(article.nom_fou_principal?.toLowerCase().trim() || '') ||
             (article.nom_fou_principal?.toLowerCase().trim() || '').includes(s.name.toLowerCase().trim())
diff --git a/client/src/pages/mobile/DlcPage.tsx b/client/src/pages/mobile/DlcPage.tsx
index ea263ae..8798290 100644
--- a/client/src/pages/mobile/DlcPage.tsx
+++ b/client/src/pages/mobile/DlcPage.tsx
@@ -153,6 +153,7 @@ export default function MobileDlcPage() {
         eanDebounceRef.current = setTimeout(async () => {
             setEanLookupLoading(true);
             try {
+                // Étape 1 : récupérer l'article par EAN
                 const res = await fetch(`/api/ffnancy/articles?ean=${encodeURIComponent(gencodeValue)}&limit=1`, { credentials: 'include' });
                 if (!res.ok) return;
                 const data = await res.json();
@@ -161,9 +162,24 @@ export default function MobileDlcPage() {
 
                 form.setValue("productName", article.libelle1, { shouldValidate: true });
 
-                if (article.codefou_principal) {
+                // Étape 2 : chercher le fournisseur de la dernière entrée en stock
+                let codefouToMatch = article.codefou_principal;
+                try {
+                    const mvtRes = await fetch(
+                        `/api/ffnancy/mouvements/entrees?artNoId=${article.no_id}&limit=1&dateDebut=2000-01-01`,
+                        { credentials: 'include' }
+                    );
+                    if (mvtRes.ok) {
+                        const mvtData = await mvtRes.json();
+                        const lastEntree = mvtData.entrees?.[0];
+                        if (lastEntree?.codefou) codefouToMatch = lastEntree.codefou;
+                    }
+                } catch { /* fallback sur codefou_principal */ }
+
+                // Matching : codefou exact en priorité, fallback par nom
+                if (codefouToMatch) {
                     const matched = (suppliers as any[]).find((s: any) =>
-                        s.codefou && s.codefou.trim().toLowerCase() === article.codefou_principal.trim().toLowerCase()
+                        s.codefou && s.codefou.trim().toLowerCase() === codefouToMatch.trim().toLowerCase()
                     ) || (suppliers as any[]).find((s: any) =>
                         s.name.toLowerCase().trim().includes(article.nom_fou_principal?.toLowerCase().trim() || '') ||
                         (article.nom_fou_principal?.toLowerCase().trim() || '').includes(s.name.toLowerCase().trim())
diff --git a/server/routes.ts b/server/routes.ts
index 4cea8c7..c35ff2e 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -6040,12 +6040,24 @@ RÉSUMÉ DU SCAN
         if (req.query[key]) params.append(key, req.query[key] as string);
       }
       const response = await fetch(`https://api.ffnancy.fr/api/articles?${params}`);
-      if (!response.ok) {
-        return res.status(response.status).json({ error: 'API ffnancy error' });
+      if (!response.ok) return res.status(response.status).json({ error: 'API ffnancy error' });
+      res.json(await response.json());
+    } catch {
+      res.status(500).json({ error: 'Failed to reach API ffnancy' });
+    }
+  });
+
+  app.get('/api/ffnancy/mouvements/entrees', requireAuth, async (req: Request, res: Response) => {
+    try {
+      const params = new URLSearchParams();
+      const allowed = ['artNoId', 'dateDebut', 'dateFin', 'site', 'page', 'limit'];
+      for (const key of allowed) {
+        if (req.query[key]) params.append(key, req.query[key] as string);
       }
-      const data = await response.json();
-      res.json(data);
-    } catch (error) {
+      const response = await fetch(`https://api.ffnancy.fr/api/mouvements/entrees?${params}`);
+      if (!response.ok) return res.status(response.status).json({ error: 'API ffnancy error' });
+      res.json(await response.json());
+    } catch {
       res.status(500).json({ error: 'Failed to reach API ffnancy' });
     }
   });

From 58dde2f7850d7324e89dd6648dfd443f5e6faffa Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 11:36:02 +0200
Subject: [PATCH 14/26] feat: implement CustomerOrderForm component with
 automated product lookup and create mobile-responsive customer orders page

---
 client/src/components/CustomerOrderForm.tsx   | 142 ++++++++++--------
 .../src/pages/mobile/CustomerOrdersPage.tsx   |  79 +++++++++-
 2 files changed, 157 insertions(+), 64 deletions(-)

diff --git a/client/src/components/CustomerOrderForm.tsx b/client/src/components/CustomerOrderForm.tsx
index 0e96b68..a008779 100644
--- a/client/src/components/CustomerOrderForm.tsx
+++ b/client/src/components/CustomerOrderForm.tsx
@@ -3,6 +3,8 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 import { useQuery } from "@tanstack/react-query";
 import { useAuthUnified } from "@/hooks/useAuthUnified";
+import { useState, useEffect, useRef } from "react";
+import { Loader2 } from "lucide-react";
 import {
   Form,
   FormControl,
@@ -68,15 +70,6 @@ export function CustomerOrderForm({
   const { user } = useAuthUnified();
   const { selectedStoreId } = useStore();
 
-  // DEBUG: Log user data to see what we actually receive
-  console.log("🔍 FRONTEND USER DEBUG:", {
-    user: user,
-    userRole: user?.role,
-    userGroups: user?.userGroups,
-    userGroupsType: typeof user?.userGroups,
-    userGroupsLength: user?.userGroups?.length,
-    fullUserObject: JSON.stringify(user, null, 2)
-  });
 
   // Fetch groups for store selection
   const { data: groups = [] } = useQuery<Group[]>({
@@ -128,51 +121,18 @@ export function CustomerOrderForm({
   });
 
   const handleSubmit = (data: CustomerOrderFormData) => {
-    console.log("🚀 FORM SUBMIT STARTED");
-    console.log("📝 Form submission data:", data);
-    console.log("🔍 Form errors:", form.formState.errors);
-    console.log("✅ Form is valid:", form.formState.isValid);
-    console.log("👤 User context DETAILED:", {
-      role: user?.role,
-      userGroups: user?.userGroups,
-      userGroupsLength: user?.userGroups?.length,
-      userGroupsData: user?.userGroups?.map(ug => ({
-        groupId: ug.groupId,
-        group: ug.group,
-        fullObject: ug
-      })),
-      selectedStoreId,
-      fullUser: user
-    });
-    
-    // Validate required fields
-    if (!data.customerName || data.customerName.trim() === '') {
-      console.error("❌ Customer name is required but empty");
-      return;
-    }
-    
-    // Always use user's assigned group - no override needed
+    if (!data.customerName || data.customerName.trim() === '') return;
+
     const groupId = getUserAssignedGroupId();
-    
     if (!groupId) {
-      console.error("❌❌❌ CRITICAL: No group available for user:", {
-        role: user?.role, 
-        userGroups: user?.userGroups,
-        userGroupsCount: user?.userGroups?.length,
-        selectedStoreId,
-        getUserAssignedGroupIdResult: groupId
-      });
       alert("ERREUR: Votre utilisateur n'a pas de magasin assigné. Contactez l'administrateur.");
       return;
     }
-    
-    console.log("✅ Customer Order: Using assigned group:", groupId, "for user:", user?.role);
-    
-    // Prepare final data with user's assigned group
+
     const submitData = {
       orderTaker: data.orderTaker || user?.firstName + ' ' + user?.lastName || user?.username || "Inconnu",
       customerName: data.customerName.trim(),
-      customerPhone: data.contactNumber || '', 
+      customerPhone: data.contactNumber || '',
       customerEmail: data.customerEmail || '',
       productDesignation: data.productName || '',
       productReference: data.productReference || '',
@@ -184,29 +144,85 @@ export function CustomerOrderForm({
       isPromotionalPrice: data.isPromotionalPrice || false,
       customerNotified: data.customerNotified || false,
       notes: data.notes || '',
-      groupId: groupId, // Always use the assigned group
+      groupId: groupId,
     };
-    
-    console.log("✅ Customer Order Submit FINAL:", {
-      userRole: user?.role,
-      assignedGroupId: groupId,
-      submitData: submitData
-    });
-    
-    console.log("🔥 CALLING onSubmit with data:", submitData);
     onSubmit(submitData);
-    console.log("🔥 onSubmit CALLED");
   };
 
   // Auto-ensure groupId is always set to user's assigned group
   const currentGroupId = form.getValues('groupId');
   const userGroupId = getUserAssignedGroupId();
-  
   if (!currentGroupId && userGroupId) {
     form.setValue('groupId', userGroupId);
-    console.log("🏪 Auto-setting user's assigned group:", userGroupId);
   }
 
+  // Lookup API ffnancy par gencode ou référence
+  const [articleLookupLoading, setArticleLookupLoading] = useState(false);
+  const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+  const gencodeValue = form.watch("gencode");
+  const referenceValue = form.watch("productReference");
+
+  const fetchAndFillArticle = async (params: URLSearchParams) => {
+    setArticleLookupLoading(true);
+    try {
+      const res = await fetch(`/api/ffnancy/articles?${params}&limit=1`, { credentials: 'include' });
+      if (!res.ok) return;
+      const data = await res.json();
+      const article = data.articles?.[0];
+      if (!article) return;
+
+      form.setValue("productName", article.libelle1, { shouldValidate: true });
+      if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
+      if (article.codein) form.setValue("productReference", article.codein, { shouldValidate: true });
+
+      // Fournisseur : dernière entrée en stock en priorité
+      let codefouToMatch = article.codefou_principal;
+      try {
+        const mvtRes = await fetch(
+          `/api/ffnancy/mouvements/entrees?artNoId=${article.no_id}&limit=1&dateDebut=2000-01-01`,
+          { credentials: 'include' }
+        );
+        if (mvtRes.ok) {
+          const mvtData = await mvtRes.json();
+          const lastEntree = mvtData.entrees?.[0];
+          if (lastEntree?.codefou) codefouToMatch = lastEntree.codefou;
+        }
+      } catch { /* fallback codefou_principal */ }
+
+      if (codefouToMatch) {
+        const matched = (suppliers as any[]).find((s: any) =>
+          s.codefou && s.codefou.trim().toLowerCase() === codefouToMatch.trim().toLowerCase()
+        ) || (suppliers as any[]).find((s: any) =>
+          s.name.toLowerCase().trim().includes(article.nom_fou_principal?.toLowerCase().trim() || '') ||
+          (article.nom_fou_principal?.toLowerCase().trim() || '').includes(s.name.toLowerCase().trim())
+        );
+        if (matched) form.setValue("supplierId", matched.id, { shouldValidate: true });
+      }
+    } catch { /* best-effort */ } finally {
+      setArticleLookupLoading(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!gencodeValue || gencodeValue.length < 8) return;
+    if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
+    lookupDebounceRef.current = setTimeout(() => {
+      const p = new URLSearchParams({ ean: gencodeValue });
+      fetchAndFillArticle(p);
+    }, 600);
+    return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
+  }, [gencodeValue]);
+
+  useEffect(() => {
+    if (!referenceValue || referenceValue.length < 3) return;
+    if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
+    lookupDebounceRef.current = setTimeout(() => {
+      const p = new URLSearchParams({ codein: referenceValue });
+      fetchAndFillArticle(p);
+    }, 600);
+    return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
+  }, [referenceValue]);
+
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(handleSubmit)} className="space-y-6">
@@ -310,7 +326,10 @@ export function CustomerOrderForm({
                 <FormItem>
                   <FormLabel>Référence (optionnel)</FormLabel>
                   <FormControl>
-                    <Input placeholder="REF-123456" {...field} />
+                    <div className="relative">
+                      <Input placeholder="REF-123456" {...field} className={articleLookupLoading ? "pr-8" : ""} />
+                      {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                    </div>
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -324,7 +343,10 @@ export function CustomerOrderForm({
                 <FormItem>
                   <FormLabel>Gencode (obligatoire)</FormLabel>
                   <FormControl>
-                    <Input placeholder="Code à barres" {...field} />
+                    <div className="relative">
+                      <Input placeholder="Code à barres" {...field} className={articleLookupLoading ? "pr-8" : ""} />
+                      {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                    </div>
                   </FormControl>
                   <FormMessage />
                 </FormItem>
diff --git a/client/src/pages/mobile/CustomerOrdersPage.tsx b/client/src/pages/mobile/CustomerOrdersPage.tsx
index 861ef13..37bf532 100644
--- a/client/src/pages/mobile/CustomerOrdersPage.tsx
+++ b/client/src/pages/mobile/CustomerOrdersPage.tsx
@@ -2,7 +2,7 @@
  * MobileCustomerOrdersPage.tsx
  * Version mobile de la page Commandes Clients avec création
  */
-import { useState } from "react";
+import { useState, useEffect, useRef } from "react";
 import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
 import { useAuthUnified } from "@/hooks/useAuthUnified";
 import { useStore } from "@/contexts/StoreContext";
@@ -20,7 +20,8 @@ import {
     Plus,
     MoreVertical,
     X,
-    Filter
+    Filter,
+    Loader2
 } from "lucide-react";
 import { format } from "date-fns";
 import { fr } from "date-fns/locale";
@@ -157,6 +158,70 @@ export default function MobileCustomerOrdersPage() {
         }
     });
 
+    // Lookup API ffnancy par gencode ou référence
+    const [articleLookupLoading, setArticleLookupLoading] = useState(false);
+    const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
+    const gencodeValue = form.watch("gencode");
+    const referenceValue = form.watch("productReference");
+
+    const fetchAndFillArticle = async (params: URLSearchParams) => {
+        setArticleLookupLoading(true);
+        try {
+            const res = await fetch(`/api/ffnancy/articles?${params}&limit=1`, { credentials: 'include' });
+            if (!res.ok) return;
+            const data = await res.json();
+            const article = data.articles?.[0];
+            if (!article) return;
+
+            form.setValue("productName", article.libelle1, { shouldValidate: true });
+            if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
+            if (article.codein) form.setValue("productReference", article.codein, { shouldValidate: true });
+
+            let codefouToMatch = article.codefou_principal;
+            try {
+                const mvtRes = await fetch(
+                    `/api/ffnancy/mouvements/entrees?artNoId=${article.no_id}&limit=1&dateDebut=2000-01-01`,
+                    { credentials: 'include' }
+                );
+                if (mvtRes.ok) {
+                    const mvtData = await mvtRes.json();
+                    const lastEntree = mvtData.entrees?.[0];
+                    if (lastEntree?.codefou) codefouToMatch = lastEntree.codefou;
+                }
+            } catch { /* fallback codefou_principal */ }
+
+            if (codefouToMatch) {
+                const matched = (suppliers as any[]).find((s: any) =>
+                    s.codefou && s.codefou.trim().toLowerCase() === codefouToMatch.trim().toLowerCase()
+                ) || (suppliers as any[]).find((s: any) =>
+                    s.name.toLowerCase().trim().includes(article.nom_fou_principal?.toLowerCase().trim() || '') ||
+                    (article.nom_fou_principal?.toLowerCase().trim() || '').includes(s.name.toLowerCase().trim())
+                );
+                if (matched) form.setValue("supplierId", matched.id, { shouldValidate: true });
+            }
+        } catch { /* best-effort */ } finally {
+            setArticleLookupLoading(false);
+        }
+    };
+
+    useEffect(() => {
+        if (!gencodeValue || gencodeValue.length < 8) return;
+        if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
+        lookupDebounceRef.current = setTimeout(() => {
+            fetchAndFillArticle(new URLSearchParams({ ean: gencodeValue }));
+        }, 600);
+        return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
+    }, [gencodeValue]);
+
+    useEffect(() => {
+        if (!referenceValue || referenceValue.length < 3) return;
+        if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
+        lookupDebounceRef.current = setTimeout(() => {
+            fetchAndFillArticle(new URLSearchParams({ codein: referenceValue }));
+        }, 600);
+        return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
+    }, [referenceValue]);
+
     const onSubmit = (data: any) => {
         // Validation basique groupe
         let groupId = selectedStoreId;
@@ -380,7 +445,10 @@ export default function MobileCustomerOrdersPage() {
                                         <FormItem>
                                             <FormLabel>Référence (Optionnel)</FormLabel>
                                             <FormControl>
-                                                <Input placeholder="REF-123..." {...field} />
+                                                <div className="relative">
+                                                    <Input placeholder="REF-123..." {...field} className={articleLookupLoading ? "pr-8" : ""} />
+                                                    {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                                                </div>
                                             </FormControl>
                                         </FormItem>
                                     )}
@@ -444,7 +512,10 @@ export default function MobileCustomerOrdersPage() {
                                         <FormItem>
                                             <FormLabel>Gencode (Scanner si dispo)</FormLabel>
                                             <FormControl>
-                                                <Input placeholder="EAN13" {...field} />
+                                                <div className="relative">
+                                                    <Input placeholder="EAN13" {...field} className={articleLookupLoading ? "pr-8" : ""} />
+                                                    {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                                                </div>
                                             </FormControl>
                                         </FormItem>
                                     )}

From 6df51a3934700e3df50d3b951ce4b0ed26e10240 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 11:40:50 +0200
Subject: [PATCH 15/26] feat: add CustomerOrderForm component with automated
 article lookup and supplier matching

---
 client/src/components/CustomerOrderForm.tsx   | 43 ++++++++++---------
 .../src/pages/mobile/CustomerOrdersPage.tsx   | 20 ++++++---
 2 files changed, 36 insertions(+), 27 deletions(-)

diff --git a/client/src/components/CustomerOrderForm.tsx b/client/src/components/CustomerOrderForm.tsx
index a008779..9bffb40 100644
--- a/client/src/components/CustomerOrderForm.tsx
+++ b/client/src/components/CustomerOrderForm.tsx
@@ -158,19 +158,22 @@ export function CustomerOrderForm({
 
   // Lookup API ffnancy par gencode ou référence
   const [articleLookupLoading, setArticleLookupLoading] = useState(false);
+  const [articleNotFound, setArticleNotFound] = useState(false);
   const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const gencodeValue = form.watch("gencode");
   const referenceValue = form.watch("productReference");
 
   const fetchAndFillArticle = async (params: URLSearchParams) => {
     setArticleLookupLoading(true);
+    setArticleNotFound(false);
     try {
       const res = await fetch(`/api/ffnancy/articles?${params}&limit=1`, { credentials: 'include' });
-      if (!res.ok) return;
+      if (!res.ok) { setArticleNotFound(true); return; }
       const data = await res.json();
       const article = data.articles?.[0];
-      if (!article) return;
+      if (!article) { setArticleNotFound(true); return; }
 
+      setArticleNotFound(false);
       form.setValue("productName", article.libelle1, { shouldValidate: true });
       if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
       if (article.codein) form.setValue("productReference", article.codein, { shouldValidate: true });
@@ -198,27 +201,25 @@ export function CustomerOrderForm({
         );
         if (matched) form.setValue("supplierId", matched.id, { shouldValidate: true });
       }
-    } catch { /* best-effort */ } finally {
+    } catch { setArticleNotFound(true); } finally {
       setArticleLookupLoading(false);
     }
   };
 
   useEffect(() => {
-    if (!gencodeValue || gencodeValue.length < 8) return;
+    if (!gencodeValue || gencodeValue.length < 8) { setArticleNotFound(false); return; }
     if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
     lookupDebounceRef.current = setTimeout(() => {
-      const p = new URLSearchParams({ ean: gencodeValue });
-      fetchAndFillArticle(p);
+      fetchAndFillArticle(new URLSearchParams({ ean: gencodeValue }));
     }, 600);
     return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
   }, [gencodeValue]);
 
   useEffect(() => {
-    if (!referenceValue || referenceValue.length < 3) return;
+    if (!referenceValue || referenceValue.length < 3) { setArticleNotFound(false); return; }
     if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
     lookupDebounceRef.current = setTimeout(() => {
-      const p = new URLSearchParams({ codein: referenceValue });
-      fetchAndFillArticle(p);
+      fetchAndFillArticle(new URLSearchParams({ codein: referenceValue }));
     }, 600);
     return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
   }, [referenceValue]);
@@ -425,26 +426,26 @@ export function CustomerOrderForm({
             {/* Case "Client appelé" cachée pour nouvelles commandes */}
         </div>
 
+        {/* Produit non référencé */}
+        {articleNotFound && (
+          <div className="flex items-center gap-2 rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
+            <span className="font-medium">Produit non référencé</span> — ce produit n'existe pas dans la base. La commande ne peut pas être créée.
+          </div>
+        )}
+
         {/* Actions */}
         <div className="flex justify-end space-x-3 pt-4">
-          <Button 
-            type="button" 
-            variant="outline" 
+          <Button
+            type="button"
+            variant="outline"
             onClick={onCancel}
             disabled={isLoading}
           >
             Annuler
           </Button>
-          <Button 
+          <Button
             type="submit"
-            disabled={isLoading}
-            onClick={(e) => {
-              console.log("Submit button clicked");
-              console.log("Form state:", form.formState);
-              console.log("Form values:", form.getValues());
-              console.log("Form validation errors:", form.formState.errors);
-              console.log("Current user context:", user?.userGroups, "available groups:", groups);
-            }}
+            disabled={isLoading || articleNotFound || articleLookupLoading}
           >
             {isLoading ? "Enregistrement..." : order ? "Modifier" : "Créer"}
           </Button>
diff --git a/client/src/pages/mobile/CustomerOrdersPage.tsx b/client/src/pages/mobile/CustomerOrdersPage.tsx
index 37bf532..4ec112f 100644
--- a/client/src/pages/mobile/CustomerOrdersPage.tsx
+++ b/client/src/pages/mobile/CustomerOrdersPage.tsx
@@ -160,19 +160,22 @@ export default function MobileCustomerOrdersPage() {
 
     // Lookup API ffnancy par gencode ou référence
     const [articleLookupLoading, setArticleLookupLoading] = useState(false);
+    const [articleNotFound, setArticleNotFound] = useState(false);
     const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
     const gencodeValue = form.watch("gencode");
     const referenceValue = form.watch("productReference");
 
     const fetchAndFillArticle = async (params: URLSearchParams) => {
         setArticleLookupLoading(true);
+        setArticleNotFound(false);
         try {
             const res = await fetch(`/api/ffnancy/articles?${params}&limit=1`, { credentials: 'include' });
-            if (!res.ok) return;
+            if (!res.ok) { setArticleNotFound(true); return; }
             const data = await res.json();
             const article = data.articles?.[0];
-            if (!article) return;
+            if (!article) { setArticleNotFound(true); return; }
 
+            setArticleNotFound(false);
             form.setValue("productName", article.libelle1, { shouldValidate: true });
             if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
             if (article.codein) form.setValue("productReference", article.codein, { shouldValidate: true });
@@ -199,13 +202,13 @@ export default function MobileCustomerOrdersPage() {
                 );
                 if (matched) form.setValue("supplierId", matched.id, { shouldValidate: true });
             }
-        } catch { /* best-effort */ } finally {
+        } catch { setArticleNotFound(true); } finally {
             setArticleLookupLoading(false);
         }
     };
 
     useEffect(() => {
-        if (!gencodeValue || gencodeValue.length < 8) return;
+        if (!gencodeValue || gencodeValue.length < 8) { setArticleNotFound(false); return; }
         if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
         lookupDebounceRef.current = setTimeout(() => {
             fetchAndFillArticle(new URLSearchParams({ ean: gencodeValue }));
@@ -214,7 +217,7 @@ export default function MobileCustomerOrdersPage() {
     }, [gencodeValue]);
 
     useEffect(() => {
-        if (!referenceValue || referenceValue.length < 3) return;
+        if (!referenceValue || referenceValue.length < 3) { setArticleNotFound(false); return; }
         if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
         lookupDebounceRef.current = setTimeout(() => {
             fetchAndFillArticle(new URLSearchParams({ codein: referenceValue }));
@@ -575,7 +578,12 @@ export default function MobileCustomerOrdersPage() {
                                 )}
                             />
 
-                            <Button type="submit" className="w-full bg-blue-600 h-12 text-lg font-bold shadow-lg mt-4" disabled={createMutation.isPending}>
+                            {articleNotFound && (
+                                <div className="rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
+                                    <span className="font-medium">Produit non référencé</span> — ce produit n'existe pas dans la base. La commande ne peut pas être créée.
+                                </div>
+                            )}
+                            <Button type="submit" className="w-full bg-blue-600 h-12 text-lg font-bold shadow-lg mt-4" disabled={createMutation.isPending || articleNotFound || articleLookupLoading}>
                                 {createMutation.isPending ? "Création..." : "Valider la commande"}
                             </Button>
                         </form>

From 576db2d7f450aad6cb93f96ef3693e5f2d95cd0d Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 11:50:46 +0200
Subject: [PATCH 16/26] feat: implement customer order form with automated
 product lookup and mobile-responsive order page

---
 client/src/components/CustomerOrderForm.tsx    | 2 +-
 client/src/pages/mobile/CustomerOrdersPage.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/client/src/components/CustomerOrderForm.tsx b/client/src/components/CustomerOrderForm.tsx
index 9bffb40..338e818 100644
--- a/client/src/components/CustomerOrderForm.tsx
+++ b/client/src/components/CustomerOrderForm.tsx
@@ -176,7 +176,7 @@ export function CustomerOrderForm({
       setArticleNotFound(false);
       form.setValue("productName", article.libelle1, { shouldValidate: true });
       if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
-      if (article.codein) form.setValue("productReference", article.codein, { shouldValidate: true });
+      if (article.ref_fou_principale) form.setValue("productReference", article.ref_fou_principale, { shouldValidate: true });
 
       // Fournisseur : dernière entrée en stock en priorité
       let codefouToMatch = article.codefou_principal;
diff --git a/client/src/pages/mobile/CustomerOrdersPage.tsx b/client/src/pages/mobile/CustomerOrdersPage.tsx
index 4ec112f..20ffa6b 100644
--- a/client/src/pages/mobile/CustomerOrdersPage.tsx
+++ b/client/src/pages/mobile/CustomerOrdersPage.tsx
@@ -178,7 +178,7 @@ export default function MobileCustomerOrdersPage() {
             setArticleNotFound(false);
             form.setValue("productName", article.libelle1, { shouldValidate: true });
             if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
-            if (article.codein) form.setValue("productReference", article.codein, { shouldValidate: true });
+            if (article.ref_fou_principale) form.setValue("productReference", article.ref_fou_principale, { shouldValidate: true });
 
             let codefouToMatch = article.codefou_principal;
             try {

From 55191c511b24b6158f04b4b32f562950a150fae3 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 12:52:20 +0200
Subject: [PATCH 17/26] feat: implement BAP webhook configuration management
 and customer order tracking support

---
 client/src/pages/CustomerOrders.tsx           | 113 +++++++++++++++---
 .../src/pages/mobile/CustomerOrdersPage.tsx   |  98 ++++++++++++++-
 server/migrations.ts                          |   7 ++
 server/routes.ts                              |   5 +-
 server/storage.ts                             |   4 +-
 shared/schema.ts                              |   2 +
 6 files changed, 208 insertions(+), 21 deletions(-)

diff --git a/client/src/pages/CustomerOrders.tsx b/client/src/pages/CustomerOrders.tsx
index 9822f30..f92a92d 100644
--- a/client/src/pages/CustomerOrders.tsx
+++ b/client/src/pages/CustomerOrders.tsx
@@ -29,7 +29,7 @@ import {
   SelectValue,
 } from "@/components/ui/select";
 import { Pagination, usePagination } from "@/components/ui/pagination";
-import { Plus, Edit, Trash2, Phone, PhoneCall, Printer, Eye, Package, AlertCircle } from "lucide-react";
+import { Plus, Edit, Trash2, Phone, PhoneCall, Printer, Eye, Package, AlertCircle, MessageSquare } from "lucide-react";
 import JsBarcode from 'jsbarcode';
 import { safeFormat, safeDate } from "@/lib/dateUtils";
 import { format } from "date-fns";
@@ -56,6 +56,9 @@ export default function CustomerOrders() {
   const [showStatusModal, setShowStatusModal] = useState(false);
   const [showClientCallsModal, setShowClientCallsModal] = useState(false);
   const [selectedOrder, setSelectedOrder] = useState<CustomerOrderWithRelations | null>(null);
+  const [showContactModal, setShowContactModal] = useState(false);
+  const [contactOrder, setContactOrder] = useState<CustomerOrderWithRelations | null>(null);
+  const [contactComment, setContactComment] = useState("");
   const [searchTerm, setSearchTerm] = useState("");
   const [sortBy, setSortBy] = useState<"date" | "status" | "supplier">("date");
   const [sortOrder, setSortOrder] = useState<"asc" | "desc">("desc");
@@ -177,16 +180,28 @@ export default function CustomerOrders() {
     },
   });
 
-  // Notification mutation
-  const notificationMutation = useMutation({
-    mutationFn: ({ id, customerNotified }: { id: number; customerNotified: boolean }) =>
-      apiRequest(`/api/customer-orders/${id}`, 'PUT', { customerNotified }),
+  // Mutation marquer client contacté (avec date + commentaire)
+  const markCalledMutation = useMutation({
+    mutationFn: ({ id, comment }: { id: number; comment?: string }) =>
+      apiRequest(`/api/customer-orders/${id}/mark-called`, 'PATCH', { comment }),
     onSuccess: () => {
       queryClient.invalidateQueries({ predicate: (query) => query.queryKey[0]?.toString()?.includes('/api/customer-orders') ?? false });
-      toast({
-        title: "Succès",
-        description: "Statut de notification mis à jour",
-      });
+      toast({ title: "Client marqué comme contacté" });
+      setShowContactModal(false);
+      setContactComment("");
+      setContactOrder(null);
+    },
+  });
+
+  // Mutation annuler contact
+  const unmarkCalledMutation = useMutation({
+    mutationFn: (id: number) =>
+      apiRequest(`/api/customer-orders/${id}`, 'PUT', { customerNotified: false, notifiedAt: null, notifiedComment: null }),
+    onSuccess: () => {
+      queryClient.invalidateQueries({ predicate: (query) => query.queryKey[0]?.toString()?.includes('/api/customer-orders') ?? false });
+      toast({ title: "Contact annulé" });
+      setShowContactModal(false);
+      setContactOrder(null);
     },
   });
 
@@ -266,10 +281,9 @@ export default function CustomerOrders() {
   };
 
   const handleNotificationToggle = (order: CustomerOrderWithRelations) => {
-    notificationMutation.mutate({
-      id: order.id,
-      customerNotified: !order.customerNotified
-    });
+    setContactOrder(order);
+    setContactComment("");
+    setShowContactModal(true);
   };
 
   // Fonction pour calculer le checksum EAN13
@@ -904,10 +918,14 @@ export default function CustomerOrders() {
                               variant="outline"
                               size="sm"
                               onClick={() => handleNotificationToggle(order)}
-                              className={order.customerNotified ? "bg-green-100" : ""}
+                              className={order.customerNotified ? "bg-green-100 border-green-300" : ""}
+                              title={order.customerNotified && (order as any).notifiedAt
+                                ? `Contacté le ${format(new Date((order as any).notifiedAt), "dd/MM/yyyy 'à' HH:mm", { locale: fr })}${(order as any).notifiedComment ? ` — ${(order as any).notifiedComment}` : ''}`
+                                : "Marquer client comme contacté"
+                              }
                             >
                               {order.customerNotified ? (
-                                <PhoneCall className="h-4 w-4" />
+                                <PhoneCall className="h-4 w-4 text-green-700" />
                               ) : (
                                 <Phone className="h-4 w-4" />
                               )}
@@ -1053,6 +1071,71 @@ export default function CustomerOrders() {
         onClose={() => setShowClientCallsModal(false)}
         pendingCalls={pendingCalls}
       />
+
+      {/* Modal contact client */}
+      <Dialog open={showContactModal} onOpenChange={(open) => { setShowContactModal(open); if (!open) { setContactOrder(null); setContactComment(""); } }}>
+        <DialogContent className="max-w-md">
+          <DialogHeader>
+            <DialogTitle className="flex items-center gap-2">
+              {contactOrder?.customerNotified ? (
+                <><PhoneCall className="h-5 w-5 text-green-600" /> Client déjà contacté</>
+              ) : (
+                <><Phone className="h-5 w-5 text-blue-600" /> Marquer client comme contacté</>
+              )}
+            </DialogTitle>
+            {contactOrder && (
+              <DialogDescription>
+                {contactOrder.customerName} — {contactOrder.productDesignation}
+              </DialogDescription>
+            )}
+          </DialogHeader>
+
+          {contactOrder?.customerNotified ? (
+            <div className="space-y-4">
+              <div className="rounded-md bg-green-50 border border-green-200 p-3 space-y-1 text-sm">
+                <p className="font-medium text-green-800">
+                  Contacté le {contactOrder.notifiedAt ? format(new Date((contactOrder as any).notifiedAt), "dd/MM/yyyy 'à' HH:mm", { locale: fr }) : "—"}
+                </p>
+                {(contactOrder as any).notifiedComment && (
+                  <p className="text-green-700 flex items-start gap-1.5">
+                    <MessageSquare className="h-4 w-4 mt-0.5 shrink-0" />
+                    {(contactOrder as any).notifiedComment}
+                  </p>
+                )}
+              </div>
+              <div className="flex justify-end gap-2">
+                <Button variant="outline" onClick={() => { setShowContactModal(false); setContactOrder(null); }}>Fermer</Button>
+                <Button variant="destructive" onClick={() => unmarkCalledMutation.mutate(contactOrder.id)} disabled={unmarkCalledMutation.isPending}>
+                  Annuler le contact
+                </Button>
+              </div>
+            </div>
+          ) : (
+            <div className="space-y-4">
+              <div>
+                <label className="text-sm font-medium text-gray-700">Commentaire (optionnel)</label>
+                <textarea
+                  className="mt-1 w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
+                  rows={3}
+                  placeholder="Ex : Laissé un message, Rappeler demain matin..."
+                  value={contactComment}
+                  onChange={(e) => setContactComment(e.target.value)}
+                />
+              </div>
+              <div className="flex justify-end gap-2">
+                <Button variant="outline" onClick={() => { setShowContactModal(false); setContactOrder(null); setContactComment(""); }}>Annuler</Button>
+                <Button
+                  onClick={() => markCalledMutation.mutate({ id: contactOrder!.id, comment: contactComment || undefined })}
+                  disabled={markCalledMutation.isPending}
+                  className="bg-green-600 hover:bg-green-700"
+                >
+                  <PhoneCall className="h-4 w-4 mr-2" /> Confirmer
+                </Button>
+              </div>
+            </div>
+          )}
+        </DialogContent>
+      </Dialog>
     </div>
   );
 }
\ No newline at end of file
diff --git a/client/src/pages/mobile/CustomerOrdersPage.tsx b/client/src/pages/mobile/CustomerOrdersPage.tsx
index 20ffa6b..39ffcc3 100644
--- a/client/src/pages/mobile/CustomerOrdersPage.tsx
+++ b/client/src/pages/mobile/CustomerOrdersPage.tsx
@@ -15,13 +15,15 @@ import {
     Package,
     Search,
     Phone,
+    PhoneCall,
     User,
     ClipboardList,
     Plus,
     MoreVertical,
     X,
     Filter,
-    Loader2
+    Loader2,
+    MessageSquare
 } from "lucide-react";
 import { format } from "date-fns";
 import { fr } from "date-fns/locale";
@@ -80,6 +82,8 @@ export default function MobileCustomerOrdersPage() {
     const { selectedStoreId } = useStore();
     const [searchTerm, setSearchTerm] = useState("");
     const [isCreateOpen, setIsCreateOpen] = useState(false);
+    const [contactOrder, setContactOrder] = useState<any | null>(null);
+    const [contactComment, setContactComment] = useState("");
     const { toast } = useToast();
     const queryClient = useQueryClient();
 
@@ -124,6 +128,27 @@ export default function MobileCustomerOrdersPage() {
         },
     });
 
+    const markCalledMutation = useMutation({
+        mutationFn: ({ id, comment }: { id: number; comment?: string }) =>
+            apiRequest(`/api/customer-orders/${id}/mark-called`, 'PATCH', { comment }),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["/api/customer-orders"] });
+            toast({ title: "Client marqué comme contacté" });
+            setContactOrder(null);
+            setContactComment("");
+        },
+    });
+
+    const unmarkCalledMutation = useMutation({
+        mutationFn: (id: number) =>
+            apiRequest(`/api/customer-orders/${id}`, 'PUT', { customerNotified: false, notifiedAt: null, notifiedComment: null }),
+        onSuccess: () => {
+            queryClient.invalidateQueries({ queryKey: ["/api/customer-orders"] });
+            toast({ title: "Contact annulé" });
+            setContactOrder(null);
+        },
+    });
+
     const createMutation = useMutation({
         mutationFn: (data: any) => apiRequest('/api/customer-orders', 'POST', data),
         onSuccess: () => {
@@ -342,7 +367,7 @@ export default function MobileCustomerOrdersPage() {
                                         </DropdownMenu>
                                     </div>
 
-                                    <div className="flex items-center gap-4 mt-3 pt-3 border-t border-gray-100 text-sm text-gray-600">
+                                    <div className="flex items-center gap-2 mt-3 pt-3 border-t border-gray-100 text-sm text-gray-600 flex-wrap">
                                         {order.customerPhone && (
                                             <a
                                                 href={`tel:${order.customerPhone}`}
@@ -352,6 +377,13 @@ export default function MobileCustomerOrdersPage() {
                                                 <span className="font-medium">Appeler</span>
                                             </a>
                                         )}
+                                        <button
+                                            onClick={() => { setContactOrder(order); setContactComment(""); }}
+                                            className={`flex items-center gap-1.5 px-3 py-1.5 rounded-full transition-colors text-xs font-medium ${order.customerNotified ? 'bg-green-100 text-green-700' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'}`}
+                                        >
+                                            <PhoneCall className="h-3.5 w-3.5" />
+                                            {order.customerNotified ? 'Contacté' : 'Marquer contacté'}
+                                        </button>
                                         <div className="flex items-center gap-1.5 ml-auto">
                                             <div className="bg-gray-100 px-2 py-1 rounded text-xs">
                                                 Qty: {order.quantity || 1}
@@ -598,6 +630,68 @@ export default function MobileCustomerOrdersPage() {
             >
                 <Plus className="h-6 w-6 text-white" />
             </Button>
+
+            {/* Modal contact client */}
+            {contactOrder && (
+                <div className="fixed inset-0 z-50 flex items-end justify-center bg-black/50" onClick={() => { setContactOrder(null); setContactComment(""); }}>
+                    <div className="w-full max-w-lg bg-white rounded-t-2xl p-5 space-y-4" onClick={(e) => e.stopPropagation()}>
+                        <div className="flex items-center gap-2">
+                            {contactOrder.customerNotified
+                                ? <PhoneCall className="h-5 w-5 text-green-600" />
+                                : <Phone className="h-5 w-5 text-blue-600" />}
+                            <h3 className="font-semibold text-gray-900">
+                                {contactOrder.customerNotified ? "Client déjà contacté" : "Marquer comme contacté"}
+                            </h3>
+                        </div>
+                        <p className="text-sm text-gray-500">{contactOrder.customerName} — {contactOrder.productDesignation}</p>
+
+                        {contactOrder.customerNotified ? (
+                            <div className="rounded-md bg-green-50 border border-green-200 p-3 space-y-1 text-sm">
+                                <p className="font-medium text-green-800">
+                                    Contacté le {contactOrder.notifiedAt ? format(new Date(contactOrder.notifiedAt), "dd/MM/yyyy 'à' HH:mm") : "—"}
+                                </p>
+                                {contactOrder.notifiedComment && (
+                                    <p className="text-green-700 flex items-start gap-1.5">
+                                        <MessageSquare className="h-4 w-4 mt-0.5 shrink-0" />
+                                        {contactOrder.notifiedComment}
+                                    </p>
+                                )}
+                            </div>
+                        ) : (
+                            <textarea
+                                className="w-full rounded-md border border-gray-300 px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500"
+                                rows={3}
+                                placeholder="Commentaire optionnel (ex: laissé un message...)"
+                                value={contactComment}
+                                onChange={(e) => setContactComment(e.target.value)}
+                            />
+                        )}
+
+                        <div className="flex gap-2 pt-1">
+                            <button onClick={() => { setContactOrder(null); setContactComment(""); }} className="flex-1 py-2.5 rounded-lg border border-gray-300 text-sm font-medium text-gray-700">
+                                {contactOrder.customerNotified ? "Fermer" : "Annuler"}
+                            </button>
+                            {contactOrder.customerNotified ? (
+                                <button
+                                    onClick={() => unmarkCalledMutation.mutate(contactOrder.id)}
+                                    disabled={unmarkCalledMutation.isPending}
+                                    className="flex-1 py-2.5 rounded-lg bg-red-600 text-white text-sm font-medium"
+                                >
+                                    Annuler le contact
+                                </button>
+                            ) : (
+                                <button
+                                    onClick={() => markCalledMutation.mutate({ id: contactOrder.id, comment: contactComment || undefined })}
+                                    disabled={markCalledMutation.isPending}
+                                    className="flex-1 py-2.5 rounded-lg bg-green-600 text-white text-sm font-medium flex items-center justify-center gap-2"
+                                >
+                                    <PhoneCall className="h-4 w-4" /> Confirmer
+                                </button>
+                            )}
+                        </div>
+                    </div>
+                </div>
+            )}
         </MobileLayout>
     );
 }
diff --git a/server/migrations.ts b/server/migrations.ts
index 1c9911a..3848a05 100644
--- a/server/migrations.ts
+++ b/server/migrations.ts
@@ -36,6 +36,13 @@ export async function runMigrations() {
     
     // Ajouter les migrations hardcodées directement dans le code pour éviter les problèmes de chemins
     const hardcodedMigrations = [
+      {
+        filename: '20260402000002_add_notified_fields_to_customer_orders.sql',
+        content: `
+          ALTER TABLE customer_orders ADD COLUMN IF NOT EXISTS notified_at TIMESTAMP;
+          ALTER TABLE customer_orders ADD COLUMN IF NOT EXISTS notified_comment TEXT;
+        `
+      },
       {
         filename: '20260402000000_add_codefou_to_suppliers.sql',
         content: `ALTER TABLE suppliers ADD COLUMN IF NOT EXISTS codefou VARCHAR;`
diff --git a/server/routes.ts b/server/routes.ts
index c35ff2e..334f3c0 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -3352,9 +3352,8 @@ export async function registerRoutes(app: Express): Promise<Server> {
         }
       }
 
-      const updatedOrder = await storage.markClientCalled(id, user.id);
-
-      console.log(`📞 Client marked as called: order ${id} by user ${user.id} (${user.role})`);
+      const { comment } = req.body;
+      const updatedOrder = await storage.markClientCalled(id, user.id, comment);
       res.json(updatedOrder);
     } catch (error) {
       console.error("Error marking client as called:", error);
diff --git a/server/storage.ts b/server/storage.ts
index 86aaa4e..a0cf94b 100644
--- a/server/storage.ts
+++ b/server/storage.ts
@@ -1848,11 +1848,13 @@ export class DatabaseStorage implements IStorage {
     }));
   }
 
-  async markClientCalled(customerOrderId: number, calledBy: string): Promise<CustomerOrder> {
+  async markClientCalled(customerOrderId: number, calledBy: string, comment?: string): Promise<CustomerOrder> {
     const [updated] = await db
       .update(customerOrders)
       .set({
         customerNotified: true,
+        notifiedAt: new Date(),
+        notifiedComment: comment || null,
         updatedAt: new Date()
       })
       .where(eq(customerOrders.id, customerOrderId))
diff --git a/shared/schema.ts b/shared/schema.ts
index ffd1a66..029294f 100644
--- a/shared/schema.ts
+++ b/shared/schema.ts
@@ -231,6 +231,8 @@ export const customerOrders = pgTable("customer_orders", {
   
   // Communication client
   customerNotified: boolean("customer_notified").default(false), // Client appelé
+  notifiedAt: timestamp("notified_at"), // Date/heure du contact
+  notifiedComment: text("notified_comment"), // Commentaire lors de l'appel
   
   // Notes additionnelles
   notes: text("notes"), // Notes sur la commande

From cf57cb5b2d7ba448675e923c37ebbc2023503521 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 12:58:56 +0200
Subject: [PATCH 18/26] feat: add CustomerOrders page with CRUD operations,
 status management, and client contact tracking

---
 client/src/pages/CustomerOrders.tsx | 48 ++++++++++++++---------------
 1 file changed, 23 insertions(+), 25 deletions(-)

diff --git a/client/src/pages/CustomerOrders.tsx b/client/src/pages/CustomerOrders.tsx
index f92a92d..13406ea 100644
--- a/client/src/pages/CustomerOrders.tsx
+++ b/client/src/pages/CustomerOrders.tsx
@@ -906,32 +906,30 @@ export default function CustomerOrders() {
                           <Edit className="h-4 w-4" />
                         </Button>
                         {canShowButtons(order.status) && (
-                          <>
-                            <Button
-                              variant="outline"
-                              size="sm"
-                              onClick={() => handlePrintLabel(order)}
-                            >
-                              <Printer className="h-4 w-4" />
-                            </Button>
-                            <Button
-                              variant="outline"
-                              size="sm"
-                              onClick={() => handleNotificationToggle(order)}
-                              className={order.customerNotified ? "bg-green-100 border-green-300" : ""}
-                              title={order.customerNotified && (order as any).notifiedAt
-                                ? `Contacté le ${format(new Date((order as any).notifiedAt), "dd/MM/yyyy 'à' HH:mm", { locale: fr })}${(order as any).notifiedComment ? ` — ${(order as any).notifiedComment}` : ''}`
-                                : "Marquer client comme contacté"
-                              }
-                            >
-                              {order.customerNotified ? (
-                                <PhoneCall className="h-4 w-4 text-green-700" />
-                              ) : (
-                                <Phone className="h-4 w-4" />
-                              )}
-                            </Button>
-                          </>
+                          <Button
+                            variant="outline"
+                            size="sm"
+                            onClick={() => handlePrintLabel(order)}
+                          >
+                            <Printer className="h-4 w-4" />
+                          </Button>
                         )}
+                        <Button
+                          variant="outline"
+                          size="sm"
+                          onClick={() => handleNotificationToggle(order)}
+                          className={order.customerNotified ? "bg-green-100 border-green-300" : ""}
+                          title={order.customerNotified && (order as any).notifiedAt
+                            ? `Contacté le ${format(new Date((order as any).notifiedAt), "dd/MM/yyyy 'à' HH:mm", { locale: fr })}${(order as any).notifiedComment ? ` — ${(order as any).notifiedComment}` : ''}`
+                            : "Marquer client comme contacté"
+                          }
+                        >
+                          {order.customerNotified ? (
+                            <PhoneCall className="h-4 w-4 text-green-700" />
+                          ) : (
+                            <Phone className="h-4 w-4" />
+                          )}
+                        </Button>
                         {permissions.canDelete('customer-orders') && (
                           <Button
                             variant="outline"

From 22897ede48b7178eb6414eea4d79fa902b3dcae9 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 13:37:16 +0200
Subject: [PATCH 19/26] feat: add CustomerOrderForm component with automated
 product lookup and supplier matching

---
 client/src/components/CustomerOrderForm.tsx    | 5 +++++
 client/src/pages/mobile/CustomerOrdersPage.tsx | 3 +++
 2 files changed, 8 insertions(+)

diff --git a/client/src/components/CustomerOrderForm.tsx b/client/src/components/CustomerOrderForm.tsx
index 338e818..9ed56e6 100644
--- a/client/src/components/CustomerOrderForm.tsx
+++ b/client/src/components/CustomerOrderForm.tsx
@@ -159,6 +159,8 @@ export function CustomerOrderForm({
   // Lookup API ffnancy par gencode ou référence
   const [articleLookupLoading, setArticleLookupLoading] = useState(false);
   const [articleNotFound, setArticleNotFound] = useState(false);
+  // Flag pour éviter que le remplissage auto de productReference ne redéclenche une recherche
+  const autoFilledRef = useRef(false);
   const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const gencodeValue = form.watch("gencode");
   const referenceValue = form.watch("productReference");
@@ -174,6 +176,7 @@ export function CustomerOrderForm({
       if (!article) { setArticleNotFound(true); return; }
 
       setArticleNotFound(false);
+      autoFilledRef.current = true; // bloquer le watcher référence
       form.setValue("productName", article.libelle1, { shouldValidate: true });
       if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
       if (article.ref_fou_principale) form.setValue("productReference", article.ref_fou_principale, { shouldValidate: true });
@@ -216,6 +219,8 @@ export function CustomerOrderForm({
   }, [gencodeValue]);
 
   useEffect(() => {
+    // Si la valeur a été remplie automatiquement, on ignore ce cycle
+    if (autoFilledRef.current) { autoFilledRef.current = false; return; }
     if (!referenceValue || referenceValue.length < 3) { setArticleNotFound(false); return; }
     if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
     lookupDebounceRef.current = setTimeout(() => {
diff --git a/client/src/pages/mobile/CustomerOrdersPage.tsx b/client/src/pages/mobile/CustomerOrdersPage.tsx
index 39ffcc3..8981be4 100644
--- a/client/src/pages/mobile/CustomerOrdersPage.tsx
+++ b/client/src/pages/mobile/CustomerOrdersPage.tsx
@@ -186,6 +186,7 @@ export default function MobileCustomerOrdersPage() {
     // Lookup API ffnancy par gencode ou référence
     const [articleLookupLoading, setArticleLookupLoading] = useState(false);
     const [articleNotFound, setArticleNotFound] = useState(false);
+    const autoFilledRef = useRef(false);
     const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
     const gencodeValue = form.watch("gencode");
     const referenceValue = form.watch("productReference");
@@ -201,6 +202,7 @@ export default function MobileCustomerOrdersPage() {
             if (!article) { setArticleNotFound(true); return; }
 
             setArticleNotFound(false);
+            autoFilledRef.current = true;
             form.setValue("productName", article.libelle1, { shouldValidate: true });
             if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
             if (article.ref_fou_principale) form.setValue("productReference", article.ref_fou_principale, { shouldValidate: true });
@@ -242,6 +244,7 @@ export default function MobileCustomerOrdersPage() {
     }, [gencodeValue]);
 
     useEffect(() => {
+        if (autoFilledRef.current) { autoFilledRef.current = false; return; }
         if (!referenceValue || referenceValue.length < 3) { setArticleNotFound(false); return; }
         if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
         lookupDebounceRef.current = setTimeout(() => {

From 95a5a2facca08350d7da297d13f304d41326a9a8 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 13:54:29 +0200
Subject: [PATCH 20/26] feat: add CustomerOrderForm component with automated
 product lookup and supplier matching

---
 client/src/components/CustomerOrderForm.tsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/client/src/components/CustomerOrderForm.tsx b/client/src/components/CustomerOrderForm.tsx
index 9ed56e6..097d898 100644
--- a/client/src/components/CustomerOrderForm.tsx
+++ b/client/src/components/CustomerOrderForm.tsx
@@ -161,6 +161,8 @@ export function CustomerOrderForm({
   const [articleNotFound, setArticleNotFound] = useState(false);
   // Flag pour éviter que le remplissage auto de productReference ne redéclenche une recherche
   const autoFilledRef = useRef(false);
+  // En mode édition, ignorer les watchers au premier rendu (valeurs déjà remplies)
+  const initialEditSkipRef = useRef(!!order);
   const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const gencodeValue = form.watch("gencode");
   const referenceValue = form.watch("productReference");
@@ -210,6 +212,7 @@ export function CustomerOrderForm({
   };
 
   useEffect(() => {
+    if (initialEditSkipRef.current) { initialEditSkipRef.current = false; return; }
     if (!gencodeValue || gencodeValue.length < 8) { setArticleNotFound(false); return; }
     if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
     lookupDebounceRef.current = setTimeout(() => {

From 7e2eed93df7d41967cf545bb6c63e55dd52eb514 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 14:01:31 +0200
Subject: [PATCH 21/26] feat: add CustomerOrderForm component with automated
 product lookup and validation

---
 client/src/components/CustomerOrderForm.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/client/src/components/CustomerOrderForm.tsx b/client/src/components/CustomerOrderForm.tsx
index 097d898..87f58bb 100644
--- a/client/src/components/CustomerOrderForm.tsx
+++ b/client/src/components/CustomerOrderForm.tsx
@@ -162,7 +162,8 @@ export function CustomerOrderForm({
   // Flag pour éviter que le remplissage auto de productReference ne redéclenche une recherche
   const autoFilledRef = useRef(false);
   // En mode édition, ignorer les watchers au premier rendu (valeurs déjà remplies)
-  const initialEditSkipRef = useRef(!!order);
+  const initialGencodeSkipRef = useRef(!!order);
+  const initialRefSkipRef = useRef(!!order);
   const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   const gencodeValue = form.watch("gencode");
   const referenceValue = form.watch("productReference");
@@ -212,7 +213,7 @@ export function CustomerOrderForm({
   };
 
   useEffect(() => {
-    if (initialEditSkipRef.current) { initialEditSkipRef.current = false; return; }
+    if (initialGencodeSkipRef.current) { initialGencodeSkipRef.current = false; return; }
     if (!gencodeValue || gencodeValue.length < 8) { setArticleNotFound(false); return; }
     if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
     lookupDebounceRef.current = setTimeout(() => {
@@ -224,6 +225,7 @@ export function CustomerOrderForm({
   useEffect(() => {
     // Si la valeur a été remplie automatiquement, on ignore ce cycle
     if (autoFilledRef.current) { autoFilledRef.current = false; return; }
+    if (initialRefSkipRef.current) { initialRefSkipRef.current = false; return; }
     if (!referenceValue || referenceValue.length < 3) { setArticleNotFound(false); return; }
     if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
     lookupDebounceRef.current = setTimeout(() => {
@@ -434,8 +436,8 @@ export function CustomerOrderForm({
             {/* Case "Client appelé" cachée pour nouvelles commandes */}
         </div>
 
-        {/* Produit non référencé */}
-        {articleNotFound && (
+        {/* Produit non référencé — uniquement en création */}
+        {articleNotFound && !order && (
           <div className="flex items-center gap-2 rounded-md border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700">
             <span className="font-medium">Produit non référencé</span> — ce produit n'existe pas dans la base. La commande ne peut pas être créée.
           </div>
@@ -453,7 +455,7 @@ export function CustomerOrderForm({
           </Button>
           <Button
             type="submit"
-            disabled={isLoading || articleNotFound || articleLookupLoading}
+            disabled={isLoading || (articleNotFound && !order) || articleLookupLoading}
           >
             {isLoading ? "Enregistrement..." : order ? "Modifier" : "Créer"}
           </Button>

From 8aa5dd1c83893f5f4f694cf8371bc637866846f5 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 14:25:08 +0200
Subject: [PATCH 22/26] feat: add mobile-optimized customer orders page with
 creation form and article lookup integration

---
 client/src/components/CustomerOrderForm.tsx   | 73 +++++++++----------
 .../src/pages/mobile/CustomerOrdersPage.tsx   | 51 ++++++-------
 2 files changed, 56 insertions(+), 68 deletions(-)

diff --git a/client/src/components/CustomerOrderForm.tsx b/client/src/components/CustomerOrderForm.tsx
index 87f58bb..310c738 100644
--- a/client/src/components/CustomerOrderForm.tsx
+++ b/client/src/components/CustomerOrderForm.tsx
@@ -3,8 +3,8 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import { z } from "zod";
 import { useQuery } from "@tanstack/react-query";
 import { useAuthUnified } from "@/hooks/useAuthUnified";
-import { useState, useEffect, useRef } from "react";
-import { Loader2 } from "lucide-react";
+import { useState, useRef } from "react";
+import { Loader2, Search } from "lucide-react";
 import {
   Form,
   FormControl,
@@ -156,17 +156,9 @@ export function CustomerOrderForm({
     form.setValue('groupId', userGroupId);
   }
 
-  // Lookup API ffnancy par gencode ou référence
+  // Lookup API ffnancy par gencode ou référence (déclenché manuellement)
   const [articleLookupLoading, setArticleLookupLoading] = useState(false);
   const [articleNotFound, setArticleNotFound] = useState(false);
-  // Flag pour éviter que le remplissage auto de productReference ne redéclenche une recherche
-  const autoFilledRef = useRef(false);
-  // En mode édition, ignorer les watchers au premier rendu (valeurs déjà remplies)
-  const initialGencodeSkipRef = useRef(!!order);
-  const initialRefSkipRef = useRef(!!order);
-  const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-  const gencodeValue = form.watch("gencode");
-  const referenceValue = form.watch("productReference");
 
   const fetchAndFillArticle = async (params: URLSearchParams) => {
     setArticleLookupLoading(true);
@@ -179,7 +171,6 @@ export function CustomerOrderForm({
       if (!article) { setArticleNotFound(true); return; }
 
       setArticleNotFound(false);
-      autoFilledRef.current = true; // bloquer le watcher référence
       form.setValue("productName", article.libelle1, { shouldValidate: true });
       if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
       if (article.ref_fou_principale) form.setValue("productReference", article.ref_fou_principale, { shouldValidate: true });
@@ -212,27 +203,15 @@ export function CustomerOrderForm({
     }
   };
 
-  useEffect(() => {
-    if (initialGencodeSkipRef.current) { initialGencodeSkipRef.current = false; return; }
-    if (!gencodeValue || gencodeValue.length < 8) { setArticleNotFound(false); return; }
-    if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
-    lookupDebounceRef.current = setTimeout(() => {
-      fetchAndFillArticle(new URLSearchParams({ ean: gencodeValue }));
-    }, 600);
-    return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
-  }, [gencodeValue]);
+  const handleSearchByGencode = () => {
+    const val = form.getValues("gencode");
+    if (val) fetchAndFillArticle(new URLSearchParams({ ean: val }));
+  };
 
-  useEffect(() => {
-    // Si la valeur a été remplie automatiquement, on ignore ce cycle
-    if (autoFilledRef.current) { autoFilledRef.current = false; return; }
-    if (initialRefSkipRef.current) { initialRefSkipRef.current = false; return; }
-    if (!referenceValue || referenceValue.length < 3) { setArticleNotFound(false); return; }
-    if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
-    lookupDebounceRef.current = setTimeout(() => {
-      fetchAndFillArticle(new URLSearchParams({ codein: referenceValue }));
-    }, 600);
-    return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
-  }, [referenceValue]);
+  const handleSearchByReference = () => {
+    const val = form.getValues("productReference");
+    if (val) fetchAndFillArticle(new URLSearchParams({ codein: val }));
+  };
 
   return (
     <Form {...form}>
@@ -337,9 +316,18 @@ export function CustomerOrderForm({
                 <FormItem>
                   <FormLabel>Référence (optionnel)</FormLabel>
                   <FormControl>
-                    <div className="relative">
-                      <Input placeholder="REF-123456" {...field} className={articleLookupLoading ? "pr-8" : ""} />
-                      {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                    <div className="flex gap-2">
+                      <Input placeholder="REF-123456" {...field} />
+                      <Button
+                        type="button"
+                        variant="outline"
+                        size="sm"
+                        onClick={handleSearchByReference}
+                        disabled={articleLookupLoading}
+                        className="shrink-0"
+                      >
+                        {articleLookupLoading ? <Loader2 className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
+                      </Button>
                     </div>
                   </FormControl>
                   <FormMessage />
@@ -354,9 +342,18 @@ export function CustomerOrderForm({
                 <FormItem>
                   <FormLabel>Gencode (obligatoire)</FormLabel>
                   <FormControl>
-                    <div className="relative">
-                      <Input placeholder="Code à barres" {...field} className={articleLookupLoading ? "pr-8" : ""} />
-                      {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                    <div className="flex gap-2">
+                      <Input placeholder="Code à barres" {...field} />
+                      <Button
+                        type="button"
+                        variant="outline"
+                        size="sm"
+                        onClick={handleSearchByGencode}
+                        disabled={articleLookupLoading}
+                        className="shrink-0"
+                      >
+                        {articleLookupLoading ? <Loader2 className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
+                      </Button>
                     </div>
                   </FormControl>
                   <FormMessage />
diff --git a/client/src/pages/mobile/CustomerOrdersPage.tsx b/client/src/pages/mobile/CustomerOrdersPage.tsx
index 8981be4..eee8115 100644
--- a/client/src/pages/mobile/CustomerOrdersPage.tsx
+++ b/client/src/pages/mobile/CustomerOrdersPage.tsx
@@ -23,7 +23,8 @@ import {
     X,
     Filter,
     Loader2,
-    MessageSquare
+    MessageSquare,
+    Search
 } from "lucide-react";
 import { format } from "date-fns";
 import { fr } from "date-fns/locale";
@@ -183,13 +184,9 @@ export default function MobileCustomerOrdersPage() {
         }
     });
 
-    // Lookup API ffnancy par gencode ou référence
+    // Lookup API ffnancy par gencode ou référence (déclenché manuellement)
     const [articleLookupLoading, setArticleLookupLoading] = useState(false);
     const [articleNotFound, setArticleNotFound] = useState(false);
-    const autoFilledRef = useRef(false);
-    const lookupDebounceRef = useRef<ReturnType<typeof setTimeout> | null>(null);
-    const gencodeValue = form.watch("gencode");
-    const referenceValue = form.watch("productReference");
 
     const fetchAndFillArticle = async (params: URLSearchParams) => {
         setArticleLookupLoading(true);
@@ -202,7 +199,6 @@ export default function MobileCustomerOrdersPage() {
             if (!article) { setArticleNotFound(true); return; }
 
             setArticleNotFound(false);
-            autoFilledRef.current = true;
             form.setValue("productName", article.libelle1, { shouldValidate: true });
             if (article.gtin) form.setValue("gencode", article.gtin, { shouldValidate: true });
             if (article.ref_fou_principale) form.setValue("productReference", article.ref_fou_principale, { shouldValidate: true });
@@ -234,24 +230,15 @@ export default function MobileCustomerOrdersPage() {
         }
     };
 
-    useEffect(() => {
-        if (!gencodeValue || gencodeValue.length < 8) { setArticleNotFound(false); return; }
-        if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
-        lookupDebounceRef.current = setTimeout(() => {
-            fetchAndFillArticle(new URLSearchParams({ ean: gencodeValue }));
-        }, 600);
-        return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
-    }, [gencodeValue]);
+    const handleSearchByGencode = () => {
+        const val = form.getValues("gencode");
+        if (val) fetchAndFillArticle(new URLSearchParams({ ean: val }));
+    };
 
-    useEffect(() => {
-        if (autoFilledRef.current) { autoFilledRef.current = false; return; }
-        if (!referenceValue || referenceValue.length < 3) { setArticleNotFound(false); return; }
-        if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current);
-        lookupDebounceRef.current = setTimeout(() => {
-            fetchAndFillArticle(new URLSearchParams({ codein: referenceValue }));
-        }, 600);
-        return () => { if (lookupDebounceRef.current) clearTimeout(lookupDebounceRef.current); };
-    }, [referenceValue]);
+    const handleSearchByReference = () => {
+        const val = form.getValues("productReference");
+        if (val) fetchAndFillArticle(new URLSearchParams({ codein: val }));
+    };
 
     const onSubmit = (data: any) => {
         // Validation basique groupe
@@ -483,9 +470,11 @@ export default function MobileCustomerOrdersPage() {
                                         <FormItem>
                                             <FormLabel>Référence (Optionnel)</FormLabel>
                                             <FormControl>
-                                                <div className="relative">
-                                                    <Input placeholder="REF-123..." {...field} className={articleLookupLoading ? "pr-8" : ""} />
-                                                    {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                                                <div className="flex gap-2">
+                                                    <Input placeholder="REF-123..." {...field} />
+                                                    <Button type="button" variant="outline" size="sm" onClick={handleSearchByReference} disabled={articleLookupLoading} className="shrink-0">
+                                                        {articleLookupLoading ? <Loader2 className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
+                                                    </Button>
                                                 </div>
                                             </FormControl>
                                         </FormItem>
@@ -550,9 +539,11 @@ export default function MobileCustomerOrdersPage() {
                                         <FormItem>
                                             <FormLabel>Gencode (Scanner si dispo)</FormLabel>
                                             <FormControl>
-                                                <div className="relative">
-                                                    <Input placeholder="EAN13" {...field} className={articleLookupLoading ? "pr-8" : ""} />
-                                                    {articleLookupLoading && <Loader2 className="absolute right-2 top-1/2 -translate-y-1/2 w-4 h-4 animate-spin text-blue-500" />}
+                                                <div className="flex gap-2">
+                                                    <Input placeholder="EAN13" {...field} />
+                                                    <Button type="button" variant="outline" size="sm" onClick={handleSearchByGencode} disabled={articleLookupLoading} className="shrink-0">
+                                                        {articleLookupLoading ? <Loader2 className="w-4 h-4 animate-spin" /> : <Search className="w-4 h-4" />}
+                                                    </Button>
                                                 </div>
                                             </FormControl>
                                         </FormItem>

From 71625031dfa7edf91ae4dbb6301e80ac3eca35a6 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 14:52:51 +0200
Subject: [PATCH 23/26] feat: add WebhookBAPConfig page for managing and
 testing n8n webhook settings

---
 client/src/pages/WebhookBAPConfig.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/pages/WebhookBAPConfig.tsx b/client/src/pages/WebhookBAPConfig.tsx
index b3ef520..f0cf30e 100644
--- a/client/src/pages/WebhookBAPConfig.tsx
+++ b/client/src/pages/WebhookBAPConfig.tsx
@@ -163,7 +163,7 @@ export default function WebhookBAPConfig() {
             Configuration Webhook BAP
           </CardTitle>
           <CardDescription>
-            Configurez l'URL du webhook n8n pour l'envoi des fichiers BAP vers Prissela et Jeremy
+            Configurez l'URL du webhook n8n pour l'envoi des fichiers BAP vers Laurie et Jeremy
           </CardDescription>
         </CardHeader>
         <CardContent className="space-y-6">

From 0255dc4aba7b28a227cf7f7028b63f8b771cdf48 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Thu, 2 Apr 2026 14:58:17 +0200
Subject: [PATCH 24/26] feat: add BAP file upload functionality to sidebar with
 processing status modal

---
 client/src/components/Sidebar.tsx | 6 +++---
 server/routes.ts                  | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 48bcad7..e97362e 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -783,12 +783,12 @@ export default function Sidebar() {
                   <SelectValue placeholder="🎯 Choisir le destinataire" />
                 </SelectTrigger>
                 <SelectContent>
-                  <SelectItem value="Prissela" className="py-3">
+                  <SelectItem value="Laurie" className="py-3">
                     <div className="flex items-center space-x-3">
                       <div className="h-8 w-8 bg-purple-100 rounded-full flex items-center justify-center">
-                        <span className="text-sm font-medium text-purple-600">P</span>
+                        <span className="text-sm font-medium text-purple-600">L</span>
                       </div>
-                      <span className="font-medium">Prissela</span>
+                      <span className="font-medium">Laurie</span>
                     </div>
                   </SelectItem>
                   <SelectItem value="Jeremy" className="py-3">
diff --git a/server/routes.ts b/server/routes.ts
index 334f3c0..1a08b9f 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -698,7 +698,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
         return res.status(400).json({ error: 'Données manquantes: pdfBase64, fileName ou recipient' });
       }
 
-      if (!['Prissela', 'Jeremy'].includes(recipient)) {
+      if (!['Laurie', 'Jeremy'].includes(recipient)) {
         return res.status(400).json({ error: 'Destinataire invalide' });
       }
 

From 79cd5d4f61ee5b9d304c6fa31cc684bd8ab87476 Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Wed, 29 Apr 2026 12:02:21 +0200
Subject: [PATCH 25/26] feat: implement date normalization utility and add BAP
 webhook configuration management routes

---
 scratch/test_webhook.js        | 33 +++++++++++++++++++++++++
 scratch/test_webhook_native.js | 27 +++++++++++++++++++++
 server/routes.ts               | 26 ++++++++++----------
 task.md                        | 44 ++++++++++++++--------------------
 4 files changed, 90 insertions(+), 40 deletions(-)
 create mode 100644 scratch/test_webhook.js
 create mode 100644 scratch/test_webhook_native.js

diff --git a/scratch/test_webhook.js b/scratch/test_webhook.js
new file mode 100644
index 0000000..a83d0f9
--- /dev/null
+++ b/scratch/test_webhook.js
@@ -0,0 +1,33 @@
+import fetch from 'node-fetch';
+import FormData from 'form-data';
+
+const webhookUrl = 'https://workflow.ffnancy.fr/webhook-test/acf9cbf7-040a-4cf5-a43d-80210420d30a';
+
+async function testWebhook() {
+  console.log('🚀 Testing webhook:', webhookUrl);
+  
+  const formData = new FormData();
+  formData.append('file', Buffer.from('test content'), {
+    filename: 'test.txt',
+    contentType: 'text/plain'
+  });
+  formData.append('supplier', 'Test Supplier');
+  formData.append('blNumber', '12345');
+  formData.append('type', 'Facture');
+
+  try {
+    const response = await fetch(webhookUrl, {
+      method: 'POST',
+      body: formData,
+      headers: formData.getHeaders()
+    });
+
+    console.log('📡 Response status:', response.status);
+    const text = await response.text();
+    console.log('📄 Response body:', text);
+  } catch (error) {
+    console.error('❌ Error calling webhook:', error);
+  }
+}
+
+testWebhook();
diff --git a/scratch/test_webhook_native.js b/scratch/test_webhook_native.js
new file mode 100644
index 0000000..5597ce0
--- /dev/null
+++ b/scratch/test_webhook_native.js
@@ -0,0 +1,27 @@
+const webhookUrl = 'https://workflow.ffnancy.fr/webhook-test/acf9cbf7-040a-4cf5-a43d-80210420d30a';
+
+async function testWebhook() {
+  console.log('🚀 Testing webhook (Native Fetch/FormData):', webhookUrl);
+  
+  const formData = new FormData();
+  const fileBlob = new Blob(['test content'], { type: 'text/plain' });
+  formData.append('file', fileBlob, 'test.txt');
+  formData.append('supplier', 'Test Supplier');
+  formData.append('blNumber', '12345');
+  formData.append('type', 'Facture');
+
+  try {
+    const response = await fetch(webhookUrl, {
+      method: 'POST',
+      body: formData
+    });
+
+    console.log('📡 Response status:', response.status);
+    const text = await response.text();
+    console.log('📄 Response body:', text);
+  } catch (error) {
+    console.error('❌ Error calling webhook:', error);
+  }
+}
+
+testWebhook();
diff --git a/server/routes.ts b/server/routes.ts
index 1a08b9f..f1f19a2 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -6,7 +6,8 @@ import { requireModulePermission, requireAdmin, requirePermission } from "./perm
 import { db, pool } from "./db";
 import { createRequire } from "module";
 const require = createRequire(import.meta.url);
-const FormData = require('form-data');
+// Suppression de l'import form-data car nous utilisons le FormData natif de Node.js 18+
+// const FormData = require('form-data');
 
 console.log('🔍 Using development storage and authentication');
 
@@ -861,8 +862,10 @@ export async function registerRoutes(app: Express): Promise<Server> {
 
       // Parser le multipart/form-data manuellement
       const contentType = req.headers['content-type'] || '';
-      const boundaryMatch = contentType.match(/boundary=(.+)$/);
+      // Gestion plus robuste du boundary (avec ou sans guillemets)
+      const boundaryMatch = contentType.match(/boundary="?([^";]+)"?/i);
       if (!boundaryMatch) {
+        console.error('❌ INVOICE PROXY: Boundary manquant dans Content-Type', contentType);
         return res.status(400).json({ error: 'Format multipart invalide' });
       }
 
@@ -889,27 +892,22 @@ export async function registerRoutes(app: Express): Promise<Server> {
         size: parts.file.buffer.length
       });
 
-      // Import dynamique standard pour ESM (sans eval)
-      console.log('🔍 INVOICE PROXY: FormData loaded', {
-        type: typeof FormData,
-        isConstructor: typeof FormData === 'function'
-      });
-
+      // Utilisation du FormData natif de Node.js (global)
+      // On utilise Blob pour transformer le Buffer en objet compatible
       const formData = new FormData();
-      formData.append('file', parts.file.buffer, {
-        filename: parts.file.filename,
-        contentType: parts.file.contentType
-      });
+      const fileBlob = new Blob([parts.file.buffer], { type: parts.file.contentType });
+      
+      formData.append('file', fileBlob, parts.file.filename);
       formData.append('supplier', parts.supplier || '');
       formData.append('blNumber', parts.blNumber || '');
       formData.append('type', parts.type || 'Facture');
 
       console.log('🔗 INVOICE PROXY: Calling webhook URL:', parts.webhookUrl);
 
+      // En utilisant le FormData natif avec fetch, pas besoin de headers manuels (boundary géré automatiquement)
       const response = await fetch(parts.webhookUrl, {
         method: 'POST',
-        body: formData as any,
-        headers: formData.getHeaders()
+        body: formData as any
       });
 
       if (!response.ok) {
diff --git a/task.md b/task.md
index 78f51b9..bbced43 100644
--- a/task.md
+++ b/task.md
@@ -1,38 +1,30 @@
-# Task: Correction blocage API Publicités
+# Task: Debugging Webhook Error 500 on Invoice Sending
 
 ## Context
 
-L'utilisateur rencontre une erreur `net::ERR_BLOCKED_BY_CLIENT` lors de l'appel à l'API `/api/publicities`. Cette erreur est typique des bloqueurs de publicité (AdBlock, uBlock) qui filtrent les requêtes contenant des mots-clés comme "publicity" ou "ads".
+L'utilisateur a redémarré son serveur et rencontre une erreur 500 lors de l'envoi d'une facture via le proxy `/api/reconciliation/send-invoice`. L'appel vers le webhook N8N (`https://workflow.ffnancy.fr/webhook/...`) échoue avec un code 500.
 
 ## Current Focus
 
-Renommer les endpoints API pour éviter le blocage par les bloqueurs de publicité.
+Identifier la cause de l'erreur 500 lors de l'appel au webhook N8N et corriger le comportement du proxy de facture.
 
 ## Master Plan
 
-- [x] **Remplacement des API calls (Client-side)**
-  - [x] `client/src/pages/Calendar.tsx`
-  - [x] `client/src/pages/Dashboard.tsx`
-  - [x] `client/src/components/PublicityForm.tsx`
-  - [x] `client/src/pages/Publicities.tsx`
-  - [x] `client/src/pages/mobile/PublicitiesPage.tsx`
-
-- [x] **Revue du sélecteur d'année Mobile**
-  - [x] Vérifier la logique de génération des années dans `client/src/pages/mobile/PublicitiesPage.tsx` pour inclure les années passées (ex: 2024 en 2026).
-  - [x] Aligner avec la correction desktop si nécessaire.
-
-- [x] **Correction des erreurs Lint TypeScript**
-  - [x] Installer les paquets `@types` manquants (`node`, `express`, `react`, etc.).
-  - [x] Fixer les paramètres `req` et `res` (implicitement `any`) dans `server/routes.ts`.
-  - [x] Corriger l'erreur de propriété `invoiceAmountTTC` dans `server/routes.ts`.
-  - [x] Résoudre `Property 'env' does not exist on type 'ImportMeta'`.
-  - [x] Résoudre `JSX element implicitly has type 'any'`.
-
-- [x] **Tests et Validation**
-  - [x] Vérifier que les appels API utilisent bien `/api/ad-campaigns`.
-  - [x] Tester le sélecteur d'année sur mobile.
-  - [x] Compiler le projet (`npm run check`) pour s'assurer que les erreurs critiques sont résolues.
+- [x] **Analyse du code source**
+  - [x] Examiner `server/routes.ts` pour trouver l'endpoint `/api/reconciliation/send-invoice`.
+  - [x] Analyser la construction de la requête vers N8N (utilisation de `FormData` natif vs bibliothèque `form-data`).
+- [x] **Investigation technique**
+  - [x] Vérifier la version de Node.js (v24.11.1 détectée).
+  - [x] Identifier pourquoi N8N renvoie 500 (problème de format multipart et de headers avec l'ancienne bibliothèque).
+  - [x] Prendre en compte l'URL de test fournie : `https://workflow.ffnancy.fr/webhook-test/...`.
+- [x] **Correction et Test**
+  - [x] Remplacer l'implémentation personnalisée par une utilisation plus propre des APIs natives Node.js.
+  - [x] Améliorer le parsing du boundary pour gérer les guillemets.
+  - [x] Utiliser les APIs natives `fetch` et `FormData` de Node.js pour plus de robustesse.
+  - [ ] Demander à l'utilisateur de tester après avoir reconstruit son image Docker.
 
 ## Progress Log
 
-- Création de la tâche suite aux logs fournis.
+- Initialisation de la tâche pour déboguer l'erreur 500 sur l'envoi de facture.
+- Analyse du code : le proxy utilisait une ancienne bibliothèque `form-data` manuellement importée via `require`, ce qui peut causer des problèmes de compatibilité en Node 24.
+- Correction appliquée : passage aux APIs natives `fetch` et `FormData` de Node.js et amélioration du parsing du boundary.

From 3cdd76e22332c3ee59fd6173fde7789cd0f797ad Mon Sep 17 00:00:00 2001
From: Michael SCHAL <michaelschal@gmail.com>
Date: Wed, 29 Apr 2026 12:11:16 +0200
Subject: [PATCH 26/26] feat: add BAP webhook configuration and testing routes
 to server API

---
 server/routes.ts | 12 ++++++++++--
 task.md          |  3 ++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/server/routes.ts b/server/routes.ts
index f1f19a2..e6f6dc8 100644
--- a/server/routes.ts
+++ b/server/routes.ts
@@ -911,8 +911,16 @@ export async function registerRoutes(app: Express): Promise<Server> {
       });
 
       if (!response.ok) {
-        console.error('❌ INVOICE PROXY: Webhook error', response.status);
-        return res.status(500).json({ error: `Webhook error: ${response.status}` });
+        const errorBody = await response.text().catch(() => 'No body');
+        console.error('❌ INVOICE PROXY: Webhook error', {
+          status: response.status,
+          statusText: response.statusText,
+          body: errorBody
+        });
+        return res.status(500).json({ 
+          error: `Webhook error: ${response.status}`, 
+          details: errorBody 
+        });
       }
 
       console.log('✅ INVOICE PROXY: Success');
diff --git a/task.md b/task.md
index bbced43..f15032b 100644
--- a/task.md
+++ b/task.md
@@ -21,7 +21,8 @@ Identifier la cause de l'erreur 500 lors de l'appel au webhook N8N et corriger l
   - [x] Remplacer l'implémentation personnalisée par une utilisation plus propre des APIs natives Node.js.
   - [x] Améliorer le parsing du boundary pour gérer les guillemets.
   - [x] Utiliser les APIs natives `fetch` et `FormData` de Node.js pour plus de robustesse.
-  - [ ] Demander à l'utilisateur de tester après avoir reconstruit son image Docker.
+  - [/] Demander à l'utilisateur de tester après avoir reconstruit son image Docker (`docker compose build`).
+  - [ ] Analyser la réponse détaillée du webhook si l'erreur persiste.
 
 ## Progress Log