ptechcore_ui 1.0.19 → 1.0.21

package/dist/index.cjs

@@ -110,10 +110,10 @@ var Buttons_default = PrimaryButton;
 
 // src/components/common/Modals.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var Modal = ({ title, description, width, open, onClose, children }) => {
+var Modal = ({ title, description, width = "max-w-lg", open, onClose, children }) => {
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-white  rounded-lg pt-4 px-6 mx-4 `, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex  justify-between items-start mb-6", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: `bg-white rounded-lg p-6 mx-4 w-full ${width}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "flex justify-between items-start mb-6", children: [
       /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { children: title }) }),
         description && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("p", { className: "text-sm text-gray-600 mt-1", children: description })
@@ -128,7 +128,7 @@ var Modal = ({ title, description, width, open, onClose, children }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-1", children })
+    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
   ] }) });
 };
 var Modals_default = Modal;
@@ -291,7 +291,91 @@ var FileInput = ({
 // src/components/layout/ModernDoubleSidebarLayout.tsx
 var import_react5 = __toESM(require("react"), 1);
 var import_react_router_dom3 = require("react-router-dom");
-var import_lucide_react2 = require("lucide-react");
+var import_lucide_react3 = require("lucide-react");
+
+// src/assets/modules-icons/crm-blue.svg
+var crm_blue_default = "./crm-blue-5IUN7OWK.svg";
+
+// src/assets/modules-icons/crmwhite.svg
+var crmwhite_default = "./crmwhite-T4YVRCBY.svg";
+
+// src/assets/modules-icons/marketingblue.svg
+var marketingblue_default = "./marketingblue-M22Q2RVP.svg";
+
+// src/assets/modules-icons/marketingblanc.svg
+var marketingblanc_default = "./marketingblanc-VGLH2RYX.svg";
+
+// src/assets/modules-icons/facilityblue.svg
+var facilityblue_default = "./facilityblue-OSJ76HN4.svg";
+
+// src/assets/modules-icons/facilityblanc.svg
+var facilityblanc_default = "./facilityblanc-X2W5XOZF.svg";
+
+// src/assets/modules-icons/security_managementblue.svg
+var security_managementblue_default = "./security_managementblue-KPYN5QPS.svg";
+
+// src/assets/modules-icons/security_managementblanc.svg
+var security_managementblanc_default = "./security_managementblanc-44CBK332.svg";
+
+// src/assets/modules-icons/thriveblue.svg
+var thriveblue_default = "./thriveblue-MFDIWYWF.svg";
+
+// src/assets/modules-icons/thriveblanc.svg
+var thriveblanc_default = "./thriveblanc-C7YX45XG.svg";
+
+// src/assets/modules-icons/wiseblues.svg
+var wiseblues_default = "./wiseblues-MMOO253P.svg";
+
+// src/assets/modules-icons/wiseblancs.svg
+var wiseblancs_default = "./wiseblancs-W2M4CRXV.svg";
+
+// src/assets/modules-icons/sopblues.svg
+var sopblues_default = "./sopblues-MKSGDFK2.svg";
+
+// src/assets/modules-icons/sopblancs.svg
+var sopblancs_default = "./sopblancs-LQYRWDFF.svg";
+
+// src/assets/modules-icons/invoicingblue.svg
+var invoicingblue_default = "./invoicingblue-PGDRJHUT.svg";
+
+// src/assets/modules-icons/invoicingblanc.svg
+var invoicingblanc_default = "./invoicingblanc-OG4REEEI.svg";
+
+// src/assets/modules-icons/accountingblue.svg
+var accountingblue_default = "./accountingblue-KJT2COTJ.svg";
+
+// src/assets/modules-icons/accountingblanc.svg
+var accountingblanc_default = "./accountingblanc-HXO7ZL5C.svg";
+
+// src/assets/modules-icons/assetblue.svg
+var assetblue_default = "./assetblue-QVU5HCMT.svg";
+
+// src/assets/modules-icons/assetblanc.svg
+var assetblanc_default = "./assetblanc-G4JYFDCR.svg";
+
+// src/assets/modules-icons/financeblue.svg
+var financeblue_default = "./financeblue-C6ARC7XB.svg";
+
+// src/assets/modules-icons/financeblanc.svg
+var financeblanc_default = "./financeblanc-FFBP6VCU.svg";
+
+// src/assets/modules-icons/collection_litigationblue.svg
+var collection_litigationblue_default = "./collection_litigationblue-UNGB33BF.svg";
+
+// src/assets/modules-icons/collection_litigationblanc.svg
+var collection_litigationblanc_default = "./collection_litigationblanc-7NRNT2NJ.svg";
+
+// src/assets/modules-icons/procurementblue.svg
+var procurementblue_default = "./procurementblue-KXLG2CW4.svg";
+
+// src/assets/modules-icons/procurementblanc.svg
+var procurementblanc_default = "./procurementblanc-C3K6S2GP.svg";
+
+// src/assets/modules-icons/human_capitalblue.svg
+var human_capitalblue_default = "./human_capitalblue-IGF53KXL.svg";
+
+// src/assets/modules-icons/human_capitalblanc.svg
+var human_capitalblanc_default = "./human_capitalblanc-44P3SKKG.svg";
 
 // src/utils/utils.ts
 var import_clsx = require("clsx");
@@ -735,6 +819,36 @@ var FetchApi = class {
     if (!res.ok) throw new Error(await res.text());
     return res.json();
   }
+  static async uploadFile(url, formData, token) {
+    const headers = {};
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
+    }
+    const res = await fetch(url, {
+      method: "POST",
+      headers,
+      body: formData
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
+  static async patch(url, payload, token) {
+    const headers = {
+      "Content-Type": "application/json"
+    };
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
+    }
+    const res = await fetch(url, {
+      method: "PATCH",
+      headers,
+      body: payload ? JSON.stringify(payload) : void 0
+    });
+    if (!res.ok) throw new Error(await res.text());
+    return res.json();
+  }
 };
 
 // src/services/AuthServices.ts
@@ -752,6 +866,28 @@ var AuthServices = {
   logout: () => FetchApi.post(`${API_BASE_URL}logout/`)
 };
 
+// src/services/VendorServices.ts
+var VENDORS_API_URL = `${API_URL}/accounting/vendors/`;
+var VendorServices = {
+  createVendor: (data, token) => {
+    const payload = { ...data };
+    if (!payload.logo) {
+      delete payload.logo;
+    }
+    return FetchApi.post(`${VENDORS_API_URL}`, payload, token);
+  },
+  getVendor: (id, token) => FetchApi.get(`${VENDORS_API_URL}${id}/`, token),
+  getVendors: (token, params) => FetchApi.get(`${VENDORS_API_URL}?${new URLSearchParams(params).toString()}`, token),
+  updateVendor: (id, data, token) => {
+    const payload = { ...data };
+    if (!payload.logo) {
+      delete payload.logo;
+    }
+    return FetchApi.put(`${VENDORS_API_URL}${id}/`, payload, token);
+  },
+  deleteVendor: (id, token) => FetchApi.delete(`${VENDORS_API_URL}${id}/`, token)
+};
+
 // src/contexts/SessionContext.tsx
 var import_jsx_runtime5 = require("react/jsx-runtime");
 var SessionContext = (0, import_react2.createContext)(void 0);
@@ -769,6 +905,47 @@ var SessionProvider = ({ children }) => {
   const saved_center_id = localStorage.getItem("active_center_id") || "";
   const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
   const [showAuthModal, setShowAuthModal] = (0, import_react2.useState)(false);
+  (0, import_react2.useEffect)(() => {
+    const params = new URLSearchParams(window.location.search);
+    const tkn = params.get("tkn");
+    if (tkn) {
+      localStorage.setItem("token", tkn);
+      setToken(tkn);
+      window.history.replaceState({}, document.title, window.location.pathname);
+    }
+  }, []);
+  const [vendors, setVendors] = (0, import_react2.useState)(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loadingVendors, setLoadingVendors] = (0, import_react2.useState)(false);
+  const loadVendors = async () => {
+    if (!token) {
+      console.error("Vous devez etre connect\xE9 pour voir les organisations");
+      return;
+    }
+    try {
+      setLoadingVendors(true);
+      const result = await VendorServices.getVendors(token, { business_entity_id: activeBusinessEntity?.id });
+      setVendors(result.data);
+      const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+      sessionStorage.setItem(cacheKey, JSON.stringify(result.data));
+    } catch (error) {
+      console.error(error);
+    } finally {
+      setLoadingVendors(false);
+    }
+  };
+  (0, import_react2.useEffect)(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadVendors();
+    } else {
+      setVendors(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
   (0, import_react2.useEffect)(() => {
     const storedToken = localStorage.getItem("token");
     if (storedToken) {
@@ -788,6 +965,7 @@ var SessionProvider = ({ children }) => {
       AuthServices.getUserInformations(token).then((res) => {
         const result = res;
         if (result.success === true) {
+          console.log("USER LOGGED", result.data.user);
           setLoggedUser(result.data.user);
           setActiveBusinessEntity(result.data.user.centers_access.find((item) => parseInt(item.id) === parseInt(saved_center_id)) || result.data.user.centers_access[0] || null);
         } else {
@@ -812,7 +990,12 @@ var SessionProvider = ({ children }) => {
     login,
     logout,
     showAuthModal,
-    setShowAuthModal
+    setShowAuthModal,
+    vendors,
+    setVendors,
+    loadingVendors,
+    setLoadingVendors,
+    loadVendors
   }, children });
 };
 
@@ -840,11 +1023,27 @@ var UserServices = {
   getuserEntitiesAccess: (id, token) => FetchApi.get(`${API_URL}/core/entities/`, token),
   // !!! ce n'est pas la bonne url
   // Ajouter un utilisateur à une entité
-  addUserToEntity: (entityId, userId, token) => FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token)
+  addUserToEntity: (entityId, userId, token) => FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token),
+  // === Nouvelles méthodes pour le profil utilisateur ===
+  // Mettre à jour le profil de l'utilisateur connecté
+  updateMyProfile: (data) => FetchApi.put(`${USERS_API_URL}me/`, data),
+  // Changer la photo de profil
+  updateProfilePicture: (file) => {
+    const formData = new FormData();
+    formData.append("profile_picture", file);
+    return FetchApi.uploadFile(`${USERS_API_URL}me/upload-picture/`, formData);
+  },
+  // Supprimer la photo de profil
+  deleteProfilePicture: () => FetchApi.delete(`${USERS_API_URL}me/delete-picture/`),
+  // Changer le mot de passe (utilisateur authentifié)
+  changePassword: (data) => FetchApi.post(`${API_BASE_URL2}change-my-password/`, data),
+  // Obtenir le profil de l'utilisateur connecté
+  getMyProfile: () => FetchApi.get(`${USERS_API_URL}me/`)
 };
 
 // src/contexts/ToastContext.tsx
 var import_react3 = require("react");
+var import_lucide_react = require("lucide-react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
 var ToastContext = (0, import_react3.createContext)(void 0);
 var useToast = () => {
@@ -856,14 +1055,20 @@ var useToast = () => {
 };
 var ToastProvider = ({ children }) => {
   const [toasts, setToasts] = (0, import_react3.useState)([]);
+  const [confirmState, setConfirmState] = (0, import_react3.useState)({
+    isOpen: false,
+    options: null,
+    resolve: null
+  });
   const generateId = () => {
     return Date.now().toString(36) + Math.random().toString(36).substr(2);
   };
   const addToast = (0, import_react3.useCallback)((toast) => {
     const id = generateId();
+    const defaultDuration = toast.type === "error" ? 7e3 : 3e3;
     const newToast = {
       id,
-      duration: 5e3,
+      duration: toast.duration ?? defaultDuration,
       ...toast
     };
     setToasts((prev) => [...prev, newToast]);
@@ -888,6 +1093,26 @@ var ToastProvider = ({ children }) => {
   const info = (0, import_react3.useCallback)((message, duration) => {
     addToast({ message, type: "info", duration });
   }, [addToast]);
+  const confirm2 = (0, import_react3.useCallback)((options) => {
+    return new Promise((resolve) => {
+      const normalizedOptions = typeof options === "string" ? { message: options } : options;
+      setConfirmState({
+        isOpen: true,
+        options: normalizedOptions,
+        resolve
+      });
+    });
+  }, []);
+  const handleConfirm = (0, import_react3.useCallback)((result) => {
+    if (confirmState.resolve) {
+      confirmState.resolve(result);
+    }
+    setConfirmState({
+      isOpen: false,
+      options: null,
+      resolve: null
+    });
+  }, [confirmState.resolve]);
   const value = {
     toasts,
     addToast,
@@ -895,9 +1120,77 @@ var ToastProvider = ({ children }) => {
     success,
     error,
     warning,
-    info
+    info,
+    confirm: confirm2
+  };
+  const getConfirmTypeStyles = (type) => {
+    switch (type) {
+      case "danger":
+        return {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.AlertCircle, { className: "w-6 h-6 text-red-500" }),
+          confirmBtnClass: "bg-red-600 hover:bg-red-700 text-white"
+        };
+      case "warning":
+        return {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.AlertTriangle, { className: "w-6 h-6 text-amber-500" }),
+          confirmBtnClass: "bg-amber-600 hover:bg-amber-700 text-white"
+        };
+      case "info":
+      default:
+        return {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.HelpCircle, { className: "w-6 h-6 text-blue-500" }),
+          confirmBtnClass: "bg-blue-600 hover:bg-blue-700 text-white"
+        };
+    }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToastContext.Provider, { value, children });
+  const typeStyles = confirmState.options ? getConfirmTypeStyles(confirmState.options.type) : getConfirmTypeStyles();
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(ToastContext.Provider, { value, children: [
+    children,
+    confirmState.isOpen && confirmState.options && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        "div",
+        {
+          className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+          onClick: () => handleConfirm(false)
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative bg-white rounded-xl shadow-2xl max-w-md w-full mx-4 overflow-hidden animate-in fade-in zoom-in duration-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start gap-4 p-6 pb-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "flex-shrink-0 p-2 rounded-full bg-gray-100", children: typeStyles.icon }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "text-lg font-semibold text-gray-900", children: confirmState.options.title || "Confirmation" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "mt-2 text-sm text-gray-600 whitespace-pre-wrap", children: confirmState.options.message })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              onClick: () => handleConfirm(false),
+              className: "flex-shrink-0 p-1 rounded-lg hover:bg-gray-100 transition-colors",
+              children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.X, { className: "w-5 h-5 text-gray-400" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              onClick: () => handleConfirm(false),
+              className: "px-4 py-2 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg hover:bg-gray-50 transition-colors",
+              children: confirmState.options.cancelText || "Annuler"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            "button",
+            {
+              onClick: () => handleConfirm(true),
+              className: `px-4 py-2 text-sm font-medium rounded-lg transition-colors ${typeStyles.confirmBtnClass}`,
+              children: confirmState.options.confirmText || "Confirmer"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
 };
 
 // src/pages/ApprovalPreviewAnswer.tsx
@@ -911,7 +1204,7 @@ var RewiseBasicCard = ({ title, children }) => /* @__PURE__ */ (0, import_jsx_ru
 ] });
 
 // src/pages/ApprovalPreviewAnswer.tsx
-var import_lucide_react = require("lucide-react");
+var import_lucide_react2 = require("lucide-react");
 var import_react_router_dom2 = require("react-router-dom");
 
 // src/services/ApprovalServices.ts
@@ -1003,7 +1296,7 @@ var ApprovalAnswerModal = ({ answer_id, link_token, object_detail }) => {
     }
   };
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RewiseBasicCard, { title: "Approbation - Pr\xE9visualisation", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RewiseBasicCard, { title: "Approbation - Pr\xE9visualisation", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
   } else {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ApprovalPreviewAnswer, { loadCase: loadData, answerId, caseData });
   }
@@ -1047,7 +1340,7 @@ var ApprovalAnswerPage = () => {
   };
   const pageTitle = caseData?.title || "Approbation - Pr\xE9visualisation";
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RewiseBasicCard, { title: "Approbation - Pr\xE9visualisation", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RewiseBasicCard, { title: "Approbation - Pr\xE9visualisation", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
   } else {
     return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "min-h-screen w-full bg-gray-100 mx-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "min-h-screen max-w-7xl mx-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
       RewiseBasicCard,
@@ -1120,7 +1413,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
     switch (answer) {
       case "approved":
         return {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.CheckCircle, { className: "w-5 h-5 text-green-600" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.CheckCircle, { className: "w-5 h-5 text-green-600" }),
           label: "Approuv\xE9",
           bgColor: "bg-green-50",
           textColor: "text-green-700",
@@ -1128,7 +1421,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
         };
       case "refused":
         return {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-5 h-5 text-red-600" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.XCircle, { className: "w-5 h-5 text-red-600" }),
           label: "Refus\xE9",
           bgColor: "bg-red-50",
           textColor: "text-red-700",
@@ -1136,7 +1429,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
         };
       case "suggest-correction":
         return {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-5 h-5 text-orange-600" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Edit, { className: "w-5 h-5 text-orange-600" }),
           label: "Correction sugg\xE9r\xE9e",
           bgColor: "bg-orange-50",
           textColor: "text-orange-700",
@@ -1145,7 +1438,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
       case "waiting":
       default:
         return {
-          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Clock, { className: "w-5 h-5 text-gray-500" }),
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Clock, { className: "w-5 h-5 text-gray-500" }),
           label: "En attente",
           bgColor: "bg-gray-50",
           textColor: "text-gray-700",
@@ -1163,7 +1456,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
         "div",
         {
           className: `w-10 h-10 rounded-full ${statusDisplay.bgColor} border-2 ${statusDisplay.borderColor} flex items-center justify-center`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.User, { className: `w-5 h-5 ${statusDisplay.textColor}` })
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.User, { className: `w-5 h-5 ${statusDisplay.textColor}` })
         }
       ) }),
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `p-3 rounded-lg border ${statusDisplay.borderColor} ${statusDisplay.bgColor}`, children: [
@@ -1177,10 +1470,10 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
         userEmail && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-gray-600 truncate mb-2", children: userEmail }),
         /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `w-5 h-5 rounded-full bg-white border ${statusDisplay.borderColor} flex items-center justify-center`, children: [
-            approval.answer === "approved" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.CheckCircle, { className: "w-3 h-3 text-green-600" }),
-            approval.answer === "refused" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-3 h-3 text-red-600" }),
-            approval.answer === "suggest-correction" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-3 h-3 text-orange-600" }),
-            approval.answer === "waiting" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Clock, { className: "w-3 h-3 text-gray-500" })
+            approval.answer === "approved" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.CheckCircle, { className: "w-3 h-3 text-green-600" }),
+            approval.answer === "refused" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.XCircle, { className: "w-3 h-3 text-red-600" }),
+            approval.answer === "suggest-correction" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Edit, { className: "w-3 h-3 text-orange-600" }),
+            approval.answer === "waiting" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Clock, { className: "w-3 h-3 text-gray-500" })
           ] }) }),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `text-xs font-medium ${statusDisplay.textColor}`, children: statusDisplay.label })
         ] }),
