ptechcore_ui 1.0.77 → 1.0.79

package/dist/index.js

@@ -405,7 +405,8 @@ import {
   Save,
   Loader2,
   Check as Check2,
-  Trash2
+  Trash2,
+  MailOpen
 } from "lucide-react";
 
 // src/assets/modules-icons/crm-blue.svg
@@ -507,6 +508,25 @@ function formatCurrency(amount, currency = "XAF") {
   }
   return new Intl.NumberFormat("fr-FR").format(amount) + " " + currency;
 }
+function formatDateTime(date) {
+  if (!date) return "Non d\xE9fini";
+  try {
+    const dateObj = typeof date === "string" ? new Date(date) : date;
+    if (isNaN(dateObj.getTime())) {
+      return "Date invalide";
+    }
+    return dateObj.toLocaleDateString("fr-FR", {
+      year: "numeric",
+      month: "long",
+      day: "numeric",
+      hour: "2-digit",
+      minute: "2-digit",
+      second: "2-digit"
+    });
+  } catch (error) {
+    return "Erreur de format";
+  }
+}
 
 // src/contexts/ThemeContext.tsx
 import { createContext, useContext, useState as useState2, useEffect as useEffect2 } from "react";
@@ -982,6 +1002,96 @@ var FetchApi = class {
     if (!res.ok) throw new Error(await res.text());
     return res.json();
   }
+  static async postFile(url, payload, token) {
+    const headers = {};
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
+    }
+    let body;
+    const business_entity_id = localStorage.getItem("active_center_id");
+    if (payload instanceof FormData) {
+      if (business_entity_id) {
+        payload.append("business_entity_id", business_entity_id);
+        payload.append("business_entity", business_entity_id);
+      }
+      body = payload;
+    } else if (payload) {
+      const hasFile = Object.values(payload).some((v) => v instanceof File || v instanceof Blob);
+      if (hasFile) {
+        const formData = new FormData();
+        Object.entries(payload).forEach(([key, value]) => {
+          if (value instanceof File || value instanceof Blob) {
+            formData.append(key, value);
+          } else if (Array.isArray(value)) {
+            formData.append(key, JSON.stringify(value));
+          } else if (value !== null && value !== void 0) {
+            formData.append(key, String(value));
+          }
+        });
+        if (business_entity_id) {
+          formData.append("business_entity_id", business_entity_id);
+          formData.append("business_entity", business_entity_id);
+        }
+        body = formData;
+      } else {
+        headers["Content-Type"] = "application/json";
+        body = JSON.stringify({ ...payload, business_entity_id, business_entity: business_entity_id });
+      }
+    }
+    const res = await fetch(url, {
+      method: "POST",
+      headers,
+      body
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+  static async putFile(url, payload, token) {
+    const headers = {};
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
+    }
+    let body;
+    const business_entity_id = localStorage.getItem("active_center_id");
+    if (payload instanceof FormData) {
+      if (business_entity_id) {
+        payload.append("business_entity_id", business_entity_id);
+        payload.append("business_entity", business_entity_id);
+      }
+      body = payload;
+    } else if (payload) {
+      const hasFile = Object.values(payload).some((v) => v instanceof File || v instanceof Blob);
+      if (hasFile) {
+        const formData = new FormData();
+        Object.entries(payload).forEach(([key, value]) => {
+          if (value instanceof File || value instanceof Blob) {
+            formData.append(key, value);
+          } else if (Array.isArray(value)) {
+            formData.append(key, JSON.stringify(value));
+          } else if (value !== null && value !== void 0) {
+            formData.append(key, String(value));
+          }
+        });
+        if (business_entity_id) {
+          formData.append("business_entity_id", business_entity_id);
+          formData.append("business_entity", business_entity_id);
+        }
+        body = formData;
+      } else {
+        headers["Content-Type"] = "application/json";
+        body = JSON.stringify({ ...payload, business_entity_id, business_entity: business_entity_id });
+      }
+    }
+    const res = await fetch(url, {
+      method: "PUT",
+      headers,
+      body
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
   static async patch(url, payload, token) {
     const headers = {
       "Content-Type": "application/json"
@@ -1003,14 +1113,18 @@ var FetchApi = class {
 var apiClient = {
   get: (path) => FetchApi.get(`${API_URL}${path}`),
   post: (path, data) => FetchApi.post(`${API_URL}${path}`, data),
+  postFile: (path, data) => FetchApi.postFile(`${API_URL}${path}`, data),
   put: (path, data) => FetchApi.put(`${API_URL}${path}`, data),
+  putFile: (path, data) => FetchApi.putFile(`${API_URL}${path}`, data),
   patch: (path, data) => FetchApi.patch(`${API_URL}${path}`, data),
   delete: (path) => FetchApi.delete(`${API_URL}${path}`)
 };
 var coreApiClient = {
   get: (path) => FetchApi.get(`${API_URL}/core${path}`),
   post: (path, data) => FetchApi.post(`${API_URL}/core${path}`, data),
+  postFile: (path, data) => FetchApi.postFile(`${API_URL}/core${path}`, data),
   put: (path, data) => FetchApi.put(`${API_URL}/core${path}`, data),
+  putFile: (path, data) => FetchApi.putFile(`${API_URL}/core${path}`, data),
   patch: (path, data) => FetchApi.patch(`${API_URL}/core${path}`, data),
   delete: (path) => FetchApi.delete(`${API_URL}/core${path}`)
 };
@@ -1237,7 +1351,7 @@ var UserServices = {
   // Obtenir toutes les notifications de l'utilisateur
   getUsersNotifications: () => FetchApi.get(`${USERS_API_URL}notifications/`),
   // Marquer une notification comme lue
-  markNotificationAsRead: (notificationId) => FetchApi.post(`${USERS_API_URL}notifications/${notificationId}/mark-read/`, {}),
+  markNotificationAsRead: (notificationId) => FetchApi.post(`${API_URL}/core/notifications/${notificationId}/mark-read/`, {}),
   // Obtenir un utilisateur par ID
   getUser: (id, token) => FetchApi.get(`${USERS_API_URL}${id}/`, token),
   // Mettre à jour un utilisateur
@@ -2791,11 +2905,11 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
                   {
                     className: "relative p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
                     onClick: () => setShowNotifications(!showNotifications),
-                    "aria-label": `Notifications ${notifications.filter((n) => !n.read).length > 0 ? `(${notifications.filter((n) => !n.read).length} non lues)` : ""}`,
+                    title: `Notifications ${notifications.filter((n) => !n.is_read && !["approved"].includes(n?.object_detail?.answer)).length > 0 ? `(${notifications.filter((n) => !n.is_read && !["approved"].includes(n?.object_detail?.answer)).length} non lues)` : ""}`,
                     "aria-expanded": showNotifications,
                     children: [
                       /* @__PURE__ */ jsx9(Bell, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
-                      notifications.filter((n) => !n.read).length > 0 && /* @__PURE__ */ jsx9("span", { className: "absolute top-1 right-1 w-2 h-2 bg-[var(--color-error)] rounded-full" })
+                      notifications.filter((n) => !n.is_read && !["approved"].includes(n?.object_detail?.answer)).length > 0 && /* @__PURE__ */ jsx9("span", { className: "absolute top-1 right-1 w-2 h-2 bg-[var(--color-error)] rounded-full" })
                     ]
                   }
                 ),
@@ -2807,31 +2921,29 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "",
                     "aria-label": "Centre de notifications",
                     children: [
                       /* @__PURE__ */ jsx9("div", { className: "p-4 border-b border-[var(--color-border)]", children: /* @__PURE__ */ jsx9("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Notifications" }) }),
-                      /* @__PURE__ */ jsx9("div", { className: "divide-y divide-[var(--color-border)]", children: notifications.map((notif) => /* @__PURE__ */ jsx9(
-                        "div",
-                        {
-                          className: cn(
-                            "p-4 hover:bg-[var(--color-surface-hover)] cursor-pointer",
-                            !notif.read && "bg-[var(--color-primary-light)] bg-opacity-10"
-                          ),
-                          onClick: () => markNotificationAsRead(notif.id),
-                          children: /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-3", children: [
-                            /* @__PURE__ */ jsx9("div", { className: cn(
-                              "w-2 h-2 rounded-full mt-2",
-                              notif.type === "error" && "bg-[var(--color-error)]",
-                              notif.type === "warning" && "bg-[var(--color-warning)]",
-                              notif.type === "success" && "bg-[var(--color-success)]",
-                              notif.type === "info" && "bg-[var(--color-info)]"
-                            ) }),
-                            /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
-                              /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: notif.title }),
-                              /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-secondary)] mt-1", children: notif.message }),
-                              /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-2" })
-                            ] })
-                          ] })
-                        },
-                        notif.id
-                      )) })
+                      /* @__PURE__ */ jsx9("div", { className: "divide-y divide-[var(--color-border)]", children: notifications.map(
+                        (notif) => {
+                          const is_read = notif.is_read || ["approved"].includes(notif?.object_detail?.answer);
+                          return /* @__PURE__ */ jsx9(
+                            "div",
+                            {
+                              className: cn(
+                                "p-4 hover:bg-[var(--color-surface-hover)] cursor-pointer"
+                              ),
+                              onClick: () => markNotificationAsRead(notif.id),
+                              children: /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-3", children: [
+                                /* @__PURE__ */ jsx9("div", { className: "mt-2", children: !is_read ? /* @__PURE__ */ jsx9(Mail, { size: 15, className: "text-[var(--color-primary)]" }) : /* @__PURE__ */ jsx9(MailOpen, { size: 15, className: "text-gray-500" }) }),
+                                /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
+                                  /* @__PURE__ */ jsx9("p", { className: `text-sm  ${!is_read ? "text-black font-bold" : " font-normal text-[var(--color-text-primary)]"}`, children: /* @__PURE__ */ jsx9("div", { className: "flex items-center gap-2", children: notif.title }) }),
+                                  /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-secondary)] mt-1", children: notif.message }),
+                                  /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-2", children: formatDateTime(notif?.created_at) ?? "-" })
+                                ] })
+                              ] })
+                            },
+                            notif.id
+                          );
+                        }
+                      ) })
                     ]
                   }
                 )
