From 5c18ee22a9babddac03f45f3a37ff109aec1983e Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 8 Sep 2025 18:26:47 +0000
Subject: [PATCH 1/6] Update task status display to use a dropdown selector

Replaces the static status display with an interactive Select component for easier status updates, allowing users to change status directly from the list view.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/F5ROn6G
---
 client/src/pages/Avoirs.tsx | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/client/src/pages/Avoirs.tsx b/client/src/pages/Avoirs.tsx
index 62fe7b9..60455e1 100644
--- a/client/src/pages/Avoirs.tsx
+++ b/client/src/pages/Avoirs.tsx
@@ -926,12 +926,19 @@ export default function Avoirs() {
                         {avoir.supplier?.name || 'Fournisseur non défini'}
                       </td>
                       <td className="px-6 py-4 whitespace-nowrap">
-                        <div className="flex items-center">
-                          {getStatusIcon(avoir.status)}
-                          <Badge variant={getStatusVariant(avoir.status)} className="ml-2">
-                            {avoir.status}
-                          </Badge>
-                        </div>
+                        <Select 
+                          value={avoir.status}
+                          onValueChange={(newStatus) => handleStatusChange(avoir.id, newStatus)}
+                        >
+                          <SelectTrigger className="w-full">
+                            <SelectValue />
+                          </SelectTrigger>
+                          <SelectContent>
+                            <SelectItem value="En attente de demande">En attente de demande</SelectItem>
+                            <SelectItem value="Demandé">Demandé</SelectItem>
+                            <SelectItem value="Reçu">Reçu</SelectItem>
+                          </SelectContent>
+                        </Select>
                       </td>
                       <td className="px-6 py-4 whitespace-nowrap text-sm text-gray-900">
                         #{avoir.invoiceReference || 'Sans référence'}

From 152fc2dea19296d0cbbd7e4ae1e87f6f73d4dd0a Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 8 Sep 2025 18:27:24 +0000
Subject: [PATCH 2/6] Update task status handling and add validation
 functionality

Modify the Avoirs page to allow inline status updates via a dropdown and implement validation logic with a "Validate" button. Admins gain the ability to devalidate entries.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/F5ROn6G
---
 client/src/pages/Avoirs.tsx | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/client/src/pages/Avoirs.tsx b/client/src/pages/Avoirs.tsx
index 60455e1..2327e2c 100644
--- a/client/src/pages/Avoirs.tsx
+++ b/client/src/pages/Avoirs.tsx
@@ -336,6 +336,25 @@ export default function Avoirs() {
     setIsDeleteDialogOpen(true);
   };
 
+  // Handle status change
+  const handleStatusChange = (avoirId: number, newStatus: string) => {
+    const avoir = avoirs.find(a => a.id === avoirId);
+    if (avoir) {
+      editAvoirMutation.mutate({ 
+        id: avoirId, 
+        data: {
+          supplierId: avoir.supplierId,
+          groupId: avoir.groupId,
+          invoiceReference: avoir.invoiceReference || "",
+          amount: avoir.amount,
+          comment: avoir.comment || "",
+          commercialProcessed: avoir.commercialProcessed,
+          status: newStatus as "En attente de demande" | "Demandé" | "Reçu",
+        }
+      });
+    }
+  };
+
   // 🔍 FONCTION DE VÉRIFICATION DE FACTURE (comme rapprochement)
   const verifyAvoirInvoiceMutation = useMutation({
     mutationFn: async ({ avoirId, invoiceReference, forceRefresh }: { avoirId: number; invoiceReference?: string; forceRefresh?: boolean }) => {

From 2f4e3dcbd583b6f04f858d42d0d1acea746e6b81 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 8 Sep 2025 18:28:01 +0000
Subject: [PATCH 3/6] Improve task status management and validation workflows

Automatically trigger invoice verification after successful upload and introduce a validation workflow with approve/decline buttons for admins.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/F5ROn6G
---
 client/src/pages/Avoirs.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/client/src/pages/Avoirs.tsx b/client/src/pages/Avoirs.tsx
index 2327e2c..32d2ff5 100644
--- a/client/src/pages/Avoirs.tsx
+++ b/client/src/pages/Avoirs.tsx
@@ -577,6 +577,13 @@ export default function Avoirs() {
         description: "Avoir traité avec succès via le webhook",
       });
 
+      // Vérification automatique de la facture après envoi réussi
+      if (selectedAvoirForUpload.invoiceReference?.trim()) {
+        setTimeout(() => {
+          handleVerifyAvoirInvoice(selectedAvoirForUpload, true);
+        }, 1000); // Délai de 1 seconde pour laisser le temps aux données de se synchroniser
+      }
+
       // Reset des données
       setSelectedAvoirForUpload(null);
       setSelectedFile(null);

From 52f585d1b1b9ce6d545c006b71bf026274576cbc Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 8 Sep 2025 18:28:59 +0000
Subject: [PATCH 4/6] Add ability to validate and devalidate task statuses

Adds functionality to validate and devalidate task items. Includes buttons for validation and devalidation, with validated items visually distinguished. Admins can devalidate items.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/F5ROn6G
---
 client/src/pages/Avoirs.tsx | 70 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 69 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/Avoirs.tsx b/client/src/pages/Avoirs.tsx
index 32d2ff5..4219efb 100644
--- a/client/src/pages/Avoirs.tsx
+++ b/client/src/pages/Avoirs.tsx
@@ -355,6 +355,47 @@ export default function Avoirs() {
     }
   };
 
+  // Handle validation/devalidation
+  const handleValidateAvoir = (avoirId: number) => {
+    const avoir = avoirs.find(a => a.id === avoirId);
+    if (avoir) {
+      editAvoirMutation.mutate({ 
+        id: avoirId, 
+        data: {
+          supplierId: avoir.supplierId,
+          groupId: avoir.groupId,
+          invoiceReference: avoir.invoiceReference || "",
+          amount: avoir.amount,
+          comment: avoir.comment || "",
+          commercialProcessed: avoir.commercialProcessed,
+          status: avoir.status as "En attente de demande" | "Demandé" | "Reçu",
+          nocodbVerified: true,
+          nocodbVerifiedAt: new Date(),
+        }
+      });
+    }
+  };
+
+  const handleDevalidateAvoir = (avoirId: number) => {
+    const avoir = avoirs.find(a => a.id === avoirId);
+    if (avoir) {
+      editAvoirMutation.mutate({ 
+        id: avoirId, 
+        data: {
+          supplierId: avoir.supplierId,
+          groupId: avoir.groupId,
+          invoiceReference: avoir.invoiceReference || "",
+          amount: avoir.amount,
+          comment: avoir.comment || "",
+          commercialProcessed: avoir.commercialProcessed,
+          status: avoir.status as "En attente de demande" | "Demandé" | "Reçu",
+          nocodbVerified: false,
+          nocodbVerifiedAt: null,
+        }
+      });
+    }
+  };
+
   // 🔍 FONCTION DE VÉRIFICATION DE FACTURE (comme rapprochement)
   const verifyAvoirInvoiceMutation = useMutation({
     mutationFn: async ({ avoirId, invoiceReference, forceRefresh }: { avoirId: number; invoiceReference?: string; forceRefresh?: boolean }) => {
@@ -947,7 +988,7 @@ export default function Avoirs() {
                   const canEditDelete = ['admin', 'directeur'].includes((user as any)?.role);
                   
                   return (
-                    <tr key={avoir.id} className="hover:bg-gray-50">
+                    <tr key={avoir.id} className={`hover:bg-gray-50 ${avoir.nocodbVerified ? 'bg-gray-100 opacity-75' : ''}`}>
                       <td className="px-6 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
                         {avoir.supplier?.name || 'Fournisseur non défini'}
                       </td>
@@ -1043,6 +1084,33 @@ export default function Avoirs() {
                               <Upload className="h-4 w-4" />
                             </Button>
                           )}
+
+                          {/* Bouton Valider - apparaît si vérification réussie et pas encore validé */}
+                          {avoirVerificationResults[avoir.id]?.exists && !avoir.nocodbVerified && (
+                            <Button
+                              variant="outline"
+                              size="sm"
+                              className="h-8 w-8 p-0 text-green-600 hover:text-green-700 hover:bg-green-50"
+                              title="Valider l'avoir"
+                              onClick={() => handleValidateAvoir(avoir.id)}
+                            >
+                              <CheckCircle className="h-4 w-4" />
+                            </Button>
+                          )}
+
+                          {/* Bouton Dévalider - pour admins sur avoirs validés */}
+                          {avoir.nocodbVerified && canEditDelete && (
+                            <Button
+                              variant="outline"
+                              size="sm"
+                              className="h-8 w-8 p-0 text-orange-600 hover:text-orange-700 hover:bg-orange-50"
+                              title="Dévalider l'avoir"
+                              onClick={() => handleDevalidateAvoir(avoir.id)}
+                            >
+                              <XCircle className="h-4 w-4" />
+                            </Button>
+                          )}
+
                           {canEditDelete && (
                             <>
                               <Button

From d310eb890974c3ed999ccaf783db668ae1a4c75a Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 8 Sep 2025 18:30:58 +0000
Subject: [PATCH 5/6] Update task status validation and add admin devalidation

Update AvoirFormData type to include nocodbVerified and nocodbVerifiedAt for enhanced status management and validation workflows.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/chkBbcP
---
 client/src/pages/Avoirs.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/pages/Avoirs.tsx b/client/src/pages/Avoirs.tsx
index 4219efb..c343bd0 100644
--- a/client/src/pages/Avoirs.tsx
+++ b/client/src/pages/Avoirs.tsx
@@ -98,6 +98,12 @@ const avoirSchema = z.object({
 
 type AvoirFormData = z.infer<typeof avoirSchema>;
 
+// Type étendu pour les mises à jour incluant les champs de validation
+type AvoirUpdateData = AvoirFormData & {
+  nocodbVerified?: boolean;
+  nocodbVerifiedAt?: Date | null;
+};
+
 export default function Avoirs() {
   const [searchTerm, setSearchTerm] = useState("");
   const [isCreateDialogOpen, setIsCreateDialogOpen] = useState(false);
@@ -198,7 +204,7 @@ export default function Avoirs() {
 
   // Edit avoir mutation
   const editAvoirMutation = useMutation({
-    mutationFn: async ({ id, data }: { id: number, data: AvoirFormData }) => {
+    mutationFn: async ({ id, data }: { id: number, data: AvoirUpdateData }) => {
       const response = await fetch(`/api/avoirs/${id}`, {
         method: 'PUT',
         headers: {

From e307b43ed48976493304ad40183ec145201a0094 Mon Sep 17 00:00:00 2001
From: michaelschal <35957947-michaelschal@users.noreply.replit.com>
Date: Mon, 8 Sep 2025 18:31:04 +0000
Subject: [PATCH 6/6] Update task status management with interactive selection
 and validation

Implement an interactive status selector for task lists, add validation logic to enable a confirm button, and introduce devalidation functionality for administrators.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/1957c339-2757-4d1f-8e92-e9f71a1ce58e/9fcf4b21-eb0c-4e53-a567-e2ce4a6ad869/chkBbcP