@@ -1205,17 +1498,17 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
       /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "lg:col-span-4 space-y-6 ", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-4 border bg-gray-50 border-gray-200 rounded-lg", children: [
         caseData?.requester && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Send, { className: "w-5 h-5 text-[#6A8A82]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Send, { className: "w-5 h-5 text-[#6A8A82]" }),
             "Demandeur"
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative flex gap-3", children: [
             (caseData.verifications && caseData.verifications.length > 0 || caseData.validations && caseData.validations.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute left-[19px] top-[40px] bottom-[-24px] w-0.5 bg-gray-300" }),
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-10 h-10 rounded-full bg-blue-50 border-2 border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.User, { className: "w-5 h-5 text-blue-700" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-10 h-10 rounded-full bg-blue-50 border-2 border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.User, { className: "w-5 h-5 text-blue-700" }) }) }),
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-3 rounded-lg border border-blue-200 bg-blue-50", children: [
               /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium text-sm text-[#191919] block mb-1", children: `${caseData.requester.first_name} ${caseData.requester.last_name}`.trim() }),
               caseData.requester.email && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-gray-600 truncate", children: caseData.requester.email }),
               /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-2 mb-1 flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w-5 h-5 rounded-full bg-white border border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Send, { className: "w-3 h-3 text-blue-600" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w-5 h-5 rounded-full bg-white border border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Send, { className: "w-3 h-3 text-blue-600" }) }),
                 /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: "text-xs text-blue-700 font-medium", children: [
                   "Demande cr\xE9\xE9e le ",
                   new Date(caseData.created_at || "").toLocaleDateString("fr-FR", {
@@ -1230,7 +1523,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
         ] }),
         caseData?.verifications && caseData.verifications.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.FileText, { className: "w-5 h-5 text-[#6A8A82]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.FileText, { className: "w-5 h-5 text-[#6A8A82]" }),
             "V\xE9rifications (",
             caseData.verifications.length,
             ")"
@@ -1246,7 +1539,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
         ] }),
         caseData?.validations && caseData.validations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-3", children: [
           /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.CheckCircle, { className: "w-5 h-5 text-[#6A8A82]" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.CheckCircle, { className: "w-5 h-5 text-[#6A8A82]" }),
             "Validations (",
             caseData.validations.length,
             ")"
@@ -1256,7 +1549,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
           ) })
         ] }),
         (!caseData?.verifications || caseData.verifications.length === 0) && (!caseData?.validations || caseData.validations.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-center py-8 text-gray-500", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.AlertCircle, { className: "w-12 h-12 mx-auto mb-3 text-gray-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.AlertCircle, { className: "w-12 h-12 mx-auto mb-3 text-gray-400" }),
           /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm", children: "Aucune approbation requise" })
         ] })
       ] }) }),
@@ -1286,7 +1579,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
               dangerouslySetInnerHTML: { __html: caseData.html_content }
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Eye, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Eye, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[#767676]", children: "Aucun aper\xE7u disponible" })
           ] })
         ] }) }),
@@ -1298,7 +1591,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
               disabled: submitting || caseData?.status !== "waiting",
               classname: "flex items-center gap-2",
               children: [
-                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-4 h-4" }),
+                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.XCircle, { className: "w-4 h-4" }),
                 "Refuser"
               ]
             }
@@ -1310,7 +1603,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
               disabled: submitting || caseData?.status !== "waiting",
               classname: "flex items-center gap-2",
               children: [
-                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-4 h-4" }),
+                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Edit, { className: "w-4 h-4" }),
                 "Sugg\xE9rer une correction"
               ]
             }
@@ -1322,7 +1615,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
               disabled: submitting || caseData?.status !== "waiting",
               classname: "flex items-center gap-2",
               children: [
-                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Check, { className: "w-4 h-4" }),
+                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "w-4 h-4" }),
                 "Accepter"
               ]
             }
@@ -1343,7 +1636,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             onClick: closeNoteModal,
             disabled: submitting,
             className: "text-gray-500 hover:text-[#6A8A82] transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.X, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { className: "w-5 h-5" })
           }
         )
       ] }),
@@ -1381,12 +1674,12 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             disabled: submitting || currentAction === "suggest" && !note.trim(),
             classname: "flex items-center gap-2",
             children: submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Loader, { className: "w-4 h-4 animate-spin" }),
               "Traitement..."
             ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
-              currentAction === "approve" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Check, { className: "w-4 h-4" }),
-              currentAction === "reject" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-4 h-4" }),
-              currentAction === "suggest" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-4 h-4" }),
+              currentAction === "approve" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Check, { className: "w-4 h-4" }),
+              currentAction === "reject" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.XCircle, { className: "w-4 h-4" }),
+              currentAction === "suggest" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Edit, { className: "w-4 h-4" }),
               "Confirmer"
             ] })
           }
@@ -1399,11 +1692,86 @@ var ApprovalPreviewAnswer_default = ApprovalPreviewAnswer;
 
 // src/components/layout/ModernDoubleSidebarLayout.tsx
 var import_jsx_runtime9 = require("react/jsx-runtime");
+var MODULE_URLS = {
+  production: {
+    wiseConnect: "https://rewise.praedium-tech.com/admin/crm/trade-strategy/lead-insight/",
+    wiseReach: "https://rewise.praedium-tech.com/admin/marketing/dashboard/",
+    wiseOps: "https://wisefm.praedium-tech.com/",
+    wiseGuard: "https://rewise.praedium-tech.com/admin/security/dashboard/",
+    wiseThrive: "https://rewise.praedium-tech.com/admin/thrive/scorecard/dashboard/financial/",
+    wiseView: "https://reporting.rewise.praedium-tech.com/",
+    wiseProcess: "https://rewise.praedium-tech.com/workspace/sop-connect/",
+    wiseBill: "https://rewise.praedium-tech.com/admin/invoicing/insight/summary/",
+    wiseBooks: "https://rewise.praedium-tech.com/admin/accounting/client/invoice-queue/",
+    wiseAsset: "#",
+    wiseCash: "https://rewise.praedium-tech.com/admin/finance/dashboard/",
+    wiseCollect: "https://rewise.praedium-tech.com/admin/recovery/collection/dashboard/",
+    wiseProcure: "https://rewise.praedium-tech.com/admin/procurement/dashboard/one/",
+    wiseHR: "https://rewise.praedium-tech.com/admin/human-capital/dashboard/"
+  },
+  development: {
+    wiseConnect: "http://localhost:5173/admin/crm/trade-strategy/lead-insight/",
+    wiseReach: "http://localhost:5173/admin/marketing/dashboard/",
+    wiseOps: "http://localhost:5174/",
+    wiseGuard: "http://localhost:5173/admin/security/dashboard/",
+    wiseThrive: "http://localhost:5173/admin/thrive/scorecard/dashboard/financial/",
+    wiseView: "http://localhost:5175/",
+    wiseProcess: "http://localhost:5173/workspace/sop-connect/",
+    wiseBill: "http://localhost:5173/admin/invoicing/insight/summary/",
+    wiseBooks: "http://localhost:5173/admin/accounting/client/invoice-queue/",
+    wiseAsset: "#",
+    wiseCash: "http://localhost:5173/admin/finance/dashboard/",
+    wiseCollect: "http://localhost:5173/admin/recovery/collection/dashboard/",
+    wiseProcure: "http://localhost:5173/admin/procurement/dashboard/one/",
+    wiseHR: "http://localhost:5173/admin/human-capital/dashboard/"
+  }
+};
+var getModuleUrls = (token) => {
+  const env = localStorage.getItem("env") || "prod";
+  const urls = env === "localhost" ? MODULE_URLS.development : MODULE_URLS.production;
+  return {
+    ...urls,
+    wiseOps: token ? `${urls.wiseOps}?tkn=${token}` : urls.wiseOps
+  };
+};
+var MODULE_CODE_MAP = {
+  "CRM": "WiseConnect",
+  "MARKETING": "WiseReach",
+  "FACILITY": "WiseOps",
+  "SECURITY": "WiseGuard",
+  "THRIVE": "WiseThrive",
+  "BI": "WiseView",
+  "SOP": "WiseProcess",
+  "BILLING": "WiseBill",
+  "ACCOUNTING": "WiseBooks",
+  "ASSET": "WiseAsset",
+  "FINANCE": "WiseCash",
+  "COLLECTION": "WiseCollect",
+  "PURCHASE": "WiseProcure",
+  "HR": "WiseHR"
+};
 var RewiseLayout = ({ children, module_name = "Rewise", module_description = "Description du module", primaryMenuItems, secondaryMenuItems }) => {
   const location = (0, import_react_router_dom3.useLocation)();
   const navigate = (0, import_react_router_dom3.useNavigate)();
   const { theme, themeType, setTheme } = useTheme();
-  const { loggedUser, activeBusinessEntity, setActiveBusinessEntity } = useSession();
+  const { loggedUser, token, activeBusinessEntity, setActiveBusinessEntity } = useSession();
+  const moduleUrls = getModuleUrls(token || void 0);
+  const getOrganizationModules = () => {
+    if (!activeBusinessEntity) return [];
+    const org = activeBusinessEntity.organization;
+    if (typeof org === "object" && org !== null && "modules" in org) {
+      return org.modules || [];
+    }
+    return [];
+  };
+  const organizationModules = getOrganizationModules();
+  const organizationModuleCodes = organizationModules.map((m) => m.code);
+  const isModuleAccessible = (moduleName) => {
+    if (organizationModules.length === 0) return true;
+    const moduleCode = Object.entries(MODULE_CODE_MAP).find(([_, name]) => name === moduleName)?.[0];
+    if (!moduleCode) return true;
+    return organizationModuleCodes.includes(moduleCode);
+  };
   const [primaryCollapsed, setPrimaryCollapsed] = (0, import_react5.useState)(false);
   const [secondaryCollapsed, setSecondaryCollapsed] = (0, import_react5.useState)(false);
   const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react5.useState)(false);
@@ -1413,6 +1781,54 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
   const [showUserMenu, setShowUserMenu] = (0, import_react5.useState)(false);
   const [showThemeMenu, setShowThemeMenu] = (0, import_react5.useState)(false);
   const [showCenterMenu, setShowCenterMenu] = (0, import_react5.useState)(false);
+  const [showModulesMenu, setShowModulesMenu] = (0, import_react5.useState)(false);
+  const [showProfileModal, setShowProfileModal] = (0, import_react5.useState)(false);
+  const [showEditProfileModal, setShowEditProfileModal] = (0, import_react5.useState)(false);
+  const [showChangePasswordModal, setShowChangePasswordModal] = (0, import_react5.useState)(false);
+  const [currentSlide, setCurrentSlide] = (0, import_react5.useState)(0);
+  const [editProfileData, setEditProfileData] = (0, import_react5.useState)({
+    first_name: "",
+    last_name: "",
+    email: "",
+    phonenumber: "",
+    job_title: "",
+    department: ""
+  });
+  const [savingProfile, setSavingProfile] = (0, import_react5.useState)(false);
+  const [uploadingPhoto, setUploadingPhoto] = (0, import_react5.useState)(false);
+  const [passwordData, setPasswordData] = (0, import_react5.useState)({
+    current_password: "",
+    new_password: "",
+    confirm_password: ""
+  });
+  const [savingPassword, setSavingPassword] = (0, import_react5.useState)(false);
+  const [showCurrentPassword, setShowCurrentPassword] = (0, import_react5.useState)(false);
+  const [showNewPassword, setShowNewPassword] = (0, import_react5.useState)(false);
+  const [showConfirmPassword, setShowConfirmPassword] = (0, import_react5.useState)(false);
+  const fileInputRef = import_react5.default.useRef(null);
+  const slides = [
+    {
+      title: "Rappel \u2013 Gestion des jours de cong\xE9",
+      content: "Pensez \xE0 planifier vos cong\xE9s \xE0 l'avance via votre espace personnel. Les demandes seront trait\xE9es selon les priorit\xE9s op\xE9rationnelles de chaque d\xE9partement."
+    },
+    {
+      title: "Nouveau \u2013 Mise \xE0 jour des proc\xE9dures",
+      content: "Les nouvelles proc\xE9dures de validation sont maintenant disponibles. Consultez votre manuel utilisateur pour plus d'informations sur les changements."
+    },
+    {
+      title: "Important \u2013 Formation obligatoire",
+      content: "Tous les employ\xE9s doivent compl\xE9ter la formation s\xE9curit\xE9 avant la fin du mois. Inscrivez-vous d\xE8s maintenant sur la plateforme de formation."
+    }
+  ];
+  const nextSlide = () => {
+    setCurrentSlide((prev) => (prev + 1) % slides.length);
+  };
+  const prevSlide = () => {
+    setCurrentSlide((prev) => (prev - 1 + slides.length) % slides.length);
+  };
+  const goToSlide = (index) => {
+    setCurrentSlide(index);
+  };
   const [showApprovalModal, setShowApprovalModal] = (0, import_react5.useState)(false);
   const [approvalAnswerDetail, setApprovalAnswerDetail] = (0, import_react5.useState)(null);
   const [caseData, setCaseData] = (0, import_react5.useState)(null);
@@ -1436,6 +1852,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         setShowNotifications(false);
         setShowUserMenu(false);
         setShowThemeMenu(false);
+        setShowModulesMenu(false);
         setMobileMenuOpen(false);
       }
     };
@@ -1507,6 +1924,133 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
       showError("Erreur lors du marquage de la notification comme lue");
     }
   };
+  const openEditProfileModal = () => {
+    setEditProfileData({
+      first_name: loggedUser?.first_name || "",
+      last_name: loggedUser?.last_name || "",
+      email: loggedUser?.email || "",
+      phonenumber: loggedUser?.phonenumber || "",
+      job_title: loggedUser?.job_title || "",
+      department: loggedUser?.department || ""
+    });
+    setShowEditProfileModal(true);
+  };
+  const handleSaveProfile = async () => {
+    setSavingProfile(true);
+    try {
+      const response = await UserServices.updateMyProfile(editProfileData);
+      if (response.success) {
+        success("Profil mis \xE0 jour avec succ\xE8s");
+        setShowEditProfileModal(false);
+        window.location.reload();
+      } else {
+        showError(response.message || "Erreur lors de la mise \xE0 jour du profil");
+      }
+    } catch (error) {
+      console.error("Erreur lors de la mise \xE0 jour du profil:", error);
+      showError("Erreur lors de la mise \xE0 jour du profil");
+    } finally {
+      setSavingProfile(false);
+    }
+  };
+  const handlePhotoChange = async (event) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+    const allowedTypes = ["image/jpeg", "image/png", "image/gif", "image/webp"];
+    if (!allowedTypes.includes(file.type)) {
+      showError("Format de fichier non support\xE9. Utilisez JPG, PNG, GIF ou WebP.");
+      return;
+    }
+    const maxSize = 5 * 1024 * 1024;
+    if (file.size > maxSize) {
+      showError("La taille du fichier ne doit pas d\xE9passer 5 MB");
+      return;
+    }
+    setUploadingPhoto(true);
+    try {
+      const response = await UserServices.updateProfilePicture(file);
+      if (response.success) {
+        success("Photo de profil mise \xE0 jour avec succ\xE8s");
+        window.location.reload();
+      } else {
+        showError(response.message || "Erreur lors du t\xE9l\xE9chargement de la photo");
+      }
+    } catch (error) {
+      console.error("Erreur lors du t\xE9l\xE9chargement de la photo:", error);
+      showError("Erreur lors du t\xE9l\xE9chargement de la photo");
+    } finally {
+      setUploadingPhoto(false);
+      if (fileInputRef.current) {
+        fileInputRef.current.value = "";
+      }
+    }
+  };
+  const handleDeletePhoto = async () => {
+    setUploadingPhoto(true);
+    try {
+      const response = await UserServices.deleteProfilePicture();
+      if (response.success) {
+        success("Photo de profil supprim\xE9e");
+        window.location.reload();
+      } else {
+        showError(response.message || "Erreur lors de la suppression de la photo");
+      }
+    } catch (error) {
+      console.error("Erreur lors de la suppression de la photo:", error);
+      showError("Erreur lors de la suppression de la photo");
+    } finally {
+      setUploadingPhoto(false);
+    }
+  };
+  const openChangePasswordModal = () => {
+    setPasswordData({
+      current_password: "",
+      new_password: "",
+      confirm_password: ""
+    });
+    setShowCurrentPassword(false);
+    setShowNewPassword(false);
+    setShowConfirmPassword(false);
+    setShowChangePasswordModal(true);
+  };
+  const handleChangePassword = async () => {
+    if (!passwordData.current_password) {
+      showError("Veuillez entrer votre mot de passe actuel");
+      return;
+    }
+    if (!passwordData.new_password) {
+      showError("Veuillez entrer un nouveau mot de passe");
+      return;
+    }
+    if (passwordData.new_password.length < 8) {
+      showError("Le nouveau mot de passe doit contenir au moins 8 caract\xE8res");
+      return;
+    }
+    if (passwordData.new_password !== passwordData.confirm_password) {
+      showError("Les mots de passe ne correspondent pas");
+      return;
+    }
+    setSavingPassword(true);
+    try {
+      const response = await UserServices.changePassword(passwordData);
+      if (response.success) {
+        success("Mot de passe chang\xE9 avec succ\xE8s");
+        setShowChangePasswordModal(false);
+        setPasswordData({
+          current_password: "",
+          new_password: "",
+          confirm_password: ""
+        });
+      } else {
+        showError(response.message || "Erreur lors du changement de mot de passe");
+      }
+    } catch (error) {
+      console.error("Erreur lors du changement de mot de passe:", error);
+      showError("Mot de passe actuel incorrect ou erreur serveur");
+    } finally {
+      setSavingPassword(false);
+    }
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "a",
@@ -1544,7 +2088,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 className: "text-[var(--color-sidebar-text-secondary)] hover:text-[var(--color-sidebar-text)] transition-colors",
                 "aria-label": primaryCollapsed ? "D\xE9velopper le menu" : "R\xE9duire le menu",
                 "aria-expanded": !primaryCollapsed,
-                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronLeft, { className: cn(
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronLeft, { className: cn(
                   "w-5 h-5 transition-transform",
                   primaryCollapsed && "rotate-180"
                 ) })
@@ -1600,7 +2144,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
             "flex items-center gap-3",
             primaryCollapsed && "justify-center"
           ), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.User, { className: "w-5 h-5 text-[var(--color-background)]" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.User, { className: "w-5 h-5 text-[var(--color-background)]" }) }),
             !primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1", children: [
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-sidebar-text)]", children: loggedUser?.first_name && loggedUser?.last_name ? `${loggedUser.first_name} ${loggedUser.last_name}` : loggedUser?.username || "Utilisateur" }),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-sidebar-text-secondary)]", children: loggedUser?.email || "email@example.com" })
@@ -1616,7 +2160,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           onClick: () => setSecondaryCollapsed(false),
           className: "hidden lg:flex items-center justify-center w-12 h-full bg-[var(--color-background)] border-r border-[var(--color-border)] hover:bg-[var(--color-surface-hover)] transition-colors",
           "aria-label": "Ouvrir le sous-menu",
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronRight, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
@@ -1637,7 +2181,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   onClick: () => setSecondaryCollapsed(!secondaryCollapsed),
                   className: "text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] flex-shrink-0",
                   "aria-label": secondaryCollapsed ? "D\xE9velopper le sous-menu" : "R\xE9duire le sous-menu",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronLeft, { className: cn(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronLeft, { className: cn(
                     "w-4 h-4 transition-transform",
                     secondaryCollapsed && "rotate-180"
                   ) })
@@ -1712,7 +2256,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   onClick: () => setMobileMenuOpen(false),
                   className: "text-[var(--color-sidebar-text-secondary)]",
                   "aria-label": "Fermer le menu",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.X, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.X, { className: "w-6 h-6" })
                 }
               )
             ] }),