@@ -6876,7 +6988,7 @@ import { useState as useState14, useRef as useRef4, useEffect as useEffect10 } f
 import {
   Folder as Folder2,
   FolderOpen as FolderOpen2,
-  File,
+  File as File2,
   FileText as FileText2,
   FileImage,
   FileSpreadsheet as FileSpreadsheet2,
@@ -6892,7 +7004,7 @@ var getFileIcon = (mimeType, isFolder, isOpen) => {
     return isOpen ? FolderOpen2 : Folder2;
   }
   if (!mimeType) {
-    return File;
+    return File2;
   }
   const type = mimeType.toLowerCase();
   if (type.startsWith("image/")) {
@@ -6925,7 +7037,7 @@ var getFileIcon = (mimeType, isFolder, isOpen) => {
   if (type.startsWith("text/")) {
     return FileText2;
   }
-  return File;
+  return File2;
 };
 var getFileIconColor = (mimeType, isFolder) => {
   if (isFolder) {
@@ -7029,7 +7141,7 @@ var formatFileSize = (bytes) => {
   const i = Math.floor(Math.log(bytes) / Math.log(k));
   return `${parseFloat((bytes / Math.pow(k, i)).toFixed(1))} ${units[i]}`;
 };
-var formatDate = (date) => {
+var formatDate2 = (date) => {
   if (!date) {
     return "-";
   }
@@ -7043,7 +7155,7 @@ var formatDate = (date) => {
     year: "numeric"
   });
 };
-var formatDateTime = (date) => {
+var formatDateTime2 = (date) => {
   if (!date) {
     return "-";
   }
@@ -7199,7 +7311,7 @@ var FileCard = ({ item, variant = "grid" }) => {
             }
           ) : /* @__PURE__ */ jsx20("span", { className: "block truncate text-sm text-gray-900 dark:text-gray-100", children: item.name }) }),
           /* @__PURE__ */ jsx20("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-20 text-right", children: !isFolder && formatFileSize(item.size) }),
-          /* @__PURE__ */ jsx20("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-24 text-right", children: formatDate(item.updatedAt || item.createdAt) })
+          /* @__PURE__ */ jsx20("span", { className: "text-xs text-gray-500 dark:text-gray-400 w-24 text-right", children: formatDate2(item.updatedAt || item.createdAt) })
         ]
       }
     );
