ptechcore_ui 1.0.18 → 1.0.20

package/dist/index.js

@@ -35,10 +35,10 @@ var Buttons_default = PrimaryButton;
 
 // src/components/common/Modals.tsx
 import { jsx as jsx2, jsxs } from "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__ */ jsx2("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs("div", { className: `bg-white  rounded-lg pt-4 px-6 mx-4 `, children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex  justify-between items-start mb-6", children: [
+  return /* @__PURE__ */ jsx2("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs("div", { className: `bg-white rounded-lg p-6 mx-4 w-full ${width}`, children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-start mb-6", children: [
       /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx2("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ jsx2("span", { children: title }) }),
         description && /* @__PURE__ */ jsx2("p", { className: "text-sm text-gray-600 mt-1", children: description })
@@ -53,7 +53,7 @@ var Modal = ({ title, description, width, open, onClose, children }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx2("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-1", children })
+    /* @__PURE__ */ jsx2("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
   ] }) });
 };
 var Modals_default = Modal;
@@ -225,13 +225,98 @@ import {
   User,
   LogOut,
   Menu,
-  X as X2,
+  X as X3,
   Palette,
   DollarSign,
-  HelpCircle,
-  Building2
+  HelpCircle as HelpCircle2,
+  Building2,
+  LayoutGrid
 } from "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
 import { clsx } from "clsx";
 import { twMerge } from "tailwind-merge";
@@ -691,6 +776,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
 import { jsx as jsx5 } from "react/jsx-runtime";
 var SessionContext = createContext2(void 0);