@@ -1790,7 +2334,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   onClick: () => setMobileMenuOpen(true),
                   className: "lg:hidden text-[var(--color-text-primary)]",
                   "aria-label": "Ouvrir le menu mobile",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Menu, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Menu, { className: "w-6 h-6" })
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1799,7 +2343,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   className: "hidden sm:flex items-center gap-2 text-sm",
                   "aria-label": "Fil d'Ariane",
                   children: getBreadcrumbs().map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react5.default.Fragment, { children: [
-                    index > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
+                    index > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
                     /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                       "button",
                       {
@@ -1815,7 +2359,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 }
               ),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative max-w-md flex-1 hidden lg:block", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] w-5 h-5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] w-5 h-5" }),
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "input",
                   {
@@ -1831,6 +2375,17 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               ] })
             ] }),
             /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: () => setShowModulesMenu(!showModulesMenu),
+                  className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
+                  title: "Acc\xE8s aux modules",
+                  "aria-label": "Menu des modules",
+                  "aria-expanded": showModulesMenu,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.LayoutGrid, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
+                }
+              ) }),
               loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "button",
@@ -1841,9 +2396,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     "aria-label": "S\xE9lecteur de centre",
                     "aria-expanded": showCenterMenu,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
                       /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)] hidden sm:block", children: loggedUser.centers_access.find((c) => c.id === activeBusinessEntity?.id)?.legal_name || "S\xE9lectionner" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronRight, { className: cn(
                         "w-4 h-4 text-[var(--color-text-tertiary)] transition-transform",
                         showCenterMenu && "rotate-90"
                       ) })
@@ -1872,7 +2427,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Building2, { className: cn(
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Building2, { className: cn(
                               "w-5 h-5",
                               selectedCenterId === center.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-tertiary)]"
                             ) }),
@@ -1900,7 +2455,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     title: "Changer le th\xE8me",
                     "aria-label": "S\xE9lecteur de th\xE8me",
                     "aria-expanded": showThemeMenu,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Palette, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Palette, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
                   }
                 ),
                 showThemeMenu && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -1970,7 +2525,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 )
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center px-3 py-1.5 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.DollarSign, { className: "w-4 h-4 text-[var(--color-primary)] mr-2" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.DollarSign, { className: "w-4 h-4 text-[var(--color-primary)] mr-2" }),
                 /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "FCFA" })
               ] }),
               /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
@@ -1982,7 +2537,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     "aria-label": `Notifications ${notifications.filter((n) => !n.read).length > 0 ? `(${notifications.filter((n) => !n.read).length} non lues)` : ""}`,
                     "aria-expanded": showNotifications,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Bell, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Bell, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
                       notifications.filter((n) => !n.read).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute top-1 right-1 w-2 h-2 bg-[var(--color-error)] rounded-full" })
                     ]
                   }
@@ -2032,7 +2587,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     className: "flex items-center gap-2 p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
                     "aria-label": "Menu utilisateur",
                     "aria-expanded": showUserMenu,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-8 h-8 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.User, { className: "w-4 h-4 text-[var(--color-background)]" }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-8 h-8 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.User, { className: "w-4 h-4 text-[var(--color-background)]" }) })
                   }
                 ),
                 showUserMenu && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
@@ -2045,10 +2600,14 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                       /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "button",
                         {
+                          onClick: () => {
+                            setShowProfileModal(true);
+                            setShowUserMenu(false);
+                          },
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.User, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.User, { className: "w-4 h-4" }),
                             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "Mon profil" })
                           ]
                         }
@@ -2063,7 +2622,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Settings, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Settings, { className: "w-4 h-4" }),
                             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "Param\xE8tres" })
                           ]
                         }
@@ -2074,7 +2633,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.HelpCircle, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.HelpCircle, { className: "w-4 h-4" }),
                             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "Aide" })
                           ]
                         }
@@ -2086,7 +2645,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] text-[var(--color-error)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.LogOut, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.LogOut, { className: "w-4 h-4" }),
                             /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "D\xE9connexion" })
                           ]
                         }
@@ -2109,30 +2668,659 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         }
       )
     ] }),