@@ -9382,7 +9494,7 @@ import {
   MapPin,
   FileText as FileText4,
   CreditCard,
-  File as File2
+  File as File3
 } from "lucide-react";
 import { jsx as jsx30, jsxs as jsxs24 } from "react/jsx-runtime";
 var FormVendor = ({
@@ -9492,7 +9604,7 @@ var FormVendor = ({
     { id: "representative", label: "Repr\xE9sentant", icon: FileText4 },
     { id: "accounting", label: "Comptabilit\xE9", icon: FileText4 },
     { id: "banking", label: "Bancaire", icon: CreditCard },
-    { id: "attachment", label: "Fichiers", icon: File2 }
+    { id: "attachment", label: "Fichiers", icon: File3 }
   ];
   const renderTabContent = () => {
     switch (activeTab) {
@@ -9877,7 +9989,7 @@ var FormVendor = ({
       case "attachment":
         if (!object?.id) {
           return /* @__PURE__ */ jsxs24("div", { className: "flex flex-col items-center justify-center py-12 text-gray-500", children: [
-            /* @__PURE__ */ jsx30(File2, { className: "w-12 h-12 mb-4 text-gray-400" }),
+            /* @__PURE__ */ jsx30(File3, { className: "w-12 h-12 mb-4 text-gray-400" }),
             /* @__PURE__ */ jsx30("p", { className: "text-lg font-medium", children: "Fichiers non disponibles" }),
             /* @__PURE__ */ jsx30("p", { className: "text-sm mt-2", children: "Enregistrez d'abord le fournisseur pour pouvoir ajouter des fichiers." })
           ] });
@@ -10597,7 +10709,7 @@ var FormClient = ({
 
 // src/components/common/ApprovalWorkflow.tsx
 import { useState as useState22, useEffect as useEffect15 } from "react";
-import { X as X10, Plus as Plus3, Trash2 as Trash25, Users, Loader as Loader3, Eye as Eye4, FileText as FileText6, History } from "lucide-react";
+import { X as X10, Plus as Plus3, Trash2 as Trash25, Users, Loader as Loader3, Eye as Eye4, FileText as FileText6, History, Edit as Edit2, MessageSquare } from "lucide-react";
 import { Fragment as Fragment9, jsx as jsx32, jsxs as jsxs26 } from "react/jsx-runtime";
 var ApprovalWorkflow = ({
   process,
@@ -10690,7 +10802,7 @@ var ApprovalWorkflow = ({
             email: v.user_detail?.email || "",
             role: v.user_detail?.phonenumber || "-",
             status: v.answer === "approved" /* APPROVED */ ? "approved" : v.answer === "refused" /* REFUSED */ ? "rejected" : "pending",
-            answer: v.answer === "approved" /* APPROVED */ ? 2 : v.answer === "waiting" /* WAITING */ ? 1 : v.answer === "refused" /* REFUSED */ ? -1 : 0,
+            answer: v.answer === "approved" /* APPROVED */ ? 2 : v.answer === "waiting" /* WAITING */ ? 1 : v.answer === "refused" /* REFUSED */ ? -1 : v.answer === "suggest-correction" /* SUGGEST_CORRECTION */ ? -2 : 0,
             rank: v.rank,
             note: v.note
           })));
@@ -10705,7 +10817,7 @@ var ApprovalWorkflow = ({
             email: v.user_detail?.email || "",
             role: v.user_detail?.phonenumber || "-",
             status: v.answer === "approved" /* APPROVED */ ? "approved" : v.answer === "refused" /* REFUSED */ ? "rejected" : "pending",
-            answer: v.answer === "approved" /* APPROVED */ ? 2 : v.answer === "waiting" /* WAITING */ ? 1 : v.answer === "refused" /* REFUSED */ ? -1 : 0,
+            answer: v.answer === "approved" /* APPROVED */ ? 2 : v.answer === "waiting" /* WAITING */ ? 1 : v.answer === "refused" /* REFUSED */ ? -1 : v.answer === "suggest-correction" /* SUGGEST_CORRECTION */ ? -2 : 0,
             rank: v.rank,
             note: v.note
           })));
@@ -10780,14 +10892,24 @@ var ApprovalWorkflow = ({
     }
     setTransmitting(true);
     try {
-      await handleSave();
-      if (caseData?.id) {
-        const response = await ApprovalServices.start(caseData.id, token);
+      if (formData.status === "suggest-correction" /* SUGGEST_CORRECTION */ && caseData?.id) {
+        const response = await ApprovalServices.restart(caseData.id, token);
         if (response.success) {
-          showSuccess("Demande de validation transmise avec succ\xE8s");
+          showSuccess("Nouvelle version cr\xE9\xE9e et transmise avec succ\xE8s");
           await loadCase();
         } else {
-          showError("Erreur lors de la transmission");
+          showError("Erreur lors de la re-transmission");
+        }
+      } else {
+        await handleSave();
+        if (caseData?.id) {
+          const response = await ApprovalServices.start(caseData.id, token);
+          if (response.success) {
+            showSuccess("Demande de validation transmise avec succ\xE8s");
+            await loadCase();
+          } else {
+            showError("Erreur lors de la transmission");
+          }
         }
       }
     } catch (error) {
@@ -10946,12 +11068,19 @@ var ApprovalWorkflow = ({
     switch (activeTab) {
       case "workflow":
         return /* @__PURE__ */ jsxs26("div", { className: "space-y-6", children: [
+          formData.status === "suggest-correction" /* SUGGEST_CORRECTION */ && /* @__PURE__ */ jsxs26("div", { className: "p-4 rounded-lg border border-[var(--color-warning)] bg-[var(--color-warning-light)] flex items-start gap-3", children: [
+            /* @__PURE__ */ jsx32(Edit2, { className: "w-5 h-5 flex-shrink-0 mt-0.5", style: { color: "var(--color-warning)" } }),
+            /* @__PURE__ */ jsxs26("div", { children: [
+              /* @__PURE__ */ jsx32("p", { className: "text-sm font-medium", style: { color: "var(--color-warning)" }, children: "Une modification a \xE9t\xE9 sugg\xE9r\xE9e sur cette demande" }),
+              /* @__PURE__ */ jsx32("p", { className: "text-xs text-gray-500 mt-1", children: "Veuillez prendre en compte les commentaires et re-transmettre la demande." })
+            ] })
+          ] }),
           renderStageSection("Verification", verification, setVerification, "verification"),
           renderStageSection("Validation", validation, setValidation, "validation"),
           !readOnly && /* @__PURE__ */ jsxs26("div", { className: "flex justify-between pt-4 border-t border-[#D9D9D9]", children: [
             /* @__PURE__ */ jsx32("div", { className: "flex gap-3" }),
             /* @__PURE__ */ jsxs26("div", { className: "flex gap-3", children: [
-              formData.status == "not-send" /* NOT_SEND */ && /* @__PURE__ */ jsxs26(
+              (formData.status === "not-send" /* NOT_SEND */ || formData.status === "suggest-correction" /* SUGGEST_CORRECTION */) && /* @__PURE__ */ jsxs26(
                 Buttons_default,
                 {
                   onClick: handleSave,
@@ -10963,13 +11092,13 @@ var ApprovalWorkflow = ({
                   ]
                 }
               ),
-              formData.status === "not-send" /* NOT_SEND */ && /* @__PURE__ */ jsx32(
+              (formData.status === "not-send" /* NOT_SEND */ || formData.status === "suggest-correction" /* SUGGEST_CORRECTION */) && /* @__PURE__ */ jsx32(
                 Buttons_default,
                 {
                   onClick: handleTransmit,
                   disabled: transmitting || saving,
                   type: "button",
-                  children: transmitting ? "Transmission..." : "Transmettre"
+                  children: transmitting ? "Transmission..." : formData.status === "suggest-correction" /* SUGGEST_CORRECTION */ ? "Re-transmettre" : "Transmettre"
                 }
               )
             ] })
@@ -11174,71 +11303,81 @@ var StageRow = ({
       return /* @__PURE__ */ jsx32("span", { className: "inline-flex items-center justify-center w-6 h-6 bg-gray-300 rounded-full", children: /* @__PURE__ */ jsx32("span", { className: "text-white text-xs", children: "\u23F1" }) });
     } else if (answer === -1) {
       return /* @__PURE__ */ jsx32("span", { className: "inline-flex items-center justify-center w-6 h-6 bg-[var(--color-error)] rounded-full", children: /* @__PURE__ */ jsx32("svg", { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ jsx32("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) }) });
+    } else if (answer === -2) {
+      return /* @__PURE__ */ jsx32("span", { className: "inline-flex items-center justify-center w-6 h-6 bg-[var(--color-warning)] rounded-full", children: /* @__PURE__ */ jsx32(Edit2, { className: "w-4 h-4 text-white" }) });
     }
     return /* @__PURE__ */ jsx32("span", { className: "text-gray-400 text-xs", children: "-" });
   };
-  return /* @__PURE__ */ jsxs26("tr", { className: "hover:bg-gray-50", children: [
-    /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2 text-center", children: !readOnly && /* @__PURE__ */ jsx32(
-      "button",
-      {
-        type: "button",
-        onClick: onRemove,
-        className: "text-[#B85450] hover:text-[var(--color-error)] transition-colors",
-        title: "Supprimer",
-        children: /* @__PURE__ */ jsx32(Trash25, { className: "w-4 h-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-4 py-2 text-center", children: index + 1 }),
-    /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsx32(
-      SelectInput,
-      {
-        value: stage.space_answer,
-        onChange: (e) => handleSpaceAnswerChange(e),
-        disabled: readOnly,
-        options: [
-          { value: "internal", label: "Interne" },
-          { value: "external", label: "Externe" }
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: stage.space_answer === "internal" ? /* @__PURE__ */ jsx32(
-      SearchableSelect,
-      {
-        options: userOptions,
-        value: stage.user,
-        placeholder: "S\xE9lectionner...",
-        searchPlaceholder: "Rechercher...",
-        onSelect: handleUserSelect,
-        disabled: readOnly || loadingUsers,
-        filterFunction: userFilterFunction
-      }
-    ) : /* @__PURE__ */ jsx32(
-      TextInput,
-      {
-        value: stage.name,
-        onChange: (e) => onUpdate({ name: e.target.value }),
-        disabled: readOnly
-      }
-    ) }),
-    /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsx32(
-      TextInput,
-      {
-        type: "email",
-        value: stage.email,
-        onChange: (e) => onUpdate({ email: e.target.value }),
-        disabled: readOnly || stage.space_answer === "internal"
-      }
-    ) }),
-    /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsx32(
-      "input",
-      {
-        type: "text",
-        value: stage.role,
-        disabled: true,
-        className: "w-full px-2 py-1 border border-gray-300 rounded text-sm bg-gray-100"
-      }
-    ) }),
-    /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-4 py-2 text-center", children: getStatusIcon(stage.answer) })
+  return /* @__PURE__ */ jsxs26(Fragment9, { children: [
+    /* @__PURE__ */ jsxs26("tr", { className: "hover:bg-gray-50", children: [
+      /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2 text-center", children: !readOnly && /* @__PURE__ */ jsx32(
+        "button",
+        {
+          type: "button",
+          onClick: onRemove,
+          className: "text-[#B85450] hover:text-[var(--color-error)] transition-colors",
+          title: "Supprimer",
+          children: /* @__PURE__ */ jsx32(Trash25, { className: "w-4 h-4" })
+        }
+      ) }),
+      /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-4 py-2 text-center", children: index + 1 }),
+      /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsx32(
+        SelectInput,
+        {
+          value: stage.space_answer,
+          onChange: (e) => handleSpaceAnswerChange(e),
+          disabled: readOnly,
+          options: [
+            { value: "internal", label: "Interne" },
+            { value: "external", label: "Externe" }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: stage.space_answer === "internal" ? /* @__PURE__ */ jsx32(
+        SearchableSelect,
+        {
+          options: userOptions,
+          value: stage.user,
+          placeholder: "S\xE9lectionner...",
+          searchPlaceholder: "Rechercher...",
+          onSelect: handleUserSelect,
+          disabled: readOnly || loadingUsers,
+          filterFunction: userFilterFunction
+        }
+      ) : /* @__PURE__ */ jsx32(
+        TextInput,
+        {
+          value: stage.name,
+          onChange: (e) => onUpdate({ name: e.target.value }),
+          disabled: readOnly
+        }
+      ) }),
+      /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsx32(
+        TextInput,
+        {
+          type: "email",
+          value: stage.email,
+          onChange: (e) => onUpdate({ email: e.target.value }),
+          disabled: readOnly || stage.space_answer === "internal"
+        }
+      ) }),
+      /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsx32(
+        "input",
+        {
+          type: "text",
+          value: stage.role,
+          disabled: true,
+          className: "w-full px-2 py-1 border border-gray-300 rounded text-sm bg-gray-100"
+        }
+      ) }),
+      /* @__PURE__ */ jsx32("td", { className: "border border-gray-300 px-4 py-2 text-center", children: getStatusIcon(stage.answer) })
+    ] }),
+    stage.note && /* @__PURE__ */ jsx32("tr", { children: /* @__PURE__ */ jsx32("td", { colSpan: 7, className: "border border-gray-300 px-4 py-2 bg-[var(--color-warning-light)]", children: /* @__PURE__ */ jsxs26("p", { className: "text-xs text-gray-600 italic flex items-center gap-1", children: [
+      /* @__PURE__ */ jsx32(MessageSquare, { className: "w-3 h-3" }),
+      ' Note : "',
+      stage.note,
+      '"'
+    ] }) }) })
   ] });
 };
 var AddStageButton = ({
@@ -11789,7 +11928,7 @@ var getRole = (a, center_id) => {
   console.log(a.user_detail, center_id);
   return a.user_detail?.centers_access?.find((c) => c.id === center_id)?.fonction ?? "";
 };
-var formatDate2 = (date) => date ? formatDateFR(date) : "-";
+var formatDate3 = (date) => date ? formatDateFR(date) : "-";
 var borderStyle = { borderColor: "var(--color-border)" };
 var cellClass = "border px-2 py-1";
 var headerStyle = { ...borderStyle, color: "var(--color-text-secondary)" };
@@ -11824,7 +11963,7 @@ var ApprovalRecap = ({ process, object_id }) => {
         return /* @__PURE__ */ jsxs28("tr", { children: [
           /* @__PURE__ */ jsx34("td", { className: `${cellClass} uppercase`, style: { ...borderStyle, color: "var(--color-text)" }, children: getName(item) }),
           /* @__PURE__ */ jsx34("td", { className: `${cellClass} uppercase`, style: { ...borderStyle, color: "var(--color-text)" }, children: getRole(item, activeBusinessEntity?.id ?? null) }),
-          /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle, children: formatDate2(item.answered_at) }),
+          /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle, children: formatDate3(item.answered_at) }),
           /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle, children: /* @__PURE__ */ jsx34("span", { className: "inline-flex items-center gap-1", style: { color: s.color }, children: s.icon }) }),
           /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle })
         ] }, i);
@@ -11845,7 +11984,7 @@ var ApprovalRecap = ({ process, object_id }) => {
         /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle, children: "Demand\xE9 par" }),
         /* @__PURE__ */ jsx34("td", { className: `${cellClass} uppercase`, style: { ...borderStyle, color: "var(--color-text)" }, children: `${requester.first_name} ${requester.last_name}`.trim() }),
         /* @__PURE__ */ jsx34("td", { className: `${cellClass} uppercase`, style: { ...borderStyle, color: "var(--color-text)" }, children: requester?.centers_access?.find((c) => c.id === activeBusinessEntity?.id)?.fonction ?? "" }),
-        /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle, children: formatDate2(caseData.created_at) }),
+        /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle, children: formatDate3(caseData.created_at) }),
         /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle, children: /* @__PURE__ */ jsx34("span", { className: "inline-flex items-center gap-1", style: { color: "var(--color-primary)" }, children: /* @__PURE__ */ jsx34(CheckCircle3, { className: "w-3.5 h-3.5" }) }) }),
         /* @__PURE__ */ jsx34("td", { className: cellClass, style: borderStyle })
       ] }),
@@ -12589,7 +12728,7 @@ var DetailField = ({ label, value }) => value ? /* @__PURE__ */ jsxs32("div", {
   /* @__PURE__ */ jsx39("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: label }),
   /* @__PURE__ */ jsx39("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: typeof value === "string" || typeof value === "number" ? value : value })
 ] }) : null;
-var formatDate3 = (d) => d ? new Date(d).toLocaleString("fr-FR", { day: "2-digit", month: "long", year: "numeric", hour: "2-digit", minute: "2-digit" }) : "-";
+var formatDate4 = (d) => d ? new Date(d).toLocaleString("fr-FR", { day: "2-digit", month: "long", year: "numeric", hour: "2-digit", minute: "2-digit" }) : "-";
 var ActivityDetailModal = ({ activity }) => {
   const d = activity.detail;
   if (!d) return /* @__PURE__ */ jsx39("p", { className: "text-sm text-[var(--color-text-secondary)]", children: "Aucun d\xE9tail disponible." });
@@ -12612,7 +12751,7 @@ var ActivityDetailModal = ({ activity }) => {
         /* @__PURE__ */ jsx39(DetailField, { label: "Adresse de livraison", value: d.delivery_address }),
         /* @__PURE__ */ jsx39(DetailField, { label: "Contact livraison", value: d.delivery_contact }),
         /* @__PURE__ */ jsx39(DetailField, { label: "T\xE9l. livraison", value: d.delivery_phone }),
-        /* @__PURE__ */ jsx39(DetailField, { label: "Cr\xE9\xE9 le", value: formatDate3(d.created_at) }),
+        /* @__PURE__ */ jsx39(DetailField, { label: "Cr\xE9\xE9 le", value: formatDate4(d.created_at) }),
         /* @__PURE__ */ jsx39(DetailField, { label: "Commentaires", value: d.comments })
       ] }),
       d.items?.length > 0 && /* @__PURE__ */ jsxs32("div", { children: [
@@ -12667,7 +12806,7 @@ var ActivityDetailModal = ({ activity }) => {
         /* @__PURE__ */ jsx39(DetailField, { label: "Prix final", value: d.final_price ? `${d.final_price.toLocaleString("fr-FR")} FCFA` : void 0 }),
         /* @__PURE__ */ jsx39(DetailField, { label: "Remise", value: d.global_discount ? `${d.global_discount}${d.global_discount_type === "percentage" ? "%" : " FCFA"}` : void 0 }),
         /* @__PURE__ */ jsx39(DetailField, { label: "Observations", value: d.observations }),
-        /* @__PURE__ */ jsx39(DetailField, { label: "Cr\xE9\xE9 le", value: formatDate3(d.created_at) })
+        /* @__PURE__ */ jsx39(DetailField, { label: "Cr\xE9\xE9 le", value: formatDate4(d.created_at) })
       ] }),
       d.items?.length > 0 && /* @__PURE__ */ jsxs32("div", { children: [
         /* @__PURE__ */ jsxs32("h4", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-2", children: [
@@ -12714,9 +12853,9 @@ var ActivityDetailModal = ({ activity }) => {
       /* @__PURE__ */ jsxs32("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-4 bg-[var(--color-surface-hover)] rounded-lg p-4", children: [
         /* @__PURE__ */ jsx39(DetailField, { label: "Type de r\xE9ception", value: d.type_of_receipt }),
         /* @__PURE__ */ jsx39(DetailField, { label: "Adresse de r\xE9ception", value: d.receipt_address }),
-        /* @__PURE__ */ jsx39(DetailField, { label: "Date de r\xE9ception", value: formatDate3(d.received_at) }),
+        /* @__PURE__ */ jsx39(DetailField, { label: "Date de r\xE9ception", value: formatDate4(d.received_at) }),
         /* @__PURE__ */ jsx39(DetailField, { label: "Commentaires", value: d.comments }),
-        /* @__PURE__ */ jsx39(DetailField, { label: "Cr\xE9\xE9 le", value: formatDate3(d.created_at) })
+        /* @__PURE__ */ jsx39(DetailField, { label: "Cr\xE9\xE9 le", value: formatDate4(d.created_at) })
       ] }),
       d.items?.length > 0 && /* @__PURE__ */ jsxs32("div", { children: [
         /* @__PURE__ */ jsxs32("h4", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-2", children: [
@@ -17883,7 +18022,7 @@ import { useState as useState34, useEffect as useEffect26, useCallback as useCal
 import {
   Plus as Plus6,
   MoreVertical as MoreVertical2,
-  MessageSquare,
+  MessageSquare as MessageSquare2,
   Paperclip,
   Search as Search4,
   Filter as Filter2,
@@ -18185,7 +18324,7 @@ var TaskCard = ({ task, isDragging, onDragStart, onDragEnd, onEdit, onDelete })
             /* @__PURE__ */ jsx56("span", { children: new Date(task.end_date).toLocaleDateString("fr-FR") })
           ] }),
           /* @__PURE__ */ jsxs49("div", { className: "flex items-center gap-3", children: [
-            task.comment && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx56(MessageSquare, { className: "w-3.5 h-3.5" }) }),
+            task.comment && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx56(MessageSquare2, { className: "w-3.5 h-3.5" }) }),
             task.file && /* @__PURE__ */ jsx56("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ jsx56(Paperclip, { className: "w-3.5 h-3.5" }) })
           ] })
         ] })
@@ -20175,7 +20314,7 @@ import {
   Plus as Plus11,
   Search as Search7,
   MoreVertical as MoreVertical4,
-  Edit as Edit2,
+  Edit as Edit4,
   Trash2 as Trash29,
   Eye as Eye8,
   Phone as Phone6,
@@ -20191,7 +20330,7 @@ import { useParams as useParams3, useNavigate as useNavigate11 } from "react-rou
 import {
   ArrowLeft as ArrowLeft2,
   Building2 as Building28,
-  Edit as Edit4,
+  Edit as Edit5,
   Trash2 as Trash210,
   Plus as Plus12,
   MapPin as MapPin8,
@@ -20223,7 +20362,7 @@ import { Fragment as Fragment14, jsx as jsx72, jsxs as jsxs65 } from "react/jsx-
 // src/pages/organizations/DetailEntity.tsx
 import { useState as useState49, useEffect as useEffect37 } from "react";
 import { useNavigate as useNavigate12, useParams as useParams4 } from "react-router-dom";
-import { Building2 as Building210, CreditCard as CreditCard6, FileText as FileText15, MapPin as MapPin9, User as UserIcon4, File as File3 } from "lucide-react";
+import { Building2 as Building210, CreditCard as CreditCard6, FileText as FileText15, MapPin as MapPin9, User as UserIcon4, File as File4 } from "lucide-react";
 
 // src/forms/UserForm.tsx
 import { useState as useState48, useEffect as useEffect36 } from "react";
@@ -20300,7 +20439,7 @@ import { useState as useState54, useEffect as useEffect40 } from "react";
 import { useNavigate as useNavigate17 } from "react-router-dom";
 import {
   Plus as Plus14,
-  Edit as Edit5,
+  Edit as Edit6,
   Trash2 as Trash212
 } from "lucide-react";
 import { Fragment as Fragment17, jsx as jsx79, jsxs as jsxs72 } from "react/jsx-runtime";
@@ -20344,7 +20483,7 @@ import {
   Activity as Activity2,
   Briefcase as Briefcase4,
   Plus as Plus15,
-  Edit as Edit6,
+  Edit as Edit7,
   Loader2 as Loader210
 } from "lucide-react";
 import { Fragment as Fragment18, jsx as jsx81, jsxs as jsxs74 } from "react/jsx-runtime";
@@ -20385,7 +20524,7 @@ import { jsx as jsx87, jsxs as jsxs80 } from "react/jsx-runtime";
 import { useState as useState60, useEffect as useEffect44 } from "react";
 import {
   Plus as Plus16,
-  Edit as Edit7,
+  Edit as Edit8,
   Trash2 as Trash214
 } from "lucide-react";
 import { Fragment as Fragment20, jsx as jsx88, jsxs as jsxs81 } from "react/jsx-runtime";
@@ -20395,7 +20534,7 @@ import React55, { useState as useState61, useEffect as useEffect45, useRef as us
 import { useReactToPrint as useReactToPrint2 } from "react-to-print";
 import {
   Plus as Plus17,
-  Edit as Edit8,
+  Edit as Edit9,
   Trash2 as Trash215,
   GripVertical as GripVertical2,
   X as X19,
@@ -20643,7 +20782,7 @@ var PrintableFormPreview = React55.forwardRef(
 import { useState as useState62, useEffect as useEffect46 } from "react";
 import {
   Plus as Plus18,
-  Edit as Edit9,
+  Edit as Edit10,
   Trash2 as Trash217,
   Shield as Shield7,
   CheckCircle as CheckCircle13,
@@ -26253,7 +26392,7 @@ import {
   BarChart3 as BarChart37,
   Users as Users17,
   Target as Target6,
-  Edit as Edit13,
+  Edit as Edit14,
   Trash2 as Trash223,
   TrendingUp as TrendingUp12,
   TrendingDown as TrendingDown4,
@@ -26269,7 +26408,7 @@ import {
   ChevronRight as ChevronRight7,
   ClipboardList as ClipboardList5,
   User as User5,
-  MessageSquare as MessageSquare2,
+  MessageSquare as MessageSquare3,
   Zap as Zap5,
   Activity as Activity3,
   Filter as Filter5,
@@ -27476,7 +27615,7 @@ import {
   Calendar as Calendar10,
   Euro,
   Download as Download7,
-  Edit as Edit10,
+  Edit as Edit11,
   Archive,
   RefreshCw as RefreshCw10,
   CheckCircle as CheckCircle14,
@@ -27771,7 +27910,7 @@ var ViewContractContent = ({
     };
   }, [contract]);
   if (!contract) return null;
-  const formatDate4 = (dateString) => {
+  const formatDate5 = (dateString) => {
     if (!dateString) return "Non d\xE9fini";
     return new Date(dateString).toLocaleDateString("fr-FR");
   };
@@ -28050,19 +28189,19 @@ var ViewContractContent = ({
         /* @__PURE__ */ jsxs122("dl", { className: "space-y-3", children: [
           /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsx133("dt", { className: "text-sm font-medium text-gray-500", children: "Date de cr\xE9ation" }),
-            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate4(contract.created_at || contract.created_at) })
+            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate5(contract.created_at || contract.created_at) })
           ] }),
           /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsx133("dt", { className: "text-sm font-medium text-gray-500", children: "Date de signature" }),
-            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate4(contract.signature_date || "") })
+            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate5(contract.signature_date || "") })
           ] }),
           /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsx133("dt", { className: "text-sm font-medium text-gray-500", children: "D\xE9but" }),
-            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate4(contract.start_date) })
+            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate5(contract.start_date) })
           ] }),
           /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsx133("dt", { className: "text-sm font-medium text-gray-500", children: "Fin" }),
-            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900 font-medium", children: formatDate4(contract.end_date) })
+            /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900 font-medium", children: formatDate5(contract.end_date) })
           ] }),
           /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
             /* @__PURE__ */ jsx133("dt", { className: "text-sm font-medium text-gray-500", children: "Pr\xE9avis de r\xE9siliation" }),