@@ -708,6 +815,47 @@ var SessionProvider = ({ children }) => {
   const saved_center_id = localStorage.getItem("active_center_id") || "";
   const [isLoading, setIsLoading] = useState2(true);
   const [showAuthModal, setShowAuthModal] = useState2(false);
+  useEffect2(() => {
+    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] = useState2(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    return cached ? JSON.parse(cached) : [];
+  });
+  const [loadingVendors, setLoadingVendors] = useState2(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);
+    }
+  };
+  useEffect2(() => {
+    const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
+    const cached = sessionStorage.getItem(cacheKey);
+    if (!cached) {
+      loadVendors();
+    } else {
+      setVendors(JSON.parse(cached));
+    }
+  }, [activeBusinessEntity?.id]);
   useEffect2(() => {
     const storedToken = localStorage.getItem("token");
     if (storedToken) {
@@ -727,6 +875,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 {
@@ -751,7 +900,12 @@ var SessionProvider = ({ children }) => {
     login,
     logout,
     showAuthModal,
-    setShowAuthModal
+    setShowAuthModal,
+    vendors,
+    setVendors,
+    loadingVendors,
+    setLoadingVendors,
+    loadVendors
   }, children });
 };
 
@@ -784,7 +938,8 @@ var UserServices = {
 
 // src/contexts/ToastContext.tsx
 import { createContext as createContext3, useContext as useContext3, useState as useState3, useCallback } from "react";
-import { jsx as jsx6 } from "react/jsx-runtime";
+import { AlertTriangle, HelpCircle, AlertCircle, X } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs3 } from "react/jsx-runtime";
 var ToastContext = createContext3(void 0);
 var useToast = () => {
   const context = useContext3(ToastContext);
@@ -795,6 +950,11 @@ var useToast = () => {
 };
 var ToastProvider = ({ children }) => {
   const [toasts, setToasts] = useState3([]);
+  const [confirmState, setConfirmState] = useState3({
+    isOpen: false,
+    options: null,
+    resolve: null
+  });
   const generateId = () => {
     return Date.now().toString(36) + Math.random().toString(36).substr(2);
   };
@@ -827,6 +987,26 @@ var ToastProvider = ({ children }) => {
   const info = useCallback((message, duration) => {
     addToast({ message, type: "info", duration });
   }, [addToast]);
+  const confirm2 = useCallback((options) => {
+    return new Promise((resolve) => {
+      const normalizedOptions = typeof options === "string" ? { message: options } : options;
+      setConfirmState({
+        isOpen: true,
+        options: normalizedOptions,
+        resolve
+      });
+    });
+  }, []);
+  const handleConfirm = useCallback((result) => {
+    if (confirmState.resolve) {
+      confirmState.resolve(result);
+    }
+    setConfirmState({
+      isOpen: false,
+      options: null,
+      resolve: null
+    });
+  }, [confirmState.resolve]);
   const value = {
     toasts,
     addToast,
@@ -834,23 +1014,91 @@ var ToastProvider = ({ children }) => {
     success,
     error,
     warning,
-    info
+    info,
+    confirm: confirm2
   };
-  return /* @__PURE__ */ jsx6(ToastContext.Provider, { value, children });
+  const getConfirmTypeStyles = (type) => {
+    switch (type) {
+      case "danger":
+        return {
+          icon: /* @__PURE__ */ jsx6(AlertCircle, { className: "w-6 h-6 text-red-500" }),
+          confirmBtnClass: "bg-red-600 hover:bg-red-700 text-white"
+        };
+      case "warning":
+        return {
+          icon: /* @__PURE__ */ jsx6(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__ */ jsx6(HelpCircle, { className: "w-6 h-6 text-blue-500" }),
+          confirmBtnClass: "bg-blue-600 hover:bg-blue-700 text-white"
+        };
+    }
+  };
+  const typeStyles = confirmState.options ? getConfirmTypeStyles(confirmState.options.type) : getConfirmTypeStyles();
+  return /* @__PURE__ */ jsxs3(ToastContext.Provider, { value, children: [
+    children,
+    confirmState.isOpen && confirmState.options && /* @__PURE__ */ jsxs3("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx6(
+        "div",
+        {
+          className: "absolute inset-0 bg-black/50 backdrop-blur-sm",
+          onClick: () => handleConfirm(false)
+        }
+      ),
+      /* @__PURE__ */ jsxs3("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__ */ jsxs3("div", { className: "flex items-start gap-4 p-6 pb-4", children: [
+          /* @__PURE__ */ jsx6("div", { className: "flex-shrink-0 p-2 rounded-full bg-gray-100", children: typeStyles.icon }),
+          /* @__PURE__ */ jsxs3("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ jsx6("h3", { className: "text-lg font-semibold text-gray-900", children: confirmState.options.title || "Confirmation" }),
+            /* @__PURE__ */ jsx6("p", { className: "mt-2 text-sm text-gray-600 whitespace-pre-wrap", children: confirmState.options.message })
+          ] }),
+          /* @__PURE__ */ jsx6(
+            "button",
+            {
+              onClick: () => handleConfirm(false),
+              className: "flex-shrink-0 p-1 rounded-lg hover:bg-gray-100 transition-colors",
+              children: /* @__PURE__ */ jsx6(X, { className: "w-5 h-5 text-gray-400" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxs3("div", { className: "flex justify-end gap-3 px-6 py-4 bg-gray-50 border-t border-gray-100", children: [
+          /* @__PURE__ */ jsx6(
+            "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__ */ jsx6(
+            "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
 import { useState as useState4, useEffect as useEffect3 } from "react";
 
 // src/components/common/Cards.tsx
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
-var RewiseBasicCard = ({ title, children }) => /* @__PURE__ */ jsxs3("div", { className: "bg-white rounded-lg ", children: [
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+var RewiseBasicCard = ({ title, children }) => /* @__PURE__ */ jsxs4("div", { className: "bg-white rounded-lg ", children: [
   /* @__PURE__ */ jsx7("div", { className: "px-6 py-2 border-b border-gray-200", children: /* @__PURE__ */ jsx7("div", { className: "flex items-center space-x-4", children: title }) }),
   /* @__PURE__ */ jsx7("div", { className: "p-3", children })
 ] });
 
 // src/pages/ApprovalPreviewAnswer.tsx
-import { X, Loader, Eye, FileText, Check, XCircle, Edit, CheckCircle, Clock, AlertCircle, User as UserIcon, Send } from "lucide-react";
+import { X as X2, Loader, Eye, FileText, Check, XCircle, Edit, CheckCircle, Clock, AlertCircle as AlertCircle2, User as UserIcon, Send } from "lucide-react";
 import { useParams, useSearchParams } from "react-router-dom";
 
 // src/services/ApprovalServices.ts
@@ -908,7 +1156,7 @@ var ApprovalServices = {
 };
 
 // src/pages/ApprovalPreviewAnswer.tsx
-import { Fragment, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
 var ApprovalAnswerModal = ({ answer_id, link_token, object_detail }) => {
   const [answerId, setAnswerId] = useState4(answer_id);
   const [caseData, setCaseData] = useState4(object_detail);
@@ -1096,7 +1344,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
     const statusDisplay = getAnswerStatusDisplay(approval.answer);
     const userName = approval.user_detail ? `${approval.user_detail.first_name} ${approval.user_detail.last_name}`.trim() : approval.full_name || "Utilisateur inconnu";
     const userEmail = approval.user_detail?.email || approval.email || "";
-    return /* @__PURE__ */ jsxs4("div", { className: "relative flex gap-3", children: [
+    return /* @__PURE__ */ jsxs5("div", { className: "relative flex gap-3", children: [
       !isLast && /* @__PURE__ */ jsx8("div", { className: "absolute left-[19px] top-[40px] bottom-[-16px] w-0.5 bg-gray-300" }),
       /* @__PURE__ */ jsx8("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ jsx8(
         "div",
@@ -1105,17 +1353,17 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
           children: /* @__PURE__ */ jsx8(UserIcon, { className: `w-5 h-5 ${statusDisplay.textColor}` })
         }
       ) }),
-      /* @__PURE__ */ jsx8("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ jsxs4("div", { className: `p-3 rounded-lg border ${statusDisplay.borderColor} ${statusDisplay.bgColor}`, children: [
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-start justify-between gap-2 mb-1", children: [
+      /* @__PURE__ */ jsx8("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ jsxs5("div", { className: `p-3 rounded-lg border ${statusDisplay.borderColor} ${statusDisplay.bgColor}`, children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-start justify-between gap-2 mb-1", children: [
           /* @__PURE__ */ jsx8("span", { className: "font-medium text-sm text-[#191919] truncate", children: userName }),
-          /* @__PURE__ */ jsxs4("span", { className: `text-xs font-medium ${statusDisplay.textColor} whitespace-nowrap`, children: [
+          /* @__PURE__ */ jsxs5("span", { className: `text-xs font-medium ${statusDisplay.textColor} whitespace-nowrap`, children: [
             "Rang ",
             approval.rank
           ] })
         ] }),
         userEmail && /* @__PURE__ */ jsx8("p", { className: "text-xs text-gray-600 truncate mb-2", children: userEmail }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex items-center gap-2 mb-1", children: [
-          /* @__PURE__ */ jsx8("div", { className: "", children: /* @__PURE__ */ jsxs4("div", { className: `w-5 h-5 rounded-full bg-white border ${statusDisplay.borderColor} flex items-center justify-center`, children: [
+        /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ jsx8("div", { className: "", children: /* @__PURE__ */ jsxs5("div", { className: `w-5 h-5 rounded-full bg-white border ${statusDisplay.borderColor} flex items-center justify-center`, children: [
             approval.answer === "approved" && /* @__PURE__ */ jsx8(CheckCircle, { className: "w-3 h-3 text-green-600" }),
             approval.answer === "refused" && /* @__PURE__ */ jsx8(XCircle, { className: "w-3 h-3 text-red-600" }),
             approval.answer === "suggest-correction" && /* @__PURE__ */ jsx8(Edit, { className: "w-3 h-3 text-orange-600" }),
@@ -1123,7 +1371,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
           ] }) }),
           /* @__PURE__ */ jsx8("span", { className: `text-xs font-medium ${statusDisplay.textColor}`, children: statusDisplay.label })
         ] }),
-        approval.answered_at && /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsxs4("p", { className: "text-xs text-gray-500", children: [
+        approval.answered_at && /* @__PURE__ */ jsx8(Fragment, { children: /* @__PURE__ */ jsxs5("p", { className: "text-xs text-gray-500", children: [
           "R\xE9pondu le ",
           new Date(approval.answered_at).toLocaleDateString("fr-FR", {
             day: "2-digit",
@@ -1131,7 +1379,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             year: "numeric"
           })
         ] }) }),
-        approval.note && /* @__PURE__ */ jsx8("div", { className: "mt-2 pt-2 border-t border-gray-300", children: /* @__PURE__ */ jsxs4("p", { className: "text-xs text-gray-600 italic", children: [
+        approval.note && /* @__PURE__ */ jsx8("div", { className: "mt-2 pt-2 border-t border-gray-300", children: /* @__PURE__ */ jsxs5("p", { className: "text-xs text-gray-600 italic", children: [
           '"',
           approval.note,
           '"'
@@ -1139,23 +1387,23 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
       ] }) })
     ] }, approval.id);
   };
-  return /* @__PURE__ */ jsxs4("div", { className: " rounded-lg bg-white shadow-sm", children: [
-    /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6 p-2", children: [
-      /* @__PURE__ */ jsx8("div", { className: "lg:col-span-4 space-y-6 ", children: /* @__PURE__ */ jsxs4("div", { className: "p-4 border bg-gray-50 border-gray-200 rounded-lg", children: [
-        caseData?.requester && /* @__PURE__ */ jsxs4("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs4("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs5("div", { className: " rounded-lg bg-white shadow-sm", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6 p-2", children: [
+      /* @__PURE__ */ jsx8("div", { className: "lg:col-span-4 space-y-6 ", children: /* @__PURE__ */ jsxs5("div", { className: "p-4 border bg-gray-50 border-gray-200 rounded-lg", children: [
+        caseData?.requester && /* @__PURE__ */ jsxs5("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs5("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
             /* @__PURE__ */ jsx8(Send, { className: "w-5 h-5 text-[#6A8A82]" }),
             "Demandeur"
           ] }),
-          /* @__PURE__ */ jsxs4("div", { className: "relative flex gap-3", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "relative flex gap-3", children: [
             (caseData.verifications && caseData.verifications.length > 0 || caseData.validations && caseData.validations.length > 0) && /* @__PURE__ */ jsx8("div", { className: "absolute left-[19px] top-[40px] bottom-[-24px] w-0.5 bg-gray-300" }),
             /* @__PURE__ */ jsx8("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ jsx8("div", { className: "w-10 h-10 rounded-full bg-blue-50 border-2 border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ jsx8(UserIcon, { className: "w-5 h-5 text-blue-700" }) }) }),
-            /* @__PURE__ */ jsx8("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ jsxs4("div", { className: "p-3 rounded-lg border border-blue-200 bg-blue-50", children: [
+            /* @__PURE__ */ jsx8("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ jsxs5("div", { className: "p-3 rounded-lg border border-blue-200 bg-blue-50", children: [
               /* @__PURE__ */ jsx8("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__ */ jsx8("p", { className: "text-xs text-gray-600 truncate", children: caseData.requester.email }),
-              /* @__PURE__ */ jsxs4("div", { className: "mt-2 mb-1 flex items-center gap-2", children: [
+              /* @__PURE__ */ jsxs5("div", { className: "mt-2 mb-1 flex items-center gap-2", children: [
                 /* @__PURE__ */ jsx8("span", { className: "w-5 h-5 rounded-full bg-white border border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ jsx8(Send, { className: "w-3 h-3 text-blue-600" }) }),
-                /* @__PURE__ */ jsxs4("span", { className: "text-xs text-blue-700 font-medium", children: [
+                /* @__PURE__ */ jsxs5("span", { className: "text-xs text-blue-700 font-medium", children: [
                   "Demande cr\xE9\xE9e le ",
                   new Date(caseData.created_at || "").toLocaleDateString("fr-FR", {
                     day: "2-digit",
@@ -1167,8 +1415,8 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             ] }) })
           ] })
         ] }),
-        caseData?.verifications && caseData.verifications.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs4("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
+        caseData?.verifications && caseData.verifications.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs5("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
             /* @__PURE__ */ jsx8(FileText, { className: "w-5 h-5 text-[#6A8A82]" }),
             "V\xE9rifications (",
             caseData.verifications.length,
@@ -1183,8 +1431,8 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             )
           ) })
         ] }),
-        caseData?.validations && caseData.validations.length > 0 && /* @__PURE__ */ jsxs4("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ jsxs4("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
+        caseData?.validations && caseData.validations.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ jsxs5("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
             /* @__PURE__ */ jsx8(CheckCircle, { className: "w-5 h-5 text-[#6A8A82]" }),
             "Validations (",
             caseData.validations.length,
@@ -1194,29 +1442,29 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             (validation, index, array) => renderApprovalPerson(validation, index, "validation", index === array.length - 1)
           ) })
         ] }),
-        (!caseData?.verifications || caseData.verifications.length === 0) && (!caseData?.validations || caseData.validations.length === 0) && /* @__PURE__ */ jsxs4("div", { className: "text-center py-8 text-gray-500", children: [
-          /* @__PURE__ */ jsx8(AlertCircle, { className: "w-12 h-12 mx-auto mb-3 text-gray-400" }),
+        (!caseData?.verifications || caseData.verifications.length === 0) && (!caseData?.validations || caseData.validations.length === 0) && /* @__PURE__ */ jsxs5("div", { className: "text-center py-8 text-gray-500", children: [
+          /* @__PURE__ */ jsx8(AlertCircle2, { className: "w-12 h-12 mx-auto mb-3 text-gray-400" }),
           /* @__PURE__ */ jsx8("p", { className: "text-sm", children: "Aucune approbation requise" })
         ] })
       ] }) }),
-      /* @__PURE__ */ jsxs4("div", { className: "lg:col-span-8 space-y-6", children: [
-        /* @__PURE__ */ jsxs4("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [
-          /* @__PURE__ */ jsxs4("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-            /* @__PURE__ */ jsxs4("div", { children: [
+      /* @__PURE__ */ jsxs5("div", { className: "lg:col-span-8 space-y-6", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [
+          /* @__PURE__ */ jsxs5("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsx8("label", { className: "text-xs font-medium text-gray-500 uppercase", children: "Titre" }),
               /* @__PURE__ */ jsx8("p", { className: "text-sm text-[#191919] font-medium mt-1", children: caseData?.title || "N/A" })
             ] }),
-            /* @__PURE__ */ jsxs4("div", { children: [
+            /* @__PURE__ */ jsxs5("div", { children: [
               /* @__PURE__ */ jsx8("label", { className: "text-xs font-medium text-gray-500 uppercase", children: "Statut" }),
               /* @__PURE__ */ jsx8("p", { className: "text-sm text-[#191919] font-medium mt-1 capitalize", children: caseData?.status || "N/A" })
             ] })
           ] }),
-          caseData?.description && /* @__PURE__ */ jsxs4("div", { className: "mt-3 pt-3 border-t border-gray-300", children: [
+          caseData?.description && /* @__PURE__ */ jsxs5("div", { className: "mt-3 pt-3 border-t border-gray-300", children: [
             /* @__PURE__ */ jsx8("label", { className: "text-xs font-medium text-gray-500 uppercase", children: "Description" }),
             /* @__PURE__ */ jsx8("p", { className: "text-sm text-[#191919] mt-1", children: caseData.description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx8("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs4("div", { className: "prose max-w-none", children: [
+        /* @__PURE__ */ jsx8("div", { className: "space-y-3", children: /* @__PURE__ */ jsxs5("div", { className: "prose max-w-none", children: [
           /* @__PURE__ */ jsx8("h3", { className: "text-lg font-semibold text-[#191919] mb-4", children: "Aper\xE7u du document" }),
           caseData?.html_content ? /* @__PURE__ */ jsx8(
             "div",
@@ -1224,13 +1472,13 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
               className: "border border-[#D9D9D9] rounded-lg p-6 bg-white",
               dangerouslySetInnerHTML: { __html: caseData.html_content }
             }
-          ) : /* @__PURE__ */ jsxs4("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+          ) : /* @__PURE__ */ jsxs5("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
             /* @__PURE__ */ jsx8(Eye, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ jsx8("p", { className: "text-[#767676]", children: "Aucun aper\xE7u disponible" })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsxs4("div", { className: "flex flex-wrap gap-3 justify-end pt-6 border-t border-[#D9D9D9]", children: [
-          /* @__PURE__ */ jsxs4(
+        /* @__PURE__ */ jsxs5("div", { className: "flex flex-wrap gap-3 justify-end pt-6 border-t border-[#D9D9D9]", children: [
+          /* @__PURE__ */ jsxs5(
             SecondaryButton,
             {
               onClick: refuse,
@@ -1242,7 +1490,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs5(
             SecondaryButton,
             {
               onClick: suggestCorrection,
@@ -1254,7 +1502,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
               ]
             }
           ),
-          /* @__PURE__ */ jsxs4(
+          /* @__PURE__ */ jsxs5(
             Buttons_default,
             {
               onClick: accept,
@@ -1269,9 +1517,9 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
         ] })
       ] })
     ] }),
-    showNoteModal && /* @__PURE__ */ jsx8("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ jsx8("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full", children: /* @__PURE__ */ jsxs4("div", { className: "p-6", children: [
-      /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between mb-4", children: [
-        /* @__PURE__ */ jsxs4("h3", { className: "text-lg font-semibold text-[#191919]", children: [
+    showNoteModal && /* @__PURE__ */ jsx8("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ jsx8("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full", children: /* @__PURE__ */ jsxs5("div", { className: "p-6", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ jsxs5("h3", { className: "text-lg font-semibold text-[#191919]", children: [
           currentAction === "approve" && "Approuver la demande",
           currentAction === "reject" && "Refuser la demande",
           currentAction === "suggest" && "Sugg\xE9rer une correction"
@@ -1282,12 +1530,12 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             onClick: closeNoteModal,
             disabled: submitting,
             className: "text-gray-500 hover:text-[#6A8A82] transition-colors",
-            children: /* @__PURE__ */ jsx8(X, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ jsx8(X2, { className: "w-5 h-5" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "mb-4", children: [
-        /* @__PURE__ */ jsxs4("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "mb-4", children: [
+        /* @__PURE__ */ jsxs5("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: [
           "Note ",
           currentAction === "suggest" && "(obligatoire pour suggestion)",
           ":"
@@ -1304,7 +1552,7 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs4("div", { className: "flex gap-3 justify-end", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "flex gap-3 justify-end", children: [
         /* @__PURE__ */ jsx8(
           SecondaryButton,
           {
@@ -1319,10 +1567,10 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
             onClick: executeAction,
             disabled: submitting || currentAction === "suggest" && !note.trim(),
             classname: "flex items-center gap-2",
-            children: submitting ? /* @__PURE__ */ jsxs4(Fragment, { children: [
+            children: submitting ? /* @__PURE__ */ jsxs5(Fragment, { children: [
               /* @__PURE__ */ jsx8(Loader, { className: "w-4 h-4 animate-spin" }),
               "Traitement..."
-            ] }) : /* @__PURE__ */ jsxs4(Fragment, { children: [
+            ] }) : /* @__PURE__ */ jsxs5(Fragment, { children: [
               currentAction === "approve" && /* @__PURE__ */ jsx8(Check, { className: "w-4 h-4" }),
               currentAction === "reject" && /* @__PURE__ */ jsx8(XCircle, { className: "w-4 h-4" }),
               currentAction === "suggest" && /* @__PURE__ */ jsx8(Edit, { className: "w-4 h-4" }),
@@ -1337,12 +1585,87 @@ var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
 var ApprovalPreviewAnswer_default = ApprovalPreviewAnswer;
 
 // src/components/layout/ModernDoubleSidebarLayout.tsx
-import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx9, jsxs as jsxs6 } from "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 = useLocation();
   const navigate = 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] = useState5(false);
   const [secondaryCollapsed, setSecondaryCollapsed] = useState5(false);
   const [mobileMenuOpen, setMobileMenuOpen] = useState5(false);
@@ -1352,6 +1675,31 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
   const [showUserMenu, setShowUserMenu] = useState5(false);
   const [showThemeMenu, setShowThemeMenu] = useState5(false);
   const [showCenterMenu, setShowCenterMenu] = useState5(false);
+  const [showModulesMenu, setShowModulesMenu] = useState5(false);
+  const [currentSlide, setCurrentSlide] = useState5(0);
+  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] = useState5(false);
   const [approvalAnswerDetail, setApprovalAnswerDetail] = useState5(null);
   const [caseData, setCaseData] = useState5(null);
@@ -1375,6 +1723,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         setShowNotifications(false);
         setShowUserMenu(false);
         setShowThemeMenu(false);
+        setShowModulesMenu(false);
         setMobileMenuOpen(false);
       }
     };
@@ -1446,7 +1795,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
       showError("Erreur lors du marquage de la notification comme lue");
     }
   };
-  return /* @__PURE__ */ jsxs5("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
+  return /* @__PURE__ */ jsxs6("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
     /* @__PURE__ */ jsx9(
       "a",
       {
@@ -1455,7 +1804,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         children: "Aller au contenu principal"
       }
     ),
-    /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6(
       "aside",
       {
         className: cn(
@@ -1465,13 +1814,13 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         role: "navigation",
         "aria-label": "Navigation principale",
         children: [
-          /* @__PURE__ */ jsxs5("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
-            /* @__PURE__ */ jsxs5("div", { className: cn(
+          /* @__PURE__ */ jsxs6("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
+            /* @__PURE__ */ jsxs6("div", { className: cn(
               "flex items-center gap-3",
               primaryCollapsed && "justify-center"
             ), children: [
               /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx9("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
-              !primaryCollapsed && /* @__PURE__ */ jsxs5("div", { children: [
+              !primaryCollapsed && /* @__PURE__ */ jsxs6("div", { children: [
                 /* @__PURE__ */ jsx9("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: module_name }),
                 /* @__PURE__ */ jsx9("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: module_description })
               ] })
@@ -1496,7 +1845,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               className: "flex-1 py-4 overflow-y-auto",
               role: "menubar",
               "aria-label": "Modules principaux",
-              children: primaryMenuItems.map((item) => /* @__PURE__ */ jsxs5(
+              children: primaryMenuItems.map((item) => /* @__PURE__ */ jsxs6(
                 "button",
                 {
                   onClick: () => {
@@ -1521,7 +1870,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                       "transition-colors",
                       isModuleActive(item.id) ? "text-[var(--color-primary)]" : "text-[var(--color-sidebar-text-secondary)] group-hover:text-[var(--color-sidebar-text)]"
                     ), children: item.icon }),
-                    !primaryCollapsed && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+                    !primaryCollapsed && /* @__PURE__ */ jsxs6(Fragment2, { children: [
                       /* @__PURE__ */ jsx9("span", { className: cn(
                         "flex-1 text-left text-sm font-medium transition-colors",
                         isModuleActive(item.id) ? "text-[var(--color-sidebar-text)]" : "text-[var(--color-sidebar-text-secondary)] group-hover:text-[var(--color-sidebar-text)]"
@@ -1535,12 +1884,12 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
               ))
             }
           ),
-          /* @__PURE__ */ jsx9("div", { className: "p-4 border-t border-[var(--color-sidebar-border)]", children: /* @__PURE__ */ jsxs5("div", { className: cn(
+          /* @__PURE__ */ jsx9("div", { className: "p-4 border-t border-[var(--color-sidebar-border)]", children: /* @__PURE__ */ jsxs6("div", { className: cn(
             "flex items-center gap-3",
             primaryCollapsed && "justify-center"
           ), children: [
             /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ jsx9(User, { className: "w-5 h-5 text-[var(--color-background)]" }) }),
-            !primaryCollapsed && /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
+            !primaryCollapsed && /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
               /* @__PURE__ */ jsx9("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__ */ jsx9("p", { className: "text-xs text-[var(--color-sidebar-text-secondary)]", children: loggedUser?.email || "email@example.com" })
             ] })
@@ -1548,7 +1897,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         ]
       }
     ),
-    secondaryMenuItems[selectedModule] && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    secondaryMenuItems[selectedModule] && /* @__PURE__ */ jsxs6(Fragment2, { children: [
       secondaryCollapsed && /* @__PURE__ */ jsx9(
         "button",
         {
@@ -1558,7 +1907,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           children: /* @__PURE__ */ jsx9(ChevronRight, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
         }
       ),
-      /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs6(
         "aside",
         {
           className: cn(
@@ -1568,7 +1917,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           role: "navigation",
           "aria-label": "Navigation secondaire",
           children: [
-            /* @__PURE__ */ jsxs5("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-border)]", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-border)]", children: [
               /* @__PURE__ */ jsx9("h2", { className: "text-sm font-semibold text-[var(--color-text-secondary)] uppercase tracking-wider whitespace-nowrap", children: primaryMenuItems.find((item) => item.id === selectedModule)?.label }),
               /* @__PURE__ */ jsx9(
                 "button",
@@ -1589,7 +1938,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 className: "flex-1 py-4 overflow-y-auto",
                 role: "menu",
                 "aria-label": "Sous-navigation",
-                children: secondaryMenuItems[selectedModule]?.map((item) => /* @__PURE__ */ jsxs5(
+                children: secondaryMenuItems[selectedModule]?.map((item) => /* @__PURE__ */ jsxs6(
                   "button",
                   {
                     onClick: () => item.path && navigate(item.path),
@@ -1620,7 +1969,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ jsxs5(Fragment2, { children: [
+    mobileMenuOpen && /* @__PURE__ */ jsxs6(Fragment2, { children: [
       /* @__PURE__ */ jsx9(
         "div",
         {
@@ -1629,7 +1978,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           "aria-hidden": "true"
         }
       ),
-      /* @__PURE__ */ jsxs5(
+      /* @__PURE__ */ jsxs6(
         "aside",
         {
           className: "fixed left-0 top-0 w-80 h-full bg-[var(--color-sidebar-bg)] z-50 lg:hidden transform transition-transform duration-300 ease-in-out shadow-2xl",
@@ -1637,10 +1986,10 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           role: "navigation",
           "aria-label": "Navigation mobile",
           children: [
-            /* @__PURE__ */ jsxs5("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
                 /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ jsx9("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
-                /* @__PURE__ */ jsxs5("div", { children: [
+                /* @__PURE__ */ jsxs6("div", { children: [
                   /* @__PURE__ */ jsx9("h1", { className: "text-white font-bold text-lg", children: "WiseBook" }),
                   /* @__PURE__ */ jsx9("p", { className: "text-gray-400 text-xs", children: "ERP Next-Gen" })
                 ] })
@@ -1651,12 +2000,12 @@ 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__ */ jsx9(X2, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ jsx9(X3, { className: "w-6 h-6" })
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx9("nav", { className: "py-4", role: "menubar", children: primaryMenuItems.map((item) => /* @__PURE__ */ jsxs5("div", { children: [
-              /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsx9("nav", { className: "py-4", role: "menubar", children: primaryMenuItems.map((item) => /* @__PURE__ */ jsxs6("div", { children: [
+              /* @__PURE__ */ jsxs6(
                 "button",
                 {
                   onClick: () => {
@@ -1687,7 +2036,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   ]
                 }
               ),
-              isModuleActive(item.id) && secondaryMenuItems[item.id] && /* @__PURE__ */ jsx9("div", { className: "bg-[var(--color-sidebar-submenu-bg)] py-2", children: secondaryMenuItems[item.id].map((subItem) => /* @__PURE__ */ jsxs5(
+              isModuleActive(item.id) && secondaryMenuItems[item.id] && /* @__PURE__ */ jsx9("div", { className: "bg-[var(--color-sidebar-submenu-bg)] py-2", children: secondaryMenuItems[item.id].map((subItem) => /* @__PURE__ */ jsxs6(
                 "button",
                 {
                   onClick: () => {
@@ -1715,14 +2064,14 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         }
       )
     ] }),
-    /* @__PURE__ */ jsxs5("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsxs5(
+    /* @__PURE__ */ jsxs6("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxs6(
         "header",
         {
           className: "h-14 bg-[var(--color-background)] border-b border-[var(--color-border)] flex items-center justify-between px-3 lg:px-4",
           role: "banner",
           children: [
-            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-4 flex-1", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-4 flex-1", children: [
               /* @__PURE__ */ jsx9(
                 "button",
                 {
@@ -1737,7 +2086,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__ */ jsxs5(React4.Fragment, { children: [
+                  children: getBreadcrumbs().map((crumb, index) => /* @__PURE__ */ jsxs6(React4.Fragment, { children: [
                     index > 0 && /* @__PURE__ */ jsx9(ChevronRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
                     /* @__PURE__ */ jsx9(
                       "button",
@@ -1753,7 +2102,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   ] }, crumb.path))
                 }
               ),
-              /* @__PURE__ */ jsxs5("div", { className: "relative max-w-md flex-1 hidden lg:block", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "relative max-w-md flex-1 hidden lg:block", children: [
                 /* @__PURE__ */ jsx9(Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] w-5 h-5" }),
                 /* @__PURE__ */ jsx9(
                   "input",
@@ -1769,9 +2118,20 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs5("div", { className: "flex items-center gap-3", children: [
-              loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-3", children: [
+              /* @__PURE__ */ jsx9("div", { className: "relative", children: /* @__PURE__ */ jsx9(
+                "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__ */ jsx9(LayoutGrid, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
+                }
+              ) }),
+              loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxs6(
                   "button",
                   {
                     onClick: () => setShowCenterMenu(!showCenterMenu),
@@ -1795,9 +2155,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     className: "absolute right-0 mt-2 w-64 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto",
                     role: "menu",
                     "aria-label": "S\xE9lection du centre",
-                    children: /* @__PURE__ */ jsxs5("div", { className: "p-2", children: [
+                    children: /* @__PURE__ */ jsxs6("div", { className: "p-2", children: [
                       /* @__PURE__ */ jsx9("p", { className: "px-3 py-2 text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Centres disponibles" }),
-                      loggedUser.centers_access.map((center) => /* @__PURE__ */ jsxs5(
+                      loggedUser.centers_access.map((center) => /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           onClick: () => {
@@ -1815,7 +2175,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                               "w-5 h-5",
                               selectedCenterId === center.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-tertiary)]"
                             ) }),
-                            /* @__PURE__ */ jsxs5("div", { className: "text-left flex-1", children: [
+                            /* @__PURE__ */ jsxs6("div", { className: "text-left flex-1", children: [
                               /* @__PURE__ */ jsx9("p", { className: cn(
                                 "text-sm font-medium",
                                 selectedCenterId === center.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"
@@ -1830,7 +2190,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
                 /* @__PURE__ */ jsx9(
                   "button",
                   {
@@ -1848,9 +2208,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     className: "absolute right-0 mt-2 w-64 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50",
                     role: "menu",
                     "aria-label": "S\xE9lection du th\xE8me",
-                    children: /* @__PURE__ */ jsxs5("div", { className: "p-2", children: [
+                    children: /* @__PURE__ */ jsxs6("div", { className: "p-2", children: [
                       /* @__PURE__ */ jsx9("p", { className: "px-3 py-2 text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Th\xE8mes disponibles" }),
-                      /* @__PURE__ */ jsxs5(
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           onClick: () => handleThemeChange("elegant"),
@@ -1861,14 +2221,14 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           role: "menuitem",
                           children: [
                             /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-accent)]" }),
-                            /* @__PURE__ */ jsxs5("div", { className: "text-left", children: [
+                            /* @__PURE__ */ jsxs6("div", { className: "text-left", children: [
                               /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium", children: "\xC9l\xE9gance Sobre" }),
                               /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Finance traditionnelle" })
                             ] })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs5(
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           onClick: () => handleThemeChange("fintech"),
@@ -1879,14 +2239,14 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           role: "menuitem",
                           children: [
                             /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-success)] to-[var(--color-text-primary)]" }),
-                            /* @__PURE__ */ jsxs5("div", { className: "text-left", children: [
+                            /* @__PURE__ */ jsxs6("div", { className: "text-left", children: [
                               /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium", children: "Modern Fintech" }),
                               /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Tableau de bord moderne" })
                             ] })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs5(
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           onClick: () => handleThemeChange("minimalist"),
@@ -1897,7 +2257,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           role: "menuitem",
                           children: [
                             /* @__PURE__ */ jsx9("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-text-secondary)] to-[var(--color-accent)]" }),
-                            /* @__PURE__ */ jsxs5("div", { className: "text-left", children: [
+                            /* @__PURE__ */ jsxs6("div", { className: "text-left", children: [
                               /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium", children: "Minimaliste Premium" }),
                               /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "\xC9l\xE9gance minimaliste" })
                             ] })
@@ -1908,12 +2268,12 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs5("div", { className: "flex items-center px-3 py-1.5 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "flex items-center px-3 py-1.5 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
                 /* @__PURE__ */ jsx9(DollarSign, { className: "w-4 h-4 text-[var(--color-primary)] mr-2" }),
                 /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "FCFA" })
               ] }),
-              /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
-                /* @__PURE__ */ jsxs5(
+              /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
+                /* @__PURE__ */ jsxs6(
                   "button",
                   {
                     className: "relative p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
@@ -1926,7 +2286,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     ]
                   }
                 ),
-                showNotifications && /* @__PURE__ */ jsxs5(
+                showNotifications && /* @__PURE__ */ jsxs6(
                   "div",
                   {
                     className: "absolute right-0 mt-2 w-80 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-96 overflow-y-auto",
@@ -1942,7 +2302,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                             !notif.read && "bg-[var(--color-primary-light)] bg-opacity-10"
                           ),
                           onClick: () => markNotificationAsRead(notif.id),
-                          children: /* @__PURE__ */ jsxs5("div", { className: "flex items-start gap-3", children: [
+                          children: /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-3", children: [
                             /* @__PURE__ */ jsx9("div", { className: cn(
                               "w-2 h-2 rounded-full mt-2",
                               notif.type === "error" && "bg-[var(--color-error)]",
@@ -1950,7 +2310,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                               notif.type === "success" && "bg-[var(--color-success)]",
                               notif.type === "info" && "bg-[var(--color-info)]"
                             ) }),
-                            /* @__PURE__ */ jsxs5("div", { className: "flex-1", children: [
+                            /* @__PURE__ */ jsxs6("div", { className: "flex-1", children: [
                               /* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: notif.title }),
                               /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-secondary)] mt-1", children: notif.message }),
                               /* @__PURE__ */ jsx9("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-2" })
@@ -1963,7 +2323,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs5("div", { className: "relative", children: [
+              /* @__PURE__ */ jsxs6("div", { className: "relative", children: [
                 /* @__PURE__ */ jsx9(
                   "button",
                   {
@@ -1980,8 +2340,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     className: "absolute right-0 mt-2 w-56 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50",
                     role: "menu",
                     "aria-label": "Menu utilisateur",
-                    children: /* @__PURE__ */ jsxs5("div", { className: "p-2", children: [
-                      /* @__PURE__ */ jsxs5(
+                    children: /* @__PURE__ */ jsxs6("div", { className: "p-2", children: [
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
@@ -1992,7 +2352,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs5(
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           onClick: () => {
@@ -2007,19 +2367,19 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs5(
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           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__ */ jsx9(HelpCircle, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ jsx9(HelpCircle2, { className: "w-4 h-4" }),
                             /* @__PURE__ */ jsx9("span", { className: "text-sm", children: "Aide" })
                           ]
                         }
                       ),
                       /* @__PURE__ */ jsx9("hr", { className: "my-2 border-[var(--color-border)]" }),
-                      /* @__PURE__ */ jsxs5(
+                      /* @__PURE__ */ jsxs6(
                         "button",
                         {
                           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",
@@ -2048,6 +2408,223 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         }
       )
     ] }),
+    /* @__PURE__ */ jsx9(
+      Modals_default,
+      {
+        title: "Modules REWISE",
+        description: "Acc\xE9dez rapidement \xE0 tous les modules",
+        width: "max-w-6xl",
+        open: showModulesMenu,
+        onClose: () => setShowModulesMenu(false),
+        children: /* @__PURE__ */ jsxs6("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col lg:flex-row gap-4 lg:items-stretch", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex-[3] bg-[#D3E1F2] rounded-lg p-5 relative min-h-[160px]", children: [
+              /* @__PURE__ */ jsx9("h2", { className: "text-lg font-semibold text-gray-800 mb-2 pr-8 line-clamp-2", children: slides[currentSlide].title }),
+              /* @__PURE__ */ jsx9("p", { className: "text-gray-600 text-sm leading-relaxed line-clamp-3", children: slides[currentSlide].content }),
+              /* @__PURE__ */ jsx9(
+                "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__ */ jsx9(
+                "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__ */ jsx9("div", { className: "absolute bottom-3 left-1/2 transform -translate-x-1/2 flex space-x-2", children: slides.map((_, index) => /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  onClick: () => goToSlide(index),
+                  className: `w-2 h-2 rounded-full transition-colors ${index === currentSlide ? "bg-red-600" : "bg-white"}`
+                },
+                index
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex-[1] bg-white border border-gray-200 rounded-lg overflow-hidden flex flex-col", children: [
+              /* @__PURE__ */ jsx9("div", { className: "bg-red-600 text-white px-4 py-2 flex-shrink-0", children: /* @__PURE__ */ jsx9("h3", { className: "font-semibold text-sm text-center", children: "Mes alertes" }) }),
+              /* @__PURE__ */ jsx9("div", { className: "p-3 space-y-2 flex-1 overflow-y-auto", children: notifications.filter((n) => !n.read).length === 0 ? /* @__PURE__ */ jsx9("div", { className: "h-full flex items-center justify-center", children: /* @__PURE__ */ jsx9("p", { className: "text-center text-gray-500 text-xs", children: "Aucune alerte" }) }) : notifications.filter((n) => !n.read).slice(0, 5).map((notif) => /* @__PURE__ */ jsx9(
+                "div",
+                {
+                  className: "bg-gray-50 border border-gray-200 rounded p-2 cursor-pointer hover:bg-gray-100",
+                  onClick: () => markNotificationAsRead(notif.id),
+                  children: /* @__PURE__ */ jsxs6("div", { className: "flex items-start space-x-2", children: [
+                    /* @__PURE__ */ jsx9(Bell, { className: "w-3 h-3 text-gray-500 mt-0.5 flex-shrink-0" }),
+                    /* @__PURE__ */ jsxs6("div", { className: "flex-1 min-w-0", children: [
+                      /* @__PURE__ */ jsx9("h4", { className: "font-medium text-xs text-gray-800 truncate", children: notif.title }),
+                      /* @__PURE__ */ jsx9("p", { className: "text-xs text-gray-600 line-clamp-1", children: notif.message })
+                    ] })
+                  ] })
+                },
+                notif.id
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "flex flex-col lg:flex-row gap-6", children: [
+            /* @__PURE__ */ jsxs6("div", { className: "flex-1 bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: [
+              /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-gray-800 mb-4", children: "Op\xE9rations" }),
+              /* @__PURE__ */ jsx9("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((module) => /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  onClick: () => {
+                    window.open(module.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__ */ jsxs6("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.icon,
+                        alt: module.name,
+                        className: "w-12 h-12 mb-2 group-hover:hidden"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.iconWhite,
+                        alt: module.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-gray-800 group-hover:text-white", children: module.name })
+                  ] })
+                },
+                module.name
+              )) })
+            ] }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex-1 bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: [
+              /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-gray-800 mb-4", children: "Performance" }),
+              /* @__PURE__ */ jsx9("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((module) => /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  onClick: () => {
+                    window.open(module.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__ */ jsxs6("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.icon,
+                        alt: module.name,
+                        className: "w-12 h-12 mb-2 group-hover:hidden"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.iconWhite,
+                        alt: module.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-gray-800 group-hover:text-white", children: module.name })
+                  ] })
+                },
+                module.name
+              )) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs6("div", { className: "bg-white border border-gray-200 rounded-lg p-4 shadow-sm", children: [
+            /* @__PURE__ */ jsx9("h3", { className: "text-lg font-semibold text-gray-800 mb-4", children: "Fonctions Support" }),
+            /* @__PURE__ */ jsxs6("div", { className: "flex flex-col lg:flex-row gap-4", children: [
+              /* @__PURE__ */ jsx9("div", { className: "flex-[5] bg-gray-50 rounded-lg p-4", children: /* @__PURE__ */ jsx9("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((module) => /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  onClick: () => {
+                    if (module.url !== "#") {
+                      window.open(module.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",
+                    module.url === "#" && "opacity-50 cursor-not-allowed hover:bg-gray-100"
+                  ),
+                  disabled: module.url === "#",
+                  children: /* @__PURE__ */ jsxs6("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.icon,
+                        alt: module.name,
+                        className: cn("w-12 h-12 mb-2", module.url !== "#" && "group-hover:hidden")
+                      }
+                    ),
+                    module.url !== "#" && /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.iconWhite,
+                        alt: module.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9("span", { className: cn("text-sm font-medium text-gray-800", module.url !== "#" && "group-hover:text-white"), children: module.name })
+                  ] })
+                },
+                module.name
+              )) }) }),
+              /* @__PURE__ */ jsx9("div", { className: "flex-[2] bg-gray-50 rounded-lg p-4", children: /* @__PURE__ */ jsx9("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((module) => /* @__PURE__ */ jsx9(
+                "button",
+                {
+                  onClick: () => {
+                    window.open(module.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__ */ jsxs6("div", { className: "flex flex-col items-center", children: [
+                    /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.icon,
+                        alt: module.name,
+                        className: "w-12 h-12 mb-2 group-hover:hidden"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9(
+                      "img",
+                      {
+                        src: module.iconWhite,
+                        alt: module.name,
+                        className: "w-12 h-12 mb-2 hidden group-hover:block"
+                      }
+                    ),
+                    /* @__PURE__ */ jsx9("span", { className: "text-sm font-medium text-gray-800 group-hover:text-white", children: module.name })
+                  ] })
+                },
+                module.name
+              )) }) })
+            ] })
+          ] })
+        ] })
+      }
+    ),
     showApprovalModal && /* @__PURE__ */ jsx9(
       Modals_default,
       {
@@ -2071,8 +2648,8 @@ var ModernDoubleSidebarLayout_default = RewiseLayout;
 
 // src/components/ui/Toast.tsx
 import { useEffect as useEffect5, useState as useState6 } from "react";
-import { CheckCircle as CheckCircle2, XCircle as XCircle2, AlertTriangle, Info, X as X3 } from "lucide-react";
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { CheckCircle as CheckCircle2, XCircle as XCircle2, AlertTriangle as AlertTriangle2, Info as Info2, X as X4 } from "lucide-react";
+import { jsx as jsx10, jsxs as jsxs7 } from "react/jsx-runtime";
 var ToastItem = ({ toast }) => {
   const { removeToast } = useToast();
   const [isVisible, setIsVisible] = useState6(false);
@@ -2094,9 +2671,9 @@ var ToastItem = ({ toast }) => {
       case "error":
         return /* @__PURE__ */ jsx10(XCircle2, { className: "w-5 h-5 text-red-600" });
       case "warning":
-        return /* @__PURE__ */ jsx10(AlertTriangle, { className: "w-5 h-5 text-yellow-600" });
+        return /* @__PURE__ */ jsx10(AlertTriangle2, { className: "w-5 h-5 text-yellow-600" });
       case "info":
-        return /* @__PURE__ */ jsx10(Info, { className: "w-5 h-5 text-blue-600" });
+        return /* @__PURE__ */ jsx10(Info2, { className: "w-5 h-5 text-blue-600" });
     }
   };
   const getBackgroundColor = () => {
@@ -2111,7 +2688,7 @@ var ToastItem = ({ toast }) => {
         return "bg-blue-50 border-blue-200";
     }
   };
-  return /* @__PURE__ */ jsxs6(
+  return /* @__PURE__ */ jsxs7(
     "div",
     {
       className: `
@@ -2129,7 +2706,7 @@ var ToastItem = ({ toast }) => {
           {
             onClick: handleClose,
             className: "flex-shrink-0 ml-4 text-gray-400 hover:text-gray-600 transition-colors",
-            children: /* @__PURE__ */ jsx10(X3, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx10(X4, { className: "w-4 h-4" })
           }
         )
       ]
@@ -2145,7 +2722,7 @@ var Toast_default = ToastContainer;
 // src/components/common/Pages.tsx
 import { ChevronLeft as ChevronLeft2, Download, Menu as Menu2, Settings as Settings2 } from "lucide-react";
 import { useState as useState7 } from "react";
-import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
 var Pages = ({
   title = "",
   description = "",
@@ -2155,11 +2732,11 @@ var Pages = ({
   children
 }) => {
   const [sidebarOpen, setSidebarOpen] = useState7(false);
-  return /* @__PURE__ */ jsxs7("div", { className: "flex h-full bg-gray-100", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "flex-1 flex flex-col", children: [
-      /* @__PURE__ */ jsxs7("div", { className: "bg-white border-b border-gray-200 p-6", children: [
-        /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx11("div", { className: "flex items-center space-x-4", children: /* @__PURE__ */ jsxs7("div", { children: [
+  return /* @__PURE__ */ jsxs8("div", { className: "flex h-full bg-gray-100", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "flex-1 flex flex-col", children: [
+      /* @__PURE__ */ jsxs8("div", { className: "bg-white border-b border-gray-200 p-6", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx11("div", { className: "flex items-center space-x-4", children: /* @__PURE__ */ jsxs8("div", { children: [
             /* @__PURE__ */ jsx11("h1", { className: "text-2xl font-bold text-gray-900", children: title }),
             /* @__PURE__ */ jsx11("p", { className: "text-sm text-gray-600", children: description })
           ] }) }),
@@ -2169,8 +2746,8 @@ var Pages = ({
       ] }),
       /* @__PURE__ */ jsx11("div", { className: "flex-1 p-6 space-y-6 min-h-[80vh]", children })
     ] }),
-    sidebar && /* @__PURE__ */ jsxs7("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__ */ jsx11("div", { className: "p-4  ", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
+    sidebar && /* @__PURE__ */ jsxs8("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__ */ jsx11("div", { className: "p-4  ", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ jsx11("h2", { className: `font-semibold text-[var(--color-text-primary)] ${!sidebarOpen && "hidden"}`, children: "Classes SYSCOHADA" }),
         /* @__PURE__ */ jsx11(
           "button",
@@ -2197,12 +2774,12 @@ var Pages = ({
           )
         }
       ) }),
-      sidebarOpen && /* @__PURE__ */ jsx11("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ jsxs7("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ jsxs7("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: [
+      sidebarOpen && /* @__PURE__ */ jsx11("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ jsxs8("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ jsxs8("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__ */ jsx11(Download, { className: "w-4 h-4" }),
           "Exporter le plan"
         ] }),
-        /* @__PURE__ */ jsxs7("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__ */ jsxs8("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__ */ jsx11(Settings2, { className: "w-4 h-4" }),
           "Configuration"
         ] })
@@ -2213,17 +2790,361 @@ var Pages = ({
 var Pages_default = Pages;
 
 // src/components/common/FDrawer.tsx
-import { useEffect as useEffect6, useState as useState8 } from "react";
+import React7, { useEffect as useEffect6, useState as useState8, useRef } from "react";
 import { useLocation as useLocation2, useNavigate as useNavigate2, useSearchParams as useSearchParams2, Link as Link2 } from "react-router-dom";
-import { ArrowDownAZ, ArrowDownUp, ArrowUpAZ, Download as Download2, Filter, MoreVertical, Printer, Search as Search2 } from "lucide-react";
-import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
+import { ArrowDownAZ, ArrowDownUp, ArrowUpAZ, AlertCircle as AlertCircle3, CheckCircle2 as CheckCircle22, ChevronDown, Columns3, Copy, Download as Download2, FileSpreadsheet, Filter, Maximize2, Minimize2, MoreVertical, Plus, Printer, RefreshCw, Settings2 as Settings22, Trash2, Upload, X as X5, Search as Search2, SquareIcon } from "lucide-react";
+import { Fragment as Fragment4, jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
+var ExcelImportModal = ({
+  isOpen,
+  onClose,
+  importEndpoint,
+  importFields,
+  onSuccess
+}) => {
+  const { activeBusinessEntity, token } = useSession();
+  const fileInputRef = useRef(null);
+  const [file, setFile] = useState8(null);
+  const [columnMapping, setColumnMapping] = useState8([]);
+  const [loading, setLoading] = useState8(false);
+  const [errors, setErrors] = useState8([]);
+  const [importResults, setImportResults] = useState8(null);
+  const [currentStep, setCurrentStep] = useState8(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__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+    /* @__PURE__ */ jsx12("div", { className: "absolute inset-0 bg-black/50", onClick: handleClose }),
+    /* @__PURE__ */ jsxs9("div", { className: "relative bg-white rounded-xl shadow-2xl w-full max-w-2xl max-h-[90vh] overflow-hidden", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx12(FileSpreadsheet, { className: "h-6 w-6 text-green-600" }),
+          /* @__PURE__ */ jsx12("h2", { className: "text-lg font-semibold text-gray-800", children: "Importation Excel" }),
+          /* @__PURE__ */ jsxs9("span", { className: "text-sm text-gray-500", children: [
+            "\xC9tape ",
+            currentStep,
+            "/3"
+          ] })
+        ] }),
+        /* @__PURE__ */ jsx12("button", { type: "button", onClick: handleClose, className: "p-1 hover:bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsx12(X5, { className: "h-5 w-5 text-gray-500" }) })
+      ] }),
+      /* @__PURE__ */ jsx12("div", { className: "flex justify-center py-4 border-b border-gray-100", children: /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-2", children: [1, 2, 3].map((step, index) => /* @__PURE__ */ jsxs9(React7.Fragment, { children: [
+        /* @__PURE__ */ jsx12("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__ */ jsx12(CheckCircle22, { className: "h-5 w-5" }) : step }),
+        index < 2 && /* @__PURE__ */ jsx12("div", { className: cn(
+          "w-12 h-1 rounded",
+          currentStep > step ? "bg-[var(--color-primary)]" : "bg-gray-200"
+        ) })
+      ] }, step)) }) }),
+      /* @__PURE__ */ jsxs9("div", { className: "p-6 overflow-y-auto max-h-[60vh]", children: [
+        errors.length > 0 && /* @__PURE__ */ jsx12("div", { className: "mb-4 p-4 bg-red-50 border border-red-200 rounded-lg", children: /* @__PURE__ */ jsxs9("div", { className: "flex items-start gap-2", children: [
+          /* @__PURE__ */ jsx12(AlertCircle3, { className: "h-5 w-5 text-red-500 mt-0.5" }),
+          /* @__PURE__ */ jsx12("div", { children: errors.map((error, index) => /* @__PURE__ */ jsx12("p", { className: "text-sm text-red-700", children: error }, index)) })
+        ] }) }),
+        currentStep === 1 && /* @__PURE__ */ jsxs9("div", { className: "text-center py-8", children: [
+          /* @__PURE__ */ jsx12(FileSpreadsheet, { className: "h-16 w-16 text-green-500 mx-auto mb-4" }),
+          /* @__PURE__ */ jsx12("h3", { className: "text-lg font-medium text-gray-800 mb-2", children: "S\xE9lectionner un fichier Excel" }),
+          /* @__PURE__ */ jsx12("p", { className: "text-sm text-gray-500 mb-6", children: "Formats accept\xE9s : .xlsx, .xls" }),
+          /* @__PURE__ */ jsx12(
+            "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__ */ jsxs9("div", { className: "mt-4 p-3 bg-blue-50 rounded-lg text-left", children: [
+            /* @__PURE__ */ jsxs9("p", { className: "text-sm text-blue-800", children: [
+              /* @__PURE__ */ jsx12("strong", { children: "Fichier s\xE9lectionn\xE9 :" }),
+              " ",
+              file.name
+            ] }),
+            /* @__PURE__ */ jsxs9("p", { className: "text-xs text-blue-600", children: [
+              "Taille : ",
+              (file.size / 1024 / 1024).toFixed(2),
+              " MB"
+            ] })
+          ] })
+        ] }),
+        currentStep === 2 && /* @__PURE__ */ jsxs9("div", { children: [
+          /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between mb-4", children: [
+            /* @__PURE__ */ jsx12("h3", { className: "text-lg font-medium text-gray-800", children: "Configuration du mapping" }),
+            /* @__PURE__ */ jsxs9(
+              "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__ */ jsx12(Plus, { className: "h-4 w-4" }),
+                  " Ajouter"
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx12("div", { className: "mb-4 p-3 bg-amber-50 border border-amber-200 rounded-lg", children: /* @__PURE__ */ jsxs9("p", { className: "text-sm text-amber-800", children: [
+            /* @__PURE__ */ jsx12("strong", { children: "Instructions :" }),
+            " Associez chaque lettre de colonne Excel au champ correspondant. Les champs marqu\xE9s d'un (*) sont obligatoires."
+          ] }) }),
+          columnMapping.length === 0 ? /* @__PURE__ */ jsxs9("div", { className: "text-center py-8", children: [
+            /* @__PURE__ */ jsx12("p", { className: "text-gray-500 mb-4", children: 'Cliquez sur "Ajouter" pour commencer le mapping' }),
+            /* @__PURE__ */ jsxs9(
+              "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__ */ jsx12(Plus, { className: "h-4 w-4" }),
+                  " Ajouter la premi\xE8re colonne"
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ jsx12("div", { className: "space-y-3", children: columnMapping.map((mapping, index) => /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxs9("div", { className: "w-20", children: [
+              /* @__PURE__ */ jsx12("label", { className: "block text-xs text-gray-500 mb-1", children: "Colonne" }),
+              /* @__PURE__ */ jsx12(
+                "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__ */ jsxs9("div", { className: "flex-1", children: [
+              /* @__PURE__ */ jsx12("label", { className: "block text-xs text-gray-500 mb-1", children: "Champ correspondant" }),
+              /* @__PURE__ */ jsxs9(
+                "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__ */ jsx12("option", { value: "", children: "-- S\xE9lectionner un champ --" }),
+                    /* @__PURE__ */ jsx12("optgroup", { label: "Champs obligatoires", children: importFields.required.map((field) => /* @__PURE__ */ jsx12("option", { value: field.value, children: field.label }, field.value)) }),
+                    /* @__PURE__ */ jsx12("optgroup", { label: "Champs optionnels", children: importFields.optional.map((field) => /* @__PURE__ */ jsx12("option", { value: field.value, children: field.label }, field.value)) })
+                  ]
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                onClick: () => removeMappingRow(index),
+                className: "p-2 text-red-500 hover:bg-red-50 rounded-lg mt-5",
+                children: /* @__PURE__ */ jsx12(Trash2, { className: "h-4 w-4" })
+              }
+            )
+          ] }, index)) }),
+          columnMapping.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "flex justify-between mt-6 pt-4 border-t border-gray-200", children: [
+            /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                onClick: () => setCurrentStep(1),
+                className: "px-4 py-2 text-gray-600 hover:bg-gray-100 rounded-lg",
+                children: "Retour"
+              }
+            ),
+            /* @__PURE__ */ jsx12(
+              "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__ */ jsxs9(Fragment4, { children: [
+                  /* @__PURE__ */ jsx12("div", { className: "animate-spin h-4 w-4 border-2 border-white border-t-transparent rounded-full" }),
+                  "Importation..."
+                ] }) : /* @__PURE__ */ jsxs9(Fragment4, { children: [
+                  /* @__PURE__ */ jsx12(Upload, { className: "h-4 w-4" }),
+                  "Lancer l'importation"
+                ] })
+              }
+            )
+          ] })
+        ] }),
+        currentStep === 3 && importResults && /* @__PURE__ */ jsxs9("div", { className: "text-center py-4", children: [
+          /* @__PURE__ */ jsx12(CheckCircle22, { className: "h-16 w-16 text-green-500 mx-auto mb-4" }),
+          /* @__PURE__ */ jsx12("h3", { className: "text-lg font-medium text-gray-800 mb-6", children: "Importation termin\xE9e !" }),
+          /* @__PURE__ */ jsxs9("div", { className: "grid grid-cols-4 gap-4 mb-6", children: [
+            /* @__PURE__ */ jsxs9("div", { className: "p-4 bg-blue-50 rounded-lg", children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-2xl font-bold text-blue-600", children: importResults.results.total_rows }),
+              /* @__PURE__ */ jsx12("p", { className: "text-xs text-blue-800", children: "Lignes lues" })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { className: "p-4 bg-green-50 rounded-lg", children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-2xl font-bold text-green-600", children: importResults.results.saved_rows }),
+              /* @__PURE__ */ jsx12("p", { className: "text-xs text-green-800", children: "Import\xE9es" })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { className: "p-4 bg-amber-50 rounded-lg", children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-2xl font-bold text-amber-600", children: importResults.results.processed_rows - importResults.results.saved_rows }),
+              /* @__PURE__ */ jsx12("p", { className: "text-xs text-amber-800", children: "Ignor\xE9es" })
+            ] }),
+            /* @__PURE__ */ jsxs9("div", { className: "p-4 bg-red-50 rounded-lg", children: [
+              /* @__PURE__ */ jsx12("p", { className: "text-2xl font-bold text-red-600", children: importResults.results.errors_count || 0 }),
+              /* @__PURE__ */ jsx12("p", { className: "text-xs text-red-800", children: "Erreurs" })
+            ] })
+          ] }),
+          importResults.data?.import_summary?.validation_errors && importResults.data.import_summary.validation_errors.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "mb-6 p-4 bg-amber-50 border border-amber-200 rounded-lg text-left", children: [
+            /* @__PURE__ */ jsx12("p", { className: "font-medium text-amber-800 mb-2", children: "Erreurs de validation :" }),
+            /* @__PURE__ */ jsx12("ul", { className: "text-sm text-amber-700 space-y-1", children: importResults.data.import_summary.validation_errors.slice(0, 5).map((error, index) => /* @__PURE__ */ jsxs9("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__ */ jsxs9("p", { className: "text-xs text-amber-600 mt-2", children: [
+              "... et ",
+              importResults.data.import_summary.validation_errors.length - 5,
+              " autres erreurs"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx12(
+            "button",
+            {
+              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"
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+};
 var FDrawer = ({
   children,
   apiEndpoint,
   columns,
   actions,
   ordering,
-  toggle
+  toggle,
+  importEndpoint,
+  importFields,
+  onBulkDelete,
+  onDuplicate,
+  title
 }) => {
   const navigate = useNavigate2();
   const [searchParams] = useSearchParams2();
@@ -2244,6 +3165,59 @@ var FDrawer = ({
     current_page: null
   });
   const [searchQuery, setSearchQuery] = useState8("");
+  const [debouncedSearchQuery, setDebouncedSearchQuery] = useState8("");
+  const searchTimeoutRef = useRef(null);
+  const [showFilterPanel, setShowFilterPanel] = useState8(false);
+  const filterPanelRef = useRef(null);
+  const [showImportModal, setShowImportModal] = useState8(false);
+  const [showMoreOptions, setShowMoreOptions] = useState8(false);
+  const moreOptionsRef = useRef(null);
+  const [selectionMode, setSelectionMode] = useState8(false);
+  const [selectedItems, setSelectedItems] = useState8([]);
+  const [showColumnsPanel, setShowColumnsPanel] = useState8(false);
+  const [visibleColumns, setVisibleColumns] = useState8(columns.map((c) => c.key));
+  const columnsPanelRef = useRef(null);
+  const [density, setDensity] = useState8("normal");
+  const [isFullscreen, setIsFullscreen] = useState8(false);
+  const tableContainerRef = useRef(null);
+  useEffect6(() => {
+    if (searchTimeoutRef.current) {
+      clearTimeout(searchTimeoutRef.current);
+    }
+    searchTimeoutRef.current = setTimeout(() => {
+      setDebouncedSearchQuery(searchQuery);
+    }, 400);
+    return () => {
+      if (searchTimeoutRef.current) {
+        clearTimeout(searchTimeoutRef.current);
+      }
+    };
+  }, [searchQuery]);
+  useEffect6(() => {
+    setFilters((prev) => ({ ...prev, global_search: debouncedSearchQuery, page: 1 }));
+  }, [debouncedSearchQuery]);
+  useEffect6(() => {
+    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);
+  }, []);
+  useEffect6(() => {
+    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;
@@ -2273,7 +3247,13 @@ var FDrawer = ({
     }
   };
   useEffect6(() => {
-    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]);
@@ -2298,7 +3278,7 @@ var FDrawer = ({
           }
         );
       case "number":
-        return /* @__PURE__ */ jsxs8("div", { className: "flex w-full gap-1", children: [
+        return /* @__PURE__ */ jsxs9("div", { className: "flex w-full gap-1", children: [
           /* @__PURE__ */ jsx12(
             "input",
             {
@@ -2319,7 +3299,7 @@ var FDrawer = ({
           )
         ] });
       case "date":
-        return /* @__PURE__ */ jsxs8("div", { className: "flex w-full gap-1", children: [
+        return /* @__PURE__ */ jsxs9("div", { className: "flex w-full gap-1", children: [
           /* @__PURE__ */ jsx12(
             "input",
             {
@@ -2357,63 +3337,403 @@ var FDrawer = ({
       cellContent = new Date(item[column.key]).toLocaleDateString();
     return /* @__PURE__ */ jsx12("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: cellContent }, column.key);
   });
-  return /* @__PURE__ */ jsxs8(Fragment4, { children: [
-    /* @__PURE__ */ jsxs8("div", { className: "flex flex-wrap gap-4", children: [
-      /* @__PURE__ */ jsx12("div", { className: "flex-1 min-w-64", children: /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
+  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__ */ jsxs9(Fragment4, { children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex flex-wrap gap-4 mb-4", children: [
+      /* @__PURE__ */ jsx12("div", { className: "flex-1 min-w-64", children: /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
         /* @__PURE__ */ jsx12(Search2, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" }),
         /* @__PURE__ */ jsx12(
           "input",
           {
             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",
+            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__ */ jsx12(
+          "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__ */ jsx12(X5, { className: "h-4 w-4" })
+          }
         )
       ] }) }),
-      /* @__PURE__ */ jsxs8(
-        Buttons_default,
-        {
-          onClick: () => {
-          },
-          children: [
-            /* @__PURE__ */ jsx12(Filter, { className: "h-4 w-4 mr-2" }),
-            "Filtres"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs8(
-        Buttons_default,
-        {
-          onClick: () => {
-          },
-          children: [
-            /* @__PURE__ */ jsx12(Download2, { className: "h-4 w-4 mr-2" }),
-            "Exporter"
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsxs8(
-        Buttons_default,
-        {
-          onClick: () => {
-          },
-          children: [
-            /* @__PURE__ */ jsx12(Printer, { className: "h-4 w-4 mr-2" }),
-            "Imprimer"
-          ]
-        }
-      )
+      /* @__PURE__ */ jsxs9("div", { className: "relative", ref: filterPanelRef, children: [
+        /* @__PURE__ */ jsxs9(Buttons_default, { onClick: () => setShowFilterPanel(!showFilterPanel), type: "button", children: [
+          /* @__PURE__ */ jsx12(Filter, { className: "h-4 w-4 mr-2" }),
+          "Filtres",
+          activeFiltersCount > 0 && /* @__PURE__ */ jsx12("span", { className: "ml-2 bg-white text-[var(--color-primary)] rounded-full px-2 py-0.5 text-xs font-bold", children: activeFiltersCount }),
+          /* @__PURE__ */ jsx12(ChevronDown, { className: cn("h-4 w-4 ml-1 transition-transform", showFilterPanel && "rotate-180") })
+        ] }),
+        showFilterPanel && /* @__PURE__ */ jsxs9("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__ */ jsxs9("div", { className: "p-4 border-b border-gray-200 flex items-center justify-between", children: [
+            /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-gray-800", children: "Filtres avanc\xE9s" }),
+            /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                onClick: resetFilters,
+                className: "text-sm text-blue-600 hover:text-blue-800",
+                children: "R\xE9initialiser"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx12("div", { className: "p-4 space-y-4", children: columns.filter((col) => col.filterable).map((column) => /* @__PURE__ */ jsxs9("div", { className: "space-y-1", children: [
+            /* @__PURE__ */ jsx12("label", { className: "block text-sm font-medium text-gray-700", children: column.label }),
+            renderColumnFilter(column)
+          ] }, column.key)) }),
+          /* @__PURE__ */ jsx12("div", { className: "p-4 border-t border-gray-200 flex justify-end gap-2", children: /* @__PURE__ */ jsx12(
+            "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__ */ jsxs9(Buttons_default, { onClick: handleExport, type: "button", children: [
+        /* @__PURE__ */ jsx12(Download2, { className: "h-4 w-4 mr-2" }),
+        "Exporter"
+      ] }),
+      /* @__PURE__ */ jsxs9(Buttons_default, { onClick: handlePrint, type: "button", children: [
+        /* @__PURE__ */ jsx12(Printer, { className: "h-4 w-4 mr-2" }),
+        "Imprimer"
+      ] }),
+      /* @__PURE__ */ jsxs9("div", { className: "relative", ref: moreOptionsRef, children: [
+        /* @__PURE__ */ jsxs9(Buttons_default, { onClick: () => setShowMoreOptions(!showMoreOptions), type: "button", children: [
+          /* @__PURE__ */ jsx12(Settings22, { className: "h-4 w-4 mr-2" }),
+          "Plus",
+          /* @__PURE__ */ jsx12(ChevronDown, { className: cn("h-4 w-4 ml-1 transition-transform", showMoreOptions && "rotate-180") })
+        ] }),
+        showMoreOptions && /* @__PURE__ */ jsxs9("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__ */ jsxs9(
+            "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__ */ jsx12(RefreshCw, { className: "h-4 w-4" }),
+                "Actualiser les donn\xE9es"
+              ]
+            }
+          ),
+          importEndpoint && importFields && /* @__PURE__ */ jsxs9(
+            "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__ */ jsx12(Upload, { className: "h-4 w-4" }),
+                "Importer depuis Excel"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx12("div", { className: "border-t border-gray-100 my-2" }),
+          /* @__PURE__ */ jsxs9(
+            "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__ */ jsx12(SquareIcon, { className: "h-4 w-4" }),
+                selectionMode ? "D\xE9sactiver la s\xE9lection" : "Mode s\xE9lection multiple"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs9(
+            "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__ */ jsx12(Columns3, { className: "h-4 w-4" }),
+                "G\xE9rer les colonnes"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx12("div", { className: "border-t border-gray-100 my-2" }),
+          /* @__PURE__ */ jsxs9("div", { className: "px-4 py-2", children: [
+            /* @__PURE__ */ jsx12("p", { className: "text-xs font-medium text-gray-500 mb-2", children: "Densit\xE9 d'affichage" }),
+            /* @__PURE__ */ jsx12("div", { className: "flex gap-1", children: ["compact", "normal", "comfortable"].map((mode) => /* @__PURE__ */ jsx12(
+              "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__ */ jsx12("div", { className: "border-t border-gray-100 my-2" }),
+          /* @__PURE__ */ jsxs9(
+            "button",
+            {
+              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__ */ jsx12(Minimize2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx12(Maximize2, { className: "h-4 w-4" }),
+                isFullscreen ? "Quitter le plein \xE9cran" : "Plein \xE9cran"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    showColumnsPanel && /* @__PURE__ */ jsxs9("div", { className: "fixed inset-0 z-50 flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx12("div", { className: "absolute inset-0 bg-black/30", onClick: () => setShowColumnsPanel(false) }),
+      /* @__PURE__ */ jsxs9("div", { className: "relative bg-white rounded-xl shadow-2xl w-full max-w-md", ref: columnsPanelRef, children: [
+        /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between p-4 border-b border-gray-200", children: [
+          /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-gray-800", children: "Colonnes visibles" }),
+          /* @__PURE__ */ jsx12("button", { type: "button", onClick: () => setShowColumnsPanel(false), className: "p-1 hover:bg-gray-100 rounded-lg", children: /* @__PURE__ */ jsx12(X5, { className: "h-5 w-5 text-gray-500" }) })
+        ] }),
+        /* @__PURE__ */ jsx12("div", { className: "p-4 max-h-[60vh] overflow-y-auto", children: columns.map((column) => /* @__PURE__ */ jsxs9("label", { className: "flex items-center gap-3 py-2 cursor-pointer hover:bg-gray-50 px-2 rounded", children: [
+          /* @__PURE__ */ jsx12(
+            "input",
+            {
+              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__ */ jsx12("span", { className: "text-sm text-gray-700", children: column.label })
+        ] }, column.key)) }),
+        /* @__PURE__ */ jsxs9("div", { className: "p-4 border-t border-gray-200 flex justify-between", children: [
+          /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              onClick: () => setVisibleColumns(columns.map((c) => c.key)),
+              className: "text-sm text-blue-600 hover:text-blue-800",
+              children: "Tout afficher"
+            }
+          ),
+          /* @__PURE__ */ jsx12(
+            "button",
+            {
+              type: "button",
+              onClick: () => setShowColumnsPanel(false),
+              className: "px-4 py-2 bg-[var(--color-primary)] text-white rounded-lg text-sm",
+              children: "Fermer"
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    selectionMode && selectedItems.length > 0 && /* @__PURE__ */ jsxs9("div", { className: "mb-4 p-3 bg-blue-50 border border-blue-200 rounded-lg flex items-center justify-between", children: [
+      /* @__PURE__ */ jsx12("div", { className: "flex items-center gap-3", children: /* @__PURE__ */ jsxs9("span", { className: "text-sm font-medium text-blue-800", children: [
+        selectedItems.length,
+        " \xE9l\xE9ment(s) s\xE9lectionn\xE9(s)"
+      ] }) }),
+      /* @__PURE__ */ jsxs9("div", { className: "flex items-center gap-2", children: [
+        onBulkDelete && /* @__PURE__ */ jsxs9(
+          "button",
+          {
+            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__ */ jsx12(Trash2, { className: "h-4 w-4" }),
+              "Supprimer"
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsx12(
+          "button",
+          {
+            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__ */ jsxs8("table", { className: "w-full", children: [
-      /* @__PURE__ */ jsx12("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsxs8("tr", { children: [
-        columns.map((column) => /* @__PURE__ */ jsxs8("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider relative", scope: "col", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "flex align-center items-center gap-2", children: [
+    loading && /* @__PURE__ */ jsx12("div", { className: "flex justify-center py-4", children: /* @__PURE__ */ jsx12("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-[var(--color-primary)]" }) }),
+    /* @__PURE__ */ jsx12("div", { ref: tableContainerRef, className: cn("bg-white", isFullscreen && "p-4"), children: /* @__PURE__ */ jsxs9("table", { id: "fdrawer-table", className: "w-full", children: [
+      /* @__PURE__ */ jsx12("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsxs9("tr", { children: [
+        selectionMode && /* @__PURE__ */ jsx12("th", { className: cn(densityClasses.cell, "text-left text-xs font-medium text-gray-500 uppercase tracking-wider"), children: /* @__PURE__ */ jsx12(
+          "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__ */ jsxs9("th", { className: cn(densityClasses.cell, "text-left text-xs font-medium text-gray-500 uppercase tracking-wider relative"), scope: "col", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "flex align-center items-center gap-2", children: [
             /* @__PURE__ */ jsx12("span", { onClick: () => setShowFilters(showFilters === column.key ? "" : column.key), children: column.label }),
             column.sortable && /* @__PURE__ */ jsx12(ArrowDownUp, { className: "h-4 w-4 cursor-pointer", onClick: () => setShowOrdering(showOrdering === column.key ? "" : column.key) })
           ] }),
-          showOrdering === column.key && /* @__PURE__ */ jsx12("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__ */ jsxs8("div", { className: "p-2", children: [
+          showOrdering === column.key && /* @__PURE__ */ jsx12("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__ */ jsxs9("div", { className: "p-2", children: [
             /* @__PURE__ */ jsx12(
               "button",
               {
@@ -2425,7 +3745,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__ */ jsxs8("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                children: /* @__PURE__ */ jsxs9("div", { className: "text-left flex-1 flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx12(ArrowUpAZ, { className: "h-4 w-4" }),
                   /* @__PURE__ */ jsx12("p", { className: cn("text-sm font-medium", order_by === column.key ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "Croissant" })
                 ] })
@@ -2442,42 +3762,98 @@ 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__ */ jsxs8("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                children: /* @__PURE__ */ jsxs9("div", { className: "text-left flex-1 flex items-center gap-2", children: [
                   /* @__PURE__ */ jsx12(ArrowDownAZ, { className: "h-4 w-4" }),
                   /* @__PURE__ */ jsx12("p", { className: cn("text-sm font-medium", order_by === `-${column.key}` ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "D\xE9croissant" })
                 ] })
               }
             )
           ] }) }),
-          showFilters === column.key && /* @__PURE__ */ jsxs8("div", { className: "absolute left-6 mt-2 w-[500px] bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto", role: "menu", children: [
+          showFilters === column.key && /* @__PURE__ */ jsxs9("div", { className: "absolute left-6 mt-2 w-[500px] 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__ */ jsx12("div", { className: "py-2 px-4", children: /* @__PURE__ */ jsx12("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Filtrer" }) }),
             /* @__PURE__ */ jsx12("div", { className: "pb-3 px-4", children: renderColumnFilter(column) })
           ] })
         ] }, column.key)),
-        /* @__PURE__ */ jsx12("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" })
+        /* @__PURE__ */ jsx12("th", { className: cn(densityClasses.cell, "text-left text-xs font-medium text-gray-500 uppercase tracking-wider") })
       ] }) }),
-      /* @__PURE__ */ jsx12("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((item) => /* @__PURE__ */ jsxs8("tr", { className: "hover:bg-gray-50 cursor-pointer", children: [
-        renderLine(item),
-        /* @__PURE__ */ jsx12("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", children: /* @__PURE__ */ jsxs8("div", { className: "relative", children: [
-          /* @__PURE__ */ jsx12(
-            "button",
-            {
-              type: "button",
-              onClick: () => setDropdownOpen(dropdownOpen === item.id ? null : item.id),
-              className: "p-1 rounded-full hover:bg-gray-100 transition-colors",
-              children: /* @__PURE__ */ jsx12(MoreVertical, { className: "w-4 h-4 text-gray-400" })
-            }
+      /* @__PURE__ */ jsx12("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((item) => /* @__PURE__ */ jsxs9(
+        "tr",
+        {
+          className: cn(
+            "hover:bg-gray-50 cursor-pointer",
+            selectionMode && selectedItems.includes(item.id) && "bg-blue-50"
           ),
-          dropdownOpen === item.id && /* @__PURE__ */ jsx12("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__ */ jsx12(Link2, { 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__ */ jsx12("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__ */ jsx12(Pagination, { reponseDetail, setQueryURL, filters: [filters, setFilters] })
+          children: [
+            selectionMode && /* @__PURE__ */ jsx12("td", { className: cn(densityClasses.cell, "whitespace-nowrap", densityClasses.text, "text-gray-500"), children: /* @__PURE__ */ jsx12(
+              "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__ */ jsx12("td", { className: cn(densityClasses.cell, "whitespace-nowrap", densityClasses.text, "text-gray-500"), children: cellContent }, column.key);
+            }),
+            /* @__PURE__ */ jsx12("td", { className: cn(densityClasses.cell, "whitespace-nowrap text-right", densityClasses.text, "font-medium"), children: /* @__PURE__ */ jsxs9("div", { className: "relative", children: [
+              /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  onClick: () => setDropdownOpen(dropdownOpen === item.id ? null : item.id),
+                  className: "p-1 rounded-full hover:bg-gray-100 transition-colors",
+                  children: /* @__PURE__ */ jsx12(MoreVertical, { className: "w-4 h-4 text-gray-400" })
+                }
+              ),
+              dropdownOpen === item.id && /* @__PURE__ */ jsxs9("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__ */ jsx12(Link2, { 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__ */ jsx12("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__ */ jsxs9(Fragment4, { children: [
+                  /* @__PURE__ */ jsx12("div", { className: "border-t border-gray-100 my-1" }),
+                  /* @__PURE__ */ jsxs9(
+                    "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__ */ jsx12(Copy, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ jsx12("span", { children: "Dupliquer" })
+                      ]
+                    }
+                  )
+                ] })
+              ] })
+            ] }) })
+          ]
+        },
+        item.id
+      )) })
+    ] }) }),
+    /* @__PURE__ */ jsx12(Pagination, { reponseDetail, setQueryURL, filters: [filters, setFilters] }),
+    importEndpoint && importFields && /* @__PURE__ */ jsx12(
+      ExcelImportModal,
+      {
+        isOpen: showImportModal,
+        onClose: () => setShowImportModal(false),
+        importEndpoint,
+        importFields,
+        onSuccess: () => {
+          setShowImportModal(false);
+          getDataFilter();
+        }
+      }
+    )
   ] });
 };
 var Pagination = ({
@@ -2523,15 +3899,15 @@ var Pagination = ({
     if (newPage >= 1 && newPage <= total_pages)
       setFilters({ ...filtersValue, page: newPage });
   };
-  return /* @__PURE__ */ jsxs8("div", { className: "p-4 border-t border-[#E8E8E8] flex items-center justify-between", children: [
-    /* @__PURE__ */ jsxs8("span", { className: "text-sm text-[#666666]", children: [
+  return /* @__PURE__ */ jsxs9("div", { className: "p-4 border-t border-[#E8E8E8] flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs9("span", { className: "text-sm text-[#666666]", children: [
       "Affichage de 1 \xE0 ",
       results?.length ?? 0,
       " sur ",
       count ?? 0,
       " entr\xE9es"
     ] }),
-    /* @__PURE__ */ jsx12("nav", { children: /* @__PURE__ */ jsxs8("ul", { className: "flex items-center space-x-2 pagination", children: [
+    /* @__PURE__ */ jsx12("nav", { children: /* @__PURE__ */ jsxs9("ul", { className: "flex items-center space-x-2 pagination", children: [
       /* @__PURE__ */ jsx12("li", { className: `page-item ${previous === null ? "disabled" : ""}`, children: /* @__PURE__ */ jsx12(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm disabled:opacity-50", to: "#", onClick: () => handleChangePage("previous"), tabIndex: -1, "aria-disabled": previous === null, children: "Pr\xE9c\xE9dent" }) }),
       pageItems,
       /* @__PURE__ */ jsx12("li", { className: `page-item ${next === null ? "disabled" : ""}`, children: /* @__PURE__ */ jsx12(Link2, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm disabled:opacity-50", to: "#", onClick: () => handleChangePage("next"), "aria-disabled": next === null, children: "Suivant" }) }),
@@ -2553,9 +3929,9 @@ var Pagination = ({
 import { useState as useState10, useEffect as useEffect8 } from "react";
 
 // src/components/common/SearchableSelect.tsx
-import { useState as useState9, useRef, useEffect as useEffect7 } from "react";
-import { Search as Search3, ChevronDown, X as X4, RefreshCw, Plus } from "lucide-react";
-import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useState as useState9, useRef as useRef2, useEffect as useEffect7 } from "react";
+import { Search as Search3, ChevronDown as ChevronDown2, X as X6, RefreshCw as RefreshCw2, Plus as Plus2 } from "lucide-react";
+import { Fragment as Fragment5, jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
 var SearchableSelect = ({
   options,
   value,
@@ -2571,8 +3947,8 @@ var SearchableSelect = ({
 }) => {
   const [isOpen, setIsOpen] = useState9(false);
   const [searchTerm, setSearchTerm] = useState9("");
-  const dropdownRef = useRef(null);
-  const inputRef = useRef(null);
+  const dropdownRef = useRef2(null);
+  const inputRef = useRef2(null);
   const selectedOption = options.find((option) => option.value === value);
   const defaultFilter = (option, searchTerm2) => {
     return option.label.toLowerCase().includes(searchTerm2.toLowerCase());
@@ -2609,7 +3985,7 @@ var SearchableSelect = ({
       }
     }
   };
-  return /* @__PURE__ */ jsxs9("div", { className: "relative", ref: dropdownRef, children: [
+  return /* @__PURE__ */ jsxs10("div", { className: "relative", ref: dropdownRef, children: [
     /* @__PURE__ */ jsx13(
       "div",
       {
@@ -2620,8 +3996,8 @@ var SearchableSelect = ({
           ${disabled ? "bg-gray-100 cursor-not-allowed" : "bg-white hover:border-gray-300"}
           ${isOpen ? "ring-2 ring-[#6B7C92] border-transparent" : ""}
         `,
-        children: /* @__PURE__ */ jsxs9("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ jsx13("div", { className: "flex items-center space-x-2 flex-1", children: selectedOption ? /* @__PURE__ */ jsxs9(Fragment5, { children: [
+        children: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ jsx13("div", { className: "flex items-center space-x-2 flex-1", children: selectedOption ? /* @__PURE__ */ jsxs10(Fragment5, { children: [
             selectedOption.image && /* @__PURE__ */ jsx13(
               "img",
               {
@@ -2632,18 +4008,18 @@ var SearchableSelect = ({
             ),
             selectedOption.content || /* @__PURE__ */ jsx13("span", { className: "text-gray-900", children: selectedOption.label })
           ] }) : /* @__PURE__ */ jsx13("span", { className: "text-gray-400", children: placeholder }) }),
-          /* @__PURE__ */ jsxs9("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "flex items-center space-x-2", children: [
             allowClear && selectedOption && /* @__PURE__ */ jsx13(
               "button",
               {
                 onClick: handleClear,
                 className: "text-gray-400 hover:text-gray-600",
                 type: "button",
-                children: /* @__PURE__ */ jsx13(X4, { size: 16 })
+                children: /* @__PURE__ */ jsx13(X6, { size: 16 })
               }
             ),
             /* @__PURE__ */ jsx13(
-              ChevronDown,
+              ChevronDown2,
               {
                 size: 16,
                 className: `text-gray-400 transition-transform ${isOpen ? "rotate-180" : ""}`
@@ -2653,9 +4029,9 @@ var SearchableSelect = ({
         ] })
       }
     ),
-    isOpen && /* @__PURE__ */ jsxs9("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
-      /* @__PURE__ */ jsxs9("div", { className: "p-3 border-b border-gray-200 flex", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "relative w-full", children: [
+    isOpen && /* @__PURE__ */ jsxs10("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
+      /* @__PURE__ */ jsxs10("div", { className: "p-3 border-b border-gray-200 flex", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "relative w-full", children: [
           /* @__PURE__ */ jsx13(Search3, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
           /* @__PURE__ */ jsx13(
             "input",
@@ -2677,7 +4053,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__ */ jsx13(RefreshCw, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
+            children: /* @__PURE__ */ jsx13(RefreshCw2, { className: `w-4 h-4 ${disabled ? "animate-spin" : ""}` })
           }
         ),
         addElement && /* @__PURE__ */ jsx13(
@@ -2687,11 +4063,11 @@ 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__ */ jsx13(Plus, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ jsx13(Plus2, { className: "w-4 h-4" })
           }
         )
       ] }),
-      /* @__PURE__ */ jsx13("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsx13("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ jsxs10(
         "div",
         {
           onClick: () => handleSelect(option),
@@ -2715,8 +4091,8 @@ var SearchableSelect = ({
 };
 
 // src/components/common/ApprovalWorkflow.tsx
-import { X as X5, Plus as Plus2, Trash2, Users, Loader as Loader2, RotateCcw, Ban, Eye as Eye2, FileText as FileText2, History } from "lucide-react";
-import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { X as X7, Plus as Plus3, Trash2 as Trash22, Users, Loader as Loader2, RotateCcw, Ban, Eye as Eye3, FileText as FileText2, History } from "lucide-react";
+import { Fragment as Fragment6, jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var ApprovalWorkflow = ({
   process,
   object_id,
@@ -2968,8 +4344,8 @@ var ApprovalWorkflow = ({
     return users.map((user) => ({
       value: user.id,
       label: `${user.first_name} ${user.last_name}`,
-      content: /* @__PURE__ */ jsx14("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs10("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "font-medium text-gray-900", children: [
+      content: /* @__PURE__ */ jsx14("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs11("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "font-medium text-gray-900", children: [
           user.first_name,
           " ",
           user.last_name
@@ -3004,8 +4380,8 @@ var ApprovalWorkflow = ({
         rank: i + 1
       })));
     };
-    return /* @__PURE__ */ jsxs10("fieldset", { className: "border border-[#D9D9D9] rounded-lg p-4", children: [
-      /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between mb-4", children: [
+    return /* @__PURE__ */ jsxs11("fieldset", { className: "border border-[#D9D9D9] rounded-lg p-4", children: [
+      /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between mb-4", children: [
         /* @__PURE__ */ jsx14("legend", { className: "text-lg font-semibold text-[#191919] px-2", children: sectionTitle }),
         !readOnly && /* @__PURE__ */ jsx14(
           AddStageButton,
@@ -3018,12 +4394,12 @@ var ApprovalWorkflow = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto", children: stages.length === 0 ? /* @__PURE__ */ jsxs10("div", { className: "text-center py-6 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+      /* @__PURE__ */ jsx14("div", { className: "overflow-x-auto", children: stages.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "text-center py-6 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
         /* @__PURE__ */ jsx14(Users, { className: "w-8 h-8 text-[#767676] mx-auto mb-4" }),
         /* @__PURE__ */ jsx14("h3", { className: "text-lg font-medium text-[#191919] mb-2", children: "Aucune personne ajout\xE9e" }),
         /* @__PURE__ */ jsx14("p", { className: "text-[#767676] mb-4", children: 'Cliquez sur le bouton "Ajouter une personne" pour commencer' })
-      ] }) : /* @__PURE__ */ jsxs10("table", { className: "w-full border-collapse", children: [
-        /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs10("tr", { className: "bg-gray-100", children: [
+      ] }) : /* @__PURE__ */ jsxs11("table", { className: "w-full border-collapse", children: [
+        /* @__PURE__ */ jsx14("thead", { children: /* @__PURE__ */ jsxs11("tr", { className: "bg-gray-100", children: [
           /* @__PURE__ */ jsx14("th", { className: "border border-gray-300 px-2 py-2 text-left text-sm font-semibold w-10" }),
           /* @__PURE__ */ jsx14("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Etape" }),
           /* @__PURE__ */ jsx14("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Type" }),
@@ -3056,11 +4432,11 @@ var ApprovalWorkflow = ({
   const renderTabContent = () => {
     switch (activeTab) {
       case "workflow":
-        return /* @__PURE__ */ jsxs10("div", { className: "space-y-6", children: [
+        return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
           renderStageSection("Verification", verification, setVerification, "verification"),
           renderStageSection("Validation", validation, setValidation, "validation"),
-          !readOnly && /* @__PURE__ */ jsxs10("div", { className: "flex justify-between pt-4 border-t border-[#D9D9D9]", children: [
-            /* @__PURE__ */ jsxs10("div", { className: "flex gap-3", children: [
+          !readOnly && /* @__PURE__ */ jsxs11("div", { className: "flex justify-between pt-4 border-t border-[#D9D9D9]", children: [
+            /* @__PURE__ */ jsxs11("div", { className: "flex gap-3", children: [
               /* @__PURE__ */ jsx14(
                 SecondaryButton,
                 {
@@ -3069,8 +4445,8 @@ var ApprovalWorkflow = ({
                   children: "Retour"
                 }
               ),
-              caseData?.id && formData.status !== "not-send" /* NOT_SEND */ && /* @__PURE__ */ jsxs10(Fragment6, { children: [
-                /* @__PURE__ */ jsxs10(
+              caseData?.id && formData.status !== "not-send" /* NOT_SEND */ && /* @__PURE__ */ jsxs11(Fragment6, { children: [
+                /* @__PURE__ */ jsxs11(
                   SecondaryButton,
                   {
                     onClick: handleCancel,
@@ -3083,7 +4459,7 @@ var ApprovalWorkflow = ({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsxs10(
+                /* @__PURE__ */ jsxs11(
                   SecondaryButton,
                   {
                     onClick: handleRestart,
@@ -3098,7 +4474,7 @@ var ApprovalWorkflow = ({
                 )
               ] })
             ] }),
-            /* @__PURE__ */ jsxs10("div", { className: "flex gap-3", children: [
+            /* @__PURE__ */ jsxs11("div", { className: "flex gap-3", children: [
               /* @__PURE__ */ jsx14(
                 Buttons_default,
                 {
@@ -3121,7 +4497,7 @@ var ApprovalWorkflow = ({
           ] })
         ] });
       case "preview":
-        return /* @__PURE__ */ jsx14("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs10("div", { className: "prose max-w-none", children: [
+        return /* @__PURE__ */ jsx14("div", { className: "space-y-6", children: /* @__PURE__ */ jsxs11("div", { className: "prose max-w-none", children: [
           /* @__PURE__ */ jsx14("h3", { className: "text-lg font-semibold text-[#191919] mb-4", children: "Aper\xE7u du document" }),
           caseData?.html_content ? /* @__PURE__ */ jsx14(
             "div",
@@ -3129,20 +4505,20 @@ var ApprovalWorkflow = ({
               className: "border border-[#D9D9D9] rounded-lg p-6 bg-white",
               dangerouslySetInnerHTML: { __html: caseData.html_content }
             }
-          ) : /* @__PURE__ */ jsxs10("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
-            /* @__PURE__ */ jsx14(Eye2, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+          ) : /* @__PURE__ */ jsxs11("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+            /* @__PURE__ */ jsx14(Eye3, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ jsx14("p", { className: "text-[#767676]", children: "Aucun aper\xE7u disponible" })
           ] })
         ] }) });
       case "history":
-        return /* @__PURE__ */ jsxs10("div", { className: "space-y-6", children: [
+        return /* @__PURE__ */ jsxs11("div", { className: "space-y-6", children: [
           /* @__PURE__ */ jsx14("h3", { className: "text-lg font-semibold text-[#191919]", children: "Historique des versions" }),
-          loadingHistory ? /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx14(Loader2, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) : history.length === 0 ? /* @__PURE__ */ jsxs10("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+          loadingHistory ? /* @__PURE__ */ jsx14("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ jsx14(Loader2, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) : history.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
             /* @__PURE__ */ jsx14(History, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
             /* @__PURE__ */ jsx14("p", { className: "text-[#767676]", children: "Aucun historique disponible" })
-          ] }) : /* @__PURE__ */ jsx14("div", { className: "space-y-4", children: history.map((item, index) => /* @__PURE__ */ jsx14("div", { className: "border border-[#D9D9D9] rounded-lg p-4 bg-white hover:shadow-md transition-shadow", children: /* @__PURE__ */ jsx14("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ jsxs10("div", { className: "flex-1", children: [
-            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-3 mb-2", children: [
-              /* @__PURE__ */ jsxs10("span", { className: "px-3 py-1 bg-[#6A8A82] text-white text-xs font-medium rounded-full", children: [
+          ] }) : /* @__PURE__ */ jsx14("div", { className: "space-y-4", children: history.map((item, index) => /* @__PURE__ */ jsx14("div", { className: "border border-[#D9D9D9] rounded-lg p-4 bg-white hover:shadow-md transition-shadow", children: /* @__PURE__ */ jsx14("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ jsxs11("div", { className: "flex-1", children: [
+            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-3 mb-2", children: [
+              /* @__PURE__ */ jsxs11("span", { className: "px-3 py-1 bg-[#6A8A82] text-white text-xs font-medium rounded-full", children: [
                 "Version ",
                 item.version
               ] }),
@@ -3150,8 +4526,8 @@ var ApprovalWorkflow = ({
             ] }),
             /* @__PURE__ */ jsx14("h4", { className: "font-semibold text-[#191919] mb-1", children: item.title }),
             /* @__PURE__ */ jsx14("p", { className: "text-sm text-[#767676] mb-2", children: item.description }),
-            /* @__PURE__ */ jsxs10("div", { className: "flex items-center gap-4 text-xs text-[#767676]", children: [
-              /* @__PURE__ */ jsxs10("span", { children: [
+            /* @__PURE__ */ jsxs11("div", { className: "flex items-center gap-4 text-xs text-[#767676]", children: [
+              /* @__PURE__ */ jsxs11("span", { children: [
                 "Demand\xE9 par: ",
                 item.requested_by?.first_name,
                 " ",
@@ -3159,9 +4535,9 @@ var ApprovalWorkflow = ({
               ] }),
               /* @__PURE__ */ jsx14("span", { children: "\u2022" }),
               /* @__PURE__ */ jsx14("span", { children: new Date(item.created_at || "").toLocaleDateString("fr-FR") }),
-              item.closed_at && /* @__PURE__ */ jsxs10(Fragment6, { children: [
+              item.closed_at && /* @__PURE__ */ jsxs11(Fragment6, { children: [
                 /* @__PURE__ */ jsx14("span", { children: "\u2022" }),
-                /* @__PURE__ */ jsxs10("span", { children: [
+                /* @__PURE__ */ jsxs11("span", { children: [
                   "Cl\xF4tur\xE9 le: ",
                   new Date(item.closed_at).toLocaleDateString("fr-FR")
                 ] })
@@ -3174,8 +4550,8 @@ var ApprovalWorkflow = ({
     }
   };
   const formulaire = () => {
-    return /* @__PURE__ */ jsxs10("div", { children: [
-      /* @__PURE__ */ jsxs10("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+    return /* @__PURE__ */ jsxs11("div", { children: [
+      /* @__PURE__ */ jsxs11("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
         /* @__PURE__ */ jsx14("div", { className: "md:col-span-1", children: /* @__PURE__ */ jsx14(
           TextInput,
           {
@@ -3206,7 +4582,7 @@ var ApprovalWorkflow = ({
           }
         ) })
       ] }),
-      /* @__PURE__ */ jsxs10("div", { children: [
+      /* @__PURE__ */ jsxs11("div", { children: [
         /* @__PURE__ */ jsx14("label", { className: "block text-[#191919] text-sm font-medium mb-2", children: "Description:" }),
         /* @__PURE__ */ jsx14(
           "textarea",
@@ -3221,8 +4597,8 @@ var ApprovalWorkflow = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsx14("div", { className: "border-b border-[#D9D9D9] mb-6", children: /* @__PURE__ */ jsxs10("nav", { className: "flex gap-1", children: [
-        /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsx14("div", { className: "border-b border-[#D9D9D9] mb-6", children: /* @__PURE__ */ jsxs11("nav", { className: "flex gap-1", children: [
+        /* @__PURE__ */ jsxs11(
           "button",
           {
             onClick: () => setActiveTab("workflow"),
@@ -3233,18 +4609,18 @@ var ApprovalWorkflow = ({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs11(
           "button",
           {
             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__ */ jsx14(Eye2, { className: "w-4 h-4" }),
+              /* @__PURE__ */ jsx14(Eye3, { className: "w-4 h-4" }),
               "Aper\xE7u"
             ]
           }
         ),
-        /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs11(
           "button",
           {
             onClick: () => setActiveTab("history"),
@@ -3260,7 +4636,7 @@ var ApprovalWorkflow = ({
     ] });
   };
   if (CustomBtn) {
-    return /* @__PURE__ */ jsxs10(Fragment6, { children: [
+    return /* @__PURE__ */ jsxs11(Fragment6, { children: [
       /* @__PURE__ */ jsx14(CustomBtn, { onClick: open_modal }),
       /* @__PURE__ */ jsx14(Modals_default, { open: isOpen, onClose: close_modal, title, children: formulaire() })
     ] });
@@ -3268,14 +4644,14 @@ var ApprovalWorkflow = ({
   return /* @__PURE__ */ jsx14(Fragment6, { children: /* @__PURE__ */ jsx14(
     RewiseBasicCard,
     {
-      title: /* @__PURE__ */ jsxs10("div", { className: "flex items-center justify-between w-full", children: [
+      title: /* @__PURE__ */ jsxs11("div", { className: "flex items-center justify-between w-full", children: [
         /* @__PURE__ */ jsx14("h2", { className: "text-xl font-semibold text-[#191919]", children: title }),
         /* @__PURE__ */ jsx14(
           "button",
           {
             className: "text-gray-500 hover:text-[#6A8A82] transition-colors",
             onClick: () => window.history.back(),
-            children: /* @__PURE__ */ jsx14(X5, { className: "w-5 h-5" })
+            children: /* @__PURE__ */ jsx14(X7, { className: "w-5 h-5" })
           }
         )
       ] }),
@@ -3322,7 +4698,7 @@ var StageRow = ({
     }
     return /* @__PURE__ */ jsx14("span", { className: "text-gray-400 text-xs", children: "-" });
   };
-  return /* @__PURE__ */ jsxs10("tr", { className: "hover:bg-gray-50", children: [
+  return /* @__PURE__ */ jsxs11("tr", { className: "hover:bg-gray-50", children: [
     /* @__PURE__ */ jsx14("td", { className: "border border-gray-300 px-2 py-2 text-center", children: !readOnly && /* @__PURE__ */ jsx14(
       "button",
       {
@@ -3330,11 +4706,11 @@ var StageRow = ({
         onClick: onRemove,
         className: "text-[#B85450] hover:text-red-700 transition-colors",
         title: "Supprimer",
-        children: /* @__PURE__ */ jsx14(Trash2, { className: "w-4 h-4" })
+        children: /* @__PURE__ */ jsx14(Trash22, { className: "w-4 h-4" })
       }
     ) }),
     /* @__PURE__ */ jsx14("td", { className: "border border-gray-300 px-4 py-2 text-center", children: index + 1 }),
-    /* @__PURE__ */ jsx14("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsxs10(
+    /* @__PURE__ */ jsx14("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ jsxs11(
       "select",
       {
         value: stage.space_answer,
@@ -3444,15 +4820,15 @@ var AddStageButton = ({
       role: user.phonenumber || "-"
     });
   };
-  return /* @__PURE__ */ jsxs10(Fragment6, { children: [
-    /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
+    /* @__PURE__ */ jsxs11(
       Buttons_default,
       {
         type: "button",
         onClick: () => setShowModal(true),
         classname: "gap-2",
         children: [
-          /* @__PURE__ */ jsx14(Plus2, { className: "w-4 h-4" }),
+          /* @__PURE__ */ jsx14(Plus3, { className: "w-4 h-4" }),
           /* @__PURE__ */ jsx14("span", { children: "Ajouter une personne" })
         ]
       }
@@ -3464,10 +4840,10 @@ var AddStageButton = ({
         description: "S\xE9lectionnez un utilisateur interne ou ajoutez un validateur externe",
         open: showModal,
         onClose: () => setShowModal(false),
-        children: /* @__PURE__ */ jsxs10("div", { className: "space-y-4 px-6 pb-6", children: [
-          /* @__PURE__ */ jsxs10("div", { children: [
+        children: /* @__PURE__ */ jsxs11("div", { className: "space-y-4 px-6 pb-6", children: [
+          /* @__PURE__ */ jsxs11("div", { children: [
             /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Type" }),
-            /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs11(
               "select",
               {
                 value: newStage.space_answer,
@@ -3480,7 +4856,7 @@ var AddStageButton = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsxs11("div", { children: [
             /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Nom et pr\xE9noms" }),
             newStage.space_answer === "internal" ? /* @__PURE__ */ jsx14(
               SearchableSelect,
@@ -3504,7 +4880,7 @@ var AddStageButton = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10("div", { children: [
+          /* @__PURE__ */ jsxs11("div", { children: [
             /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Email" }),
             /* @__PURE__ */ jsx14(
               "input",
@@ -3518,7 +4894,7 @@ var AddStageButton = ({
               }
             )
           ] }),
-          newStage.space_answer === "internal" && /* @__PURE__ */ jsxs10("div", { children: [
+          newStage.space_answer === "internal" && /* @__PURE__ */ jsxs11("div", { children: [
             /* @__PURE__ */ jsx14("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Role" }),
             /* @__PURE__ */ jsx14(
               "input",
@@ -3530,7 +4906,7 @@ var AddStageButton = ({
               }
             )
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "flex justify-end gap-3 pt-4 border-t border-[#D9D9D9]", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "flex justify-end gap-3 pt-4 border-t border-[#D9D9D9]", children: [
             /* @__PURE__ */ jsx14(
               SecondaryButton,
               {
@@ -3560,7 +4936,7 @@ var ApprovalWorkflow_default = ApprovalWorkflow;
 import { createContext as createContext4, useContext as useContext4, useState as useState11, useCallback as useCallback2 } from "react";
 
 // src/components/common/Alert.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var Alert = ({
   title,
   description,
@@ -3597,13 +4973,13 @@ var Alert = ({
         return "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500";
     }
   };
-  return /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs11("div", { className: "bg-white rounded-lg p-6 mx-4 w-full max-w-md shadow-xl", children: [
+  return /* @__PURE__ */ jsx15("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs12("div", { className: "bg-white rounded-lg p-6 mx-4 w-full max-w-md shadow-xl", children: [
     getIcon(),
-    /* @__PURE__ */ jsxs11("div", { className: "mt-4 text-center", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "mt-4 text-center", children: [
       /* @__PURE__ */ jsx15("h3", { className: "text-lg font-semibold text-gray-900", children: title }),
       description && /* @__PURE__ */ jsx15("p", { className: "mt-2 text-sm text-gray-600", children: description })
     ] }),
-    /* @__PURE__ */ jsxs11("div", { className: "mt-6 flex flex-col-reverse sm:flex-row gap-3 sm:gap-4", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "mt-6 flex flex-col-reverse sm:flex-row gap-3 sm:gap-4", children: [
       /* @__PURE__ */ jsx15(
         "button",
         {
@@ -3628,7 +5004,7 @@ var Alert = ({
 var Alert_default = Alert;
 
 // src/contexts/AlertContext.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 var AlertContext = createContext4(void 0);
 var AlertProvider = ({ children }) => {
   const [alertState, setAlertState] = useState11({
@@ -3669,7 +5045,7 @@ var AlertProvider = ({ children }) => {
     }
     setAlertState((prev) => ({ ...prev, open: false }));
   }, [alertState.resolve]);
-  return /* @__PURE__ */ jsxs12(AlertContext.Provider, { value: { showConfirmation, showAlert }, children: [
+  return /* @__PURE__ */ jsxs13(AlertContext.Provider, { value: { showConfirmation, showAlert }, children: [
     children,
     /* @__PURE__ */ jsx16(
       Alert_default,
@@ -3696,33 +5072,11 @@ var useAlert = () => {
 };
 
 // src/components/common/CommonSelect.tsx
-import { useEffect as useEffect14, useState as useState20 } from "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)
-};
+import { useEffect as useEffect17, useState as useState27 } from "react";
 
 // dist/index.js
 import { jsx as jsx17 } from "react/jsx-runtime";
-import { jsx as jsx22, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
 import { Link as Link3 } from "react-router-dom";
 import { jsx as jsx32, jsxs as jsxs22 } from "react/jsx-runtime";
 import React42, { useState as useState52, useEffect as useEffect42 } from "react";
@@ -3736,11 +5090,12 @@ import {
   User as User2,
   LogOut as LogOut2,
   Menu as Menu3,
-  X as X22,
+  X as X32,
   Palette as Palette2,
   DollarSign as DollarSign2,
-  HelpCircle as HelpCircle2,
-  Building2 as Building22
+  HelpCircle as HelpCircle22,
+  Building2 as Building22,
+  LayoutGrid as LayoutGrid2
 } from "lucide-react";
 import { clsx as clsx2 } from "clsx";
 import { twMerge as twMerge2 } from "tailwind-merge";
@@ -3749,35 +5104,36 @@ import { jsx as jsx42 } from "react/jsx-runtime";
 import { createContext as createContext22, useContext as useContext22, useEffect as useEffect22, useState as useState22 } from "react";
 import { jsx as jsx52 } from "react/jsx-runtime";
 import { createContext as createContext32, useContext as useContext32, useState as useState32, useCallback as useCallback3 } from "react";
-import { jsx as jsx62 } from "react/jsx-runtime";
+import { AlertTriangle as AlertTriangle3, HelpCircle as HelpCircle3, AlertCircle as AlertCircle4, X as X8 } from "lucide-react";
+import { jsx as jsx62, jsxs as jsxs32 } from "react/jsx-runtime";
 import { useState as useState42, useEffect as useEffect32 } from "react";
-import { jsx as jsx72, jsxs as jsxs32 } from "react/jsx-runtime";
-import { X as X6, Loader as Loader3, Eye as Eye3, FileText as FileText3, Check as Check2, XCircle as XCircle3, Edit as Edit2, CheckCircle as CheckCircle3, Clock as Clock2, AlertCircle as AlertCircle2, User as UserIcon2, Send as Send2 } from "lucide-react";
+import { jsx as jsx72, jsxs as jsxs42 } from "react/jsx-runtime";
+import { X as X22, Loader as Loader3, Eye as Eye4, FileText as FileText3, Check as Check2, XCircle as XCircle3, Edit as Edit2, CheckCircle as CheckCircle3, Clock as Clock2, AlertCircle as AlertCircle22, User as UserIcon2, Send as Send2 } from "lucide-react";
 import { useParams as useParams2, useSearchParams as useSearchParams3 } from "react-router-dom";
-import { Fragment as Fragment7, jsx as jsx82, jsxs as jsxs42 } from "react/jsx-runtime";
-import { Fragment as Fragment22, jsx as jsx92, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx82, jsxs as jsxs52 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx92, jsxs as jsxs62 } from "react/jsx-runtime";
 import { useEffect as useEffect52, useState as useState62 } from "react";
-import { CheckCircle as CheckCircle22, XCircle as XCircle22, AlertTriangle as AlertTriangle2, Info as Info2, X as X32 } from "lucide-react";
-import { jsx as jsx102, jsxs as jsxs62 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft22, Download as Download3, Menu as Menu22, Settings as Settings22 } from "lucide-react";
+import { CheckCircle as CheckCircle23, XCircle as XCircle22, AlertTriangle as AlertTriangle22, Info as Info22, X as X42 } from "lucide-react";
+import { jsx as jsx102, jsxs as jsxs72 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft22, Download as Download3, Menu as Menu22, Settings as Settings23 } from "lucide-react";
 import { useState as useState72 } from "react";
-import { Fragment as Fragment32, jsx as jsx112, jsxs as jsxs72 } from "react/jsx-runtime";
-import { useEffect as useEffect62, useState as useState82 } from "react";
+import { Fragment as Fragment32, jsx as jsx112, jsxs as jsxs82 } from "react/jsx-runtime";
+import React72, { useEffect as useEffect62, useState as useState82, useRef as useRef3 } from "react";
 import { useLocation as useLocation22, useNavigate as useNavigate22, useSearchParams as useSearchParams22, Link as Link22 } from "react-router-dom";
-import { ArrowDownAZ as ArrowDownAZ2, ArrowDownUp as ArrowDownUp2, ArrowUpAZ as ArrowUpAZ2, Download as Download22, Filter as Filter2, MoreVertical as MoreVertical2, Printer as Printer2, Search as Search22 } from "lucide-react";
-import { Fragment as Fragment42, jsx as jsx122, jsxs as jsxs82 } from "react/jsx-runtime";
+import { ArrowDownAZ as ArrowDownAZ2, ArrowDownUp as ArrowDownUp2, ArrowUpAZ as ArrowUpAZ2, AlertCircle as AlertCircle32, CheckCircle2 as CheckCircle222, ChevronDown as ChevronDown3, Columns3 as Columns32, Copy as Copy2, Download as Download22, FileSpreadsheet as FileSpreadsheet2, Filter as Filter2, Maximize2 as Maximize22, Minimize2 as Minimize22, MoreVertical as MoreVertical2, Plus as Plus4, Printer as Printer2, RefreshCw as RefreshCw3, Settings2 as Settings222, Trash2 as Trash23, Upload as Upload2, X as X52, Search as Search22, SquareIcon as SquareIcon2 } from "lucide-react";
+import { Fragment as Fragment42, jsx as jsx122, jsxs as jsxs92 } from "react/jsx-runtime";
 import { useState as useState102, useEffect as useEffect82 } from "react";
-import { useState as useState92, useRef as useRef2, useEffect as useEffect72 } from "react";
-import { Search as Search32, ChevronDown as ChevronDown2, X as X42, RefreshCw as RefreshCw2, Plus as Plus3 } from "lucide-react";
-import { Fragment as Fragment52, jsx as jsx132, jsxs as jsxs92 } from "react/jsx-runtime";
-import { X as X52, Plus as Plus22, Trash2 as Trash22, Users as Users2, Loader as Loader22, RotateCcw as RotateCcw2, Ban as Ban2, Eye as Eye22, FileText as FileText22, History as History2 } from "lucide-react";
-import { Fragment as Fragment62, jsx as jsx142, jsxs as jsxs102 } from "react/jsx-runtime";
+import { useState as useState92, useRef as useRef22, useEffect as useEffect72 } from "react";
+import { Search as Search32, ChevronDown as ChevronDown22, X as X62, RefreshCw as RefreshCw22, Plus as Plus22 } from "lucide-react";
+import { Fragment as Fragment52, jsx as jsx132, jsxs as jsxs102 } from "react/jsx-runtime";
+import { X as X72, Plus as Plus32, Trash2 as Trash222, Users as Users2, Loader as Loader22, RotateCcw as RotateCcw2, Ban as Ban2, Eye as Eye32, FileText as FileText22, History as History2 } from "lucide-react";
+import { Fragment as Fragment62, jsx as jsx142, jsxs as jsxs112 } from "react/jsx-runtime";
 import { createContext as createContext42, useContext as useContext42, useState as useState112, useCallback as useCallback22 } from "react";
-import { jsx as jsx152, jsxs as jsxs112 } from "react/jsx-runtime";
-import { jsx as jsx162, jsxs as jsxs122 } from "react/jsx-runtime";
-import { useEffect as useEffect13, useState as useState18 } from "react";
+import { jsx as jsx152, jsxs as jsxs122 } from "react/jsx-runtime";
+import { jsx as jsx162, jsxs as jsxs132 } from "react/jsx-runtime";
+import { useEffect as useEffect16, useState as useState25 } from "react";
 import { jsx as jsx172 } from "react/jsx-runtime";
-import { jsx as jsx222, jsxs as jsxs132 } from "react/jsx-runtime";
+import { jsx as jsx222, jsxs as jsxs142 } from "react/jsx-runtime";
 import { Link as Link32 } from "react-router-dom";
 import { jsx as jsx322, jsxs as jsxs222 } from "react/jsx-runtime";
 import React422, { useState as useState522, useEffect as useEffect422 } from "react";
@@ -3794,7 +5150,7 @@ import {
   X as X222,
   Palette as Palette22,
   DollarSign as DollarSign22,
-  HelpCircle as HelpCircle22,
+  HelpCircle as HelpCircle32,
   Building2 as Building222
 } from "lucide-react";
 import { clsx as clsx22 } from "clsx";
@@ -3807,14 +5163,14 @@ import { createContext as createContext322, useContext as useContext322, useStat
 import { jsx as jsx622 } from "react/jsx-runtime";
 import { useState as useState422, useEffect as useEffect322 } from "react";
 import { jsx as jsx722, jsxs as jsxs322 } from "react/jsx-runtime";
-import { X as X62, Loader as Loader32, Eye as Eye32, FileText as FileText32, Check as Check22, XCircle as XCircle32, Edit as Edit22, CheckCircle as CheckCircle32, Clock as Clock22, AlertCircle as AlertCircle22, User as UserIcon22, Send as Send22 } from "lucide-react";
+import { X as X82, Loader as Loader32, Eye as Eye42, FileText as FileText32, Check as Check22, XCircle as XCircle32, Edit as Edit22, CheckCircle as CheckCircle32, Clock as Clock22, AlertCircle as AlertCircle42, User as UserIcon22, Send as Send22 } from "lucide-react";
 import { useParams as useParams22, useSearchParams as useSearchParams32 } from "react-router-dom";
 import { Fragment as Fragment72, jsx as jsx822, jsxs as jsxs422 } from "react/jsx-runtime";
 import { Fragment as Fragment222, jsx as jsx922, jsxs as jsxs522 } from "react/jsx-runtime";
 import { useEffect as useEffect522, useState as useState622 } from "react";
-import { CheckCircle as CheckCircle222, XCircle as XCircle222, AlertTriangle as AlertTriangle22, Info as Info22, X as X322 } from "lucide-react";
+import { CheckCircle as CheckCircle232, XCircle as XCircle222, AlertTriangle as AlertTriangle32, Info as Info3, X as X322 } from "lucide-react";
 import { jsx as jsx1022, jsxs as jsxs622 } from "react/jsx-runtime";
-import { ChevronLeft as ChevronLeft222, Download as Download32, Menu as Menu222, Settings as Settings222 } from "lucide-react";
+import { ChevronLeft as ChevronLeft222, Download as Download32, Menu as Menu222, Settings as Settings232 } from "lucide-react";
 import { useState as useState722 } from "react";
 import { Fragment as Fragment322, jsx as jsx1122, jsxs as jsxs722 } from "react/jsx-runtime";
 import { useEffect as useEffect622, useState as useState822 } from "react";
@@ -3822,15 +5178,15 @@ import { useLocation as useLocation222, useNavigate as useNavigate222, useSearch
 import { ArrowDownAZ as ArrowDownAZ22, ArrowDownUp as ArrowDownUp22, ArrowUpAZ as ArrowUpAZ22, Download as Download222, Filter as Filter22, MoreVertical as MoreVertical22, Printer as Printer22, Search as Search222 } from "lucide-react";
 import { Fragment as Fragment422, jsx as jsx1222, jsxs as jsxs822 } from "react/jsx-runtime";
 import { useState as useState1022, useEffect as useEffect822 } from "react";
-import { useState as useState922, useRef as useRef22, useEffect as useEffect722 } from "react";
-import { Search as Search322, ChevronDown as ChevronDown22, X as X422, RefreshCw as RefreshCw22, Plus as Plus32 } from "lucide-react";
+import { useState as useState922, useRef as useRef32, useEffect as useEffect722 } from "react";
+import { Search as Search322, ChevronDown as ChevronDown32, X as X422, RefreshCw as RefreshCw32, Plus as Plus42 } from "lucide-react";
 import { Fragment as Fragment522, jsx as jsx1322, jsxs as jsxs922 } from "react/jsx-runtime";
-import { X as X522, Plus as Plus222, Trash2 as Trash222, Users as Users22, Loader as Loader222, RotateCcw as RotateCcw22, Ban as Ban22, Eye as Eye222, FileText as FileText222, History as History22 } from "lucide-react";
+import { X as X522, Plus as Plus222, Trash2 as Trash232, Users as Users22, Loader as Loader222, RotateCcw as RotateCcw22, Ban as Ban22, Eye as Eye22, FileText as FileText222, History as History22 } from "lucide-react";
 import { Fragment as Fragment622, jsx as jsx1422, jsxs as jsxs1022 } from "react/jsx-runtime";
 import { createContext as createContext422, useContext as useContext422, useState as useState1122, useCallback as useCallback222 } from "react";
 import { jsx as jsx1522, jsxs as jsxs1122 } from "react/jsx-runtime";
 import { jsx as jsx1622, jsxs as jsxs1222 } from "react/jsx-runtime";
-import { useEffect as useEffect12, useState as useState16 } from "react";
+import { useEffect as useEffect15, useState as useState23 } from "react";
 import { jsx as jsx1722 } from "react/jsx-runtime";
 import { jsx as jsx2222, jsxs as jsxs1322 } from "react/jsx-runtime";
 import { Link as Link322 } from "react-router-dom";
@@ -3880,12 +5236,12 @@ import { useState as useState10222, useEffect as useEffect8222 } from "react";
 import { useState as useState9222, useRef as useRef222, useEffect as useEffect7222 } from "react";
 import { Search as Search3222, ChevronDown as ChevronDown222, X as X4222, RefreshCw as RefreshCw222, Plus as Plus322 } from "lucide-react";
 import { Fragment as Fragment5222, jsx as jsx13222, jsxs as jsxs9222 } from "react/jsx-runtime";
-import { X as X5222, Plus as Plus2222, Trash2 as Trash2222, Users as Users222, Loader as Loader2222, RotateCcw as RotateCcw222, Ban as Ban222, Eye as Eye2222, FileText as FileText2222, History as History222 } from "lucide-react";
+import { X as X5222, Plus as Plus2222, Trash2 as Trash2222, Users as Users222, Loader as Loader2222, RotateCcw as RotateCcw222, Ban as Ban222, Eye as Eye222, FileText as FileText2222, History as History222 } from "lucide-react";
 import { Fragment as Fragment6222, jsx as jsx14222, jsxs as jsxs10222 } from "react/jsx-runtime";
 import { createContext as createContext4222, useContext as useContext4222, useState as useState11222, useCallback as useCallback2222 } from "react";
 import { jsx as jsx15222, jsxs as jsxs11222 } from "react/jsx-runtime";
 import { jsx as jsx16222, jsxs as jsxs12222 } from "react/jsx-runtime";
-import { useEffect as useEffect11, useState as useState14 } from "react";
+import { useEffect as useEffect14, useState as useState20 } from "react";
 import { jsx as jsx17222 } from "react/jsx-runtime";
 import { jsx as jsx22222, jsxs as jsxs13222 } from "react/jsx-runtime";
 import { Link as Link3222 } from "react-router-dom";
@@ -3933,15 +5289,180 @@ import { ArrowDownAZ as ArrowDownAZ2222, ArrowDownUp as ArrowDownUp2222, ArrowUp
 import { Fragment as Fragment42222, jsx as jsx122222, jsxs as jsxs82222 } from "react/jsx-runtime";
 import { useState as useState102222, useEffect as useEffect82222 } from "react";
 import { useState as useState92222, useRef as useRef2222, useEffect as useEffect72222 } from "react";
-import { Search as Search32222, ChevronDown as ChevronDown2222, X as X42222 } from "lucide-react";
+import { Search as Search32222, ChevronDown as ChevronDown2222, X as X42222, RefreshCw as RefreshCw2222, Plus as Plus3222 } from "lucide-react";
 import { Fragment as Fragment52222, jsx as jsx132222, jsxs as jsxs92222 } from "react/jsx-runtime";
-import { X as X52222, Plus as Plus3222, Trash2 as Trash22222, Users as Users2222, Loader as Loader22222, RotateCcw as RotateCcw2222, Ban as Ban2222, Eye as Eye22222, FileText as FileText22222, History as History2222 } from "lucide-react";
+import { X as X52222, Plus as Plus22222, Trash2 as Trash22222, Users as Users2222, Loader as Loader22222, RotateCcw as RotateCcw2222, Ban as Ban2222, Eye as Eye2222, FileText as FileText22222, History as History2222 } from "lucide-react";
 import { Fragment as Fragment62222, jsx as jsx142222, jsxs as jsxs102222 } from "react/jsx-runtime";
 import { createContext as createContext42222, useContext as useContext42222, useState as useState112222, useCallback as useCallback22222 } from "react";
 import { jsx as jsx152222, jsxs as jsxs112222 } from "react/jsx-runtime";
 import { jsx as jsx162222, jsxs as jsxs122222 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useState as useState18 } from "react";
+import { jsx as jsx172222 } from "react/jsx-runtime";
+import { jsx as jsx222222, jsxs as jsxs132222 } from "react/jsx-runtime";
+import { Link as Link32222 } from "react-router-dom";
+import { jsx as jsx322222, jsxs as jsxs222222 } from "react/jsx-runtime";
+import React422222, { useState as useState522222, useEffect as useEffect422222 } from "react";
+import { useLocation as useLocation32222, useNavigate as useNavigate32222 } from "react-router-dom";
+import {
+  Settings as Settings32222,
+  ChevronLeft as ChevronLeft32222,
+  ChevronRight as ChevronRight22222,
+  Search as Search42222,
+  Bell as Bell22222,
+  User as User22222,
+  LogOut as LogOut22222,
+  Menu as Menu32222,
+  X as X222222,
+  Palette as Palette22222,
+  DollarSign as DollarSign22222,
+  HelpCircle as HelpCircle22222,
+  Building2 as Building222222
+} from "lucide-react";
+import { clsx as clsx22222 } from "clsx";
+import { twMerge as twMerge22222 } from "tailwind-merge";
+import { createContext as createContext52222, useContext as useContext52222, useState as useState122222, useEffect as useEffect92222 } from "react";
+import { jsx as jsx422222 } from "react/jsx-runtime";
+import { createContext as createContext222222, useContext as useContext222222, useEffect as useEffect222222, useState as useState222222 } from "react";
+import { jsx as jsx522222 } from "react/jsx-runtime";
+import { createContext as createContext322222, useContext as useContext322222, useState as useState322222, useCallback as useCallback32222 } from "react";
+import { jsx as jsx622222 } from "react/jsx-runtime";
+import { useState as useState422222, useEffect as useEffect322222 } from "react";
+import { jsx as jsx722222, jsxs as jsxs322222 } from "react/jsx-runtime";
+import { X as X62222, Loader as Loader32222, Eye as Eye32222, FileText as FileText32222, Check as Check22222, XCircle as XCircle32222, Edit as Edit22222, CheckCircle as CheckCircle32222, Clock as Clock22222, AlertCircle as AlertCircle22222, User as UserIcon22222, Send as Send22222 } from "lucide-react";
+import { useParams as useParams22222, useSearchParams as useSearchParams32222 } from "react-router-dom";
+import { Fragment as Fragment72222, jsx as jsx822222, jsxs as jsxs422222 } from "react/jsx-runtime";
+import { Fragment as Fragment222222, jsx as jsx922222, jsxs as jsxs522222 } from "react/jsx-runtime";
+import { useEffect as useEffect522222, useState as useState622222 } from "react";
+import { CheckCircle as CheckCircle222222, XCircle as XCircle222222, AlertTriangle as AlertTriangle22222, Info as Info22222, X as X322222 } from "lucide-react";
+import { jsx as jsx1022222, jsxs as jsxs622222 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft222222, Download as Download32222, Menu as Menu222222, Settings as Settings222222 } from "lucide-react";
+import { useState as useState722222 } from "react";
+import { Fragment as Fragment322222, jsx as jsx1122222, jsxs as jsxs722222 } from "react/jsx-runtime";
+import { useEffect as useEffect622222, useState as useState822222 } from "react";
+import { useLocation as useLocation222222, useNavigate as useNavigate222222, useSearchParams as useSearchParams222222, Link as Link222222 } from "react-router-dom";
+import { ArrowDownAZ as ArrowDownAZ22222, ArrowDownUp as ArrowDownUp22222, ArrowUpAZ as ArrowUpAZ22222, Download as Download222222, Filter as Filter22222, MoreVertical as MoreVertical22222, Printer as Printer22222, Search as Search222222 } from "lucide-react";
+import { Fragment as Fragment422222, jsx as jsx1222222, jsxs as jsxs822222 } from "react/jsx-runtime";
+import { useState as useState1022222, useEffect as useEffect822222 } from "react";
+import { useState as useState922222, useRef as useRef22222, useEffect as useEffect722222 } from "react";
+import { Search as Search322222, ChevronDown as ChevronDown22222, X as X422222, RefreshCw as RefreshCw22222, Plus as Plus32222 } from "lucide-react";
+import { Fragment as Fragment522222, jsx as jsx1322222, jsxs as jsxs922222 } from "react/jsx-runtime";
+import { X as X522222, Plus as Plus222222, Trash2 as Trash222222, Users as Users22222, Loader as Loader222222, RotateCcw as RotateCcw22222, Ban as Ban22222, Eye as Eye22222, FileText as FileText222222, History as History22222 } from "lucide-react";
+import { Fragment as Fragment622222, jsx as jsx1422222, jsxs as jsxs1022222 } from "react/jsx-runtime";
+import { createContext as createContext422222, useContext as useContext422222, useState as useState1122222, useCallback as useCallback222222 } from "react";
+import { jsx as jsx1522222, jsxs as jsxs1122222 } from "react/jsx-runtime";
+import { jsx as jsx1622222, jsxs as jsxs1222222 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useState as useState16 } from "react";
+import { jsx as jsx1722222 } from "react/jsx-runtime";
+import { jsx as jsx2222222, jsxs as jsxs1322222 } from "react/jsx-runtime";
+import { Link as Link322222 } from "react-router-dom";
+import { jsx as jsx3222222, jsxs as jsxs2222222 } from "react/jsx-runtime";
+import React4222222, { useState as useState5222222, useEffect as useEffect4222222 } from "react";
+import { useLocation as useLocation322222, useNavigate as useNavigate322222 } from "react-router-dom";
+import {
+  Settings as Settings322222,
+  ChevronLeft as ChevronLeft322222,
+  ChevronRight as ChevronRight222222,
+  Search as Search422222,
+  Bell as Bell222222,
+  User as User222222,
+  LogOut as LogOut222222,
+  Menu as Menu322222,
+  X as X2222222,
+  Palette as Palette222222,
+  DollarSign as DollarSign222222,
+  HelpCircle as HelpCircle222222,
+  Building2 as Building2222222
+} from "lucide-react";
+import { clsx as clsx222222 } from "clsx";
+import { twMerge as twMerge222222 } from "tailwind-merge";
+import { createContext as createContext522222, useContext as useContext522222, useState as useState1222222, useEffect as useEffect922222 } from "react";
+import { jsx as jsx4222222 } from "react/jsx-runtime";
+import { createContext as createContext2222222, useContext as useContext2222222, useEffect as useEffect2222222, useState as useState2222222 } from "react";
+import { jsx as jsx5222222 } from "react/jsx-runtime";
+import { createContext as createContext3222222, useContext as useContext3222222, useState as useState3222222, useCallback as useCallback322222 } from "react";
+import { jsx as jsx6222222 } from "react/jsx-runtime";
+import { useState as useState4222222, useEffect as useEffect3222222 } from "react";
+import { jsx as jsx7222222, jsxs as jsxs3222222 } from "react/jsx-runtime";
+import { X as X622222, Loader as Loader322222, Eye as Eye322222, FileText as FileText322222, Check as Check222222, XCircle as XCircle322222, Edit as Edit222222, CheckCircle as CheckCircle322222, Clock as Clock222222, AlertCircle as AlertCircle222222, User as UserIcon222222, Send as Send222222 } from "lucide-react";
+import { useParams as useParams222222, useSearchParams as useSearchParams322222 } from "react-router-dom";
+import { Fragment as Fragment722222, jsx as jsx8222222, jsxs as jsxs4222222 } from "react/jsx-runtime";
+import { Fragment as Fragment2222222, jsx as jsx9222222, jsxs as jsxs5222222 } from "react/jsx-runtime";
+import { useEffect as useEffect5222222, useState as useState6222222 } from "react";
+import { CheckCircle as CheckCircle2222222, XCircle as XCircle2222222, AlertTriangle as AlertTriangle222222, Info as Info222222, X as X3222222 } from "lucide-react";
+import { jsx as jsx10222222, jsxs as jsxs6222222 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft2222222, Download as Download322222, Menu as Menu2222222, Settings as Settings2222222 } from "lucide-react";
+import { useState as useState7222222 } from "react";
+import { Fragment as Fragment3222222, jsx as jsx11222222, jsxs as jsxs7222222 } from "react/jsx-runtime";
+import { useEffect as useEffect6222222, useState as useState8222222 } from "react";
+import { useLocation as useLocation2222222, useNavigate as useNavigate2222222, useSearchParams as useSearchParams2222222, Link as Link2222222 } from "react-router-dom";
+import { ArrowDownAZ as ArrowDownAZ222222, ArrowDownUp as ArrowDownUp222222, ArrowUpAZ as ArrowUpAZ222222, Download as Download2222222, Filter as Filter222222, MoreVertical as MoreVertical222222, Printer as Printer222222, Search as Search2222222 } from "lucide-react";
+import { Fragment as Fragment4222222, jsx as jsx12222222, jsxs as jsxs8222222 } from "react/jsx-runtime";
+import { useState as useState10222222, useEffect as useEffect8222222 } from "react";
+import { useState as useState9222222, useRef as useRef222222, useEffect as useEffect7222222 } from "react";
+import { Search as Search3222222, ChevronDown as ChevronDown222222, X as X4222222, RefreshCw as RefreshCw222222, Plus as Plus322222 } from "lucide-react";
+import { Fragment as Fragment5222222, jsx as jsx13222222, jsxs as jsxs9222222 } from "react/jsx-runtime";
+import { X as X5222222, Plus as Plus2222222, Trash2 as Trash2222222, Users as Users222222, Loader as Loader2222222, RotateCcw as RotateCcw222222, Ban as Ban222222, Eye as Eye222222, FileText as FileText2222222, History as History222222 } from "lucide-react";
+import { Fragment as Fragment6222222, jsx as jsx14222222, jsxs as jsxs10222222 } from "react/jsx-runtime";
+import { createContext as createContext4222222, useContext as useContext4222222, useState as useState11222222, useCallback as useCallback2222222 } from "react";
+import { jsx as jsx15222222, jsxs as jsxs11222222 } from "react/jsx-runtime";
+import { jsx as jsx16222222, jsxs as jsxs12222222 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useState as useState14 } from "react";
+import { jsx as jsx17222222 } from "react/jsx-runtime";
+import { jsx as jsx22222222, jsxs as jsxs13222222 } from "react/jsx-runtime";
+import { Link as Link3222222 } from "react-router-dom";
+import { jsx as jsx32222222, jsxs as jsxs22222222 } from "react/jsx-runtime";
+import React42222222, { useState as useState52222222, useEffect as useEffect42222222 } from "react";
+import { useLocation as useLocation3222222, useNavigate as useNavigate3222222 } from "react-router-dom";
+import {
+  Settings as Settings3222222,
+  ChevronLeft as ChevronLeft3222222,
+  ChevronRight as ChevronRight2222222,
+  Search as Search4222222,
+  Bell as Bell2222222,
+  User as User2222222,
+  LogOut as LogOut2222222,
+  Menu as Menu3222222,
+  X as X22222222,
+  Palette as Palette2222222,
+  DollarSign as DollarSign2222222,
+  HelpCircle as HelpCircle2222222,
+  Building2 as Building22222222
+} from "lucide-react";
+import { clsx as clsx2222222 } from "clsx";
+import { twMerge as twMerge2222222 } from "tailwind-merge";
+import { createContext as createContext5222222, useContext as useContext5222222, useState as useState12222222, useEffect as useEffect9222222 } from "react";
+import { jsx as jsx42222222 } from "react/jsx-runtime";
+import { createContext as createContext22222222, useContext as useContext22222222, useEffect as useEffect22222222, useState as useState22222222 } from "react";
+import { jsx as jsx52222222 } from "react/jsx-runtime";
+import { createContext as createContext32222222, useContext as useContext32222222, useState as useState32222222, useCallback as useCallback3222222 } from "react";
+import { jsx as jsx62222222 } from "react/jsx-runtime";
+import { useState as useState42222222, useEffect as useEffect32222222 } from "react";
+import { jsx as jsx72222222, jsxs as jsxs32222222 } from "react/jsx-runtime";
+import { X as X6222222, Loader as Loader3222222, Eye as Eye3222222, FileText as FileText3222222, Check as Check2222222, XCircle as XCircle3222222, Edit as Edit2222222, CheckCircle as CheckCircle3222222, Clock as Clock2222222, AlertCircle as AlertCircle2222222, User as UserIcon2222222, Send as Send2222222 } from "lucide-react";
+import { useParams as useParams2222222, useSearchParams as useSearchParams3222222 } from "react-router-dom";
+import { Fragment as Fragment7222222, jsx as jsx82222222, jsxs as jsxs42222222 } from "react/jsx-runtime";
+import { Fragment as Fragment22222222, jsx as jsx92222222, jsxs as jsxs52222222 } from "react/jsx-runtime";
+import { useEffect as useEffect52222222, useState as useState62222222 } from "react";
+import { CheckCircle as CheckCircle22222222, XCircle as XCircle22222222, AlertTriangle as AlertTriangle2222222, Info as Info2222222, X as X32222222 } from "lucide-react";
+import { jsx as jsx102222222, jsxs as jsxs62222222 } from "react/jsx-runtime";
+import { ChevronLeft as ChevronLeft22222222, Download as Download3222222, Menu as Menu22222222, Settings as Settings22222222 } from "lucide-react";
+import { useState as useState72222222 } from "react";
+import { Fragment as Fragment32222222, jsx as jsx112222222, jsxs as jsxs72222222 } from "react/jsx-runtime";
+import { useEffect as useEffect62222222, useState as useState82222222 } from "react";
+import { useLocation as useLocation22222222, useNavigate as useNavigate22222222, useSearchParams as useSearchParams22222222, Link as Link22222222 } from "react-router-dom";
+import { ArrowDownAZ as ArrowDownAZ2222222, ArrowDownUp as ArrowDownUp2222222, ArrowUpAZ as ArrowUpAZ2222222, Download as Download22222222, Filter as Filter2222222, MoreVertical as MoreVertical2222222, Printer as Printer2222222, Search as Search22222222 } from "lucide-react";
+import { Fragment as Fragment42222222, jsx as jsx122222222, jsxs as jsxs82222222 } from "react/jsx-runtime";
+import { useState as useState102222222, useEffect as useEffect82222222 } from "react";
+import { useState as useState92222222, useRef as useRef2222222, useEffect as useEffect72222222 } from "react";
+import { Search as Search32222222, ChevronDown as ChevronDown2222222, X as X42222222 } from "lucide-react";
+import { Fragment as Fragment52222222, jsx as jsx132222222, jsxs as jsxs92222222 } from "react/jsx-runtime";
+import { X as X52222222, Plus as Plus3222222, Trash2 as Trash22222222, Users as Users2222222, Loader as Loader22222222, RotateCcw as RotateCcw2222222, Ban as Ban2222222, Eye as Eye2222222, FileText as FileText22222222, History as History2222222 } from "lucide-react";
+import { Fragment as Fragment62222222, jsx as jsx142222222, jsxs as jsxs102222222 } from "react/jsx-runtime";
+import { createContext as createContext42222222, useContext as useContext42222222, useState as useState112222222, useCallback as useCallback22222222 } from "react";
+import { jsx as jsx152222222, jsxs as jsxs112222222 } from "react/jsx-runtime";
+import { jsx as jsx162222222, jsxs as jsxs122222222 } from "react/jsx-runtime";
 import { useState as useState13 } from "react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs1422 } from "react/jsx-runtime";
 import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 import { useState as useState15 } from "react";
 import { jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -3951,6 +5472,18 @@ import { useState as useState17 } from "react";
 import { jsx as jsx24, jsxs as jsxs18 } from "react/jsx-runtime";
 import { jsx as jsx25, jsxs as jsxs19 } from "react/jsx-runtime";
 import { jsx as jsx26 } from "react/jsx-runtime";
+import { useState as useState19 } from "react";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
+import { useState as useState21 } from "react";
+import { jsx as jsx30, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
+import { useState as useState24 } from "react";
+import { jsx as jsx34, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx36 } from "react/jsx-runtime";
 var PrimaryButton2 = ({
   loading = false,
   children,
@@ -3968,11 +5501,11 @@ 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__ */ jsx22("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs13("div", { className: `bg-white  rounded-lg pt-4 px-6 mx-4 `, children: [
-    /* @__PURE__ */ jsxs13("div", { className: "flex  justify-between items-start mb-6", children: [
-      /* @__PURE__ */ jsxs13("div", { children: [
+  return /* @__PURE__ */ jsx22("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", children: /* @__PURE__ */ jsxs14("div", { className: `bg-white rounded-lg p-6 mx-4 w-full ${width}`, children: [
+    /* @__PURE__ */ jsxs14("div", { className: "flex justify-between items-start mb-6", children: [
+      /* @__PURE__ */ jsxs14("div", { children: [
         /* @__PURE__ */ jsx22("h3", { className: "text-xl font-semibold text-tuatara flex items-center space-x-2", children: /* @__PURE__ */ jsx22("span", { children: title }) }),
         description && /* @__PURE__ */ jsx22("p", { className: "text-sm text-gray-600 mt-1", children: description })
       ] }),
@@ -3986,7 +5519,7 @@ var Modal2 = ({ title, description, width, open, onClose, children }) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx22("div", { className: "w-full max-h-[80vh] overflow-y-auto mb-1", children })
+    /* @__PURE__ */ jsx22("div", { className: "w-full max-h-[80vh] overflow-y-auto", children })
   ] }) });
 };
 var Modals_default2 = Modal2;
@@ -4038,16 +5571,17 @@ 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 = createContext22(void 0);
 var API_BASE_URL22 = `${API_URL2}/core/auth/`;
 var USERS_API_URL2 = `${API_URL2}/core/users/`;
 var ToastContext2 = createContext32(void 0);
 var APPROVAL_API_URL2 = `${API_URL2}/approvals/cases/`;
 var AlertContext2 = createContext42(void 0);
-var VENDORS_API_URL2 = `${API_URL2}/accounting/vendors/`;
 var ThemeContext22 = createContext52(void 0);
-var ADDRESS_IP22 = "localhost:8000";
-var ADDRESS_IP_URL22 = `http://${ADDRESS_IP22}/`;
+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 SessionContext22 = createContext222(void 0);
@@ -4058,8 +5592,9 @@ var APPROVAL_API_URL22 = `${API_URL22}/approvals/cases/`;
 var AlertContext22 = createContext422(void 0);
 var VENDORS_API_URL22 = `${API_URL22}/accounting/vendors/`;
 var ThemeContext222 = createContext522(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 SessionContext222 = createContext2222(void 0);
@@ -4070,8 +5605,9 @@ var APPROVAL_API_URL222 = `${API_URL222}/approvals/cases/`;
 var AlertContext222 = createContext4222(void 0);
 var VENDORS_API_URL222 = `${API_URL222}/accounting/vendors/`;
 var ThemeContext2222 = createContext5222(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 = createContext22222(void 0);
@@ -4080,22 +5616,70 @@ var USERS_API_URL2222 = `${API_URL2222}/core/users/`;
 var ToastContext2222 = createContext32222(void 0);
 var APPROVAL_API_URL2222 = `${API_URL2222}/approvals/cases/`;
 var AlertContext2222 = createContext42222(void 0);
-var URI = `${API_URL222}/core/departments/`;
-var URI2 = `${API_URL222}/accounting/profit-or-cost-center/`;
-var COST_URI = `${API_URL222}/accounting/cost-center/`;
-var PROFIT_URI = `${API_URL222}/accounting/profit-center/`;
-var URI3 = `${API_URL22}/core/departments/`;
-var URI4 = `${API_URL22}/accounting/profit-or-cost-center/`;
-var COST_URI2 = `${API_URL22}/accounting/cost-center/`;
-var PROFIT_URI2 = `${API_URL22}/accounting/profit-center/`;
-var URI5 = `${API_URL2}/core/departments/`;
-var URI6 = `${API_URL2}/accounting/profit-or-cost-center/`;
-var COST_URI3 = `${API_URL2}/accounting/cost-center/`;
-var PROFIT_URI3 = `${API_URL2}/accounting/profit-center/`;
+var VENDORS_API_URL2222 = `${API_URL2222}/accounting/vendors/`;
+var ThemeContext22222 = createContext52222(void 0);
+var ADDRESS_IP22222 = "localhost:8000";
+var ADDRESS_IP_URL22222 = `http://${ADDRESS_IP22222}/`;
+var API_URL22222 = `${ADDRESS_IP_URL22222}api`;
+var API_BASE_URL32222 = `${API_URL22222}/core/auth/`;
+var SessionContext22222 = createContext222222(void 0);
+var API_BASE_URL222222 = `${API_URL22222}/core/auth/`;
+var USERS_API_URL22222 = `${API_URL22222}/core/users/`;
+var ToastContext22222 = createContext322222(void 0);
+var APPROVAL_API_URL22222 = `${API_URL22222}/approvals/cases/`;
+var AlertContext22222 = createContext422222(void 0);
+var VENDORS_API_URL22222 = `${API_URL22222}/accounting/vendors/`;
+var ThemeContext222222 = createContext522222(void 0);
+var ADDRESS_IP222222 = "localhost:8000";
+var ADDRESS_IP_URL222222 = `http://${ADDRESS_IP222222}/`;
+var API_URL222222 = `${ADDRESS_IP_URL222222}api`;
+var API_BASE_URL322222 = `${API_URL222222}/core/auth/`;
+var SessionContext222222 = createContext2222222(void 0);
+var API_BASE_URL2222222 = `${API_URL222222}/core/auth/`;
+var USERS_API_URL222222 = `${API_URL222222}/core/users/`;
+var ToastContext222222 = createContext3222222(void 0);
+var APPROVAL_API_URL222222 = `${API_URL222222}/approvals/cases/`;
+var AlertContext222222 = createContext4222222(void 0);
+var VENDORS_API_URL222222 = `${API_URL222222}/accounting/vendors/`;
+var ThemeContext2222222 = createContext5222222(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 = createContext22222222(void 0);
+var API_BASE_URL22222222 = `${API_URL2222222}/core/auth/`;
+var USERS_API_URL2222222 = `${API_URL2222222}/core/users/`;
+var ToastContext2222222 = createContext32222222(void 0);
+var APPROVAL_API_URL2222222 = `${API_URL2222222}/approvals/cases/`;
+var AlertContext2222222 = createContext42222222(void 0);
+var URI = `${API_URL222222}/core/departments/`;
+var URI2 = `${API_URL222222}/accounting/profit-or-cost-center/`;
+var COST_URI = `${API_URL222222}/accounting/cost-center/`;
+var PROFIT_URI = `${API_URL222222}/accounting/profit-center/`;
+var URI3 = `${API_URL22222}/core/departments/`;
+var URI4 = `${API_URL22222}/accounting/profit-or-cost-center/`;
+var COST_URI2 = `${API_URL22222}/accounting/cost-center/`;
+var PROFIT_URI2 = `${API_URL22222}/accounting/profit-center/`;
+var URI5 = `${API_URL2222}/core/departments/`;
+var URI6 = `${API_URL2222}/accounting/profit-or-cost-center/`;
+var COST_URI3 = `${API_URL2222}/accounting/cost-center/`;
+var PROFIT_URI3 = `${API_URL2222}/accounting/profit-center/`;
+var URI7 = `${API_URL222}/core/departments/`;
+var URI8 = `${API_URL222}/accounting/profit-or-cost-center/`;
+var COST_URI4 = `${API_URL222}/accounting/cost-center/`;
+var PROFIT_URI4 = `${API_URL222}/accounting/profit-center/`;
+var URI9 = `${API_URL22}/core/departments/`;
+var URI10 = `${API_URL22}/accounting/profit-or-cost-center/`;
+var COST_URI5 = `${API_URL22}/accounting/cost-center/`;
+var PROFIT_URI5 = `${API_URL22}/accounting/profit-center/`;
+var URI11 = `${API_URL2}/core/departments/`;
+var URI12 = `${API_URL2}/accounting/profit-or-cost-center/`;
+var COST_URI6 = `${API_URL2}/accounting/cost-center/`;
+var PROFIT_URI6 = `${API_URL2}/accounting/profit-center/`;
 
 // src/components/common/FormVendor.tsx
-import { useState as useState19 } from "react";
-import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
+import { useState as useState26 } from "react";
+import { jsx as jsx37, jsxs as jsxs27 } from "react/jsx-runtime";
 var MinimalVendorForm = ({
   isOpen,
   onClose,
@@ -4104,13 +5688,13 @@ var MinimalVendorForm = ({
   refresh = () => {
   }
 }) => {
-  const [formData, setFormData] = useState19(object || {
+  const [formData, setFormData] = useState26(object || {
     from_module: from ?? null,
     legal_name: "",
     trading_name: ""
   });
-  const [errors, setErrors] = useState19({});
-  const [loading, setLoading] = useState19(false);
+  const [errors, setErrors] = useState26({});
+  const [loading, setLoading] = useState26(false);
   const { token } = useSession();
   const { success, error: showError } = useToast();
   const handleInputChange = (e) => {
@@ -4169,7 +5753,7 @@ var MinimalVendorForm = ({
     }
   };
   if (!isOpen) return null;
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx37(
     Modals_default2,
     {
       title: "Ajouter un fournisseur",
@@ -4177,9 +5761,9 @@ var MinimalVendorForm = ({
       description: ``,
       open: isOpen,
       onClose,
-      children: /* @__PURE__ */ jsxs20("form", { onSubmit: handleSubmit, className: "p-", children: [
-        /* @__PURE__ */ jsx27("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs20("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsxs27("form", { onSubmit: handleSubmit, className: "p-", children: [
+        /* @__PURE__ */ jsx37("div", { className: "space-y-4", children: /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ jsx37(
             TextInput2,
             {
               label: "Raison sociale",
@@ -4191,7 +5775,7 @@ var MinimalVendorForm = ({
               onChange: handleInputChange
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx37(
             TextInput2,
             {
               label: "Nom commercial",
@@ -4202,8 +5786,8 @@ var MinimalVendorForm = ({
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxs20("div", { className: "flex justify-between pt-6 mt-8", children: [
-          /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsxs27("div", { className: "flex justify-between pt-6 mt-8", children: [
+          /* @__PURE__ */ jsx37(
             "button",
             {
               type: "button",
@@ -4212,7 +5796,7 @@ var MinimalVendorForm = ({
               children: "Annuler"
             }
           ),
-          /* @__PURE__ */ jsx27(
+          /* @__PURE__ */ jsx37(
             Buttons_default2,
             {
               type: "button",
@@ -4228,43 +5812,43 @@ var MinimalVendorForm = ({
 };
 
 // src/services/DepartmentServices.ts
-var URI7 = `${API_URL}/core/departments/`;
+var URI13 = `${API_URL}/core/departments/`;
 var DepartmentServices = {
-  create: (data) => FetchApi.post(`${URI7}`, data),
-  get: (id) => FetchApi.get(`${URI7}${id}/`),
-  list: (params) => FetchApi.get(`${URI7}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${URI7}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${URI7}${id}/`)
+  create: (data) => FetchApi.post(`${URI13}`, data),
+  get: (id) => FetchApi.get(`${URI13}${id}/`),
+  list: (params) => FetchApi.get(`${URI13}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${URI13}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${URI13}${id}/`)
 };
 
 // src/services/ProfitCostsServices.ts
-var URI8 = `${API_URL}/accounting/profit-or-cost-center/`;
-var COST_URI4 = `${API_URL}/accounting/cost-center/`;
+var URI14 = `${API_URL}/accounting/profit-or-cost-center/`;
+var COST_URI7 = `${API_URL}/accounting/cost-center/`;
 var CostServices = {
-  create: (data) => FetchApi.post(`${COST_URI4}`, data),
-  get: (id) => FetchApi.get(`${COST_URI4}${id}/`),
-  list: (params) => FetchApi.get(`${COST_URI4}?${new URLSearchParams(params).toString()}`),
-  update: (id, data) => FetchApi.put(`${COST_URI4}${id}/`, data),
-  delete: (id) => FetchApi.delete(`${COST_URI4}${id}/`)
+  create: (data) => FetchApi.post(`${COST_URI7}`, data),
+  get: (id) => FetchApi.get(`${COST_URI7}${id}/`),
+  list: (params) => FetchApi.get(`${COST_URI7}?${new URLSearchParams(params).toString()}`),
+  update: (id, data) => FetchApi.put(`${COST_URI7}${id}/`, data),
+  delete: (id) => FetchApi.delete(`${COST_URI7}${id}/`)
 };
-var PROFIT_URI4 = `${API_URL}/accounting/profit-center/`;
+var PROFIT_URI7 = `${API_URL}/accounting/profit-center/`;
 
 // src/components/common/CommonSelect.tsx
-import { jsx as jsx28, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs28 } from "react/jsx-runtime";
 var SelectVendor = ({
   value,
   onSelect
 }) => {
-  const [showModal, setShowModal] = useState20(false);
-  const [selectedVendor, setSelectedVendor] = useState20(null);
+  const [showModal, setShowModal] = useState27(false);
+  const [selectedVendor, setSelectedVendor] = useState27(null);
   const { token, activeBusinessEntity } = useSession();
-  const [vendors, setVendors] = useState20(() => {
+  const [vendors, setVendors] = useState27(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loadingVendors, setLoadingVendors] = useState20(false);
-  useEffect14(() => {
+  const [loadingVendors, setLoadingVendors] = useState27(false);
+  useEffect17(() => {
     const cacheKey = `vendors_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4302,9 +5886,9 @@ var SelectVendor = ({
     sessionStorage.removeItem(cacheKey);
     loadVendors();
   };
-  return /* @__PURE__ */ jsxs21("div", { children: [
-    /* @__PURE__ */ jsx28("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx28("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs28("div", { children: [
+    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "Ajouter un fournisseur" }) }),
+    /* @__PURE__ */ jsx38(
       SearchableSelect,
       {
         value,
@@ -4320,8 +5904,8 @@ var SelectVendor = ({
       },
       "fourni" + value
     ),
-    loadingVendors && /* @__PURE__ */ jsx28("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
-    showModal && /* @__PURE__ */ jsx28(
+    loadingVendors && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des fournisseurs..." }),
+    showModal && /* @__PURE__ */ jsx38(
       MinimalVendorForm,
       {
         object: selectedVendor,
@@ -4338,13 +5922,13 @@ var SelectUser = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [users, setUsers] = useState20(() => {
+  const [users, setUsers] = useState27(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = useState20(false);
-  useEffect14(() => {
+  const [loading, setLoading] = useState27(false);
+  useEffect17(() => {
     const cacheKey = `users_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4380,19 +5964,19 @@ var SelectUser = ({
     return users.map((user) => ({
       value: user.id,
       label: `${user.first_name} ${user.last_name}`,
-      content: /* @__PURE__ */ jsx28("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs21("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsxs21("div", { className: "font-medium text-gray-900", children: [
+      content: /* @__PURE__ */ jsx38("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs28("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsxs28("div", { className: "font-medium text-gray-900", children: [
           user.first_name,
           " ",
           user.last_name
         ] }),
-        /* @__PURE__ */ jsx28("div", { className: "text-sm text-gray-500", children: user.email })
+        /* @__PURE__ */ jsx38("div", { className: "text-sm text-gray-500", children: user.email })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ jsxs21("div", { children: [
-    /* @__PURE__ */ jsx28("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx28("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs28("div", { children: [
+    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un utilisateur" }) }),
+    /* @__PURE__ */ jsx38(
       SearchableSelect,
       {
         value,
@@ -4405,7 +5989,7 @@ var SelectUser = ({
       },
       "user" + value
     ),
-    loading && /* @__PURE__ */ jsx28("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
+    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des utilisateurs..." })
   ] });
 };
 var SelectDepartment = ({
@@ -4413,13 +5997,13 @@ var SelectDepartment = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [departments, setDepartments] = useState20(() => {
+  const [departments, setDepartments] = useState27(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = useState20(false);
-  useEffect14(() => {
+  const [loading, setLoading] = useState27(false);
+  useEffect17(() => {
     const cacheKey = `departments_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4455,9 +6039,9 @@ var SelectDepartment = ({
       label: dept.name
     }));
   };
-  return /* @__PURE__ */ jsxs21("div", { children: [
-    /* @__PURE__ */ jsx28("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx28("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs28("div", { children: [
+    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un d\xE9partement" }) }),
+    /* @__PURE__ */ jsx38(
       SearchableSelect,
       {
         value,
@@ -4470,7 +6054,7 @@ var SelectDepartment = ({
       },
       "dept" + value
     ),
-    loading && /* @__PURE__ */ jsx28("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
+    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des d\xE9partements..." })
   ] });
 };
 var SelectCostCenter = ({
@@ -4478,13 +6062,13 @@ var SelectCostCenter = ({
   onSelect
 }) => {
   const { token, activeBusinessEntity } = useSession();
-  const [costCenters, setCostCenters] = useState20(() => {
+  const [costCenters, setCostCenters] = useState27(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     return cached ? JSON.parse(cached) : [];
   });
-  const [loading, setLoading] = useState20(false);
-  useEffect14(() => {
+  const [loading, setLoading] = useState27(false);
+  useEffect17(() => {
     const cacheKey = `cost_centers_cache_${activeBusinessEntity?.id || "default"}`;
     const cached = sessionStorage.getItem(cacheKey);
     if (!cached) {
@@ -4518,18 +6102,18 @@ var SelectCostCenter = ({
     return costCenters.map((center) => ({
       value: center.id,
       label: `${center.code ? `[${center.code}] ` : ""}${center.name}`,
-      content: /* @__PURE__ */ jsx28("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs21("div", { className: "flex-1", children: [
-        /* @__PURE__ */ jsx28("div", { className: "font-medium text-gray-900", children: center.name }),
-        center.code && /* @__PURE__ */ jsxs21("div", { className: "text-sm text-gray-500", children: [
+      content: /* @__PURE__ */ jsx38("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ jsxs28("div", { className: "flex-1", children: [
+        /* @__PURE__ */ jsx38("div", { className: "font-medium text-gray-900", children: center.name }),
+        center.code && /* @__PURE__ */ jsxs28("div", { className: "text-sm text-gray-500", children: [
           "Code: ",
           center.code
         ] })
       ] }) })
     }));
   };
-  return /* @__PURE__ */ jsxs21("div", { children: [
-    /* @__PURE__ */ jsx28("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx28("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
-    /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsxs28("div", { children: [
+    /* @__PURE__ */ jsx38("div", { className: "flex justify-between ", children: /* @__PURE__ */ jsx38("label", { className: "block text-sm font-medium text-gray-700 mb-2", children: "S\xE9lectionner un centre de co\xFBt" }) }),
+    /* @__PURE__ */ jsx38(
       SearchableSelect,
       {
         value,
@@ -4542,12 +6126,12 @@ var SelectCostCenter = ({
       },
       "cost" + value
     ),
-    loading && /* @__PURE__ */ jsx28("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
+    loading && /* @__PURE__ */ jsx38("p", { className: "text-sm text-gray-500 mt-2", children: "Chargement des centres de co\xFBt..." })
   ] });
 };
 
 // src/components/common/Choices.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var CHOICES = {
   INVOICE_TYPES: [
     { value: "sale", label: { fr: "Vente", en: "Sale", default: "Sale" } },
@@ -4805,7 +6389,7 @@ var InvoiceTypeSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     SearchableSelect,
     {
       value,
@@ -4828,7 +6412,7 @@ var PaymentMethodSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     SearchableSelect,
     {
       value,
@@ -4851,7 +6435,7 @@ var TemplateFNESelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     SearchableSelect,
     {
       value,
@@ -4874,7 +6458,7 @@ var ForeignCurrencySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     SearchableSelect,
     {
       value,
@@ -4898,7 +6482,7 @@ var TaxSelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     SearchableSelect,
     {
       value,
@@ -4926,7 +6510,7 @@ var LegalFormSelector = ({
     value: item.value,
     label: item.label[language] ?? item.label.default
   }));
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     SearchableSelect,
     {
       value,
@@ -4949,7 +6533,7 @@ var CountrySelector = ({
     value: item.value,
     label: item.label[language]
   }));
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx39(
     SearchableSelect,
     {
       value,
@@ -4968,7 +6552,9 @@ export {
   ApprovalAnswerModal,
   ApprovalAnswerPage,
   ApprovalPreviewAnswer_default as ApprovalPreviewAnswer,
+  ApprovalServices,
   ApprovalWorkflow_default as ApprovalWorkflow,
+  AuthServices,
   Choices_default as CHOICES,
   CountrySelector,
   DateInput,