-    showApprovalModal && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       Modals_default,
       {
-        title: "NOTIFICATION D'APPROBATION",
-        description: "",
-        open: showApprovalModal,
-        onClose: () => setShowApprovalModal(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-          ApprovalAnswerModal,
-          {
-            answer_id: approvalAnswerDetail.answer_id,
-            link_token: approvalAnswerDetail.link_token,
-            object_detail: approvalAnswerDetail.case
-          }
-        )
-      }
-    )
-  ] });
-};
-var ModernDoubleSidebarLayout_default = RewiseLayout;
-
+        title: "Modules REWISE",
+        description: "Acc\xE9dez rapidement \xE0 tous les modules",
+        width: "max-w-6xl",
+        open: showModulesMenu,
+        onClose: () => setShowModulesMenu(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col lg:flex-row gap-4 lg:items-stretch", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-[3] bg-[#D3E1F2] rounded-lg p-5 relative min-h-[160px]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-lg font-semibold text-gray-800 mb-2 pr-8 line-clamp-2", children: slides[currentSlide].title }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-gray-600 text-sm leading-relaxed line-clamp-3", children: slides[currentSlide].content }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: prevSlide,
+                  className: "absolute left-2 top-1/2 transform -translate-y-1/2 w-6 h-6 bg-white/80 rounded-full flex items-center justify-center hover:bg-white transition-colors text-gray-600",
+                  children: "\u2039"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: nextSlide,
+                  className: "absolute right-2 top-1/2 transform -translate-y-1/2 w-6 h-6 bg-white/80 rounded-full flex items-center justify-center hover:bg-white transition-colors text-gray-600",
+                  children: "\u203A"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute bottom-3 left-1/2 transform -translate-x-1/2 flex space-x-2", children: slides.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: () => goToSlide(index),
+                  className: `w-2 h-2 rounded-full transition-colors ${index === currentSlide ? "bg-red-600" : "bg-white"}`
+                },
+                index
+              )) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-[1] bg-white border border-gray-200 rounded-lg overflow-hidden flex flex-col", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-red-600 text-white px-4 py-2 flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "font-semibold text-sm text-center", children: "Mes alertes" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-3 space-y-2 flex-1 overflow-y-auto", children: notifications.filter((n) => !n.read).length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-center text-gray-500 text-xs", children: "Aucune alerte" }) }) : notifications.filter((n) => !n.read).slice(0, 5).map((notif) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "div",
+                {
+                  className: "bg-gray-50 border border-gray-200 rounded p-2 cursor-pointer hover:bg-gray-100",
+                  onClick: () => markNotificationAsRead(notif.id),
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start space-x-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Bell, { className: "w-3 h-3 text-gray-500 mt-0.5 flex-shrink-0" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h4", { className: "font-medium text-xs text-gray-800 truncate", children: notif.title }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-gray-600 line-clamp-1", children: notif.message })
+                    ] })
+                  ] })
+                },
+                notif.id
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col lg:flex-row gap-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold text-gray-800 mb-4", children: "Op\xE9rations" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-3", children: [
+                { name: "WiseConnect", icon: crm_blue_default, iconWhite: crmwhite_default, url: moduleUrls.wiseConnect },
+                { name: "WiseReach", icon: marketingblue_default, iconWhite: marketingblanc_default, url: moduleUrls.wiseReach },
+                { name: "WiseOps", icon: facilityblue_default, iconWhite: facilityblanc_default, url: moduleUrls.wiseOps },
+                { name: "WiseGuard", icon: security_managementblue_default, iconWhite: security_managementblanc_default, url: moduleUrls.wiseGuard }
+              ].map((module2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: () => {
+                    window.open(module2.url, "_blank", "noopener,noreferrer");
+                    setShowModulesMenu(false);
+                  },
+                  className: "group p-4 rounded-lg bg-gray-100 hover:bg-[#4A5568] transition-all duration-200 text-center",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.icon,
+                        alt: module2.name,
+                        className: "w-12 h-12 mb-2 group-hover:hidden"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.iconWhite,
+                        alt: module2.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-gray-800 group-hover:text-white", children: module2.name })
+                  ] })
+                },
+                module2.name
+              )) })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold text-gray-800 mb-4", children: "Performance" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-3", children: [
+                { name: "WiseThrive", icon: thriveblue_default, iconWhite: thriveblanc_default, url: moduleUrls.wiseThrive },
+                { name: "WiseView", icon: wiseblues_default, iconWhite: wiseblancs_default, url: moduleUrls.wiseView },
+                { name: "WiseProcess", icon: sopblues_default, iconWhite: sopblancs_default, url: moduleUrls.wiseProcess }
+              ].map((module2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: () => {
+                    window.open(module2.url, "_blank", "noopener,noreferrer");
+                    setShowModulesMenu(false);
+                  },
+                  className: "group p-4 rounded-lg bg-gray-100 hover:bg-[#4A5568] transition-all duration-200 text-center",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.icon,
+                        alt: module2.name,
+                        className: "w-12 h-12 mb-2 group-hover:hidden"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.iconWhite,
+                        alt: module2.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-gray-800 group-hover:text-white", children: module2.name })
+                  ] })
+                },
+                module2.name
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "text-lg font-semibold text-gray-800 mb-4", children: "Fonctions Support" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col lg:flex-row gap-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-[5] bg-gray-50 rounded-lg p-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 md:grid-cols-5 gap-3", children: [
+                { name: "WiseBill", icon: invoicingblue_default, iconWhite: invoicingblanc_default, url: moduleUrls.wiseBill },
+                { name: "WiseBooks", icon: accountingblue_default, iconWhite: accountingblanc_default, url: moduleUrls.wiseBooks },
+                { name: "WiseAsset", icon: assetblue_default, iconWhite: assetblanc_default, url: moduleUrls.wiseAsset },
+                { name: "WiseCash", icon: financeblue_default, iconWhite: financeblanc_default, url: moduleUrls.wiseCash },
+                { name: "WiseCollect", icon: collection_litigationblue_default, iconWhite: collection_litigationblanc_default, url: moduleUrls.wiseCollect }
+              ].map((module2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: () => {
+                    if (module2.url !== "#") {
+                      window.open(module2.url, "_blank", "noopener,noreferrer");
+                    }
+                    setShowModulesMenu(false);
+                  },
+                  className: cn(
+                    "group p-4 rounded-lg bg-gray-100 hover:bg-[#4A5568] transition-all duration-200 text-center",
+                    module2.url === "#" && "opacity-50 cursor-not-allowed hover:bg-gray-100"
+                  ),
+                  disabled: module2.url === "#",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.icon,
+                        alt: module2.name,
+                        className: cn("w-12 h-12 mb-2", module2.url !== "#" && "group-hover:hidden")
+                      }
+                    ),
+                    module2.url !== "#" && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.iconWhite,
+                        alt: module2.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn("text-sm font-medium text-gray-800", module2.url !== "#" && "group-hover:text-white"), children: module2.name })
+                  ] })
+                },
+                module2.name
+              )) }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-[2] bg-gray-50 rounded-lg p-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "grid grid-cols-2 gap-3", children: [
+                { name: "WiseProcure", icon: procurementblue_default, iconWhite: procurementblanc_default, url: moduleUrls.wiseProcure },
+                { name: "WiseHR", icon: human_capitalblue_default, iconWhite: human_capitalblanc_default, url: moduleUrls.wiseHR }
+              ].map((module2) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  onClick: () => {
+                    window.open(module2.url, "_blank", "noopener,noreferrer");
+                    setShowModulesMenu(false);
+                  },
+                  className: "group p-4 rounded-lg bg-gray-100 hover:bg-[#4A5568] transition-all duration-200 text-center",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.icon,
+                        alt: module2.name,
+                        className: "w-12 h-12 mb-2 group-hover:hidden"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                      "img",
+                      {
+                        src: module2.iconWhite,
+                        alt: module2.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-gray-800 group-hover:text-white", children: module2.name })
+                  ] })
+                },
+                module2.name
+              )) }) })
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    showApprovalModal && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Modals_default,
+      {
+        title: "NOTIFICATION D'APPROBATION",
+        description: "",
+        open: showApprovalModal,
+        onClose: () => setShowApprovalModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          ApprovalAnswerModal,
+          {
+            answer_id: approvalAnswerDetail.answer_id,
+            link_token: approvalAnswerDetail.link_token,
+            object_detail: approvalAnswerDetail.case
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Modals_default,
+      {
+        title: "Mon Profil",
+        description: "G\xE9rez vos informations personnelles",
+        width: "max-w-2xl",
+        open: showProfileModal,
+        onClose: () => setShowProfileModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept: "image/jpeg,image/png,image/gif,image/webp",
+              onChange: handlePhotoChange,
+              className: "hidden"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex flex-col sm:flex-row items-center gap-6 pb-6 border-b border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative group", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-24 h-24 bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-accent)] rounded-full flex items-center justify-center shadow-lg overflow-hidden", children: uploadingPhoto ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Loader2, { className: "w-8 h-8 text-white animate-spin" }) : loggedUser?.profile_picture ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "img",
+                {
+                  src: loggedUser.profile_picture,
+                  alt: "Photo de profil",
+                  className: "w-full h-full rounded-full object-cover"
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("span", { className: "text-3xl font-bold text-white", children: [
+                loggedUser?.first_name?.charAt(0) || loggedUser?.username?.charAt(0) || "U",
+                loggedUser?.last_name?.charAt(0) || ""
+              ] }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "absolute -bottom-1 -right-1 flex gap-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  "button",
+                  {
+                    onClick: () => fileInputRef.current?.click(),
+                    disabled: uploadingPhoto,
+                    className: "w-8 h-8 bg-[var(--color-primary)] border-2 border-[var(--color-background)] rounded-full flex items-center justify-center shadow-md hover:bg-[var(--color-primary-dark)] transition-colors disabled:opacity-50",
+                    title: "Changer la photo",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Camera, { className: "w-4 h-4 text-white" })
+                  }
+                ),
+                loggedUser?.profile_picture && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                  "button",
+                  {
+                    onClick: handleDeletePhoto,
+                    disabled: uploadingPhoto,
+                    className: "w-8 h-8 bg-red-500 border-2 border-[var(--color-background)] rounded-full flex items-center justify-center shadow-md hover:bg-red-600 transition-colors disabled:opacity-50",
+                    title: "Supprimer la photo",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Trash2, { className: "w-4 h-4 text-white" })
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-center sm:text-left flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: "text-xl font-bold text-[var(--color-text-primary)]", children: loggedUser?.first_name && loggedUser?.last_name ? `${loggedUser.first_name} ${loggedUser.last_name}` : loggedUser?.username || "Utilisateur" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-[var(--color-text-secondary)] mt-1", children: loggedUser?.job_title || "Membre de l'\xE9quipe" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-center sm:justify-start gap-2 mt-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(
+                  "px-2 py-1 text-xs font-medium rounded-full",
+                  loggedUser?.is_active ? "bg-green-100 text-green-700" : "bg-gray-100 text-gray-600"
+                ), children: loggedUser?.is_active ? "Actif" : "Inactif" }),
+                loggedUser?.is_staff && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "px-2 py-1 text-xs font-medium rounded-full bg-blue-100 text-blue-700", children: "Staff" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "button",
+              {
+                onClick: openEditProfileModal,
+                className: "flex items-center gap-2 px-4 py-2 bg-[var(--color-primary)] text-white rounded-lg hover:bg-[var(--color-primary-dark)] transition-colors",
+                title: "Modifier le profil",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Edit3, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium", children: "Modifier" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Mail, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "Email" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.email || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Phone, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "T\xE9l\xE9phone" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.phonenumber || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.User, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "Nom d'utilisateur" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.username || "Non renseign\xE9" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3 p-4 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary-light)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Briefcase, { className: "w-5 h-5 text-[var(--color-primary)]" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] uppercase tracking-wide", children: "D\xE9partement" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)] truncate", children: loggedUser?.department || "Non renseign\xE9" })
+              ] })
+            ] })
+          ] }),
+          loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("h3", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+              "Centres d'acc\xE8s (",
+              loggedUser.centers_access.length,
+              ")"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex flex-wrap gap-2", children: loggedUser.centers_access.map((center) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "span",
+              {
+                className: cn(
+                  "px-3 py-1.5 text-sm rounded-lg border transition-colors",
+                  activeBusinessEntity?.id === center.id ? "bg-[var(--color-primary)] text-white border-[var(--color-primary)]" : "bg-[var(--color-surface)] text-[var(--color-text-secondary)] border-[var(--color-border)] hover:bg-[var(--color-surface-hover)]"
+                ),
+                children: center.legal_name
+              },
+              center.id
+            )) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("h3", { className: "text-sm font-semibold text-[var(--color-text-primary)] mb-3 flex items-center gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Shield, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+              "S\xE9curit\xE9 du compte"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-1 sm:grid-cols-2 gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Derni\xE8re connexion" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: loggedUser?.last_login ? new Date(loggedUser.last_login).toLocaleDateString("fr-FR", {
+                  day: "numeric",
+                  month: "short",
+                  year: "numeric",
+                  hour: "2-digit",
+                  minute: "2-digit"
+                }) : "Aujourd'hui" })
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between p-3 bg-[var(--color-surface)] rounded-lg", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm text-[var(--color-text-secondary)]", children: "Membre depuis" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: loggedUser?.date_joined ? new Date(loggedUser.date_joined).toLocaleDateString("fr-FR", {
+                  day: "numeric",
+                  month: "short",
+                  year: "numeric"
+                }) : "N/A" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "button",
+              {
+                onClick: openChangePasswordModal,
+                className: "mt-4 w-full flex items-center justify-center gap-2 px-4 py-2.5 border border-[var(--color-border)] text-[var(--color-text-secondary)] rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "w-4 h-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium", children: "Changer le mot de passe" })
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Modals_default,
+      {
+        title: "Modifier mon profil",
+        description: "Mettez \xE0 jour vos informations personnelles",
+        width: "max-w-lg",
+        open: showEditProfileModal,
+        onClose: () => setShowEditProfileModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Pr\xE9nom" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.first_name,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, first_name: e.target.value })),
+                  className: "w-full px-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Votre pr\xE9nom"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Nom" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.last_name,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, last_name: e.target.value })),
+                  className: "w-full px-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Votre nom"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Mail, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: "email",
+                  value: editProfileData.email,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, email: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "votre@email.com"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "T\xE9l\xE9phone" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Phone, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: "tel",
+                  value: editProfileData.phonenumber,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, phonenumber: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "+225 XX XX XX XX"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Poste / Titre" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Briefcase, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.job_title,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, job_title: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Ex: Responsable Commercial"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "D\xE9partement" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Building2, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: editProfileData.department,
+                  onChange: (e) => setEditProfileData((prev) => ({ ...prev, department: e.target.value })),
+                  className: "w-full pl-10 pr-3 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Ex: Ventes"
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-end gap-3 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "button",
+              {
+                onClick: () => setShowEditProfileModal(false),
+                className: "px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-surface)] border border-[var(--color-border)] rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
+                children: "Annuler"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "button",
+              {
+                onClick: handleSaveProfile,
+                disabled: savingProfile,
+                className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-[var(--color-primary)] rounded-lg hover:bg-[var(--color-primary-dark)] transition-colors disabled:opacity-50",
+                children: [
+                  savingProfile ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Save, { className: "w-4 h-4" }),
+                  savingProfile ? "Enregistrement..." : "Enregistrer"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Modals_default,
+      {
+        title: "Changer le mot de passe",
+        description: "Entrez votre mot de passe actuel et choisissez un nouveau mot de passe",
+        width: "max-w-md",
+        open: showChangePasswordModal,
+        onClose: () => setShowChangePasswordModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Mot de passe actuel" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: showCurrentPassword ? "text" : "password",
+                  value: passwordData.current_password,
+                  onChange: (e) => setPasswordData((prev) => ({ ...prev, current_password: e.target.value })),
+                  className: "w-full pl-10 pr-10 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Votre mot de passe actuel"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowCurrentPassword(!showCurrentPassword),
+                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)]",
+                  children: showCurrentPassword ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Eye, { className: "w-4 h-4" })
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Nouveau mot de passe" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: showNewPassword ? "text" : "password",
+                  value: passwordData.new_password,
+                  onChange: (e) => setPasswordData((prev) => ({ ...prev, new_password: e.target.value })),
+                  className: "w-full pl-10 pr-10 py-2 border border-[var(--color-border)] rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                  placeholder: "Au moins 8 caract\xE8res"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowNewPassword(!showNewPassword),
+                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)]",
+                  children: showNewPassword ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Eye, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            passwordData.new_password && passwordData.new_password.length < 8 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-xs text-red-500", children: "Le mot de passe doit contenir au moins 8 caract\xE8res" })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("label", { className: "block text-sm font-medium text-[var(--color-text-secondary)] mb-1", children: "Confirmer le nouveau mot de passe" }),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Lock, { className: "absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[var(--color-text-tertiary)]" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "input",
+                {
+                  type: showConfirmPassword ? "text" : "password",
+                  value: passwordData.confirm_password,
+                  onChange: (e) => setPasswordData((prev) => ({ ...prev, confirm_password: e.target.value })),
+                  className: cn(
+                    "w-full pl-10 pr-10 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)] focus:border-transparent bg-[var(--color-background)] text-[var(--color-text-primary)]",
+                    passwordData.confirm_password && passwordData.new_password !== passwordData.confirm_password ? "border-red-500" : "border-[var(--color-border)]"
+                  ),
+                  placeholder: "R\xE9p\xE9tez le nouveau mot de passe"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setShowConfirmPassword(!showConfirmPassword),
+                  className: "absolute right-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)]",
+                  children: showConfirmPassword ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.EyeOff, { className: "w-4 h-4" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Eye, { className: "w-4 h-4" })
+                }
+              )
+            ] }),
+            passwordData.confirm_password && passwordData.new_password !== passwordData.confirm_password && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "mt-1 text-xs text-red-500", children: "Les mots de passe ne correspondent pas" }),
+            passwordData.confirm_password && passwordData.new_password === passwordData.confirm_password && passwordData.new_password.length >= 8 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("p", { className: "mt-1 text-xs text-green-600 flex items-center gap-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Check, { className: "w-3 h-3" }),
+              " Les mots de passe correspondent"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex justify-end gap-3 pt-4 border-t border-[var(--color-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+              "button",
+              {
+                onClick: () => setShowChangePasswordModal(false),
+                className: "px-4 py-2 text-sm font-medium text-[var(--color-text-secondary)] bg-[var(--color-surface)] border border-[var(--color-border)] rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
+                children: "Annuler"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
+              "button",
+              {
+                onClick: handleChangePassword,
+                disabled: savingPassword || !passwordData.current_password || !passwordData.new_password || passwordData.new_password !== passwordData.confirm_password || passwordData.new_password.length < 8,
+                className: "flex items-center gap-2 px-4 py-2 text-sm font-medium text-white bg-[var(--color-primary)] rounded-lg hover:bg-[var(--color-primary-dark)] transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+                children: [
+                  savingPassword ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Loader2, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Shield, { className: "w-4 h-4" }),
+                  savingPassword ? "Modification..." : "Changer le mot de passe"
+                ]
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+var ModernDoubleSidebarLayout_default = RewiseLayout;
+
 // src/components/ui/Toast.tsx
 var import_react6 = require("react");
-var import_lucide_react3 = require("lucide-react");
+var import_lucide_react4 = require("lucide-react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var ToastItem = ({ toast }) => {
   const { removeToast } = useToast();
@@ -2151,13 +3339,13 @@ var ToastItem = ({ toast }) => {
   const getIcon = () => {
     switch (toast.type) {
       case "success":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.CheckCircle, { className: "w-5 h-5 text-green-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.CheckCircle, { className: "w-5 h-5 text-green-600" });
       case "error":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.XCircle, { className: "w-5 h-5 text-red-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.XCircle, { className: "w-5 h-5 text-red-600" });
       case "warning":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.AlertTriangle, { className: "w-5 h-5 text-yellow-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.AlertTriangle, { className: "w-5 h-5 text-yellow-600" });
       case "info":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.Info, { className: "w-5 h-5 text-blue-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Info, { className: "w-5 h-5 text-blue-600" });
     }
   };
   const getBackgroundColor = () => {
@@ -2190,7 +3378,7 @@ var ToastItem = ({ toast }) => {
           {
             onClick: handleClose,
             className: "flex-shrink-0 ml-4 text-gray-400 hover:text-gray-600 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.X, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.X, { className: "w-4 h-4" })
           }
         )
       ]
@@ -2204,7 +3392,7 @@ var ToastContainer = () => {
 var Toast_default = ToastContainer;
 
 // src/components/common/Pages.tsx
-var import_lucide_react4 = require("lucide-react");
+var import_lucide_react5 = require("lucide-react");
 var import_react7 = require("react");
 var import_jsx_runtime11 = require("react/jsx-runtime");
 var Pages = ({
@@ -2224,67 +3412,411 @@ var Pages = ({
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { className: "text-2xl font-bold text-gray-900", children: title }),
             /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-gray-600", children: description })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center space-x-3", children: sideAction })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center space-x-3", children: sideAction })
+        ] }),
+        tabs
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 p-6 space-y-6 min-h-[80vh]", children })
+    ] }),
+    sidebar && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `${sidebarOpen ? "w-80" : "w-16"} bg-[var(--color-surface)] border-r border-[var(--color-border)] transition-all duration-300 flex flex-col`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "p-4  ", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: `font-semibold text-[var(--color-text-primary)] ${!sidebarOpen && "hidden"}`, children: "Classes SYSCOHADA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          "button",
+          {
+            onClick: () => setSidebarOpen(!sidebarOpen),
+            className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
+            "aria-label": sidebarOpen ? "R\xE9duire" : "Ouvrir",
+            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.ChevronLeft, { className: "w-5 h-5" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Menu, { className: "w-5 h-5" })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+        "button",
+        {
+          onClick: () => {
+          },
+          className: `w-full flex items-center gap-3 px-4 py-3 transition-all relative group hover:bg-[var(--color-surface-hover)]`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+            "div",
+            {
+              className: `flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center transition-colors bg-[var(--color-background)]`,
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-bold text-lg", children: 1 })
+            }
+          )
+        }
+      ) }),
+      sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Download, { className: "w-4 h-4" }),
+          "Exporter le plan"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react5.Settings, { className: "w-4 h-4" }),
+          "Configuration"
+        ] })
+      ] }) })
+    ] })
+  ] });
+};
+var Pages_default = Pages;
+
+// src/components/common/FDrawer.tsx
+var import_react8 = __toESM(require("react"), 1);
+var import_react_router_dom4 = require("react-router-dom");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
+var ExcelImportModal = ({
+  isOpen,
+  onClose,
+  importEndpoint,
+  importFields,
+  onSuccess
+}) => {
+  const { activeBusinessEntity, token } = useSession();
+  const fileInputRef = (0, import_react8.useRef)(null);
+  const [file, setFile] = (0, import_react8.useState)(null);
+  const [columnMapping, setColumnMapping] = (0, import_react8.useState)([]);
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [errors, setErrors] = (0, import_react8.useState)([]);
+  const [importResults, setImportResults] = (0, import_react8.useState)(null);
+  const [currentStep, setCurrentStep] = (0, import_react8.useState)(1);
+  const allFields = [...importFields.required, ...importFields.optional];
+  const handleFileChange = (event) => {
+    const selectedFile = event.target.files?.[0];
+    if (selectedFile) {
+      if (!selectedFile.name.match(/\.(xlsx|xls)$/)) {
+        setErrors(["Veuillez s\xE9lectionner un fichier Excel (.xlsx ou .xls)"]);
+        return;
+      }
+      setFile(selectedFile);
+      setErrors([]);
+      setImportResults(null);
+      setColumnMapping([]);
+      setCurrentStep(2);
+    }
+  };
+  const addMappingRow = () => {
+    const newLetter = String.fromCharCode(65 + columnMapping.length);
+    setColumnMapping([...columnMapping, { letter: newLetter, field: "" }]);
+  };
+  const removeMappingRow = (index) => {
+    setColumnMapping(columnMapping.filter((_, i) => i !== index));
+  };
+  const updateMappingLetter = (index, letter) => {
+    const newMapping = [...columnMapping];
+    newMapping[index].letter = letter.toUpperCase();
+    setColumnMapping(newMapping);
+  };
+  const updateMappingField = (index, field) => {
+    const newMapping = [...columnMapping];
+    newMapping[index].field = field;
+    setColumnMapping(newMapping);
+  };
+  const validateMapping = () => {
+    const mappedFields = columnMapping.map((m) => m.field).filter((f) => f);
+    const requiredFields = importFields.required.map((f) => f.value);
+    const missingRequired = requiredFields.filter((field) => !mappedFields.includes(field));
+    if (missingRequired.length > 0) {
+      const missingLabels = missingRequired.map(
+        (field) => allFields.find((f) => f.value === field)?.label || field
+      );
+      setErrors([`Champs obligatoires manquants : ${missingLabels.join(", ")}`]);
+      return false;
+    }
+    const duplicates = mappedFields.filter(
+      (field, index) => mappedFields.indexOf(field) !== index && field !== ""
+    );
+    if (duplicates.length > 0) {
+      const duplicateLabels = [...new Set(duplicates)].map(
+        (field) => allFields.find((f) => f.value === field)?.label || field
+      );
+      setErrors([`Champs en double : ${duplicateLabels.join(", ")}`]);
+      return false;
+    }
+    setErrors([]);
+    return true;
+  };
+  const executeImport = async () => {
+    if (!validateMapping()) return;
+    if (!file) return;
+    setLoading(true);
+    try {
+      const formData = new FormData();
+      formData.append("excel_file", file);
+      const mapping = {};
+      columnMapping.forEach(({ letter, field }) => {
+        if (field) {
+          mapping[letter] = field;
+        }
+      });
+      formData.append("column_mapping", JSON.stringify(mapping));
+      const response = await fetch(`${API_URL}${importEndpoint}?business_entity_id=${activeBusinessEntity?.id}`, {
+        method: "POST",
+        headers: {
+          "Authorization": `token ${token}`
+        },
+        body: formData
+      });
+      const result = await response.json();
+      if (result.success) {
+        setImportResults(result);
+        setCurrentStep(3);
+      } else {
+        setErrors([result.message?.default || "Erreur lors de l'importation"]);
+        if (result.errors) {
+          const errorMessages = Object.values(result.errors).flat();
+          setErrors((prev) => [...prev, ...errorMessages]);
+        }
+      }
+    } catch (error) {
+      console.error("Erreur:", error);
+      setErrors(["Une erreur est survenue lors de l'importation"]);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const resetModal = () => {
+    setFile(null);
+    setColumnMapping([]);
+    setErrors([]);
+    setImportResults(null);
+    setCurrentStep(1);
+    if (fileInputRef.current) {
+      fileInputRef.current.value = "";
+    }
+  };
+  const handleClose = () => {
+    resetModal();
+    onClose();
+  };
+  const handleSuccess = () => {
+    if (onSuccess) onSuccess();
+    handleClose();
+  };
+  if (!isOpen) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute inset-0 bg-black/50", onClick: handleClose }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative bg-white rounded-xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.FileSpreadsheet, { className: "h-6 w-6 text-green-600" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h2", { className: "text-lg font-semibold text-gray-800", children: "Importation Excel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm text-gray-500", children: [
+            "\xC9tape ",
+            currentStep,
+            "/3"
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: handleClose, className: "p-1 hover:bg-gray-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.X, { className: "h-5 w-5 text-gray-500" }) })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex justify-center py-4 border-b border-gray-100", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex items-center gap-2", children: [1, 2, 3].map((step, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_react8.default.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn(
+          "w-8 h-8 rounded-full flex items-center justify-center text-sm font-medium transition-colors",
+          currentStep >= step ? "bg-[var(--color-primary)] text-white" : "bg-gray-200 text-gray-500"
+        ), children: currentStep > step ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.CheckCircle2, { className: "h-5 w-5" }) : step }),
+        index < 2 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: cn(
+          "w-12 h-1 rounded",
+          currentStep > step ? "bg-[var(--color-primary)]" : "bg-gray-200"
+        ) })
+      ] }, step)) }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-6 overflow-y-auto max-h-[60vh]", children: [
+        errors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-4 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.AlertCircle, { className: "h-5 w-5 text-red-500 mt-0.5" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { children: errors.map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-red-700", children: error }, index)) })
+        ] }) }),
+        currentStep === 1 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-center py-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.FileSpreadsheet, { className: "h-16 w-16 text-green-500 mx-auto mb-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-lg font-medium text-gray-800 mb-2", children: "S\xE9lectionner un fichier Excel" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-sm text-gray-500 mb-6", children: "Formats accept\xE9s : .xlsx, .xls" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "input",
+            {
+              ref: fileInputRef,
+              type: "file",
+              accept: ".xlsx,.xls",
+              onChange: handleFileChange,
+              className: "block w-full text-sm text-gray-500 file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-medium file:bg-[var(--color-primary)] file:text-white hover:file:bg-[var(--color-primary-dark)] cursor-pointer"
+            }
+          ),
+          file && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mt-4 p-3 bg-blue-50 rounded-lg text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-sm text-blue-800", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Fichier s\xE9lectionn\xE9 :" }),
+              " ",
+              file.name
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-xs text-blue-600", children: [
+              "Taille : ",
+              (file.size / 1024 / 1024).toFixed(2),
+              " MB"
+            ] })
+          ] })
+        ] }),
+        currentStep === 2 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-lg font-medium text-gray-800", children: "Configuration du mapping" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              "button",
+              {
+                type: "button",
+                onClick: addMappingRow,
+                className: "flex items-center gap-1 px-3 py-1.5 bg-[var(--color-primary)] text-white rounded-lg text-sm hover:bg-[var(--color-primary-dark)]",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Plus, { className: "h-4 w-4" }),
+                  " Ajouter"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "mb-4 p-3 bg-amber-50 border border-amber-200 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-sm text-amber-800", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("strong", { children: "Instructions :" }),
+            " Associez chaque lettre de colonne Excel au champ correspondant. Les champs marqu\xE9s d'un (*) sont obligatoires."
+          ] }) }),
+          columnMapping.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-center py-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-gray-500 mb-4", children: 'Cliquez sur "Ajouter" pour commencer le mapping' }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+              "button",
+              {
+                type: "button",
+                onClick: addMappingRow,
+                className: "flex items-center gap-2 mx-auto px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Plus, { className: "h-4 w-4" }),
+                  " Ajouter la premi\xE8re colonne"
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "space-y-3", children: columnMapping.map((mapping, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "w-20", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "block text-xs text-gray-500 mb-1", children: "Colonne" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "input",
+                {
+                  type: "text",
+                  value: mapping.letter,
+                  onChange: (e) => updateMappingLetter(index, e.target.value),
+                  className: "w-full px-3 py-2 border border-gray-300 rounded-lg text-center uppercase",
+                  maxLength: 2
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "block text-xs text-gray-500 mb-1", children: "Champ correspondant" }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                "select",
+                {
+                  value: mapping.field,
+                  onChange: (e) => updateMappingField(index, e.target.value),
+                  className: "w-full px-3 py-2 border border-gray-300 rounded-lg bg-white",
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: "", children: "-- S\xE9lectionner un champ --" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("optgroup", { label: "Champs obligatoires", children: importFields.required.map((field) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: field.value, children: field.label }, field.value)) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("optgroup", { label: "Champs optionnels", children: importFields.optional.map((field) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: field.value, children: field.label }, field.value)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => removeMappingRow(index),
+                className: "p-2 text-red-500 hover:bg-red-50 rounded-lg mt-5",
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Trash2, { className: "h-4 w-4" })
+              }
+            )
+          ] }, index)) }),
+          columnMapping.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex justify-between mt-6 pt-4 border-t border-gray-200", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setCurrentStep(1),
+                className: "px-4 py-2 text-gray-600 hover:bg-gray-100 rounded-lg",
+                children: "Retour"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: executeImport,
+                disabled: loading,
+                className: "flex items-center gap-2 px-4 py-2 bg-[var(--color-primary)] text-white rounded-lg hover:bg-[var(--color-primary-dark)] disabled:opacity-50",
+                children: loading ? /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "animate-spin h-4 w-4 border-2 border-white border-t-transparent rounded-full" }),
+                  "Importation..."
+                ] }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Upload, { className: "h-4 w-4" }),
+                  "Lancer l'importation"
+                ] })
+              }
+            )
+          ] })
         ] }),