@@ -28180,11 +28319,11 @@ var ViewContractContent = ({
       /* @__PURE__ */ jsxs122("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [
         /* @__PURE__ */ jsxs122("div", { className: "p-4 bg-[var(--color-success-light)] rounded-lg", children: [
           /* @__PURE__ */ jsx133("p", { className: "text-sm font-medium text-[var(--color-success)]", children: "Date de d\xE9but" }),
-          /* @__PURE__ */ jsx133("p", { className: "text-xl font-bold text-gray-900 mt-1", children: formatDate4(contract.start_date) })
+          /* @__PURE__ */ jsx133("p", { className: "text-xl font-bold text-gray-900 mt-1", children: formatDate5(contract.start_date) })
         ] }),
         /* @__PURE__ */ jsxs122("div", { className: "p-4 bg-[var(--color-error-light)] rounded-lg", children: [
           /* @__PURE__ */ jsx133("p", { className: "text-sm font-medium text-[var(--color-error)]", children: "Date de fin" }),
-          /* @__PURE__ */ jsx133("p", { className: "text-xl font-bold text-gray-900 mt-1", children: formatDate4(contract.end_date) })
+          /* @__PURE__ */ jsx133("p", { className: "text-xl font-bold text-gray-900 mt-1", children: formatDate5(contract.end_date) })
         ] }),
         /* @__PURE__ */ jsxs122("div", { className: "p-4 bg-[var(--color-info-light)] rounded-lg", children: [
           /* @__PURE__ */ jsx133("p", { className: "text-sm font-medium text-[var(--color-info)]", children: "Jours restants" }),
@@ -28217,7 +28356,7 @@ var ViewContractContent = ({
         ] }),
         contract.renewal_date && /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
           /* @__PURE__ */ jsx133("dt", { className: "text-sm font-medium text-gray-500", children: "Date de renouvellement" }),
-          /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate4(contract.renewal_date) })
+          /* @__PURE__ */ jsx133("dd", { className: "text-sm text-gray-900", children: formatDate5(contract.renewal_date) })
         ] }),
         contract.duration && /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
           /* @__PURE__ */ jsx133("dt", { className: "text-sm font-medium text-gray-500", children: "Dur\xE9e" }),
