From 618edbfc255bb6b422e56097f29591c7847e795c Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Tue, 4 Nov 2025 12:54:08 +0000
Subject: [PATCH 1/5] Rearrange sidebar navigation to place payment schedule
 below reconciliation

Update Sidebar component in client/src/components/Sidebar.tsx to reorder navigation items.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 80accc69-9d97-4d0c-bcc0-18a3824d526a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/WZFf6za
---
 client/src/components/Sidebar.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index d141104..7b4480c 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -259,6 +259,12 @@ export default function Sidebar() {
       icon: FileText, 
       roles: ["admin", "directeur"] 
     },
+    { 
+      path: "/payment-schedule", 
+      label: "Échéance", 
+      icon: CreditCard, 
+      roles: ["admin", "directeur"] 
+    },
     { 
       path: "/analytics", 
       label: "Statistiques", 
@@ -271,12 +277,6 @@ export default function Sidebar() {
       icon: TrendingUp, 
       roles: ["admin", "directeur"] 
     },
-    { 
-      path: "/payment-schedule", 
-      label: "Échéance", 
-      icon: CreditCard, 
-      roles: ["admin", "directeur"] 
-    },
     { 
       path: "/avoirs", 
       label: "Avoirs", 

From 14b6e7c9954d6fde9664610db8209e1300b69b2d Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Tue, 4 Nov 2025 12:58:07 +0000
Subject: [PATCH 2/5] Transitioned from Plan to Build mode

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: 10491a54-d5a2-4596-857d-27d57ce53660
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/WZFf6za

From b1c1e2989e5a19eaa428f8dd31df3364166cd651 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Tue, 4 Nov 2025 13:15:05 +0000
Subject: [PATCH 3/5] Organize navigation menu into logical sections for better
 user experience

Refactor the Sidebar component in client/src/components/Sidebar.tsx to group navigation links into sections like "GESTION PRINCIPALE", "LOGISTIQUE", and "ANALYSES" for improved UI organization.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Event-Id: 1ca378ce-ae32-4181-ba52-5042a0f06d7a
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/oKSi9br
---
 client/src/components/Sidebar.tsx | 334 +++++++++++++++++-------------
 1 file changed, 188 insertions(+), 146 deletions(-)

diff --git a/client/src/components/Sidebar.tsx b/client/src/components/Sidebar.tsx
index 7b4480c..b1b384d 100644
--- a/client/src/components/Sidebar.tsx
+++ b/client/src/components/Sidebar.tsx
@@ -228,90 +228,110 @@ export default function Sidebar() {
     return false;
   };
 
-  const menuItems = [
-    { 
-      path: "/dashboard", 
-      label: "Tableau de bord", 
-      icon: BarChart3, 
-      roles: ["admin", "directeur", "manager", "employee"] 
+  const menuSections = [
+    {
+      title: "GESTION PRINCIPALE",
+      items: [
+        { 
+          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: "/deliveries", 
+          label: "Livraisons", 
+          icon: Truck, 
+          roles: ["admin", "directeur", "manager"] 
+        },
+        { 
+          path: "/bl-reconciliation", 
+          label: "Rapprochement", 
+          icon: FileText, 
+          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: "/orders", 
-      label: "Commandes", 
-      icon: Package, 
-      roles: ["admin", "directeur", "manager"] 
+    {
+      title: "ANALYSES",
+      items: [
+        { 
+          path: "/analytics", 
+          label: "Statistiques", 
+          icon: BarChart3, 
+          roles: ["admin", "directeur", "manager"] 
+        },
+        { 
+          path: "/sales-analysis", 
+          label: "Analyse Vente", 
+          icon: TrendingUp, 
+          roles: ["admin", "directeur"] 
+        },
+      ]
     },
-    { 
-      path: "/deliveries", 
-      label: "Livraisons", 
-      icon: Truck, 
-      roles: ["admin", "directeur", "manager"] 
-    },
-    { 
-      path: "/bl-reconciliation", 
-      label: "Rapprochement", 
-      icon: FileText, 
-      roles: ["admin", "directeur"] 
-    },
-    { 
-      path: "/payment-schedule", 
-      label: "Échéance", 
-      icon: CreditCard, 
-      roles: ["admin", "directeur"] 
-    },
-    { 
-      path: "/analytics", 
-      label: "Statistiques", 
-      icon: BarChart3, 
-      roles: ["admin", "directeur", "manager"] 
-    },
-    { 
-      path: "/sales-analysis", 
-      label: "Analyse Vente", 
-      icon: TrendingUp, 
-      roles: ["admin", "directeur"] 
-    },
-    { 
-      path: "/avoirs", 
-      label: "Avoirs", 
-      icon: Receipt, 
-      roles: ["admin", "directeur", "manager"] 
-    },
-    { 
-      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: "/dlc", 
-      label: "Gestion DLC", 
-      icon: Clock, 
-      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"] 
+    {
+      title: "OPÉRATIONS",
+      items: [
+        { 
+          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: "/dlc", 
+          label: "Gestion DLC", 
+          icon: Clock, 
+          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"] 
+        },
+      ]
     },
   ];
 
@@ -558,70 +578,90 @@ export default function Sidebar() {
       </div>
 
       {/* Navigation */}
-      <nav className="flex-1 py-4 px-3">
-        <div className="space-y-1">
-          {menuItems.map((item) => {
-            const hasRolePermission = hasPermission(item.roles);
-            // console.log(`🔍 Menu item ${item.path} (${item.label}):`, { 
-            //   roles: item.roles, 
-            //   hasPermission: hasRolePermission,
-            //   userRole: user?.role 
-            // });
-            
-            if (!hasRolePermission) return null;
-            
-            const Icon = item.icon;
-            const active = isActive(item.path);
-            
+      <nav className="flex-1 py-5 px-3 overflow-y-auto">
+        <div className="space-y-7">
+          {menuSections.map((section, sectionIndex) => {
+            // Vérifier si au moins un item de la section est accessible
+            const hasAccessibleItems = section.items.some(item => hasPermission(item.roles));
+            if (!hasAccessibleItems) return null;
+
             return (
-              <Link key={item.path} href={item.path}>
-                <div
-                  className={`flex items-center transition-colors hover:bg-gray-100 ${
-                    // Espacement adaptatif selon l'écran et l'état
-                    sidebarCollapsed && !isMobile 
-                      ? 'px-3 py-3 justify-center min-h-[44px]' 
-                      : isMobileOrTablet 
-                        ? 'px-4 py-3 min-h-[48px]' 
-                        : 'px-3 py-2 min-h-[40px]'
-                  } text-sm font-medium ${
-                    active
-                      ? 'bg-gray-100 text-gray-900 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'
-                  } ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
-                  {(!sidebarCollapsed || isMobile) && (
-                    <span className={`${isMobileOrTablet ? 'text-base' : 'text-sm'} font-medium`}>
-                      {item.label}
-                    </span>
-                  )}
+              <div key={section.title} className="space-y-3">
+                {/* Titre de section - caché en mode collapsed */}
+                {!sidebarCollapsed && (
+                  <h3 className="px-3 mb-3 text-[11px] font-bold text-gray-500 uppercase tracking-widest">
+                    {section.title}
+                  </h3>
+                )}
+                
+                {/* Séparateur visuel en mode collapsed */}
+                {sidebarCollapsed && sectionIndex > 0 && (
+                  <div className="border-t border-gray-200 my-4"></div>
+                )}
+                
+                {/* Items du menu */}
+                <div className="space-y-1.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-3 justify-center min-h-11' 
+                              : isMobileOrTablet 
+                                ? 'px-4 py-3.5 min-h-12' 
+                                : 'px-3 py-3 min-h-11'
+                          } ${
+                            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'}`} />
+                          {(!sidebarCollapsed || isMobile) && (
+                            <span className={`${isMobileOrTablet ? 'text-base' : 'text-[15px]'} font-medium`}>
+                              {item.label}
+                            </span>
+                          )}
+                        </div>
+                      </Link>
+                    );
+                  })}
                 </div>
-              </Link>
+              </div>
             );
           })}
         </div>
-
-
       </nav>
 
       {/* Administration Section */}
       {adminItems.some(item => hasPermission(item.roles)) && (
-        <div className="border-t border-gray-200 py-4 px-3">
+        <div className="border-t border-gray-200 py-5 px-3">
           {!sidebarCollapsed && (
-            <div className="mb-2">
-              <h3 className="px-3 text-xs font-medium text-gray-500 uppercase tracking-wider">
+            <div className="mb-3">
+              <h3 className="px-3 text-[11px] font-bold text-gray-500 uppercase tracking-widest">
                 Administration
               </h3>
             </div>
           )}
-          <div className="space-y-1">
+          <div className="space-y-1.5">
             {adminItems.map((item) => {
               if (!hasPermission(item.roles)) return null;
               
@@ -632,13 +672,13 @@ export default function Sidebar() {
                 return (
                   <div key={item.path}>
                     <div
-                      className={`flex items-center cursor-pointer transition-colors hover:bg-gray-100 text-gray-700 ${
+                      className={`flex items-center cursor-pointer transition-colors hover:bg-gray-100 rounded-md ${
                         sidebarCollapsed && !isMobile 
-                          ? 'px-3 py-3 justify-center min-h-[44px]' 
+                          ? 'px-3 py-3 justify-center min-h-11' 
                           : isMobileOrTablet 
-                            ? 'px-4 py-3 min-h-[48px]' 
-                            : 'px-3 py-2 min-h-[40px]'
-                      } text-sm font-medium`}
+                            ? 'px-4 py-3.5 min-h-12' 
+                            : 'px-3 py-3 min-h-11'
+                      } text-gray-700`}
                       title={sidebarCollapsed && !isMobile ? item.label : undefined}
                       onClick={() => {
                         setShowBapModal(true);
@@ -649,9 +689,9 @@ export default function Sidebar() {
                         isMobile ? 'h-5 w-5' : 
                         isTablet ? 'h-6 w-6' : 
                         'h-5 w-5'
-                      } ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
+                      } text-gray-600 ${sidebarCollapsed && !isMobile ? '' : 'mr-3'}`} />
                       {(!sidebarCollapsed || isMobile) && (
-                        <span className={`${isMobileOrTablet ? 'text-base' : 'text-sm'} font-medium`}>
+                        <span className={`${isMobileOrTablet ? 'text-base' : 'text-[15px]'} font-medium`}>
                           {item.label}
                         </span>
                       )}
@@ -663,27 +703,29 @@ export default function Sidebar() {
               return (
                 <Link key={item.path} href={item.path}>
                   <div
-                    className={`flex items-center transition-colors hover:bg-gray-100 ${
+                    className={`flex items-center transition-colors hover:bg-gray-100 rounded-md ${
                       sidebarCollapsed && !isMobile 
-                        ? 'px-3 py-3 justify-center min-h-[44px]' 
+                        ? 'px-3 py-3 justify-center min-h-11' 
                         : isMobileOrTablet 
-                          ? 'px-4 py-3 min-h-[48px]' 
-                          : 'px-3 py-2 min-h-[40px]'
-                    } text-sm font-medium ${
+                          ? 'px-4 py-3.5 min-h-12' 
+                          : 'px-3 py-3 min-h-11'
+                    } ${
                       active
-                        ? 'bg-gray-100 text-gray-900 border-r-2 border-blue-600'
+                        ? 'bg-blue-50 text-blue-700 border-r-2 border-blue-600'
                         : 'text-gray-700'
                     }`}
                     title={sidebarCollapsed && !isMobile ? item.label : undefined}
-                    onClick={() => console.log(`Navigating to admin: ${item.path}`)}
+                    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'}`} />
                     {(!sidebarCollapsed || isMobile) && (
-                      <span className={`${isMobileOrTablet ? 'text-base' : 'text-sm'} font-medium`}>
+                      <span className={`${isMobileOrTablet ? 'text-base' : 'text-[15px]'} font-medium`}>
                         {item.label}
                       </span>
                     )}

From 120defae7fef3b0df64f3837335520cc7a8568c9 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Tue, 4 Nov 2025 13:15:22 +0000
Subject: [PATCH 4/5] Add user interface for managing logistics module

This commit introduces the UI components and routing for the logistics module.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: e4320859-2298-405d-935f-9b332e5e0a9d
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/oKSi9br

From 7512cee9384c83557101c5560e5d61cae0439202 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Tue, 4 Nov 2025 13:18:14 +0000
Subject: [PATCH 5/5] Filter DLC alerts to exclude already processed expiring
 items

Update DLC module logic to exclude products marked as processedUntilExpiry from expiring soon and expired alerts in the connection modal, and modify server-side storage to filter out these products from 'expires_soon' and 'expires' status queries.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 1e4433b5-47ab-464c-b663-fea2e53367dd
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Event-Id: e4489986-7b4d-4830-9be8-9e32c2bf8e2e
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/1e4433b5-47ab-464c-b663-fea2e53367dd/oKSi9br
---
 replit.md         |  2 +-
 server/storage.ts | 14 ++++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/replit.md b/replit.md
index b6a0a0f..542494c 100644
--- a/replit.md
+++ b/replit.md
@@ -36,7 +36,7 @@ The platform is built with a clear separation of concerns, utilizing a modern fu
 - **Reconciliation:** Functionality for reconciling Bills of Lading (BL) and invoices with immediate UI updates.
 - **Task Management:** A comprehensive task management system with advanced temporal features, intelligent sorting (pending > priority > date), due dates with calendar selector, visual indicators for overdue/urgent tasks, filters by due date, Kanban and list views, and colored badges for temporal status. Includes start dates with role-based visibility. **CRITICAL GROUP FILTERING FIX (August 2025)**: Fixed group selection persistence issues - all pages (Tasks, Orders, Deliveries, Calendar) now properly apply selectedStoreId filtering for ALL user roles, not just admin. Prevents mixed data display after page reload.
 - **Information System (Announcements):** A complete announcement system with priority levels (normal, important, urgent), role-based access control (admin: full CRUD; others: read-only), intelligent sorting by priority and date, and store-based filtering for administrators. Includes an automatic dashboard modal for recent announcements.
-- **DLC Module:** Permissions allow admin, director, and manager roles to validate DLC products. Includes explanatory tooltips for UX enhancement.
+- **DLC Module:** Permissions allow admin, director, and manager roles to validate DLC products. Includes explanatory tooltips for UX enhancement. **Modal d'alerte DLC (Novembre 2025):** Le modal d'alerte qui s'affiche automatiquement à la connexion ne montre désormais que les produits DLC non traités. Les produits marqués comme "traités jusqu'à expiration" (processedUntilExpiry = true) sont exclus de l'alerte pour les catégories "expirent bientôt" (15 jours) et "expirés", réduisant les notifications répétitives et améliorant l'expérience utilisateur.
 - **Reporting:** Statistical reporting, including monthly summaries of deliveries.
 - **UI Harmonization:** All detail modals across modules (orders, deliveries, calendar) use a unified component for consistent information display.
 - **Analyse Vente (Sales Analysis):** A dedicated module for admins and directors that displays a configurable external URL/IP in an iframe. Configuration is managed via a dedicated tab in the Utilities page, allowing administrators to set or update the sales analysis dashboard URL. The menu is visible only to admin and directeur roles, ensuring proper access control. Includes intelligent error handling with informative messages when the URL is not configured. Features a refresh button to force complete iframe reloads.
diff --git a/server/storage.ts b/server/storage.ts
index 22c4eb9..f448ec8 100644
--- a/server/storage.ts
+++ b/server/storage.ts
@@ -1886,6 +1886,7 @@ export class DatabaseStorage implements IStorage {
         
         if (filters.status === 'expires_soon') {
           // Products expiring within 15 days but not expired yet
+          // Ne pas afficher les produits déjà traités (processedUntilExpiry = true)
           const in15Days = new Date();
           in15Days.setDate(today.getDate() + 15);
           in15Days.setHours(23, 59, 59, 999); // End of day
@@ -1893,15 +1894,24 @@ export class DatabaseStorage implements IStorage {
             and(
               gt(dlcProducts.expiryDate, today),
               lte(dlcProducts.expiryDate, in15Days),
-              ne(dlcProducts.status, 'valides')
+              ne(dlcProducts.status, 'valides'),
+              or(
+                isNull(dlcProducts.processedUntilExpiry),
+                eq(dlcProducts.processedUntilExpiry, false)
+              )
             )
           );
         } else if (filters.status === 'expires') {
           // Products already expired
+          // Ne pas afficher les produits déjà traités (processedUntilExpiry = true)
           conditions.push(
             and(
               lte(dlcProducts.expiryDate, today),
-              ne(dlcProducts.status, 'valides')
+              ne(dlcProducts.status, 'valides'),
+              or(
+                isNull(dlcProducts.processedUntilExpiry),
+                eq(dlcProducts.processedUntilExpiry, false)
+              )
             )
           );
         } else if (filters.status === 'en_cours') {