-        tabs
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 p-6 space-y-6 min-h-[80vh]", children })
-    ] }),
-    sidebar && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `${sidebarOpen ? "w-80" : "w-16"} bg-[var(--color-surface)] border-r border-[var(--color-border)] transition-all duration-300 flex flex-col`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "p-4  ", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: `font-semibold text-[var(--color-text-primary)] ${!sidebarOpen && "hidden"}`, children: "Classes SYSCOHADA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-          "button",
-          {
-            onClick: () => setSidebarOpen(!sidebarOpen),
-            className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
-            "aria-label": sidebarOpen ? "R\xE9duire" : "Ouvrir",
-            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.ChevronLeft, { className: "w-5 h-5" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Menu, { className: "w-5 h-5" })
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-        "button",
-        {
-          onClick: () => {
-          },
-          className: `w-full flex items-center gap-3 px-4 py-3 transition-all relative group hover:bg-[var(--color-surface-hover)]`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
-            "div",
+        currentStep === 3 && importResults && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-center py-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.CheckCircle2, { className: "h-16 w-16 text-green-500 mx-auto mb-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "text-lg font-medium text-gray-800 mb-6", children: "Importation termin\xE9e !" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "grid grid-cols-4 gap-4 mb-6", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4 bg-blue-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-2xl font-bold text-blue-600", children: importResults.results.total_rows }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-blue-800", children: "Lignes lues" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4 bg-green-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-2xl font-bold text-green-600", children: importResults.results.saved_rows }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-green-800", children: "Import\xE9es" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4 bg-amber-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-2xl font-bold text-amber-600", children: importResults.results.processed_rows - importResults.results.saved_rows }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-amber-800", children: "Ignor\xE9es" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4 bg-red-50 rounded-lg", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-2xl font-bold text-red-600", children: importResults.results.errors_count || 0 }),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs text-red-800", children: "Erreurs" })
+            ] })
+          ] }),
+          importResults.data?.import_summary?.validation_errors && importResults.data.import_summary.validation_errors.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-6 p-4 bg-amber-50 border border-amber-200 rounded-lg text-left", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "font-medium text-amber-800 mb-2", children: "Erreurs de validation :" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("ul", { className: "text-sm text-amber-700 space-y-1", children: importResults.data.import_summary.validation_errors.slice(0, 5).map((error, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("li", { children: [
+              "Ligne ",
+              error.row,
+              " : ",
+              Object.entries(error.errors).map(
+                ([field, messages]) => `${field}: ${messages.join(", ")}`
+              ).join("; ")
+            ] }, index)) }),
+            importResults.data.import_summary.validation_errors.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("p", { className: "text-xs text-amber-600 mt-2", children: [
+              "... et ",
+              importResults.data.import_summary.validation_errors.length - 5,
+              " autres erreurs"
+            ] })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
             {
-              className: `flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center transition-colors bg-[var(--color-background)]`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-bold text-lg", children: 1 })
+              type: "button",
+              onClick: handleSuccess,
+              className: "px-6 py-2 bg-[var(--color-primary)] text-white rounded-lg hover:bg-[var(--color-primary-dark)]",
+              children: "Terminer"
             }
           )
-        }
-      ) }),
-      sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Download, { className: "w-4 h-4" }),
-          "Exporter le plan"
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Settings, { className: "w-4 h-4" }),
-          "Configuration"
         ] })
-      ] }) })
+      ] })
     ] })
   ] });
 };