@@ -28358,7 +28497,7 @@ var ViewContractContent = ({
             milestone.percentage,
             "%"
           ] }),
-          /* @__PURE__ */ jsx133("td", { className: "py-3 text-center", children: formatDate4(milestone.dueDate) }),
+          /* @__PURE__ */ jsx133("td", { className: "py-3 text-center", children: formatDate5(milestone.dueDate) }),
           /* @__PURE__ */ jsx133("td", { className: "py-3 text-center", children: /* @__PURE__ */ jsx133(Badge2, { variant: milestone.status === "paid" ? "success" : milestone.status === "overdue" ? "error" : milestone.status === "invoiced" ? "warning" : "default", children: milestone.status === "paid" ? "Pay\xE9" : milestone.status === "overdue" ? "En retard" : milestone.status === "invoiced" ? "Factur\xE9" : "En attente" }) })
         ] }, milestone.id)) })
       ] }) })
@@ -28627,11 +28766,11 @@ var ViewContractContent = ({
           ] }),
           /* @__PURE__ */ jsxs122("div", { children: [
             /* @__PURE__ */ jsx133("p", { className: "text-gray-500", children: "Date d'\xE9mission" }),
-            /* @__PURE__ */ jsx133("p", { className: "font-medium", children: formatDate4(guarantee.issueDate) })
+            /* @__PURE__ */ jsx133("p", { className: "font-medium", children: formatDate5(guarantee.issueDate) })
           ] }),
           /* @__PURE__ */ jsxs122("div", { children: [
             /* @__PURE__ */ jsx133("p", { className: "text-gray-500", children: "Date d'expiration" }),
-            /* @__PURE__ */ jsx133("p", { className: `font-medium ${new Date(guarantee.expiryDate) < /* @__PURE__ */ new Date() ? "text-[var(--color-error)]" : ""}`, children: formatDate4(guarantee.expiryDate) })
+            /* @__PURE__ */ jsx133("p", { className: `font-medium ${new Date(guarantee.expiryDate) < /* @__PURE__ */ new Date() ? "text-[var(--color-error)]" : ""}`, children: formatDate5(guarantee.expiryDate) })
           ] })
         ] }),
         guarantee.releaseConditions && /* @__PURE__ */ jsxs122("div", { className: "mt-3 p-3 bg-gray-50 rounded-lg", children: [
@@ -28671,7 +28810,7 @@ var ViewContractContent = ({
           ] }),
           insurance.validUntil && /* @__PURE__ */ jsxs122("div", { children: [
             /* @__PURE__ */ jsx133("p", { className: "text-gray-500", children: "Valide jusqu'au" }),
-            /* @__PURE__ */ jsx133("p", { className: `font-medium ${new Date(insurance.validUntil) < /* @__PURE__ */ new Date() ? "text-[var(--color-error)]" : ""}`, children: formatDate4(insurance.validUntil) })
+            /* @__PURE__ */ jsx133("p", { className: `font-medium ${new Date(insurance.validUntil) < /* @__PURE__ */ new Date() ? "text-[var(--color-error)]" : ""}`, children: formatDate5(insurance.validUntil) })
           ] })
         ] })
       ] }, insurance.id)) }) : /* @__PURE__ */ jsxs122("div", { className: "text-center py-8 text-gray-500", children: [
@@ -28742,7 +28881,7 @@ var ViewContractContent = ({
         ] }),
         /* @__PURE__ */ jsxs122("div", { className: "text-right", children: [
           /* @__PURE__ */ jsx133(Badge2, { variant: approver.status === "approved" ? "success" : approver.status === "rejected" ? "error" : "default", children: approver.status === "approved" ? "Approuv\xE9" : approver.status === "rejected" ? "Rejet\xE9" : "En attente" }),
-          approver.approvalDate && /* @__PURE__ */ jsx133("p", { className: "text-xs text-gray-500 mt-1", children: formatDate4(approver.approvalDate) })
+          approver.approvalDate && /* @__PURE__ */ jsx133("p", { className: "text-xs text-gray-500 mt-1", children: formatDate5(approver.approvalDate) })
         ] })
       ] }, index)) })
     ] }),
@@ -28796,11 +28935,11 @@ var ViewContractContent = ({
             ] }),
             contract.governance.steeringCommittee.lastMeetingDate && /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsx133("dt", { className: "text-gray-500", children: "Derni\xE8re r\xE9union" }),
-              /* @__PURE__ */ jsx133("dd", { className: "text-gray-900", children: formatDate4(contract.governance.steeringCommittee.lastMeetingDate) })
+              /* @__PURE__ */ jsx133("dd", { className: "text-gray-900", children: formatDate5(contract.governance.steeringCommittee.lastMeetingDate) })
             ] }),
             contract.governance.steeringCommittee.nextMeetingDate && /* @__PURE__ */ jsxs122("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ jsx133("dt", { className: "text-gray-500", children: "Prochaine r\xE9union" }),
-              /* @__PURE__ */ jsx133("dd", { className: "text-gray-900 font-medium", children: formatDate4(contract.governance.steeringCommittee.nextMeetingDate) })
+              /* @__PURE__ */ jsx133("dd", { className: "text-gray-900 font-medium", children: formatDate5(contract.governance.steeringCommittee.nextMeetingDate) })
             ] })
           ] })
         ] })
@@ -28873,7 +29012,7 @@ var ViewContractContent = ({
           ] }),
           contract.regulatoryCompliance.sanctionsScreening?.lastScreeningDate && /* @__PURE__ */ jsxs122("p", { className: "text-sm text-gray-500", children: [
             "Dernier contr\xF4le: ",
-            formatDate4(contract.regulatoryCompliance.sanctionsScreening.lastScreeningDate)
+            formatDate5(contract.regulatoryCompliance.sanctionsScreening.lastScreeningDate)
           ] })
         ] })
       ] })