-var Pages_default = Pages;
-
-// src/components/common/FDrawer.tsx
-var import_react8 = require("react");
-var import_react_router_dom4 = require("react-router-dom");
-var import_lucide_react5 = require("lucide-react");
-var import_jsx_runtime12 = require("react/jsx-runtime");
 var FDrawer = ({
   children,
   apiEndpoint,
   columns,
   actions,
   ordering,
-  toggle
+  toggle,
+  importEndpoint,
+  importFields,
+  onBulkDelete,
+  onDuplicate,
+  title
 }) => {
   const navigate = (0, import_react_router_dom4.useNavigate)();
   const [searchParams] = (0, import_react_router_dom4.useSearchParams)();
@@ -2305,6 +3837,59 @@ var FDrawer = ({
     current_page: null
   });
   const [searchQuery, setSearchQuery] = (0, import_react8.useState)("");
+  const [debouncedSearchQuery, setDebouncedSearchQuery] = (0, import_react8.useState)("");
+  const searchTimeoutRef = (0, import_react8.useRef)(null);
+  const [showFilterPanel, setShowFilterPanel] = (0, import_react8.useState)(false);
+  const filterPanelRef = (0, import_react8.useRef)(null);
+  const [showImportModal, setShowImportModal] = (0, import_react8.useState)(false);
+  const [showMoreOptions, setShowMoreOptions] = (0, import_react8.useState)(false);
+  const moreOptionsRef = (0, import_react8.useRef)(null);
+  const [selectionMode, setSelectionMode] = (0, import_react8.useState)(false);
+  const [selectedItems, setSelectedItems] = (0, import_react8.useState)([]);
+  const [showColumnsPanel, setShowColumnsPanel] = (0, import_react8.useState)(false);
+  const [visibleColumns, setVisibleColumns] = (0, import_react8.useState)(columns.map((c) => c.key));
+  const columnsPanelRef = (0, import_react8.useRef)(null);
+  const [density, setDensity] = (0, import_react8.useState)("normal");
+  const [isFullscreen, setIsFullscreen] = (0, import_react8.useState)(false);
+  const tableContainerRef = (0, import_react8.useRef)(null);
+  (0, import_react8.useEffect)(() => {
+    if (searchTimeoutRef.current) {
+      clearTimeout(searchTimeoutRef.current);
+    }
+    searchTimeoutRef.current = setTimeout(() => {
+      setDebouncedSearchQuery(searchQuery);
+    }, 400);
+    return () => {
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+    };
+  }, [searchQuery]);
+  (0, import_react8.useEffect)(() => {
+    setFilters((prev) => ({ ...prev, global_search: debouncedSearchQuery, page: 1 }));
+  }, [debouncedSearchQuery]);
+  (0, import_react8.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (filterPanelRef.current && !filterPanelRef.current.contains(event.target)) {
+        setShowFilterPanel(false);
+      }
+      if (moreOptionsRef.current && !moreOptionsRef.current.contains(event.target)) {
+        setShowMoreOptions(false);
+      }
+      if (columnsPanelRef.current && !columnsPanelRef.current.contains(event.target)) {
+        setShowColumnsPanel(false);
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  (0, import_react8.useEffect)(() => {
+    const handleFullscreenChange = () => {
+      setIsFullscreen(!!document.fullscreenElement);
+    };
+    document.addEventListener("fullscreenchange", handleFullscreenChange);
+    return () => document.removeEventListener("fullscreenchange", handleFullscreenChange);
+  }, []);
   const makeFilters = () => columns.reduce((acc, item) => {
     acc[item.formule ? `${item.search_name}__icontains` : `${item.key}__icontains`] = "";
     return acc;
@@ -2334,7 +3919,13 @@ var FDrawer = ({
     }
   };
   (0, import_react8.useEffect)(() => {
-    const params = new URLSearchParams(filters).toString();
+    const cleanFilters = {};
+    Object.entries(filters).forEach(([key, value]) => {
+      if (value !== "" && value !== null && value !== void 0) {
+        cleanFilters[key] = String(value);
+      }
+    });
+    const params = new URLSearchParams(cleanFilters).toString();
     setQueryURL(`${API_URL}${apiEndpoint}?${params}`);
     navigate(`${location.pathname}?${params}`);
   }, [filters]);
@@ -2363,116 +3954,456 @@ var FDrawer = ({
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
-              type: "number",
-              placeholder: "Min",
-              className: "border border-gray-300 rounded-lg p-3 w-1/2",
-              onChange: (e) => handleChange(`${column.key}_min`, e.target.value)
+              type: "number",
+              placeholder: "Min",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_min`, e.target.value)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "input",
+            {
+              type: "number",
+              placeholder: "Max",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_max`, e.target.value)
+            }
+          )
+        ] });
+      case "date":
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "input",
+            {
+              type: "date",
+              placeholder: "Du",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_from`, e.target.value)
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "input",
+            {
+              type: "date",
+              placeholder: "Au",
+              className: "border border-gray-300 rounded-lg p-3 w-1/2",
+              onChange: (e) => handleChange(`${column.key}_to`, e.target.value)
+            }
+          )
+        ] });
+      default:
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "input",
+          {
+            id: column.key,
+            type: column.type,
+            className: "border border-gray-300 rounded-md p-1",
+            onChange: (e) => handleChange(column.key, e.target.value)
+          }
+        );
+    }
+  };
+  const renderLine = (item) => columns.map((column) => {
+    let cellContent = column.formule ? column.formule(item) : item[column.key];
+    if (column.type === "date" && item[column.key])
+      cellContent = new Date(item[column.key]).toLocaleDateString();
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: cellContent }, column.key);
+  });
+  const handleExport = async () => {
+    try {
+      const exportParams = new URLSearchParams(filters);
+      exportParams.set("export", "true");
+      exportParams.set("all", "true");
+      const exportURL = `${API_URL}${apiEndpoint}?${exportParams.toString()}`;
+      const response = await fetch(exportURL, {
+        method: "GET",
+        headers: {
+          "Authorization": `token ${token}`
+        }
+      });
+      if (!response.ok) throw new Error("Erreur lors de l'export");
+      const blob = await response.blob();
+      const url = window.URL.createObjectURL(blob);
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = `export_${(/* @__PURE__ */ new Date()).toISOString().split("T")[0]}.xlsx`;
+      document.body.appendChild(a);
+      a.click();
+      window.URL.revokeObjectURL(url);
+      document.body.removeChild(a);
+    } catch (error) {
+      console.error("Erreur export:", error);
+    }
+  };
+  const handlePrint = () => {
+    const printContent = document.getElementById("fdrawer-table");
+    if (!printContent) return;
+    const printWindow = window.open("", "_blank");
+    if (!printWindow) return;
+    printWindow.document.write(`
+            <html>
+                <head>
+                    <title>Impression</title>
+                    <style>
+                        body { font-family: Arial, sans-serif; padding: 20px; }
+                        table { width: 100%; border-collapse: collapse; }
+                        th, td { border: 1px solid #ddd; padding: 8px; text-align: left; }
+                        th { background-color: #f5f5f5; font-weight: bold; }
+                        tr:nth-child(even) { background-color: #fafafa; }
+                        @media print {
+                            @page { margin: 1cm; }
+                        }
+                    </style>
+                </head>
+                <body>
+                    ${printContent.outerHTML}
+                </body>
+            </html>
+        `);
+    printWindow.document.close();
+    printWindow.print();
+  };
+  const resetFilters = () => {
+    const cleanFilters = {
+      ...makeFilters(),
+      business_entity_id: activeBusinessEntity?.id ?? null,
+      order_by: order_by ?? "id",
+      page: 1,
+      global_search: ""
+    };
+    setFilters(cleanFilters);
+    setSearchQuery("");
+    setShowFilterPanel(false);
+  };
+  const getActiveFiltersCount = () => {
+    let count = 0;
+    Object.entries(filters).forEach(([key, value]) => {
+      if (value && key !== "business_entity_id" && key !== "order_by" && key !== "page" && key !== "global_search") {
+        count++;
+      }
+    });
+    return count;
+  };
+  const activeFiltersCount = getActiveFiltersCount();
+  const toggleSelectItem = (id) => {
+    setSelectedItems(
+      (prev) => prev.includes(id) ? prev.filter((i) => i !== id) : [...prev, id]
+    );
+  };
+  const toggleSelectAll = () => {
+    if (selectedItems.length === data.length) {
+      setSelectedItems([]);
+    } else {
+      setSelectedItems(data.map((item) => item.id));
+    }
+  };
+  const clearSelection = () => {
+    setSelectedItems([]);
+    setSelectionMode(false);
+  };
+  const handleBulkDelete = async () => {
+    if (!onBulkDelete || selectedItems.length === 0) return;
+    if (confirm(`Voulez-vous vraiment supprimer ${selectedItems.length} \xE9l\xE9ment(s) ?`)) {
+      try {
+        await onBulkDelete(selectedItems);
+        clearSelection();
+        getDataFilter();
+      } catch (error) {
+        console.error("Erreur lors de la suppression group\xE9e:", error);
+      }
+    }
+  };
+  const handleDuplicate = async (item) => {
+    if (!onDuplicate) return;
+    try {
+      await onDuplicate(item);
+      getDataFilter();
+    } catch (error) {
+      console.error("Erreur lors de la duplication:", error);
+    }
+  };
+  const toggleColumnVisibility = (key) => {
+    setVisibleColumns(
+      (prev) => prev.includes(key) ? prev.filter((k) => k !== key) : [...prev, key]
+    );
+  };
+  const toggleFullscreen = () => {
+    if (!tableContainerRef.current) return;
+    if (!document.fullscreenElement) {
+      tableContainerRef.current.requestFullscreen();
+    } else {
+      document.exitFullscreen();
+    }
+  };
+  const getDensityClasses = () => {
+    switch (density) {
+      case "compact":
+        return { cell: "px-3 py-1", text: "text-xs" };
+      case "comfortable":
+        return { cell: "px-8 py-5", text: "text-base" };
+      default:
+        return { cell: "px-6 py-4", text: "text-sm" };
+    }
+  };
+  const densityClasses = getDensityClasses();
+  const visibleColumnsData = columns.filter((col) => visibleColumns.includes(col.key));
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-wrap gap-4 mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 min-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "input",
+          {
+            type: "text",
+            placeholder: "Rechercher sur tous les champs...",
+            className: "w-full pl-10 pr-10 py-2 border border-[#d1d7de] rounded-lg focus:ring-2 focus:ring-[#78a6d2] focus:border-transparent",
+            value: searchQuery,
+            onChange: (e) => setSearchQuery(e.target.value)
+          }
+        ),
+        searchQuery && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "button",
+          {
+            type: "button",
+            onClick: () => setSearchQuery(""),
+            className: "absolute right-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-gray-600",
+            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.X, { className: "h-4 w-4" })
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", ref: filterPanelRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Buttons_default, { onClick: () => setShowFilterPanel(!showFilterPanel), type: "button", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Filter, { className: "h-4 w-4 mr-2" }),
+          "Filtres",
+          activeFiltersCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "ml-2 bg-white text-[var(--color-primary)] rounded-full px-2 py-0.5 text-xs font-bold", children: activeFiltersCount }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.ChevronDown, { className: cn("h-4 w-4 ml-1 transition-transform", showFilterPanel && "rotate-180") })
+        ] }),
+        showFilterPanel && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "absolute right-0 mt-2 w-[400px] bg-white rounded-lg shadow-xl border border-gray-200 z-50 max-h-[70vh] overflow-y-auto", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4 border-b border-gray-200 flex items-center justify-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-gray-800", children: "Filtres avanc\xE9s" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: resetFilters,
+                className: "text-sm text-blue-600 hover:text-blue-800",
+                children: "R\xE9initialiser"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-4 space-y-4", children: columns.filter((col) => col.filterable).map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("label", { className: "block text-sm font-medium text-gray-700", children: column.label }),
+            renderColumnFilter(column)
+          ] }, column.key)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-4 border-t border-gray-200 flex justify-end gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowFilterPanel(false),
+              className: "px-4 py-2 text-sm text-gray-600 hover:bg-gray-100 rounded-lg",
+              children: "Fermer"
+            }
+          ) })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Buttons_default, { onClick: handleExport, type: "button", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Download, { className: "h-4 w-4 mr-2" }),
+        "Exporter"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Buttons_default, { onClick: handlePrint, type: "button", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Printer, { className: "h-4 w-4 mr-2" }),
+        "Imprimer"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", ref: moreOptionsRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Buttons_default, { onClick: () => setShowMoreOptions(!showMoreOptions), type: "button", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Settings2, { className: "h-4 w-4 mr-2" }),
+          "Plus",
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.ChevronDown, { className: cn("h-4 w-4 ml-1 transition-transform", showMoreOptions && "rotate-180") })
+        ] }),
+        showMoreOptions && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "absolute right-0 mt-2 w-64 bg-white rounded-lg shadow-xl border border-gray-200 z-50 py-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                getDataFilter();
+                setShowMoreOptions(false);
+              },
+              className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-3",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.RefreshCw, { className: "h-4 w-4" }),
+                "Actualiser les donn\xE9es"
+              ]
+            }
+          ),
+          importEndpoint && importFields && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setShowImportModal(true);
+                setShowMoreOptions(false);
+              },
+              className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-3",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Upload, { className: "h-4 w-4" }),
+                "Importer depuis Excel"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "border-t border-gray-100 my-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setSelectionMode(!selectionMode);
+                setShowMoreOptions(false);
+              },
+              className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-3",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.SquareIcon, { className: "h-4 w-4" }),
+                selectionMode ? "D\xE9sactiver la s\xE9lection" : "Mode s\xE9lection multiple"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "button",
+            {
+              type: "button",
+              onClick: () => {
+                setShowColumnsPanel(true);
+                setShowMoreOptions(false);
+              },
+              className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-3",
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Columns3, { className: "h-4 w-4" }),
+                "G\xE9rer les colonnes"
+              ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "input",
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "border-t border-gray-100 my-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "px-4 py-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: "text-xs font-medium text-gray-500 mb-2", children: "Densit\xE9 d'affichage" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex gap-1", children: ["compact", "normal", "comfortable"].map((mode) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
+              {
+                type: "button",
+                onClick: () => setDensity(mode),
+                className: cn(
+                  "flex-1 px-2 py-1 text-xs rounded transition-colors",
+                  density === mode ? "bg-[var(--color-primary)] text-white" : "bg-gray-100 text-gray-600 hover:bg-gray-200"
+                ),
+                children: mode === "compact" ? "Compact" : mode === "normal" ? "Normal" : "Large"
+              },
+              mode
+            )) })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "border-t border-gray-100 my-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "button",
             {
-              type: "number",
-              placeholder: "Max",
-              className: "border border-gray-300 rounded-lg p-3 w-1/2",
-              onChange: (e) => handleChange(`${column.key}_max`, e.target.value)
+              type: "button",
+              onClick: () => {
+                toggleFullscreen();
+                setShowMoreOptions(false);
+              },
+              className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center gap-3",
+              children: [
+                isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Minimize2, { className: "h-4 w-4" }) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Maximize2, { className: "h-4 w-4" }),
+                isFullscreen ? "Quitter le plein \xE9cran" : "Plein \xE9cran"
+              ]
             }
           )
-        ] });
-      case "date":
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full gap-1", children: [
+        ] })
+      ] })
+    ] }),
+    showColumnsPanel && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowColumnsPanel(false) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative bg-white rounded-xl shadow-2xl w-full max-w-md", ref: columnsPanelRef, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-gray-800", children: "Colonnes visibles" }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", onClick: () => setShowColumnsPanel(false), className: "p-1 hover:bg-gray-100 rounded-lg", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.X, { className: "h-5 w-5 text-gray-500" }) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "p-4 max-h-[60vh] overflow-y-auto", children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("label", { className: "flex items-center gap-3 py-2 cursor-pointer hover:bg-gray-50 px-2 rounded", children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
-              type: "date",
-              placeholder: "Du",
-              className: "border border-gray-300 rounded-lg p-3 w-1/2",
-              onChange: (e) => handleChange(`${column.key}_from`, e.target.value)
+              type: "checkbox",
+              checked: visibleColumns.includes(column.key),
+              onChange: () => toggleColumnVisibility(column.key),
+              className: "w-4 h-4 text-[var(--color-primary)] rounded border-gray-300"
             }
           ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "text-sm text-gray-700", children: column.label })
+        ] }, column.key)) }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4 border-t border-gray-200 flex justify-between", children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "input",
+            "button",
             {
-              type: "date",
-              placeholder: "Au",
-              className: "border border-gray-300 rounded-lg p-3 w-1/2",
-              onChange: (e) => handleChange(`${column.key}_to`, e.target.value)
+              type: "button",
+              onClick: () => setVisibleColumns(columns.map((c) => c.key)),
+              className: "text-sm text-blue-600 hover:text-blue-800",
+              children: "Tout afficher"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowColumnsPanel(false),
+              className: "px-4 py-2 bg-[var(--color-primary)] text-white rounded-lg text-sm",
+              children: "Fermer"
             }
           )
-        ] });
-      default:
-        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "input",
+        ] })
+      ] })
+    ] }),
+    selectionMode && selectedItems.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg flex items-center justify-between", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm font-medium text-blue-800", children: [
+        selectedItems.length,
+        " \xE9l\xE9ment(s) s\xE9lectionn\xE9(s)"
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex items-center gap-2", children: [
+        onBulkDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+          "button",
           {
-            id: column.key,
-            type: column.type,
-            className: "border border-gray-300 rounded-md p-1",
-            onChange: (e) => handleChange(column.key, e.target.value)
+            type: "button",
+            onClick: handleBulkDelete,
+            className: "px-3 py-1.5 bg-red-500 text-white rounded-lg text-sm flex items-center gap-2 hover:bg-red-600",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Trash2, { className: "h-4 w-4" }),
+              "Supprimer"
+            ]
           }
-        );
-    }
-  };
-  const renderLine = (item) => columns.map((column) => {
-    let cellContent = column.formule ? column.formule(item) : item[column.key];
-    if (column.type === "date" && item[column.key])
-      cellContent = new Date(item[column.key]).toLocaleDateString();
-    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: cellContent }, column.key);
-  });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-wrap gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 min-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" }),
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "input",
+          "button",
           {
-            type: "text",
-            placeholder: "Rechercher une demande...",
-            className: "w-full pl-10 pr-4 py-2 border border-[#d1d7de] rounded-lg focus:ring-2 focus:ring-[#78a6d2] focus:border-transparent",
-            value: searchQuery,
-            onChange: (e) => setSearchQuery(e.target.value)
+            type: "button",
+            onClick: clearSelection,
+            className: "px-3 py-1.5 bg-gray-200 text-gray-700 rounded-lg text-sm hover:bg-gray-300",
+            children: "Annuler"
           }
         )
-      ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-        Buttons_default,
-        {
-          onClick: () => {
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Filter, { className: "h-4 w-4 mr-2" }),
-            "Filtres"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-        Buttons_default,
-        {
-          onClick: () => {
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Download, { className: "h-4 w-4 mr-2" }),
-            "Exporter"
-          ]
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-        Buttons_default,
-        {
-          onClick: () => {
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Printer, { className: "h-4 w-4 mr-2" }),
-            "Imprimer"
-          ]
-        }
-      )
+      ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { className: "w-full", children: [
+    loading && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-[var(--color-primary)]" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { ref: tableContainerRef, className: cn("bg-white", isFullscreen && "p-4"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { id: "fdrawer-table", className: "w-full", children: [
       /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider relative", scope: "col", children: [
+        selectionMode && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: cn(densityClasses.cell, "text-left text-xs font-medium text-gray-500 uppercase tracking-wider"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+          "input",
+          {
+            type: "checkbox",
+            checked: selectedItems.length === data.length && data.length > 0,
+            onChange: toggleSelectAll,
+            className: "w-4 h-4 text-[var(--color-primary)] rounded border-gray-300"
+          }
+        ) }),
+        visibleColumnsData.map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("th", { className: cn(densityClasses.cell, "text-left text-xs font-medium text-gray-500 uppercase tracking-wider relative"), scope: "col", children: [
           /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex align-center items-center gap-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { onClick: () => setShowFilters(showFilters === column.key ? "" : column.key), children: column.label }),
-            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowDownUp, { className: "h-4 w-4 cursor-pointer", onClick: () => setShowOrdering(showOrdering === column.key ? "" : column.key) })
+            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.ArrowDownUp, { className: "h-4 w-4 cursor-pointer", onClick: () => setShowOrdering(showOrdering === column.key ? "" : column.key) })
           ] }),
           showOrdering === column.key && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute left-6 mt-2 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto", role: "menu", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-2", children: [
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
@@ -2487,7 +4418,7 @@ var FDrawer = ({
                 className: cn("w-full flex items-center gap-3 px-3 py-1 border-b rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors", order_by === column.key && "bg-[var(--color-primary-light)]"),
                 role: "menuitem",
                 children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-left flex-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowUpAZ, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.ArrowUpAZ, { className: "h-4 w-4" }),
                   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("text-sm font-medium", order_by === column.key ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "Croissant" })
                 ] })
               }
@@ -2504,7 +4435,7 @@ var FDrawer = ({
                 className: cn("w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors", order_by === `-${column.key}` && "bg-[var(--color-primary-light)]"),
                 role: "menuitem",
                 children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-left flex-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowDownAZ, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.ArrowDownAZ, { className: "h-4 w-4" }),
                   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("text-sm font-medium", order_by === `-${column.key}` ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "D\xE9croissant" })
                 ] })
               }
@@ -2515,30 +4446,86 @@ var FDrawer = ({
             /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "pb-3 px-4", children: renderColumnFilter(column) })
           ] })
         ] }, column.key)),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: cn(densityClasses.cell, "text-left text-xs font-medium text-gray-500 uppercase tracking-wider") })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "hover:bg-gray-50 cursor-pointer", children: [
-        renderLine(item),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "button",
-            {
-              type: "button",
-              onClick: () => setDropdownOpen(dropdownOpen === item.id ? null : item.id),
-              className: "p-1 rounded-full hover:bg-gray-100 transition-colors",
-              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.MoreVertical, { className: "w-4 h-4 text-gray-400" })
-            }
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+        "tr",
+        {
+          className: cn(
+            "hover:bg-gray-50 cursor-pointer",
+            selectionMode && selectedItems.includes(item.id) && "bg-blue-50"
           ),
-          dropdownOpen === item.id && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fixed right-3 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-10", children: actions.map(
-            (action, index) => action.navigate ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { to: action.navigate, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { onClick: () => {
-              action.onclick(item);
-              setDropdownOpen(null);
-            }, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index)
-          ) })
-        ] }) })
-      ] }, item.id)) })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Pagination, { reponseDetail, setQueryURL, filters: [filters, setFilters] })
+          children: [
+            selectionMode && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: cn(densityClasses.cell, "whitespace-nowrap", densityClasses.text, "text-gray-500"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "input",
+              {
+                type: "checkbox",
+                checked: selectedItems.includes(item.id),
+                onChange: () => toggleSelectItem(item.id),
+                className: "w-4 h-4 text-[var(--color-primary)] rounded border-gray-300"
+              }
+            ) }),
+            visibleColumnsData.map((column) => {
+              let cellContent = column.formule ? column.formule(item) : item[column.key];
+              if (column.type === "date" && item[column.key])
+                cellContent = new Date(item[column.key]).toLocaleDateString();
+              return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: cn(densityClasses.cell, "whitespace-nowrap", densityClasses.text, "text-gray-500"), children: cellContent }, column.key);
+            }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: cn(densityClasses.cell, "whitespace-nowrap text-right", densityClasses.text, "font-medium"), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setDropdownOpen(dropdownOpen === item.id ? null : item.id),
+                  className: "p-1 rounded-full hover:bg-gray-100 transition-colors",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.MoreVertical, { className: "w-4 h-4 text-gray-400" })
+                }
+              ),
+              dropdownOpen === item.id && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "fixed right-3 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-10", children: [
+                actions.map(
+                  (action, index) => action.navigate ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { to: action.navigate, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { onClick: () => {
+                    action.onclick && action.onclick(item);
+                    setDropdownOpen(null);
+                  }, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index)
+                ),
+                onDuplicate && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "border-t border-gray-100 my-1" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                    "button",
+                    {
+                      onClick: () => {
+                        handleDuplicate(item);
+                        setDropdownOpen(null);
+                      },
+                      className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2",
+                      children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react6.Copy, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "Dupliquer" })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] }) })
+          ]
+        },
+        item.id
+      )) })
+    ] }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Pagination, { reponseDetail, setQueryURL, filters: [filters, setFilters] }),
+    importEndpoint && importFields && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      ExcelImportModal,
+      {
+        isOpen: showImportModal,
+        onClose: () => setShowImportModal(false),
+        importEndpoint,
+        importFields,
+        onSuccess: () => {
+          setShowImportModal(false);
+          getDataFilter();
+        }
+      }
+    )
   ] });
 };
 var Pagination = ({
@@ -2615,7 +4602,7 @@ var import_react10 = require("react");
 
 // src/components/common/SearchableSelect.tsx
 var import_react9 = require("react");
-var import_lucide_react6 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
 var SearchableSelect = ({
   options,
@@ -2700,11 +4687,11 @@ var SearchableSelect = ({
                 onClick: handleClear,
                 className: "text-gray-400 hover:text-gray-600",
                 type: "button",
-                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.X, { size: 16 })
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.X, { size: 16 })
               }
             ),
             /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-              import_lucide_react6.ChevronDown,
+              import_lucide_react7.ChevronDown,
               {
                 size: 16,
                 className: `text-gray-400 transition-transform ${isOpen ? "rotate-180" : ""}`
@@ -2717,7 +4704,7 @@ var SearchableSelect = ({
     isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
       /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "p-3 border-b border-gray-200 flex", children: [
         /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative w-full", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
             "input",
             {
@@ -2738,7 +4725,7 @@ var SearchableSelect = ({
             disabled,
             className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
             title: "Rafra\xEEchir la liste",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
           }
         ),
         addElement && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
@@ -2748,7 +4735,7 @@ var SearchableSelect = ({
             onClick: addElement,
             className: "px-3 py-2 border border-gray-300 text-gray-700 rounded-lg hover:bg-gray-50 transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
             title: "Rafra\xEEchir la liste",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Plus, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react7.Plus, { className: "w-4 h-4" })
           }
         )
       ] }),
@@ -2776,7 +4763,7 @@ var SearchableSelect = ({
 };
 
 // src/components/common/ApprovalWorkflow.tsx
-var import_lucide_react7 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime14 = require("react/jsx-runtime");
 var ApprovalWorkflow = ({
   process,
@@ -3080,7 +5067,7 @@ var ApprovalWorkflow = ({
         )
       ] }),
       /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "overflow-x-auto", children: stages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center py-6 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Users, { className: "w-8 h-8 text-[#767676] mx-auto mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Users, { className: "w-8 h-8 text-[#767676] mx-auto mb-4" }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-lg font-medium text-[#191919] mb-2", children: "Aucune personne ajout\xE9e" }),
         /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[#767676] mb-4", children: 'Cliquez sur le bouton "Ajouter une personne" pour commencer' })
       ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "w-full border-collapse", children: [
@@ -3112,7 +5099,7 @@ var ApprovalWorkflow = ({
     ] });
   };
   if (loading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RewiseBasicCard, { title, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RewiseBasicCard, { title, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
   }
   const renderTabContent = () => {
     switch (activeTab) {
@@ -3139,7 +5126,7 @@ var ApprovalWorkflow = ({
                     type: "button",
                     classname: "flex items-center gap-2",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Ban, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Ban, { className: "w-4 h-4" }),
                       canceling ? "Annulation..." : "Annuler la demande"
                     ]
                   }
@@ -3152,7 +5139,7 @@ var ApprovalWorkflow = ({
                     type: "button",
                     classname: "flex items-center gap-2",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.RotateCcw, { className: "w-4 h-4" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.RotateCcw, { className: "w-4 h-4" }),
                       restarting ? "Red\xE9marrage..." : "Recommencer"
                     ]
                   }
@@ -3191,15 +5178,15 @@ var ApprovalWorkflow = ({
               dangerouslySetInnerHTML: { __html: caseData.html_content }
             }
           ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Eye, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Eye, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[#767676]", children: "Aucun aper\xE7u disponible" })
           ] })
         ] }) });
       case "history":
         return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-6", children: [
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-lg font-semibold text-[#191919]", children: "Historique des versions" }),
-          loadingHistory ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) : history.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.History, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+          loadingHistory ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) : history.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.History, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[#767676]", children: "Aucun historique disponible" })
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-4", children: history.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border border-[#D9D9D9] rounded-lg p-4 bg-white hover:shadow-md transition-shadow", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex-1", children: [
             /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [
@@ -3289,7 +5276,7 @@ var ApprovalWorkflow = ({
             onClick: () => setActiveTab("workflow"),
             className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "workflow" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.FileText, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.FileText, { className: "w-4 h-4" }),
               "Workflow"
             ]
           }
@@ -3300,7 +5287,7 @@ var ApprovalWorkflow = ({
             onClick: () => setActiveTab("preview"),
             className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "preview" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Eye, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Eye, { className: "w-4 h-4" }),
               "Aper\xE7u"
             ]
           }
@@ -3311,7 +5298,7 @@ var ApprovalWorkflow = ({
             onClick: () => setActiveTab("history"),
             className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "history" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.History, { className: "w-4 h-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.History, { className: "w-4 h-4" }),
               "Historique"
             ]
           }
@@ -3336,7 +5323,7 @@ var ApprovalWorkflow = ({
           {
             className: "text-gray-500 hover:text-[#6A8A82] transition-colors",
             onClick: () => window.history.back(),
-            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.X, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.X, { className: "w-5 h-5" })
           }
         )
       ] }),
@@ -3391,7 +5378,7 @@ var StageRow = ({
         onClick: onRemove,
         className: "text-[#B85450] hover:text-red-700 transition-colors",
         title: "Supprimer",
-        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Trash2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Trash2, { className: "w-4 h-4" })
       }
     ) }),
     /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-4 py-2 text-center", children: index + 1 }),
@@ -3513,7 +5500,7 @@ var AddStageButton = ({
         onClick: () => setShowModal(true),
         classname: "gap-2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Plus, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react8.Plus, { className: "w-4 h-4" }),
           /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Ajouter une personne" })
         ]
       }
@@ -3757,29 +5744,7 @@ var useAlert = () => {
 };
 
 // src/components/common/CommonSelect.tsx
-var import_react76 = require("react");
-
-// src/services/VendorServices.ts
-var VENDORS_API_URL = `${API_URL}/accounting/vendors/`;
-var VendorServices = {
-  createVendor: (data, token) => {
-    const payload = { ...data };
-    if (!payload.logo) {
-      delete payload.logo;
-    }
-    return FetchApi.post(`${VENDORS_API_URL}`, payload, token);
-  },
-  getVendor: (id, token) => FetchApi.get(`${VENDORS_API_URL}${id}/`, token),
-  getVendors: (token, params) => FetchApi.get(`${VENDORS_API_URL}?${new URLSearchParams(params).toString()}`, token),
-  updateVendor: (id, data, token) => {
-    const payload = { ...data };
-    if (!payload.logo) {
-      delete payload.logo;
-    }
-    return FetchApi.put(`${VENDORS_API_URL}${id}/`, payload, token);
-  },
-  deleteVendor: (id, token) => FetchApi.delete(`${VENDORS_API_URL}${id}/`, token)
-};
+var import_react128 = require("react");
 
 // dist/index.js
 var import_jsx_runtime17 = require("react/jsx-runtime");
@@ -3788,7 +5753,7 @@ var import_react_router_dom5 = require("react-router-dom");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 var import_react12 = __toESM(require("react"), 1);
 var import_react_router_dom6 = require("react-router-dom");
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 var import_clsx2 = require("clsx");
 var import_tailwind_merge2 = require("tailwind-merge");
 var import_react13 = require("react");
@@ -3796,28 +5761,29 @@ var import_jsx_runtime20 = require("react/jsx-runtime");
 var import_react14 = require("react");
 var import_jsx_runtime21 = require("react/jsx-runtime");
 var import_react15 = require("react");
+var import_lucide_react10 = require("lucide-react");
 var import_jsx_runtime22 = require("react/jsx-runtime");
 var import_react16 = require("react");
 var import_jsx_runtime23 = require("react/jsx-runtime");
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_react_router_dom7 = require("react-router-dom");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var import_jsx_runtime25 = require("react/jsx-runtime");
 var import_react17 = require("react");
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_react18 = require("react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
-var import_react19 = require("react");
+var import_react19 = __toESM(require("react"), 1);
 var import_react_router_dom8 = require("react-router-dom");
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 var import_react20 = require("react");
 var import_react21 = require("react");
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 var import_react22 = require("react");
 var import_jsx_runtime31 = require("react/jsx-runtime");
@@ -3829,7 +5795,7 @@ var import_react_router_dom9 = require("react-router-dom");
 var import_jsx_runtime35 = require("react/jsx-runtime");
 var import_react24 = __toESM(require("react"), 1);
 var import_react_router_dom10 = require("react-router-dom");
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_clsx3 = require("clsx");
 var import_tailwind_merge3 = require("tailwind-merge");
 var import_react25 = require("react");
@@ -3837,28 +5803,29 @@ var import_jsx_runtime36 = require("react/jsx-runtime");
 var import_react26 = require("react");
 var import_jsx_runtime37 = require("react/jsx-runtime");
 var import_react27 = require("react");
+var import_lucide_react18 = require("lucide-react");
 var import_jsx_runtime38 = require("react/jsx-runtime");
 var import_react28 = require("react");
 var import_jsx_runtime39 = require("react/jsx-runtime");
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react19 = require("lucide-react");
 var import_react_router_dom11 = require("react-router-dom");
 var import_jsx_runtime40 = require("react/jsx-runtime");
 var import_jsx_runtime41 = require("react/jsx-runtime");
 var import_react29 = require("react");
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react20 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react21 = require("lucide-react");
 var import_react30 = require("react");
 var import_jsx_runtime43 = require("react/jsx-runtime");
-var import_react31 = require("react");
+var import_react31 = __toESM(require("react"), 1);
 var import_react_router_dom12 = require("react-router-dom");
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react22 = require("lucide-react");
 var import_jsx_runtime44 = require("react/jsx-runtime");
 var import_react32 = require("react");
 var import_react33 = require("react");
-var import_lucide_react20 = require("lucide-react");
+var import_lucide_react23 = require("lucide-react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
-var import_lucide_react21 = require("lucide-react");
+var import_lucide_react24 = require("lucide-react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
 var import_react34 = require("react");
 var import_jsx_runtime47 = require("react/jsx-runtime");
@@ -3870,7 +5837,7 @@ var import_react_router_dom13 = require("react-router-dom");
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var import_react36 = __toESM(require("react"), 1);
 var import_react_router_dom14 = require("react-router-dom");
-var import_lucide_react22 = require("lucide-react");
+var import_lucide_react25 = require("lucide-react");
 var import_clsx4 = require("clsx");
 var import_tailwind_merge4 = require("tailwind-merge");
 var import_react37 = require("react");
@@ -3878,28 +5845,29 @@ var import_jsx_runtime52 = require("react/jsx-runtime");
 var import_react38 = require("react");
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var import_react39 = require("react");
+var import_lucide_react26 = require("lucide-react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var import_react40 = require("react");
 var import_jsx_runtime55 = require("react/jsx-runtime");
-var import_lucide_react23 = require("lucide-react");
+var import_lucide_react27 = require("lucide-react");
 var import_react_router_dom15 = require("react-router-dom");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var import_react41 = require("react");
-var import_lucide_react24 = require("lucide-react");
+var import_lucide_react28 = require("lucide-react");
 var import_jsx_runtime58 = require("react/jsx-runtime");
-var import_lucide_react25 = require("lucide-react");
+var import_lucide_react29 = require("lucide-react");
 var import_react42 = require("react");
 var import_jsx_runtime59 = require("react/jsx-runtime");
-var import_react43 = require("react");
+var import_react43 = __toESM(require("react"), 1);
 var import_react_router_dom16 = require("react-router-dom");
-var import_lucide_react26 = require("lucide-react");
+var import_lucide_react30 = require("lucide-react");
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var import_react44 = require("react");
 var import_react45 = require("react");
-var import_lucide_react27 = require("lucide-react");
+var import_lucide_react31 = require("lucide-react");
 var import_jsx_runtime61 = require("react/jsx-runtime");
-var import_lucide_react28 = require("lucide-react");
+var import_lucide_react32 = require("lucide-react");
 var import_jsx_runtime62 = require("react/jsx-runtime");
 var import_react46 = require("react");
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -3911,7 +5879,7 @@ var import_react_router_dom17 = require("react-router-dom");
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var import_react48 = __toESM(require("react"), 1);
 var import_react_router_dom18 = require("react-router-dom");
-var import_lucide_react29 = require("lucide-react");
+var import_lucide_react33 = require("lucide-react");
 var import_clsx5 = require("clsx");
 var import_tailwind_merge5 = require("tailwind-merge");
 var import_react49 = require("react");
@@ -3922,25 +5890,25 @@ var import_react51 = require("react");
 var import_jsx_runtime70 = require("react/jsx-runtime");
 var import_react52 = require("react");
 var import_jsx_runtime71 = require("react/jsx-runtime");
-var import_lucide_react30 = require("lucide-react");
+var import_lucide_react34 = require("lucide-react");
 var import_react_router_dom19 = require("react-router-dom");
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var import_jsx_runtime73 = require("react/jsx-runtime");
 var import_react53 = require("react");
-var import_lucide_react31 = require("lucide-react");
+var import_lucide_react35 = require("lucide-react");
 var import_jsx_runtime74 = require("react/jsx-runtime");
-var import_lucide_react32 = require("lucide-react");
+var import_lucide_react36 = require("lucide-react");
 var import_react54 = require("react");
 var import_jsx_runtime75 = require("react/jsx-runtime");
 var import_react55 = require("react");
 var import_react_router_dom20 = require("react-router-dom");
-var import_lucide_react33 = require("lucide-react");
+var import_lucide_react37 = require("lucide-react");
 var import_jsx_runtime76 = require("react/jsx-runtime");
 var import_react56 = require("react");
 var import_react57 = require("react");
-var import_lucide_react34 = require("lucide-react");
+var import_lucide_react38 = require("lucide-react");
 var import_jsx_runtime77 = require("react/jsx-runtime");
-var import_lucide_react35 = require("lucide-react");
+var import_lucide_react39 = require("lucide-react");
 var import_jsx_runtime78 = require("react/jsx-runtime");
 var import_react58 = require("react");
 var import_jsx_runtime79 = require("react/jsx-runtime");
@@ -3952,7 +5920,7 @@ var import_react_router_dom21 = require("react-router-dom");
 var import_jsx_runtime83 = require("react/jsx-runtime");
 var import_react60 = __toESM(require("react"), 1);
 var import_react_router_dom22 = require("react-router-dom");
-var import_lucide_react36 = require("lucide-react");
+var import_lucide_react40 = require("lucide-react");
 var import_clsx6 = require("clsx");
 var import_tailwind_merge6 = require("tailwind-merge");
 var import_react61 = require("react");
@@ -3963,25 +5931,25 @@ var import_react63 = require("react");
 var import_jsx_runtime86 = require("react/jsx-runtime");
 var import_react64 = require("react");
 var import_jsx_runtime87 = require("react/jsx-runtime");
-var import_lucide_react37 = require("lucide-react");
+var import_lucide_react41 = require("lucide-react");
 var import_react_router_dom23 = require("react-router-dom");
 var import_jsx_runtime88 = require("react/jsx-runtime");
 var import_jsx_runtime89 = require("react/jsx-runtime");
 var import_react65 = require("react");
-var import_lucide_react38 = require("lucide-react");
+var import_lucide_react42 = require("lucide-react");
 var import_jsx_runtime90 = require("react/jsx-runtime");
-var import_lucide_react39 = require("lucide-react");
+var import_lucide_react43 = require("lucide-react");
 var import_react66 = require("react");
 var import_jsx_runtime91 = require("react/jsx-runtime");
 var import_react67 = require("react");
 var import_react_router_dom24 = require("react-router-dom");
-var import_lucide_react40 = require("lucide-react");
+var import_lucide_react44 = require("lucide-react");
 var import_jsx_runtime92 = require("react/jsx-runtime");
 var import_react68 = require("react");
 var import_react69 = require("react");
-var import_lucide_react41 = require("lucide-react");
+var import_lucide_react45 = require("lucide-react");
 var import_jsx_runtime93 = require("react/jsx-runtime");
-var import_lucide_react42 = require("lucide-react");
+var import_lucide_react46 = require("lucide-react");
 var import_jsx_runtime94 = require("react/jsx-runtime");
 var import_react70 = require("react");
 var import_jsx_runtime95 = require("react/jsx-runtime");
@@ -3989,18 +5957,198 @@ var import_jsx_runtime96 = require("react/jsx-runtime");
 var import_react71 = require("react");
 var import_jsx_runtime97 = require("react/jsx-runtime");
 var import_jsx_runtime98 = require("react/jsx-runtime");
-var import_react72 = require("react");
+var import_react_router_dom25 = require("react-router-dom");
 var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_react72 = __toESM(require("react"), 1);
+var import_react_router_dom26 = require("react-router-dom");
+var import_lucide_react47 = require("lucide-react");
+var import_clsx7 = require("clsx");
+var import_tailwind_merge7 = require("tailwind-merge");
+var import_react73 = require("react");
 var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_react74 = require("react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
-var import_react73 = require("react");
+var import_react75 = require("react");
 var import_jsx_runtime102 = require("react/jsx-runtime");
+var import_react76 = require("react");
 var import_jsx_runtime103 = require("react/jsx-runtime");
+var import_lucide_react48 = require("lucide-react");
+var import_react_router_dom27 = require("react-router-dom");
 var import_jsx_runtime104 = require("react/jsx-runtime");
-var import_react74 = require("react");
 var import_jsx_runtime105 = require("react/jsx-runtime");
+var import_react77 = require("react");
+var import_lucide_react49 = require("lucide-react");
 var import_jsx_runtime106 = require("react/jsx-runtime");
+var import_lucide_react50 = require("lucide-react");
+var import_react78 = require("react");
 var import_jsx_runtime107 = require("react/jsx-runtime");
+var import_react79 = require("react");
+var import_react_router_dom28 = require("react-router-dom");
+var import_lucide_react51 = require("lucide-react");
+var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_react80 = require("react");
+var import_react81 = require("react");
+var import_lucide_react52 = require("lucide-react");
+var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_lucide_react53 = require("lucide-react");
+var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_react82 = require("react");
+var import_jsx_runtime111 = require("react/jsx-runtime");
+var import_jsx_runtime112 = require("react/jsx-runtime");
+var import_react83 = require("react");
+var import_jsx_runtime113 = require("react/jsx-runtime");
+var import_jsx_runtime114 = require("react/jsx-runtime");
+var import_react_router_dom29 = require("react-router-dom");
+var import_jsx_runtime115 = require("react/jsx-runtime");
+var import_react84 = __toESM(require("react"), 1);
+var import_react_router_dom30 = require("react-router-dom");
+var import_lucide_react54 = require("lucide-react");
+var import_clsx8 = require("clsx");
+var import_tailwind_merge8 = require("tailwind-merge");
+var import_react85 = require("react");
+var import_jsx_runtime116 = require("react/jsx-runtime");
+var import_react86 = require("react");
+var import_jsx_runtime117 = require("react/jsx-runtime");
+var import_react87 = require("react");
+var import_jsx_runtime118 = require("react/jsx-runtime");
+var import_react88 = require("react");
+var import_jsx_runtime119 = require("react/jsx-runtime");
+var import_lucide_react55 = require("lucide-react");
+var import_react_router_dom31 = require("react-router-dom");
+var import_jsx_runtime120 = require("react/jsx-runtime");
+var import_jsx_runtime121 = require("react/jsx-runtime");
+var import_react89 = require("react");
+var import_lucide_react56 = require("lucide-react");
+var import_jsx_runtime122 = require("react/jsx-runtime");
+var import_lucide_react57 = require("lucide-react");
+var import_react90 = require("react");
+var import_jsx_runtime123 = require("react/jsx-runtime");
+var import_react91 = require("react");
+var import_react_router_dom32 = require("react-router-dom");
+var import_lucide_react58 = require("lucide-react");
+var import_jsx_runtime124 = require("react/jsx-runtime");
+var import_react92 = require("react");
+var import_react93 = require("react");
+var import_lucide_react59 = require("lucide-react");
+var import_jsx_runtime125 = require("react/jsx-runtime");
+var import_lucide_react60 = require("lucide-react");
+var import_jsx_runtime126 = require("react/jsx-runtime");
+var import_react94 = require("react");
+var import_jsx_runtime127 = require("react/jsx-runtime");
+var import_jsx_runtime128 = require("react/jsx-runtime");
+var import_react95 = require("react");
+var import_jsx_runtime129 = require("react/jsx-runtime");
+var import_jsx_runtime130 = require("react/jsx-runtime");
+var import_react_router_dom33 = require("react-router-dom");
+var import_jsx_runtime131 = require("react/jsx-runtime");
+var import_react96 = __toESM(require("react"), 1);
+var import_react_router_dom34 = require("react-router-dom");
+var import_lucide_react61 = require("lucide-react");
+var import_clsx9 = require("clsx");
+var import_tailwind_merge9 = require("tailwind-merge");
+var import_react97 = require("react");
+var import_jsx_runtime132 = require("react/jsx-runtime");
+var import_react98 = require("react");
+var import_jsx_runtime133 = require("react/jsx-runtime");
+var import_react99 = require("react");
+var import_jsx_runtime134 = require("react/jsx-runtime");
+var import_react100 = require("react");
+var import_jsx_runtime135 = require("react/jsx-runtime");
+var import_lucide_react62 = require("lucide-react");
+var import_react_router_dom35 = require("react-router-dom");
+var import_jsx_runtime136 = require("react/jsx-runtime");
+var import_jsx_runtime137 = require("react/jsx-runtime");
+var import_react101 = require("react");
+var import_lucide_react63 = require("lucide-react");
+var import_jsx_runtime138 = require("react/jsx-runtime");
+var import_lucide_react64 = require("lucide-react");
+var import_react102 = require("react");
+var import_jsx_runtime139 = require("react/jsx-runtime");
+var import_react103 = require("react");
+var import_react_router_dom36 = require("react-router-dom");
+var import_lucide_react65 = require("lucide-react");
+var import_jsx_runtime140 = require("react/jsx-runtime");
+var import_react104 = require("react");
+var import_react105 = require("react");
+var import_lucide_react66 = require("lucide-react");
+var import_jsx_runtime141 = require("react/jsx-runtime");
+var import_lucide_react67 = require("lucide-react");
+var import_jsx_runtime142 = require("react/jsx-runtime");
+var import_react106 = require("react");
+var import_jsx_runtime143 = require("react/jsx-runtime");
+var import_jsx_runtime144 = require("react/jsx-runtime");
+var import_react107 = require("react");
+var import_jsx_runtime145 = require("react/jsx-runtime");
+var import_jsx_runtime146 = require("react/jsx-runtime");
+var import_react_router_dom37 = require("react-router-dom");
+var import_jsx_runtime147 = require("react/jsx-runtime");
+var import_react108 = __toESM(require("react"), 1);
+var import_react_router_dom38 = require("react-router-dom");
+var import_lucide_react68 = require("lucide-react");
+var import_clsx10 = require("clsx");
+var import_tailwind_merge10 = require("tailwind-merge");
+var import_react109 = require("react");
+var import_jsx_runtime148 = require("react/jsx-runtime");
+var import_react110 = require("react");
+var import_jsx_runtime149 = require("react/jsx-runtime");
+var import_react111 = require("react");
+var import_jsx_runtime150 = require("react/jsx-runtime");
+var import_react112 = require("react");
+var import_jsx_runtime151 = require("react/jsx-runtime");
+var import_lucide_react69 = require("lucide-react");
+var import_react_router_dom39 = require("react-router-dom");
+var import_jsx_runtime152 = require("react/jsx-runtime");
+var import_jsx_runtime153 = require("react/jsx-runtime");
+var import_react113 = require("react");
+var import_lucide_react70 = require("lucide-react");
+var import_jsx_runtime154 = require("react/jsx-runtime");
+var import_lucide_react71 = require("lucide-react");
+var import_react114 = require("react");
+var import_jsx_runtime155 = require("react/jsx-runtime");
+var import_react115 = require("react");
+var import_react_router_dom40 = require("react-router-dom");
+var import_lucide_react72 = require("lucide-react");
+var import_jsx_runtime156 = require("react/jsx-runtime");
+var import_react116 = require("react");
+var import_react117 = require("react");
+var import_lucide_react73 = require("lucide-react");
+var import_jsx_runtime157 = require("react/jsx-runtime");
+var import_lucide_react74 = require("lucide-react");
+var import_jsx_runtime158 = require("react/jsx-runtime");
+var import_react118 = require("react");
+var import_jsx_runtime159 = require("react/jsx-runtime");
+var import_jsx_runtime160 = require("react/jsx-runtime");
+var import_react119 = require("react");
+var import_jsx_runtime161 = require("react/jsx-runtime");
+var import_jsx_runtime162 = require("react/jsx-runtime");
+var import_react120 = require("react");
+var import_jsx_runtime163 = require("react/jsx-runtime");
+var import_jsx_runtime164 = require("react/jsx-runtime");
+var import_jsx_runtime165 = require("react/jsx-runtime");
+var import_react121 = require("react");
+var import_jsx_runtime166 = require("react/jsx-runtime");
+var import_jsx_runtime167 = require("react/jsx-runtime");
+var import_jsx_runtime168 = require("react/jsx-runtime");
+var import_react122 = require("react");
+var import_jsx_runtime169 = require("react/jsx-runtime");
+var import_jsx_runtime170 = require("react/jsx-runtime");
+var import_jsx_runtime171 = require("react/jsx-runtime");
+var import_react123 = require("react");
+var import_jsx_runtime172 = require("react/jsx-runtime");
+var import_jsx_runtime173 = require("react/jsx-runtime");
+var import_jsx_runtime174 = require("react/jsx-runtime");
+var import_react124 = require("react");
+var import_jsx_runtime175 = require("react/jsx-runtime");
+var import_jsx_runtime176 = require("react/jsx-runtime");
+var import_jsx_runtime177 = require("react/jsx-runtime");
+var import_react125 = require("react");
+var import_jsx_runtime178 = require("react/jsx-runtime");
+var import_jsx_runtime179 = require("react/jsx-runtime");
+var import_jsx_runtime180 = require("react/jsx-runtime");
+var import_react126 = require("react");
+var import_jsx_runtime181 = require("react/jsx-runtime");
+var import_jsx_runtime182 = require("react/jsx-runtime");
+var import_jsx_runtime183 = require("react/jsx-runtime");
 var PrimaryButton2 = ({
   loading = false,
   children,
@@ -4018,10 +6166,10 @@ var PrimaryButton2 = ({
   }
 );
 var Buttons_default2 = PrimaryButton2;
-var Modal2 = ({ title, description, width, open, onClose, children }) => {
+var Modal2 = ({ title, description, width = "max-w-lg", open, onClose, children }) => {
   if (!open) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `bg-white  rounded-lg pt-4 px-6 mx-4 `, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex  justify-between items-start mb-6", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: `bg-white rounded-lg p-6 mx-4 w-full ${width}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex justify-between items-start mb-6", children: [
       /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { children: [
         /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: title }) }),
         description && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("p", { className: "text-sm text-gray-600 mt-1", children: description })
@@ -4036,7 +6184,7 @@ var Modal2 = ({ title, description, width, open, onClose, children }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-1", children })
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
   ] }) });
 };
 var Modals_default2 = Modal2;