@@ -28929,7 +29068,7 @@ var ViewContractContent = ({
         ] }),
         /* @__PURE__ */ jsxs122("p", { className: "text-xs text-[var(--color-success)] mt-1", children: [
           "\xC9valu\xE9 le ",
-          formatDate4(contract.esgCriteria.lastAssessmentDate)
+          formatDate5(contract.esgCriteria.lastAssessmentDate)
         ] })
       ] }),
       /* @__PURE__ */ jsx133(RewiseCard, { className: "p-4", children: /* @__PURE__ */ jsxs122("div", { className: "flex items-center space-x-3", children: [
@@ -29100,7 +29239,7 @@ var ViewContractContent = ({
             /* @__PURE__ */ jsx133("span", { children: "\u2022" }),
             /* @__PURE__ */ jsxs122("span", { children: [
               "\xC9ch\xE9ance: ",
-              formatDate4(obligation.dueDate)
+              formatDate5(obligation.dueDate)
             ] })
           ] }),
           /* @__PURE__ */ jsx133("span", { children: "\u2022" }),
@@ -29166,7 +29305,7 @@ var ViewContractContent = ({
         ] }),
         sla.last_evaluation && /* @__PURE__ */ jsxs122("span", { children: [
           "Derni\xE8re mesure: ",
-          formatDate4(sla.last_evaluation)
+          formatDate5(sla.last_evaluation)
         ] })
       ] })
     ] }, sla.id)) }) : /* @__PURE__ */ jsxs122(RewiseCard, { className: "p-8 text-center", children: [
@@ -29377,7 +29516,7 @@ var ViewContractContent = ({
               " MB \u2022 Version ",
               doc.version,
               " \u2022 Ajout\xE9 le ",
-              formatDate4(doc.uploadedAt)
+              formatDate5(doc.uploadedAt)
             ] }),
             doc.description && /* @__PURE__ */ jsx133("p", { className: "text-sm text-gray-600 mt-1", children: doc.description })
           ] })
@@ -29408,7 +29547,7 @@ var ViewContractContent = ({
         ] }),
         /* @__PURE__ */ jsx133("p", { className: "text-sm text-gray-600 mb-2", children: amendment.description }),
         /* @__PURE__ */ jsxs122("p", { className: "text-xs text-gray-500", children: [
-          formatDate4(amendment.date),
+          formatDate5(amendment.date),
           " \u2022 Raison: ",
           amendment.reason
         ] })
@@ -29418,7 +29557,7 @@ var ViewContractContent = ({
   const renderHistoryTab = () => /* @__PURE__ */ jsxs122("div", { className: "space-y-4", children: [
     /* @__PURE__ */ jsx133("h3", { className: "text-lg font-semibold text-gray-900", children: "Historique des actions" }),
     contract.auditTrail && contract.auditTrail.length > 0 ? /* @__PURE__ */ jsx133("div", { className: "space-y-4", children: contract.auditTrail.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime()).map((entry, index) => /* @__PURE__ */ jsxs122("div", { className: "flex space-x-4", children: [
-      /* @__PURE__ */ jsx133("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx133("div", { className: `w-10 h-10 rounded-full flex items-center justify-center ${entry.action === "created" ? "bg-[var(--color-success-light)]" : entry.action === "approved" ? "bg-[var(--color-info-light)]" : entry.action === "rejected" ? "bg-[var(--color-error-light)]" : entry.action === "signed" ? "bg-[var(--color-info-light)]" : entry.action === "amended" ? "bg-[var(--color-warning-light)]" : "bg-gray-100"}`, children: entry.action === "created" ? /* @__PURE__ */ jsx133(FileText20, { className: "w-5 h-5 text-[var(--color-success)]" }) : entry.action === "approved" ? /* @__PURE__ */ jsx133(CheckCircle14, { className: "w-5 h-5 text-[var(--color-info)]" }) : entry.action === "rejected" ? /* @__PURE__ */ jsx133(AlertTriangle9, { className: "w-5 h-5 text-[var(--color-error)]" }) : entry.action === "signed" ? /* @__PURE__ */ jsx133(FileCheck3, { className: "w-5 h-5 text-[var(--color-info)]" }) : entry.action === "amended" ? /* @__PURE__ */ jsx133(Edit10, { className: "w-5 h-5 text-[var(--color-warning)]" }) : /* @__PURE__ */ jsx133(Clock11, { className: "w-5 h-5 text-gray-600" }) }) }),
+      /* @__PURE__ */ jsx133("div", { className: "flex-shrink-0", children: /* @__PURE__ */ jsx133("div", { className: `w-10 h-10 rounded-full flex items-center justify-center ${entry.action === "created" ? "bg-[var(--color-success-light)]" : entry.action === "approved" ? "bg-[var(--color-info-light)]" : entry.action === "rejected" ? "bg-[var(--color-error-light)]" : entry.action === "signed" ? "bg-[var(--color-info-light)]" : entry.action === "amended" ? "bg-[var(--color-warning-light)]" : "bg-gray-100"}`, children: entry.action === "created" ? /* @__PURE__ */ jsx133(FileText20, { className: "w-5 h-5 text-[var(--color-success)]" }) : entry.action === "approved" ? /* @__PURE__ */ jsx133(CheckCircle14, { className: "w-5 h-5 text-[var(--color-info)]" }) : entry.action === "rejected" ? /* @__PURE__ */ jsx133(AlertTriangle9, { className: "w-5 h-5 text-[var(--color-error)]" }) : entry.action === "signed" ? /* @__PURE__ */ jsx133(FileCheck3, { className: "w-5 h-5 text-[var(--color-info)]" }) : entry.action === "amended" ? /* @__PURE__ */ jsx133(Edit11, { className: "w-5 h-5 text-[var(--color-warning)]" }) : /* @__PURE__ */ jsx133(Clock11, { className: "w-5 h-5 text-gray-600" }) }) }),
       /* @__PURE__ */ jsxs122("div", { className: "flex-1 min-w-0", children: [
         /* @__PURE__ */ jsxs122("div", { className: "flex items-center justify-between", children: [
           /* @__PURE__ */ jsx133("p", { className: "text-sm font-medium text-gray-900 capitalize", children: entry.action === "created" ? "Cr\xE9ation" : entry.action === "updated" ? "Mise \xE0 jour" : entry.action === "approved" ? "Approbation" : entry.action === "rejected" ? "Rejet" : entry.action === "signed" ? "Signature" : entry.action === "renewed" ? "Renouvellement" : entry.action === "terminated" ? "R\xE9siliation" : entry.action === "amended" ? "Avenant" : entry.action === "viewed" ? "Consultation" : entry.action === "exported" ? "Export" : entry.action }),
@@ -29466,7 +29605,7 @@ var ViewContractContent = ({
             size: "sm",
             onClick: () => handleAction("edit"),
             children: [
-              /* @__PURE__ */ jsx133(Edit10, { className: "w-4 h-4 mr-2" }),
+              /* @__PURE__ */ jsx133(Edit11, { className: "w-4 h-4 mr-2" }),
               "Modifier"
             ]
           }
@@ -29506,7 +29645,7 @@ var ViewContractContent = ({
           "Ce contrat expire dans ",
           daysUntilExpiry,
           " jours (",
-          formatDate4(contract.end_date),
+          formatDate5(contract.end_date),
           ")"
         ] })
       ] }),
@@ -29591,7 +29730,7 @@ import {
   Table as Table3,
   Plus as Plus22,
   Trash2 as Trash221,
-  Edit as Edit11,
+  Edit as Edit12,
   CheckCircle as CheckCircle15,
   XCircle as XCircle6,
   AlertTriangle as AlertTriangle10,
@@ -30562,7 +30701,7 @@ var ContractForm = ({ contract, onSubmit, onCancel, onShowToast, isEdit = false
                       type: "button",
                       onClick: () => handleEditSLA(indicator),
                       className: "p-1 text-[#78a6d2] hover:bg-[#78a6d2]/10 rounded",
-                      children: /* @__PURE__ */ jsx134(Edit11, { className: "w-4 h-4" })
+                      children: /* @__PURE__ */ jsx134(Edit12, { className: "w-4 h-4" })
                     }
                   ),
                   /* @__PURE__ */ jsx134(
@@ -32192,7 +32331,7 @@ import {
   Smartphone as Smartphone3,
   Filter as Filter4,
   Search as Search11,
-  Edit as Edit12,
+  Edit as Edit13,
   Trash2 as Trash222,
   Eye as Eye15,
   EyeOff as EyeOff5
@@ -32528,7 +32667,7 @@ var AlertsManagementModal = ({
           ] })
         ] }),
         /* @__PURE__ */ jsxs125("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ jsx137(Button2, { variant: "text", size: "sm", children: /* @__PURE__ */ jsx137(Edit12, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ jsx137(Button2, { variant: "text", size: "sm", children: /* @__PURE__ */ jsx137(Edit13, { className: "w-4 h-4" }) }),
           /* @__PURE__ */ jsx137(
             Button2,
             {
@@ -33850,7 +33989,7 @@ var SLAManagementModal = ({
       onShowToast("Indicateur SLA supprim\xE9", "success");
     }
   };
-  const formatDate4 = (dateString) => {
+  const formatDate5 = (dateString) => {
     if (!dateString) return "N/A";
     return new Date(dateString).toLocaleDateString("fr-FR");
   };
@@ -34005,7 +34144,7 @@ var SLAManagementModal = ({
           /* @__PURE__ */ jsx139("p", { className: "text-sm", style: { color: colors.text.secondary }, children: indicator.description })
         ] }),
         /* @__PURE__ */ jsxs127("div", { className: "flex space-x-2", children: [
-          /* @__PURE__ */ jsx139(PrimaryButton, { variant: "outline", onClick: () => setEditingIndicator(indicator), children: /* @__PURE__ */ jsx139(Edit13, { className: "w-4 h-4" }) }),
+          /* @__PURE__ */ jsx139(PrimaryButton, { variant: "outline", onClick: () => setEditingIndicator(indicator), children: /* @__PURE__ */ jsx139(Edit14, { className: "w-4 h-4" }) }),
           /* @__PURE__ */ jsx139(
             "button",
             {
@@ -34364,7 +34503,7 @@ var SLAManagementModal = ({
             ] }),
             /* @__PURE__ */ jsxs127("p", { className: "text-xs mt-1", style: { color: colors.text.tertiary }, children: [
               "D\xE9tect\xE9 le ",
-              formatDate4(incident.detected_date)
+              formatDate5(incident.detected_date)
             ] })
           ] })
         ] }),
@@ -34489,7 +34628,7 @@ var SLAManagementModal = ({
     const getNoteTypeIcon = (type) => {
       switch (type) {
         case "comment":
-          return MessageSquare2;
+          return MessageSquare3;
         case "decision":
           return CheckCircle18;
         case "action":
@@ -34497,7 +34636,7 @@ var SLAManagementModal = ({
         case "meeting":
           return Users17;
         default:
-          return MessageSquare2;
+          return MessageSquare3;
       }
     };
     const getNoteTypeColor = (type) => {
@@ -34517,7 +34656,7 @@ var SLAManagementModal = ({
     return /* @__PURE__ */ jsxs127("div", { className: "space-y-4", children: [
       /* @__PURE__ */ jsxs127("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsxs127("h3", { className: "text-lg font-semibold flex items-center gap-2", style: { color: colors.text.primary }, children: [
-          /* @__PURE__ */ jsx139(MessageSquare2, { className: "w-5 h-5", style: { color: colors.primary } }),
+          /* @__PURE__ */ jsx139(MessageSquare3, { className: "w-5 h-5", style: { color: colors.primary } }),
           "Notes et commentaires (",
           notes.length,
           ")"
@@ -34601,7 +34740,7 @@ var SLAManagementModal = ({
         ] })
       ] }),
       notesLoading ? /* @__PURE__ */ jsx139("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx139(RefreshCw11, { className: "w-8 h-8 animate-spin", style: { color: colors.primary } }) }) : filteredNotes.length === 0 ? /* @__PURE__ */ jsxs127("div", { className: "text-center py-12", children: [
-        /* @__PURE__ */ jsx139(MessageSquare2, { className: "w-12 h-12 mx-auto mb-4", style: { color: colors.text.tertiary } }),
+        /* @__PURE__ */ jsx139(MessageSquare3, { className: "w-12 h-12 mx-auto mb-4", style: { color: colors.text.tertiary } }),
         /* @__PURE__ */ jsx139("p", { style: { color: colors.text.secondary }, children: "Aucune note" })
       ] }) : /* @__PURE__ */ jsx139("div", { className: "space-y-3", children: filteredNotes.map((note) => {
         const Icon = getNoteTypeIcon(note.note_type);
@@ -34643,7 +34782,7 @@ var SLAManagementModal = ({
     { id: "evaluations", label: "Journal des \xE9valuations", icon: FileText23 },
     { id: "incidents", label: "Incidents", icon: AlertCircle10 },
     { id: "penalties", label: "P\xE9nalit\xE9s & Bonus", icon: DollarSign3 },
-    { id: "notes", label: "Notes", icon: MessageSquare2 }
+    { id: "notes", label: "Notes", icon: MessageSquare3 }
   ];
   return /* @__PURE__ */ jsxs127(
     Modal,
@@ -35377,9 +35516,9 @@ export {
   fileManagerApi,
   findFolderById2 as findFolderById,
   formatCurrency,
-  formatDate,
+  formatDate2 as formatDate,
   formatDateFR,
-  formatDateTime,
+  formatDateTime2 as formatDateTime,
   formatFileSize,
   getAllFolders,
   getAllSLATemplates,