@@ -4088,41 +6236,43 @@ var ADDRESS_IP2 = chooseEnv2 === "prod" ? "back.rewise.praeduim-tech.com" : "loc
 var ADDRESS_IP_URL2 = chooseEnv2 === "prod" ? `https://${ADDRESS_IP2}/` : `http://${ADDRESS_IP2}/`;
 var API_URL2 = `${ADDRESS_IP_URL2}api`;
 var API_BASE_URL3 = `${API_URL2}/core/auth/`;
+var VENDORS_API_URL2 = `${API_URL2}/accounting/vendors/`;
 var SessionContext2 = (0, import_react14.createContext)(void 0);
 var API_BASE_URL22 = `${API_URL2}/core/auth/`;
 var USERS_API_URL2 = `${API_URL2}/core/users/`;
 var ToastContext2 = (0, import_react15.createContext)(void 0);
 var APPROVAL_API_URL2 = `${API_URL2}/approvals/cases/`;
 var AlertContext2 = (0, import_react22.createContext)(void 0);
-var VENDORS_API_URL2 = `${API_URL2}/accounting/vendors/`;
 var ThemeContext22 = (0, import_react25.createContext)(void 0);
 var chooseEnv22 = localStorage.getItem("env") ?? "prod";
 var ADDRESS_IP22 = chooseEnv22 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
 var ADDRESS_IP_URL22 = chooseEnv22 === "prod" ? `https://${ADDRESS_IP22}/` : `http://${ADDRESS_IP22}/`;
 var API_URL22 = `${ADDRESS_IP_URL22}api`;
 var API_BASE_URL32 = `${API_URL22}/core/auth/`;
+var VENDORS_API_URL22 = `${API_URL22}/accounting/vendors/`;
 var SessionContext22 = (0, import_react26.createContext)(void 0);
 var API_BASE_URL222 = `${API_URL22}/core/auth/`;
 var USERS_API_URL22 = `${API_URL22}/core/users/`;
 var ToastContext22 = (0, import_react27.createContext)(void 0);
 var APPROVAL_API_URL22 = `${API_URL22}/approvals/cases/`;
 var AlertContext22 = (0, import_react34.createContext)(void 0);
-var VENDORS_API_URL22 = `${API_URL22}/accounting/vendors/`;
 var ThemeContext222 = (0, import_react37.createContext)(void 0);
-var ADDRESS_IP222 = "localhost:8000";
-var ADDRESS_IP_URL222 = `http://${ADDRESS_IP222}/`;
+var chooseEnv222 = localStorage.getItem("env") ?? "prod";
+var ADDRESS_IP222 = chooseEnv222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP_URL222 = chooseEnv222 === "prod" ? `https://${ADDRESS_IP222}/` : `http://${ADDRESS_IP222}/`;
 var API_URL222 = `${ADDRESS_IP_URL222}api`;
 var API_BASE_URL322 = `${API_URL222}/core/auth/`;
+var VENDORS_API_URL222 = `${API_URL222}/accounting/vendors/`;
 var SessionContext222 = (0, import_react38.createContext)(void 0);
 var API_BASE_URL2222 = `${API_URL222}/core/auth/`;
 var USERS_API_URL222 = `${API_URL222}/core/users/`;
 var ToastContext222 = (0, import_react39.createContext)(void 0);
 var APPROVAL_API_URL222 = `${API_URL222}/approvals/cases/`;
 var AlertContext222 = (0, import_react46.createContext)(void 0);
-var VENDORS_API_URL222 = `${API_URL222}/accounting/vendors/`;
 var ThemeContext2222 = (0, import_react49.createContext)(void 0);
-var ADDRESS_IP2222 = "localhost:8000";
-var ADDRESS_IP_URL2222 = `http://${ADDRESS_IP2222}/`;
+var chooseEnv2222 = localStorage.getItem("env") ?? "prod";
+var ADDRESS_IP2222 = chooseEnv2222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP_URL2222 = chooseEnv2222 === "prod" ? `https://${ADDRESS_IP2222}/` : `http://${ADDRESS_IP2222}/`;
 var API_URL2222 = `${ADDRESS_IP_URL2222}api`;
 var API_BASE_URL3222 = `${API_URL2222}/core/auth/`;
 var SessionContext2222 = (0, import_react50.createContext)(void 0);
@@ -4133,8 +6283,9 @@ var APPROVAL_API_URL2222 = `${API_URL2222}/approvals/cases/`;
 var AlertContext2222 = (0, import_react58.createContext)(void 0);
 var VENDORS_API_URL2222 = `${API_URL2222}/accounting/vendors/`;
 var ThemeContext22222 = (0, import_react61.createContext)(void 0);
-var ADDRESS_IP22222 = "localhost:8000";
-var ADDRESS_IP_URL22222 = `http://${ADDRESS_IP22222}/`;
+var chooseEnv22222 = localStorage.getItem("env") ?? "prod";
+var ADDRESS_IP22222 = chooseEnv22222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP_URL22222 = chooseEnv22222 === "prod" ? `https://${ADDRESS_IP22222}/` : `http://${ADDRESS_IP22222}/`;
 var API_URL22222 = `${ADDRESS_IP_URL22222}api`;
 var API_BASE_URL32222 = `${API_URL22222}/core/auth/`;
 var SessionContext22222 = (0, import_react62.createContext)(void 0);
@@ -4143,26 +6294,91 @@ var USERS_API_URL22222 = `${API_URL22222}/core/users/`;
 var ToastContext22222 = (0, import_react63.createContext)(void 0);
 var APPROVAL_API_URL22222 = `${API_URL22222}/approvals/cases/`;
 var AlertContext22222 = (0, import_react70.createContext)(void 0);
-var URI = `${API_URL2222}/core/departments/`;
-var URI2 = `${API_URL2222}/accounting/profit-or-cost-center/`;
-var COST_URI = `${API_URL2222}/accounting/cost-center/`;
-var PROFIT_URI = `${API_URL2222}/accounting/profit-center/`;
-var URI3 = `${API_URL222}/core/departments/`;
-var URI4 = `${API_URL222}/accounting/profit-or-cost-center/`;
-var COST_URI2 = `${API_URL222}/accounting/cost-center/`;
-var PROFIT_URI2 = `${API_URL222}/accounting/profit-center/`;
-var URI5 = `${API_URL22}/core/departments/`;
-var URI6 = `${API_URL22}/accounting/profit-or-cost-center/`;
-var COST_URI3 = `${API_URL22}/accounting/cost-center/`;
-var PROFIT_URI3 = `${API_URL22}/accounting/profit-center/`;
-var URI7 = `${API_URL2}/core/departments/`;
-var URI8 = `${API_URL2}/accounting/profit-or-cost-center/`;
-var COST_URI4 = `${API_URL2}/accounting/cost-center/`;
-var PROFIT_URI4 = `${API_URL2}/accounting/profit-center/`;
+var VENDORS_API_URL22222 = `${API_URL22222}/accounting/vendors/`;
+var ThemeContext222222 = (0, import_react73.createContext)(void 0);
+var chooseEnv222222 = localStorage.getItem("env") ?? "prod";
+var ADDRESS_IP222222 = chooseEnv222222 === "prod" ? "back.rewise.praeduim-tech.com" : "localhost:8000";
+var ADDRESS_IP_URL222222 = chooseEnv222222 === "prod" ? `https://${ADDRESS_IP222222}/` : `http://${ADDRESS_IP222222}/`;
+var API_URL222222 = `${ADDRESS_IP_URL222222}api`;
+var API_BASE_URL322222 = `${API_URL222222}/core/auth/`;
+var SessionContext222222 = (0, import_react74.createContext)(void 0);
+var API_BASE_URL2222222 = `${API_URL222222}/core/auth/`;
+var USERS_API_URL222222 = `${API_URL222222}/core/users/`;
+var ToastContext222222 = (0, import_react75.createContext)(void 0);
+var APPROVAL_API_URL222222 = `${API_URL222222}/approvals/cases/`;
+var AlertContext222222 = (0, import_react82.createContext)(void 0);
+var VENDORS_API_URL222222 = `${API_URL222222}/accounting/vendors/`;
+var ThemeContext2222222 = (0, import_react85.createContext)(void 0);
+var ADDRESS_IP2222222 = "localhost:8000";
+var ADDRESS_IP_URL2222222 = `http://${ADDRESS_IP2222222}/`;
+var API_URL2222222 = `${ADDRESS_IP_URL2222222}api`;
+var API_BASE_URL3222222 = `${API_URL2222222}/core/auth/`;
+var SessionContext2222222 = (0, import_react86.createContext)(void 0);
+var API_BASE_URL22222222 = `${API_URL2222222}/core/auth/`;
+var USERS_API_URL2222222 = `${API_URL2222222}/core/users/`;
+var ToastContext2222222 = (0, import_react87.createContext)(void 0);
+var APPROVAL_API_URL2222222 = `${API_URL2222222}/approvals/cases/`;
+var AlertContext2222222 = (0, import_react94.createContext)(void 0);
+var VENDORS_API_URL2222222 = `${API_URL2222222}/accounting/vendors/`;
+var ThemeContext22222222 = (0, import_react97.createContext)(void 0);
+var ADDRESS_IP22222222 = "localhost:8000";
+var ADDRESS_IP_URL22222222 = `http://${ADDRESS_IP22222222}/`;
+var API_URL22222222 = `${ADDRESS_IP_URL22222222}api`;
+var API_BASE_URL32222222 = `${API_URL22222222}/core/auth/`;
+var SessionContext22222222 = (0, import_react98.createContext)(void 0);
+var API_BASE_URL222222222 = `${API_URL22222222}/core/auth/`;
+var USERS_API_URL22222222 = `${API_URL22222222}/core/users/`;
+var ToastContext22222222 = (0, import_react99.createContext)(void 0);
+var APPROVAL_API_URL22222222 = `${API_URL22222222}/approvals/cases/`;
+var AlertContext22222222 = (0, import_react106.createContext)(void 0);
+var VENDORS_API_URL22222222 = `${API_URL22222222}/accounting/vendors/`;
+var ThemeContext222222222 = (0, import_react109.createContext)(void 0);
+var ADDRESS_IP222222222 = "localhost:8000";
+var ADDRESS_IP_URL222222222 = `http://${ADDRESS_IP222222222}/`;
+var API_URL222222222 = `${ADDRESS_IP_URL222222222}api`;
+var API_BASE_URL322222222 = `${API_URL222222222}/core/auth/`;
+var SessionContext222222222 = (0, import_react110.createContext)(void 0);
+var API_BASE_URL2222222222 = `${API_URL222222222}/core/auth/`;
+var USERS_API_URL222222222 = `${API_URL222222222}/core/users/`;
+var ToastContext222222222 = (0, import_react111.createContext)(void 0);
+var APPROVAL_API_URL222222222 = `${API_URL222222222}/approvals/cases/`;
+var AlertContext222222222 = (0, import_react118.createContext)(void 0);
+var URI = `${API_URL22222222}/core/departments/`;
+var URI2 = `${API_URL22222222}/accounting/profit-or-cost-center/`;
+var COST_URI = `${API_URL22222222}/accounting/cost-center/`;
+var PROFIT_URI = `${API_URL22222222}/accounting/profit-center/`;
+var URI3 = `${API_URL2222222}/core/departments/`;
+var URI4 = `${API_URL2222222}/accounting/profit-or-cost-center/`;
+var COST_URI2 = `${API_URL2222222}/accounting/cost-center/`;
+var PROFIT_URI2 = `${API_URL2222222}/accounting/profit-center/`;
+var URI5 = `${API_URL222222}/core/departments/`;
+var URI6 = `${API_URL222222}/accounting/profit-or-cost-center/`;
+var COST_URI3 = `${API_URL222222}/accounting/cost-center/`;
+var PROFIT_URI3 = `${API_URL222222}/accounting/profit-center/`;
+var URI7 = `${API_URL22222}/core/departments/`;
+var URI8 = `${API_URL22222}/accounting/profit-or-cost-center/`;
+var COST_URI4 = `${API_URL22222}/accounting/cost-center/`;
+var PROFIT_URI4 = `${API_URL22222}/accounting/profit-center/`;
+var URI9 = `${API_URL2222}/core/departments/`;
+var URI10 = `${API_URL2222}/accounting/profit-or-cost-center/`;
+var COST_URI5 = `${API_URL2222}/accounting/cost-center/`;
+var PROFIT_URI5 = `${API_URL2222}/accounting/profit-center/`;
+var URI11 = `${API_URL222}/core/departments/`;
+var URI12 = `${API_URL222}/accounting/profit-or-cost-center/`;
+var COST_URI6 = `${API_URL222}/accounting/cost-center/`;
+var PROFIT_URI6 = `${API_URL222}/accounting/profit-center/`;
+var URI13 = `${API_URL22}/core/departments/`;
+var URI14 = `${API_URL22}/accounting/profit-or-cost-center/`;
+var COST_URI7 = `${API_URL22}/accounting/cost-center/`;
+var PROFIT_URI7 = `${API_URL22}/accounting/profit-center/`;
+var URI15 = `${API_URL2}/core/departments/`;
+var URI16 = `${API_URL2}/accounting/profit-or-cost-center/`;
+var COST_URI8 = `${API_URL2}/accounting/cost-center/`;
+var PROFIT_URI8 = `${API_URL2}/accounting/profit-center/`;
 
 // src/components/common/FormVendor.tsx
-var import_react75 = require("react");
-var import_jsx_runtime108 = require("react/jsx-runtime");
+var import_react127 = require("react");
+var import_jsx_runtime184 = require("react/jsx-runtime");
 var MinimalVendorForm = ({
   isOpen,
   onClose,
@@ -4171,13 +6387,13 @@ var MinimalVendorForm = ({
   refresh = () => {
   }
 }) => {
-  const [formData, setFormData] = (0, import_react75.useState)(object || {
+  const [formData, setFormData] = (0, import_react127.useState)(object || {
     from_module: from ?? null,
     legal_name: "",
     trading_name: ""
   });
-  const [errors, setErrors] = (0, import_react75.useState)({});
-  const [loading, setLoading] = (0, import_react75.useState)(false);
+  const [errors, setErrors] = (0, import_react127.useState)({});
+  const [loading, setLoading] = (0, import_react127.useState)(false);
   const { token } = useSession();
   const { success, error: showError } = useToast();
   const handleInputChange = (e) => {
@@ -4236,7 +6452,7 @@ var MinimalVendorForm = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
     Modals_default2,
     {
       title: "Ajouter un fournisseur",
@@ -4244,9 +6460,9 @@ var MinimalVendorForm = ({
       description: ``,
       open: isOpen,
       onClose,
-      children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("form", { onSubmit: handleSubmit, className: "p-", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime184.jsx)("div", { className: "space-y-4", children: /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
             TextInput2,
             {
               label: "Raison sociale",
@@ -4258,7 +6474,7 @@ var MinimalVendorForm = ({
               onChange: handleInputChange
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
             TextInput2,
             {
               label: "Nom commercial",
@@ -4269,8 +6485,8 @@ var MinimalVendorForm = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime108.jsxs)("div", { className: "flex justify-between pt-6 mt-8", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime184.jsxs)("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
             "button",
             {
               type: "button",
@@ -4279,7 +6495,7 @@ var MinimalVendorForm = ({
               children: "Annuler"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime108.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime184.jsx)(
             Buttons_default2,
             {
               type: "button",
@@ -4295,43 +6511,43 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI9 = `${API_URL}/core/departments/`;
+var URI17 = `${API_URL}/core/departments/`;
 var DepartmentServices = {
-  create: (data) => FetchApi.post(`${URI9}`, data),
-  get: (id) => FetchApi.get(`${URI9}${id}/`),
-  list: (params) => FetchApi.get(`${URI9}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${URI9}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${URI9}${id}/`)
+  create: (data) => FetchApi.post(`${URI17}`, data),
+  get: (id) => FetchApi.get(`${URI17}${id}/`),
+  list: (params) => FetchApi.get(`${URI17}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI17}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI17}${id}/`)
 };
 
 // src/services/ProfitCostsServices.ts
-var URI10 = `${API_URL}/accounting/profit-or-cost-center/`;
-var COST_URI5 = `${API_URL}/accounting/cost-center/`;
+var URI18 = `${API_URL}/accounting/profit-or-cost-center/`;
+var COST_URI9 = `${API_URL}/accounting/cost-center/`;
 var CostServices = {
-  create: (data) => FetchApi.post(`${COST_URI5}`, data),
-  get: (id) => FetchApi.get(`${COST_URI5}${id}/`),
-  list: (params) => FetchApi.get(`${COST_URI5}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${COST_URI5}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${COST_URI5}${id}/`)
+  create: (data) => FetchApi.post(`${COST_URI9}`, data),
+  get: (id) => FetchApi.get(`${COST_URI9}${id}/`),
+  list: (params) => FetchApi.get(`${COST_URI9}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${COST_URI9}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${COST_URI9}${id}/`)
 };
-var PROFIT_URI5 = `${API_URL}/accounting/profit-center/`;
+var PROFIT_URI9 = `${API_URL}/accounting/profit-center/`;
 
 // src/components/common/CommonSelect.tsx
-var import_jsx_runtime109 = require("react/jsx-runtime");
+var import_jsx_runtime185 = require("react/jsx-runtime");
 var SelectVendor = ({
   value,
   onSelect
 }) => {
-  const [showModal, setShowModal] = (0, import_react76.useState)(false);
-  const [selectedVendor, setSelectedVendor] = (0, import_react76.useState)(null);
+  const [showModal, setShowModal] = (0, import_react128.useState)(false);
+  const [selectedVendor, setSelectedVendor] = (0, import_react128.useState)(null);
   const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = (0, import_react76.useState)(() => {
+  const [vendors, setVendors] = (0, import_react128.useState)(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loadingVendors, setLoadingVendors] = (0, import_react76.useState)(false);
-  (0, import_react76.useEffect)(() => {
+  const [loadingVendors, setLoadingVendors] = (0, import_react128.useState)(false);
+  (0, import_react128.useEffect)(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4369,9 +6585,9 @@ var SelectVendor = ({
     sessionStorage.removeItem(cacheKey);
     loadVendors();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       SearchableSelect,
       {
         value,
@@ -4387,8 +6603,8 @@ var SelectVendor = ({
       },
       "fourni" + value
     ),
-    loadingVendors && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
-    showModal && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+    loadingVendors && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       MinimalVendorForm,
       {
         object: selectedVendor,
@@ -4405,13 +6621,13 @@ var SelectUser = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [users, setUsers] = (0, import_react76.useState)(() => {
+  const [users, setUsers] = (0, import_react128.useState)(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react76.useState)(false);
-  (0, import_react76.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react128.useState)(false);
+  (0, import_react128.useEffect)(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4447,19 +6663,19 @@ var SelectUser = ({
     return users.map((user) => ({
       value: user.id,
       label: `${user.first_name} ${user.last_name}`,
-      content: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "font-medium text-gray-900", children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "font-medium text-gray-900", children: [
           user.first_name,
           " ",
           user.last_name
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
+        /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       SearchableSelect,
       {
         value,
@@ -4472,7 +6688,7 @@ var SelectUser = ({
       },
       "user" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
   ] });
 };
 var SelectDepartment = ({
@@ -4480,13 +6696,13 @@ var SelectDepartment = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [departments, setDepartments] = (0, import_react76.useState)(() => {
+  const [departments, setDepartments] = (0, import_react128.useState)(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react76.useState)(false);
-  (0, import_react76.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react128.useState)(false);
+  (0, import_react128.useEffect)(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4522,9 +6738,9 @@ var SelectDepartment = ({
       label: dept.name
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       SearchableSelect,
       {
         value,
@@ -4537,7 +6753,7 @@ var SelectDepartment = ({
       },
       "dept" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
   ] });
 };
 var SelectCostCenter = ({
@@ -4545,13 +6761,13 @@ var SelectCostCenter = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [costCenters, setCostCenters] = (0, import_react76.useState)(() => {
+  const [costCenters, setCostCenters] = (0, import_react128.useState)(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = (0, import_react76.useState)(false);
-  (0, import_react76.useEffect)(() => {
+  const [loading, setLoading] = (0, import_react128.useState)(false);
+  (0, import_react128.useEffect)(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4585,18 +6801,18 @@ var SelectCostCenter = ({
     return costCenters.map((center) => ({
       value: center.id,
       label: `${center.code ? `[${center.code}] ` : ""}${center.name}`,
-      content: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "flex-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "font-medium text-gray-900", children: center.name }),
-        center.code && /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { className: "text-sm text-gray-500", children: [
+      content: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { className: "text-sm text-gray-500", children: [
           "Code: ",
           center.code
         ] })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime109.jsxs)("div", { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime109.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime185.jsxs)("div", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("div", { className: "flex justify-between ", children: /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime185.jsx)(
       SearchableSelect,
       {
         value,
@@ -4609,12 +6825,12 @@ var SelectCostCenter = ({
       },
       "cost" + value
     ),
-    loading && /* @__PURE__ */ (0, import_jsx_runtime109.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+    loading && /* @__PURE__ */ (0, import_jsx_runtime185.jsx)("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
 
 // src/components/common/Choices.tsx
-var import_jsx_runtime110 = require("react/jsx-runtime");
+var import_jsx_runtime186 = require("react/jsx-runtime");
 var CHOICES = {
   INVOICE_TYPES: [
     { value: "sale", label: { fr: "Vente", en: "Sale", default: "Sale" } },
@@ -4872,7 +7088,7 @@ var InvoiceTypeSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     SearchableSelect,
     {
       value,
@@ -4895,7 +7111,7 @@ var PaymentMethodSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     SearchableSelect,
     {
       value,
@@ -4918,7 +7134,7 @@ var TemplateFNESelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     SearchableSelect,
     {
       value,
@@ -4941,7 +7157,7 @@ var ForeignCurrencySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     SearchableSelect,
     {
       value,
@@ -4965,7 +7181,7 @@ var TaxSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     SearchableSelect,
     {
       value,
@@ -4993,7 +7209,7 @@ var LegalFormSelector = ({
     value: item.value,
     label: item.label[language] ?? item.label.default
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     SearchableSelect,
     {
       value,
@@ -5016,7 +7232,7 @@ var CountrySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ (0, import_jsx_runtime110.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime186.jsx)(
     SearchableSelect,
     {
       value,