ptechcore_ui 1.0.12 → 1.0.13

package/dist/index.cjs

@@ -29,6 +29,10 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  ApprovalAnswerModal: () => ApprovalAnswerModal,
+  ApprovalAnswerPage: () => ApprovalAnswerPage,
+  ApprovalPreviewAnswer: () => ApprovalPreviewAnswer_default,
+  ApprovalWorkflow: () => ApprovalWorkflow_default,
   DateInput: () => DateInput,
   FDrawer: () => FDrawer,
   FileInput: () => FileInput,
@@ -265,9 +269,9 @@ var FileInput = ({
 };
 
 // src/components/layout/ModernDoubleSidebarLayout.tsx
-var import_react3 = __toESM(require("react"), 1);
-var import_react_router_dom2 = require("react-router-dom");
-var import_lucide_react = require("lucide-react");
+var import_react5 = __toESM(require("react"), 1);
+var import_react_router_dom3 = require("react-router-dom");
+var import_lucide_react2 = require("lucide-react");
 
 // src/utils/utils.ts
 var import_clsx = require("clsx");
@@ -656,21 +660,23 @@ var FetchApi = class {
     const headers = {
       "Content-Type": "application/json"
     };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
     }
     const res = await fetch(url, {
       method: "POST",
       headers,
-      body: payload ? JSON.stringify(payload) : void 0
+      body: payload ? JSON.stringify({ ...payload, business_entity: localStorage.getItem("active_center_id") }) : void 0
     });
     if (!res.ok) throw new Error(await res.text());
     return res.json();
   }
   static async get(url, token) {
     const headers = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
     }
     const res = await fetch(url, {
       method: "GET",
@@ -683,8 +689,9 @@ var FetchApi = class {
     const headers = {
       "Content-Type": "application/json"
     };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
     }
     const res = await fetch(url, {
       method: "PUT",
@@ -696,8 +703,9 @@ var FetchApi = class {
   }
   static async delete(url, token) {
     const headers = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
+    const local_token = localStorage.getItem("token");
+    if (local_token) {
+      headers["Authorization"] = `Token ${local_token}`;
     }
     const res = await fetch(url, {
       method: "DELETE",
@@ -710,46 +718,17 @@ var FetchApi = class {
 
 // src/services/AuthServices.ts
 var API_BASE_URL = `${API_URL}/core/auth/`;
-var FetchApi2 = class {
-  static async post(url, payload, token) {
-    const headers = {
-      "Content-Type": "application/json"
-    };
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "POST",
-      headers,
-      body: payload ? JSON.stringify(payload) : void 0
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-  static async get(url, token) {
-    const headers = {};
-    if (token) {
-      headers["Authorization"] = `Token ${token}`;
-    }
-    const res = await fetch(url, {
-      method: "GET",
-      headers
-    });
-    if (!res.ok) throw new Error(await res.text());
-    return res.json();
-  }
-};
 var AuthServices = {
-  sendOtp: (payload) => FetchApi2.post(`${API_BASE_URL}send-otp/`, payload),
-  verifyOtp: (payload) => FetchApi2.post(`${API_BASE_URL}verify-otp/`, payload),
-  completeRegistration: (payload) => FetchApi2.post(`${API_BASE_URL}complete-registration/`, payload),
-  getInvitations: (token) => FetchApi2.get(`${API_BASE_URL}invitations/?token=${token}`),
-  respondInvitationEmail: (payload) => FetchApi2.post(`${API_BASE_URL}respond-invitation-email/`, payload),
-  change_password: (payload) => FetchApi2.post(`${API_BASE_URL}change-password/`, payload),
-  addUser: (payload) => FetchApi2.post(`${API_BASE_URL}add-user/`, payload),
-  login: (payload) => FetchApi2.post(`${API_BASE_URL}login/`, payload),
-  getUserInformations: (token) => FetchApi2.get(`${API_BASE_URL}user-informations/`, token),
-  logout: () => FetchApi2.post(`${API_BASE_URL}logout/`)
+  sendOtp: (payload) => FetchApi.post(`${API_BASE_URL}send-otp/`, payload),
+  verifyOtp: (payload) => FetchApi.post(`${API_BASE_URL}verify-otp/`, payload),
+  completeRegistration: (payload) => FetchApi.post(`${API_BASE_URL}complete-registration/`, payload),
+  getInvitations: (token) => FetchApi.get(`${API_BASE_URL}invitations/?token=${token}`),
+  respondInvitationEmail: (payload) => FetchApi.post(`${API_BASE_URL}respond-invitation-email/`, payload),
+  change_password: (payload) => FetchApi.post(`${API_BASE_URL}change-password/`, payload),
+  addUser: (payload) => FetchApi.post(`${API_BASE_URL}add-user/`, payload),
+  login: (payload) => FetchApi.post(`${API_BASE_URL}login/`, payload),
+  getUserInformations: (token) => FetchApi.get(`${API_BASE_URL}user-informations/`, token),
+  logout: () => FetchApi.post(`${API_BASE_URL}logout/`)
 };
 
 // src/contexts/SessionContext.tsx
@@ -812,44 +791,613 @@ var SessionProvider = ({ children }) => {
   }, children });
 };
 
-// src/components/layout/ModernDoubleSidebarLayout.tsx
+// src/services/UserServices.ts
+var API_BASE_URL2 = `${API_URL}/core/auth/`;
+var USERS_API_URL = `${API_URL}/core/users/`;
+var UserServices = {
+  // Créer un nouvel utilisateur
+  addUser: (data, token) => FetchApi.post(`${API_BASE_URL2}add-user/`, data, token),
+  // Obtenir tous les utilisateurs
+  getUsers: (token) => FetchApi.get(`${USERS_API_URL}`, token),
+  // Obtenir toutes les notifications de l'utilisateur
+  getUsersNotifications: () => FetchApi.get(`${USERS_API_URL}notifications/`),
+  // Marquer une notification comme lue
+  markNotificationAsRead: (notificationId) => FetchApi.post(`${USERS_API_URL}notifications/${notificationId}/mark-read/`, {}),
+  // Obtenir un utilisateur par ID
+  getUser: (id, token) => FetchApi.get(`${USERS_API_URL}${id}/`, token),
+  // Mettre à jour un utilisateur
+  updateUser: (id, data, token) => FetchApi.put(`${USERS_API_URL}${id}/`, data, token),
+  // Supprimer un utilisateur
+  deleteUser: (id, token) => FetchApi.delete(`${USERS_API_URL}${id}/`, token),
+  // Obtenir les utilisateurs d'une entité
+  getEntityUsers: (entityId, token) => FetchApi.get(`${API_URL}/core/entities/${entityId}/users/`, token),
+  // Obtenir les utilisateurs d'une entité
+  getuserEntitiesAccess: (id, token) => FetchApi.get(`${API_URL}/core/entities/`, token),
+  // !!! ce n'est pas la bonne url
+  // Ajouter un utilisateur à une entité
+  addUserToEntity: (entityId, userId, token) => FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token)
+};
+
+// src/contexts/ToastContext.tsx
+var import_react3 = require("react");
 var import_jsx_runtime6 = require("react/jsx-runtime");
+var ToastContext = (0, import_react3.createContext)(void 0);
+var useToast = () => {
+  const context = (0, import_react3.useContext)(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+var ToastProvider = ({ children }) => {
+  const [toasts, setToasts] = (0, import_react3.useState)([]);
+  const generateId = () => {
+    return Date.now().toString(36) + Math.random().toString(36).substr(2);
+  };
+  const addToast = (0, import_react3.useCallback)((toast) => {
+    const id = generateId();
+    const newToast = {
+      id,
+      duration: 5e3,
+      ...toast
+    };
+    setToasts((prev) => [...prev, newToast]);
+    if (newToast.duration && newToast.duration > 0) {
+      setTimeout(() => {
+        removeToast(id);
+      }, newToast.duration);
+    }
+  }, []);
+  const removeToast = (0, import_react3.useCallback)((id) => {
+    setToasts((prev) => prev.filter((toast) => toast.id !== id));
+  }, []);
+  const success = (0, import_react3.useCallback)((message, duration) => {
+    addToast({ message, type: "success", duration });
+  }, [addToast]);
+  const error = (0, import_react3.useCallback)((message, duration) => {
+    addToast({ message, type: "error", duration });
+  }, [addToast]);
+  const warning = (0, import_react3.useCallback)((message, duration) => {
+    addToast({ message, type: "warning", duration });
+  }, [addToast]);
+  const info = (0, import_react3.useCallback)((message, duration) => {
+    addToast({ message, type: "info", duration });
+  }, [addToast]);
+  const value = {
+    toasts,
+    addToast,
+    removeToast,
+    success,
+    error,
+    warning,
+    info
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(ToastContext.Provider, { value, children });
+};
+
+// src/pages/ApprovalPreviewAnswer.tsx
+var import_react4 = require("react");
+
+// src/components/common/Cards.tsx
+var import_jsx_runtime7 = require("react/jsx-runtime");
+var RewiseBasicCard = ({ title, children }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("div", { className: "bg-white rounded-lg ", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "px-6 py-2 border-b border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "flex items-center space-x-4", children: title }) }),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: "p-3", children })
+] });
+
+// src/pages/ApprovalPreviewAnswer.tsx
+var import_lucide_react = require("lucide-react");
+var import_react_router_dom2 = require("react-router-dom");
+
+// src/services/ApprovalServices.ts
+var APPROVAL_API_URL = `${API_URL}/approvals/cases/`;
+var ApprovalServices = {
+  /**
+   * Créer un nouveau cas d'approbation avec vérifications et validations
+   */
+  create: (data, token) => FetchApi.post(APPROVAL_API_URL, data, token),
+  /**
+   * Obtenir tous les cas d'approbation
+   */
+  list: (token) => FetchApi.get(APPROVAL_API_URL, token),
+  /**
+   * Obtenir les détails d'un cas d'approbation par process et object_id
+   */
+  getDetails: (process, object_id, token) => FetchApi.get(`${APPROVAL_API_URL}details/?process=${process}&object_id=${object_id}`, token),
+  getAnswerDetails: (link_token) => FetchApi.get(`${APPROVAL_API_URL}answers/?link_token=${link_token}`),
+  /**
+   * Obtenir l'historique des versions d'un cas d'approbation
+   */
+  getHistory: (process, object_id, token) => FetchApi.get(`${APPROVAL_API_URL}history/?process=${process}&object_id=${object_id}`, token),
+  /**
+   * Mettre à jour un cas d'approbation
+   */
+  update: (id, data, token) => FetchApi.put(`${APPROVAL_API_URL}${id}/`, data, token),
+  /**
+   * Démarrer le processus d'approbation d'un cas
+   */
+  start: (id, token) => FetchApi.post(`${APPROVAL_API_URL}${id}/start/`, {}, token),
+  /**
+   * Annuler un cas d'approbation
+   */
+  cancel: (id, token) => FetchApi.post(`${APPROVAL_API_URL}${id}/cancel/`, {}, token),
+  /**
+   * Redémarrer un cas d'approbation (nouvelle version)
+   */
+  restart: (id, token) => FetchApi.post(`${APPROVAL_API_URL}${id}/restart/`, {}, token),
+  /**
+   * Supprimer un cas d'approbation
+   */
+  delete: (id, token) => FetchApi.delete(`${APPROVAL_API_URL}${id}/`, token),
+  /**
+   * Approuver une réponse d'approbation
+   */
+  approve: (answerId, note) => FetchApi.post(`${API_URL}/approvals/answers/${answerId}/approve/`, { note: note || "" }),
+  /**
+   * Rejeter une réponse d'approbation
+   */
+  reject: (answerId, note) => FetchApi.post(`${API_URL}/approvals/answers/${answerId}/reject/`, { note: note || "" }),
+  /**
+   * Suggérer une correction pour une réponse d'approbation
+   */
+  suggestChange: (answerId, note) => FetchApi.post(`${API_URL}/approvals/answers/${answerId}/suggest_change/`, { note: note || "" })
+};
+
+// src/pages/ApprovalPreviewAnswer.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var ApprovalAnswerModal = ({ answer_id, link_token, object_detail }) => {
+  const [answerId, setAnswerId] = (0, import_react4.useState)(answer_id);
+  const [caseData, setCaseData] = (0, import_react4.useState)(object_detail);
+  const [loading, setLoading] = (0, import_react4.useState)(false);
+  const { error: showError, success: showSuccess } = useToast();
+  const loadData = async () => {
+    if (!link_token) {
+      showError("Token de lien invalide");
+      return;
+    }
+    setLoading(true);
+    try {
+      await loadCase();
+    } catch (error) {
+      console.error("Erreur lors du chargement:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const loadCase = async () => {
+    if (!link_token) return;
+    try {
+      const response = await ApprovalServices.getAnswerDetails(link_token);
+      if (response.success && response.data) {
+        setAnswerId(response.data.answer_id);
+        setCaseData(response.data.case);
+      }
+    } catch (error) {
+      showError("Erreur lors du chargement du cas d'approbation");
+      console.error("Erreur:", error);
+    }
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RewiseBasicCard, { title: "Approbation - Pr\xE9visualisation", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
+  } else {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ApprovalPreviewAnswer, { loadCase: loadData, answerId, caseData });
+  }
+};
+var ApprovalAnswerPage = () => {
+  const [searchParams] = (0, import_react_router_dom2.useSearchParams)();
+  const { link_token } = (0, import_react_router_dom2.useParams)();
+  const [answerId, setAnswerId] = (0, import_react4.useState)(null);
+  const { error: showError, success: showSuccess } = useToast();
+  const [loading, setLoading] = (0, import_react4.useState)(true);
+  const [caseData, setCaseData] = (0, import_react4.useState)(null);
+  (0, import_react4.useEffect)(() => {
+    loadData();
+  }, [link_token]);
+  const loadData = async () => {
+    if (!link_token) {
+      showError("Token de lien invalide");
+      return;
+    }
+    setLoading(true);
+    try {
+      await loadCase();
+    } catch (error) {
+      console.error("Erreur lors du chargement:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const loadCase = async () => {
+    if (!link_token) return;
+    try {
+      const response = await ApprovalServices.getAnswerDetails(link_token);
+      if (response.success && response.data) {
+        setAnswerId(response.data.answer_id);
+        setCaseData(response.data.case);
+      }
+    } catch (error) {
+      showError("Erreur lors du chargement du cas d'approbation");
+      console.error("Erreur:", error);
+    }
+  };
+  const pageTitle = caseData?.title || "Approbation - Pr\xE9visualisation";
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RewiseBasicCard, { title: "Approbation - Pr\xE9visualisation", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
+  } else {
+    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "min-h-screen w-full bg-gray-100 mx-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "min-h-screen max-w-7xl mx-auto p-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+      RewiseBasicCard,
+      {
+        title: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex items-center justify-between w-full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h2", { className: "text-xl font-semibold text-[#191919]", children: pageTitle }) }),
+        children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ApprovalPreviewAnswer, { loadCase: loadData, answerId, caseData })
+      }
+    ) }) });
+  }
+};
+var ApprovalPreviewAnswer = ({ loadCase, answerId, caseData }) => {
+  const { error: showError, success: showSuccess } = useToast();
+  const [submitting, setSubmitting] = (0, import_react4.useState)(false);
+  const [showNoteModal, setShowNoteModal] = (0, import_react4.useState)(false);
+  const [currentAction, setCurrentAction] = (0, import_react4.useState)(null);
+  const [note, setNote] = (0, import_react4.useState)("");
+  const openNoteModal = (action) => {
+    setCurrentAction(action);
+    setNote("");
+    setShowNoteModal(true);
+  };
+  const closeNoteModal = () => {
+    setShowNoteModal(false);
+    setCurrentAction(null);
+    setNote("");
+  };
+  const executeAction = async () => {
+    if (!answerId) {
+      showError("ID de r\xE9ponse invalide");
+      return;
+    }
+    setSubmitting(true);
+    try {
+      let response;
+      let successMessage = "";
+      switch (currentAction) {
+        case "approve":
+          response = await ApprovalServices.approve(answerId, note);
+          successMessage = "R\xE9ponse approuv\xE9e avec succ\xE8s";
+          break;
+        case "reject":
+          response = await ApprovalServices.reject(answerId, note);
+          successMessage = "R\xE9ponse refus\xE9e avec succ\xE8s";
+          break;
+        case "suggest":
+          response = await ApprovalServices.suggestChange(answerId, note);
+          successMessage = "Correction sugg\xE9r\xE9e avec succ\xE8s";
+          break;
+        default:
+          return;
+      }
+      if (response.success) {
+        showSuccess(successMessage);
+        closeNoteModal();
+        await loadCase();
+      } else {
+        showError(response.message || "Erreur lors de l'op\xE9ration");
+      }
+    } catch (error) {
+      showError("Erreur lors de l'op\xE9ration");
+      console.error("Erreur:", error);
+    } finally {
+      setSubmitting(false);
+    }
+  };
+  const refuse = () => openNoteModal("reject");
+  const suggestCorrection = () => openNoteModal("suggest");
+  const accept = () => openNoteModal("approve");
+  const getAnswerStatusDisplay = (answer) => {
+    switch (answer) {
+      case "approved":
+        return {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.CheckCircle, { className: "w-5 h-5 text-green-600" }),
+          label: "Approuv\xE9",
+          bgColor: "bg-green-50",
+          textColor: "text-green-700",
+          borderColor: "border-green-200"
+        };
+      case "refused":
+        return {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-5 h-5 text-red-600" }),
+          label: "Refus\xE9",
+          bgColor: "bg-red-50",
+          textColor: "text-red-700",
+          borderColor: "border-red-200"
+        };
+      case "suggest-correction":
+        return {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-5 h-5 text-orange-600" }),
+          label: "Correction sugg\xE9r\xE9e",
+          bgColor: "bg-orange-50",
+          textColor: "text-orange-700",
+          borderColor: "border-orange-200"
+        };
+      case "waiting":
+      default:
+        return {
+          icon: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Clock, { className: "w-5 h-5 text-gray-500" }),
+          label: "En attente",
+          bgColor: "bg-gray-50",
+          textColor: "text-gray-700",
+          borderColor: "border-gray-200"
+        };
+    }
+  };
+  const renderApprovalPerson = (approval, index, type, isLast) => {
+    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__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative flex gap-3", children: [
+      !isLast && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute left-[19px] top-[40px] bottom-[-16px] w-0.5 bg-gray-300" }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        "div",
+        {
+          className: `w-10 h-10 rounded-full ${statusDisplay.bgColor} border-2 ${statusDisplay.borderColor} flex items-center justify-center`,
+          children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.User, { className: `w-5 h-5 ${statusDisplay.textColor}` })
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `p-3 rounded-lg border ${statusDisplay.borderColor} ${statusDisplay.bgColor}`, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-start justify-between gap-2 mb-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium text-sm text-[#191919] truncate", children: userName }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: `text-xs font-medium ${statusDisplay.textColor} whitespace-nowrap`, children: [
+            "Rang ",
+            approval.rank
+          ] })
+        ] }),
+        userEmail && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-gray-600 truncate mb-2", children: userEmail }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: `w-5 h-5 rounded-full bg-white border ${statusDisplay.borderColor} flex items-center justify-center`, children: [
+            approval.answer === "approved" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.CheckCircle, { className: "w-3 h-3 text-green-600" }),
+            approval.answer === "refused" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-3 h-3 text-red-600" }),
+            approval.answer === "suggest-correction" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-3 h-3 text-orange-600" }),
+            approval.answer === "waiting" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Clock, { className: "w-3 h-3 text-gray-500" })
+          ] }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: `text-xs font-medium ${statusDisplay.textColor}`, children: statusDisplay.label })
+        ] }),
+        approval.answered_at && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_jsx_runtime8.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-xs text-gray-500", children: [
+          "R\xE9pondu le ",
+          new Date(approval.answered_at).toLocaleDateString("fr-FR", {
+            day: "2-digit",
+            month: "short",
+            year: "numeric"
+          })
+        ] }) }),
+        approval.note && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "mt-2 pt-2 border-t border-gray-300", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("p", { className: "text-xs text-gray-600 italic", children: [
+          '"',
+          approval.note,
+          '"'
+        ] }) })
+      ] }) })
+    ] }, approval.id);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: " rounded-lg bg-white shadow-sm", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-12 gap-6 p-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "lg:col-span-4 space-y-6 ", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-4 border bg-gray-50 border-gray-200 rounded-lg", children: [
+        caseData?.requester && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Send, { className: "w-5 h-5 text-[#6A8A82]" }),
+            "Demandeur"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "relative flex gap-3", children: [
+            (caseData.verifications && caseData.verifications.length > 0 || caseData.validations && caseData.validations.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "absolute left-[19px] top-[40px] bottom-[-24px] w-0.5 bg-gray-300" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "relative flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "w-10 h-10 rounded-full bg-blue-50 border-2 border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.User, { className: "w-5 h-5 text-blue-700" }) }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 min-w-0 pb-6", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-3 rounded-lg border border-blue-200 bg-blue-50", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "font-medium text-sm text-[#191919] block mb-1", children: `${caseData.requester.first_name} ${caseData.requester.last_name}`.trim() }),
+              caseData.requester.email && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-xs text-gray-600 truncate", children: caseData.requester.email }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-2 mb-1 flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "w-5 h-5 rounded-full bg-white border border-blue-200 flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Send, { className: "w-3 h-3 text-blue-600" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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",
+                    month: "short",
+                    year: "numeric"
+                  })
+                ] })
+              ] })
+            ] }) })
+          ] })
+        ] }),
+        caseData?.verifications && caseData.verifications.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.FileText, { className: "w-5 h-5 text-[#6A8A82]" }),
+            "V\xE9rifications (",
+            caseData.verifications.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: caseData.verifications.sort((a, b) => a.rank - b.rank).map(
+            (verification, index, array) => renderApprovalPerson(
+              verification,
+              index,
+              "verification",
+              index === array.length - 1 && (!caseData.validations || caseData.validations.length === 0)
+            )
+          ) })
+        ] }),
+        caseData?.validations && caseData.validations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("h3", { className: "text-lg font-semibold text-[#191919] flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.CheckCircle, { className: "w-5 h-5 text-[#6A8A82]" }),
+            "Validations (",
+            caseData.validations.length,
+            ")"
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { children: caseData.validations.sort((a, b) => a.rank - b.rank).map(
+            (validation, index, array) => renderApprovalPerson(validation, index, "validation", index === array.length - 1)
+          ) })
+        ] }),
+        (!caseData?.verifications || caseData.verifications.length === 0) && (!caseData?.validations || caseData.validations.length === 0) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-center py-8 text-gray-500", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.AlertCircle, { className: "w-12 h-12 mx-auto mb-3 text-gray-400" }),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm", children: "Aucune approbation requise" })
+        ] })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "lg:col-span-8 space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "bg-gray-50 p-4 rounded-lg border border-gray-200", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-xs font-medium text-gray-500 uppercase", children: "Titre" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-[#191919] font-medium mt-1", children: caseData?.title || "N/A" })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-xs font-medium text-gray-500 uppercase", children: "Statut" }),
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-[#191919] font-medium mt-1 capitalize", children: caseData?.status || "N/A" })
+            ] })
+          ] }),
+          caseData?.description && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mt-3 pt-3 border-t border-gray-300", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("label", { className: "text-xs font-medium text-gray-500 uppercase", children: "Description" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-[#191919] mt-1", children: caseData.description })
+          ] })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "space-y-3", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "prose max-w-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("h3", { className: "text-lg font-semibold text-[#191919] mb-4", children: "Aper\xE7u du document" }),
+          caseData?.html_content ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+            "div",
+            {
+              className: "border border-[#D9D9D9] rounded-lg p-6 bg-white",
+              dangerouslySetInnerHTML: { __html: caseData.html_content }
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Eye, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-[#767676]", children: "Aucun aper\xE7u disponible" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex flex-wrap gap-3 justify-end pt-6 border-t border-[#D9D9D9]", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            SecondaryButton,
+            {
+              onClick: refuse,
+              disabled: submitting || caseData?.status !== "waiting",
+              classname: "flex items-center gap-2",
+              children: [
+                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-4 h-4" }),
+                "Refuser"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            SecondaryButton,
+            {
+              onClick: suggestCorrection,
+              disabled: submitting || caseData?.status !== "waiting",
+              classname: "flex items-center gap-2",
+              children: [
+                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-4 h-4" }),
+                "Sugg\xE9rer une correction"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+            Buttons_default,
+            {
+              onClick: accept,
+              disabled: submitting || caseData?.status !== "waiting",
+              classname: "flex items-center gap-2",
+              children: [
+                submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Check, { className: "w-4 h-4" }),
+                "Accepter"
+              ]
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    showNoteModal && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "bg-white rounded-lg shadow-xl max-w-md w-full", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "p-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("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"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "button",
+          {
+            onClick: closeNoteModal,
+            disabled: submitting,
+            className: "text-gray-500 hover:text-[#6A8A82] transition-colors",
+            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.X, { className: "w-5 h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: [
+          "Note ",
+          currentAction === "suggest" && "(obligatoire pour suggestion)",
+          ":"
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "textarea",
+          {
+            value: note,
+            onChange: (e) => setNote(e.target.value),
+            rows: 4,
+            disabled: submitting,
+            className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg focus:ring-2 focus:ring-[#6A8A82] focus:border-transparent resize-none disabled:bg-gray-100",
+            placeholder: "Ajoutez un commentaire (optionnel)..."
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("div", { className: "flex gap-3 justify-end", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          SecondaryButton,
+          {
+            onClick: closeNoteModal,
+            disabled: submitting,
+            children: "Annuler"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          Buttons_default,
+          {
+            onClick: executeAction,
+            disabled: submitting || currentAction === "suggest" && !note.trim(),
+            classname: "flex items-center gap-2",
+            children: submitting ? /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Loader, { className: "w-4 h-4 animate-spin" }),
+              "Traitement..."
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(import_jsx_runtime8.Fragment, { children: [
+              currentAction === "approve" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Check, { className: "w-4 h-4" }),
+              currentAction === "reject" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.XCircle, { className: "w-4 h-4" }),
+              currentAction === "suggest" && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react.Edit, { className: "w-4 h-4" }),
+              "Confirmer"
+            ] })
+          }
+        )
+      ] })
+    ] }) }) })
+  ] });
+};
+var ApprovalPreviewAnswer_default = ApprovalPreviewAnswer;
+
+// src/components/layout/ModernDoubleSidebarLayout.tsx
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var RewiseLayout = ({ children, module_name = "Rewise", module_description = "Description du module", primaryMenuItems, secondaryMenuItems }) => {
-  const location = (0, import_react_router_dom2.useLocation)();
-  const navigate = (0, import_react_router_dom2.useNavigate)();
+  const location = (0, import_react_router_dom3.useLocation)();
+  const navigate = (0, import_react_router_dom3.useNavigate)();
   const { theme, themeType, setTheme } = useTheme();
   const { loggedUser, activeBusinessEntity, setActiveBusinessEntity } = useSession();
-  const [primaryCollapsed, setPrimaryCollapsed] = (0, import_react3.useState)(false);
-  const [secondaryCollapsed, setSecondaryCollapsed] = (0, import_react3.useState)(false);
-  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react3.useState)(false);
-  const [selectedModule, setSelectedModule] = (0, import_react3.useState)("dashboard");
-  const [searchQuery, setSearchQuery] = (0, import_react3.useState)("");
-  const [showNotifications, setShowNotifications] = (0, import_react3.useState)(false);
-  const [showUserMenu, setShowUserMenu] = (0, import_react3.useState)(false);
-  const [showThemeMenu, setShowThemeMenu] = (0, import_react3.useState)(false);
-  const [showCenterMenu, setShowCenterMenu] = (0, import_react3.useState)(false);
-  const [selectedCenterId, setSelectedCenterId] = (0, import_react3.useState)(
+  const [primaryCollapsed, setPrimaryCollapsed] = (0, import_react5.useState)(false);
+  const [secondaryCollapsed, setSecondaryCollapsed] = (0, import_react5.useState)(false);
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react5.useState)(false);
+  const [selectedModule, setSelectedModule] = (0, import_react5.useState)("dashboard");
+  const [searchQuery, setSearchQuery] = (0, import_react5.useState)("");
+  const [showNotifications, setShowNotifications] = (0, import_react5.useState)(false);
+  const [showUserMenu, setShowUserMenu] = (0, import_react5.useState)(false);
+  const [showThemeMenu, setShowThemeMenu] = (0, import_react5.useState)(false);
+  const [showCenterMenu, setShowCenterMenu] = (0, import_react5.useState)(false);
+  const [showApprovalModal, setShowApprovalModal] = (0, import_react5.useState)(false);
+  const [approvalAnswerDetail, setApprovalAnswerDetail] = (0, import_react5.useState)(null);
+  const [caseData, setCaseData] = (0, import_react5.useState)(null);
+  const [selectedCenterId, setSelectedCenterId] = (0, import_react5.useState)(
     loggedUser?.centers_access?.[0]?.id || null
   );
-  const [notifications, setNotifications] = (0, import_react3.useState)([
-    {
-      id: "1",
-      title: "Nouvelle facture",
-      message: "3 nouvelles factures en attente de validation",
-      type: "info",
-      timestamp: /* @__PURE__ */ new Date(),
-      read: false
-    },
-    {
-      id: "2",
-      title: "Cl\xF4ture mensuelle",
-      message: "La cl\xF4ture de janvier est pr\xEAte",
-      type: "success",
-      timestamp: /* @__PURE__ */ new Date(),
-      read: false
-    }
-  ]);
-  (0, import_react3.useEffect)(() => {
+  const { success, error: showError } = useToast();
+  const [notifications, setNotifications] = (0, import_react5.useState)([]);
+  const [loading, setLoading] = (0, import_react5.useState)(false);
+  (0, import_react5.useEffect)(() => {
     const handleKeyDown = (e) => {
       if (e.altKey && e.key === "m") {
         e.preventDefault();
@@ -869,7 +1417,25 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
     document.addEventListener("keydown", handleKeyDown);
     return () => document.removeEventListener("keydown", handleKeyDown);
   }, []);
-  (0, import_react3.useEffect)(() => {
+  (0, import_react5.useEffect)(() => {
+    const loadOrganizations = async () => {
+      try {
+        setLoading(true);
+        const result = await UserServices.getUsersNotifications();
+        setNotifications(result.data);
+        console.log("Notifications:", result.data);
+      } catch (error) {
+        showError("Erreur lors du chargement des organisations");
+        console.error(error);
+      } finally {
+        setLoading(false);
+      }
+    };
+    if (loggedUser) {
+      loadOrganizations();
+    }
+  }, [loggedUser]);
+  (0, import_react5.useEffect)(() => {
     const path = location.pathname;
     const moduleMatch = path.match(/^\/([^/]+)/);
     if (moduleMatch) {
@@ -899,13 +1465,25 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
     });
     return breadcrumbs;
   };
-  const markNotificationAsRead = (id) => {
-    setNotifications(
-      (prev) => prev.map((n) => n.id === id ? { ...n, read: true } : n)
-    );
+  const markNotificationAsRead = async (id) => {
+    const notif = notifications.find((n) => n.id === id);
+    try {
+      if (notif?.object_detail?.link_token) {
+        setApprovalAnswerDetail(notif.object_detail);
+        setShowApprovalModal(true);
+      } else {
+        await UserServices.markNotificationAsRead(Number(id));
+        setNotifications(
+          (prev) => prev.map((n) => n.id === id ? { ...n, read: true, is_read: true } : n)
+        );
+      }
+    } catch (error) {
+      console.error("Erreur lors du marquage de la notification:", error);
+      showError("Erreur lors du marquage de la notification comme lue");
+    }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex h-screen bg-[var(--color-background)] overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "a",
       {
         href: "#main-content",
@@ -913,7 +1491,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         children: "Aller au contenu principal"
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
       "aside",
       {
         className: cn(
@@ -923,38 +1501,38 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         role: "navigation",
         "aria-label": "Navigation principale",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn(
               "flex items-center gap-3",
               primaryCollapsed && "justify-center"
             ), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
-              !primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: module_name }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: module_description })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
+              !primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "text-[var(--color-sidebar-text)] font-bold text-lg", children: module_name }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-[var(--color-sidebar-text-secondary)] text-xs", children: module_description })
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "button",
               {
                 onClick: () => setPrimaryCollapsed(!primaryCollapsed),
                 className: "text-[var(--color-sidebar-text-secondary)] hover:text-[var(--color-sidebar-text)] transition-colors",
                 "aria-label": primaryCollapsed ? "D\xE9velopper le menu" : "R\xE9duire le menu",
                 "aria-expanded": !primaryCollapsed,
-                children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronLeft, { className: cn(
+                children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronLeft, { className: cn(
                   "w-5 h-5 transition-transform",
                   primaryCollapsed && "rotate-180"
                 ) })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
             "nav",
             {
               className: "flex-1 py-4 overflow-y-auto",
               role: "menubar",
               "aria-label": "Modules principaux",
-              children: primaryMenuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              children: primaryMenuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                 "button",
                 {
                   onClick: () => {
@@ -975,48 +1553,48 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   "aria-label": item.ariaLabel || item.label,
                   "aria-current": isModuleActive(item.id) ? "page" : void 0,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(
                       "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__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn(
+                    !primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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)]"
                       ), children: item.label }),
-                      item.badge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
+                      item.badge && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
                     ] }),
-                    primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "absolute left-full ml-2 px-2 py-1 bg-[var(--color-sidebar-active)] text-[var(--color-sidebar-text)] text-xs rounded opacity-0 group-hover:opacity-100 pointer-events-none whitespace-nowrap z-50", children: item.label })
+                    primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "absolute left-full ml-2 px-2 py-1 bg-[var(--color-sidebar-active)] text-[var(--color-sidebar-text)] text-xs rounded opacity-0 group-hover:opacity-100 pointer-events-none whitespace-nowrap z-50", children: item.label })
                   ]
                 },
                 item.id
               ))
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-4 border-t border-[var(--color-sidebar-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: cn(
+          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-4 border-t border-[var(--color-sidebar-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: cn(
             "flex items-center gap-3",
             primaryCollapsed && "justify-center"
           ), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.User, { className: "w-5 h-5 text-[var(--color-background)]" }) }),
-            !primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium text-[var(--color-sidebar-text)]", children: loggedUser?.first_name && loggedUser?.last_name ? `${loggedUser.first_name} ${loggedUser.last_name}` : loggedUser?.username || "Utilisateur" }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[var(--color-sidebar-text-secondary)]", children: loggedUser?.email || "email@example.com" })
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.User, { className: "w-5 h-5 text-[var(--color-background)]" }) }),
+            !primaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-sidebar-text)]", children: loggedUser?.first_name && loggedUser?.last_name ? `${loggedUser.first_name} ${loggedUser.last_name}` : loggedUser?.username || "Utilisateur" }),
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-sidebar-text-secondary)]", children: loggedUser?.email || "email@example.com" })
             ] })
           ] }) })
         ]
       }
     ),
-    secondaryMenuItems[selectedModule] && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_jsx_runtime6.Fragment, { children: [
-      secondaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    secondaryMenuItems[selectedModule] && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_jsx_runtime9.Fragment, { children: [
+      secondaryCollapsed && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "button",
         {
           onClick: () => setSecondaryCollapsed(false),
           className: "hidden lg:flex items-center justify-center w-12 h-full bg-[var(--color-background)] border-r border-[var(--color-border)] hover:bg-[var(--color-surface-hover)] transition-colors",
           "aria-label": "Ouvrir le sous-menu",
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronRight, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         "aside",
         {
           className: cn(
@@ -1026,28 +1604,28 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           role: "navigation",
           "aria-label": "Navigation secondaire",
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-border)]", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-border)]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsx)(
                 "button",
                 {
                   onClick: () => setSecondaryCollapsed(!secondaryCollapsed),
                   className: "text-[var(--color-text-tertiary)] hover:text-[var(--color-text-primary)] flex-shrink-0",
                   "aria-label": secondaryCollapsed ? "D\xE9velopper le sous-menu" : "R\xE9duire le sous-menu",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronLeft, { className: cn(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronLeft, { className: cn(
                     "w-4 h-4 transition-transform",
                     secondaryCollapsed && "rotate-180"
                   ) })
                 }
               )
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
               "nav",
               {
                 className: "flex-1 py-4 overflow-y-auto",
                 role: "menu",
                 "aria-label": "Sous-navigation",
-                children: secondaryMenuItems[selectedModule]?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                children: secondaryMenuItems[selectedModule]?.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "button",
                   {
                     onClick: () => item.path && navigate(item.path),
@@ -1059,15 +1637,15 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     role: "menuitem",
                     "aria-current": isActive(item.path || "") ? "page" : void 0,
                     children: [
-                      item.icon && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(
+                      item.icon && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(
                         "transition-colors",
                         isActive(item.path || "") ? "text-[var(--color-primary)]" : "text-[var(--color-text-tertiary)]"
                       ), children: item.icon }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(
                         "flex-1 text-left text-sm",
                         isActive(item.path || "") ? "text-[var(--color-primary)] font-medium" : "text-[var(--color-text-secondary)]"
                       ), children: item.label }),
-                      item.badge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-white rounded-full", children: item.badge })
+                      item.badge && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-white rounded-full", children: item.badge })
                     ]
                   },
                   item.id
@@ -1078,13 +1656,13 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         }
       )
     ] }),
-    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    mobileMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
       "div",
       {
         className: "fixed inset-0 bg-black bg-opacity-50 z-50 lg:hidden",
         onClick: () => setMobileMenuOpen(false),
         "aria-hidden": "true",
-        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
           "aside",
           {
             className: "w-80 h-full bg-[var(--color-sidebar-bg)]",
@@ -1092,26 +1670,26 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
             role: "navigation",
             "aria-label": "Navigation mobile",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-3", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h1", { className: "text-white font-bold text-lg", children: "WiseBook" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-gray-400 text-xs", children: "ERP Next-Gen" })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "h-16 flex items-center justify-between px-4 border-b border-[var(--color-sidebar-border)]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 bg-[var(--color-primary)] rounded-lg flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-[var(--color-background)] font-bold text-xl", children: "W" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "text-white font-bold text-lg", children: "WiseBook" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-gray-400 text-xs", children: "ERP Next-Gen" })
                   ] })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "button",
                   {
                     onClick: () => setMobileMenuOpen(false),
                     className: "text-[var(--color-sidebar-text-secondary)]",
                     "aria-label": "Fermer le menu",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.X, { className: "w-6 h-6" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.X, { className: "w-6 h-6" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("nav", { className: "py-4", role: "menubar", children: primaryMenuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("nav", { className: "py-4", role: "menubar", children: primaryMenuItems.map((item) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "button",
                   {
                     onClick: () => {
@@ -1130,19 +1708,19 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     role: "menuitem",
                     "aria-current": isModuleActive(item.id) ? "page" : void 0,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(
                         "transition-colors",
                         isModuleActive(item.id) ? "text-[var(--color-primary)]" : "text-[var(--color-sidebar-text-secondary)]"
                       ), children: item.icon }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(
                         "flex-1 text-left text-sm font-medium",
                         isModuleActive(item.id) ? "text-[var(--color-sidebar-text)]" : "text-[var(--color-sidebar-text-secondary)]"
                       ), children: item.label }),
-                      item.badge && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
+                      item.badge && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "px-2 py-0.5 text-xs bg-[var(--color-primary)] text-[var(--color-background)] rounded-full", children: item.badge })
                     ]
                   }
                 ),
-                isModuleActive(item.id) && secondaryMenuItems[item.id] && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "bg-[var(--color-sidebar-submenu-bg)] py-2", children: secondaryMenuItems[item.id].map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                isModuleActive(item.id) && secondaryMenuItems[item.id] && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "bg-[var(--color-sidebar-submenu-bg)] py-2", children: secondaryMenuItems[item.id].map((subItem) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "button",
                   {
                     onClick: () => {
@@ -1158,7 +1736,7 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     ),
                     children: [
                       subItem.icon,
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: cn(
                         isActive(subItem.path || "") ? "text-[var(--color-primary)]" : "text-[var(--color-sidebar-text-secondary)]"
                       ), children: subItem.label })
                     ]
@@ -1171,31 +1749,31 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
         )
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 flex flex-col overflow-hidden", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
         "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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-4 flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-4 flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "button",
                 {
                   onClick: () => setMobileMenuOpen(true),
                   className: "lg:hidden text-[var(--color-text-primary)]",
                   "aria-label": "Ouvrir le menu mobile",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Menu, { className: "w-6 h-6" })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Menu, { className: "w-6 h-6" })
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                 "nav",
                 {
                   className: "hidden sm:flex items-center gap-2 text-sm",
                   "aria-label": "Fil d'Ariane",
-                  children: getBreadcrumbs().map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(import_react3.default.Fragment, { children: [
-                    index > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  children: getBreadcrumbs().map((crumb, index) => /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(import_react5.default.Fragment, { children: [
+                    index > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, { className: "w-4 h-4 text-[var(--color-text-tertiary)]" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                       "button",
                       {
                         onClick: () => navigate(crumb.path),
@@ -1209,9 +1787,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   ] }, crumb.path))
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative max-w-md flex-1 hidden lg:block", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] w-5 h-5" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative max-w-md flex-1 hidden lg:block", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Search, { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-tertiary)] w-5 h-5" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "input",
                   {
                     id: "global-search",
@@ -1225,9 +1803,9 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                 )
               ] })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-3", children: [
-              loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center gap-3", children: [
+              loggedUser?.centers_access && loggedUser.centers_access.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "button",
                   {
                     onClick: () => setShowCenterMenu(!showCenterMenu),
@@ -1236,24 +1814,24 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     "aria-label": "S\xE9lecteur de centre",
                     "aria-expanded": showCenterMenu,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)] hidden sm:block", children: loggedUser.centers_access.find((c) => c.id === activeBusinessEntity?.id)?.legal_name || "S\xE9lectionner" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.ChevronRight, { className: cn(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Building2, { className: "w-4 h-4 text-[var(--color-primary)]" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)] hidden sm:block", children: loggedUser.centers_access.find((c) => c.id === activeBusinessEntity?.id)?.legal_name || "S\xE9lectionner" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.ChevronRight, { className: cn(
                         "w-4 h-4 text-[var(--color-text-tertiary)] transition-transform",
                         showCenterMenu && "rotate-90"
                       ) })
                     ]
                   }
                 ),
-                showCenterMenu && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                showCenterMenu && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "div",
                   {
                     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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("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__ */ (0, import_jsx_runtime6.jsxs)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("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__ */ (0, import_jsx_runtime9.jsxs)(
                         "button",
                         {
                           onClick: () => {
@@ -1267,16 +1845,16 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Building2, { className: cn(
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Building2, { className: cn(
                               "w-5 h-5",
                               selectedCenterId === center.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-tertiary)]"
                             ) }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-left flex-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: cn(
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-left flex-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: cn(
                                 "text-sm font-medium",
                                 selectedCenterId === center.id ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"
                               ), children: center.legal_name }),
-                              center.trading_name && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: center.trading_name })
+                              center.trading_name && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: center.trading_name })
                             ] })
                           ]
                         },
@@ -1286,8 +1864,8 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "button",
                   {
                     onClick: () => setShowThemeMenu(!showThemeMenu),
@@ -1295,18 +1873,18 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     title: "Changer le th\xE8me",
                     "aria-label": "S\xE9lecteur de th\xE8me",
                     "aria-expanded": showThemeMenu,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Palette, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Palette, { className: "w-5 h-5 text-[var(--color-text-secondary)]" })
                   }
                 ),
-                showThemeMenu && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                showThemeMenu && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "div",
                   {
                     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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "px-3 py-2 text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Th\xE8mes disponibles" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "px-3 py-2 text-xs font-semibold text-[var(--color-text-tertiary)] uppercase", children: "Th\xE8mes disponibles" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "button",
                         {
                           onClick: () => handleThemeChange("elegant"),
@@ -1316,15 +1894,15 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-accent)]" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-left", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium", children: "\xC9l\xE9gance Sobre" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Finance traditionnelle" })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-primary)] to-[var(--color-accent)]" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-left", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium", children: "\xC9l\xE9gance Sobre" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Finance traditionnelle" })
                             ] })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "button",
                         {
                           onClick: () => handleThemeChange("fintech"),
@@ -1334,15 +1912,15 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-success)] to-[var(--color-text-primary)]" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-left", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium", children: "Modern Fintech" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Tableau de bord moderne" })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-success)] to-[var(--color-text-primary)]" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-left", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium", children: "Modern Fintech" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "Tableau de bord moderne" })
                             ] })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "button",
                         {
                           onClick: () => handleThemeChange("minimalist"),
@@ -1352,10 +1930,10 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           ),
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-text-secondary)] to-[var(--color-accent)]" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "text-left", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium", children: "Minimaliste Premium" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "\xC9l\xE9gance minimaliste" })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-10 h-10 rounded-lg bg-gradient-to-br from-[var(--color-text-secondary)] to-[var(--color-accent)]" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "text-left", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium", children: "Minimaliste Premium" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)]", children: "\xC9l\xE9gance minimaliste" })
                             ] })
                           ]
                         }
@@ -1364,12 +1942,12 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center px-3 py-1.5 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.DollarSign, { className: "w-4 h-4 text-[var(--color-primary)] mr-2" }),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "FCFA" })
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center px-3 py-1.5 bg-[var(--color-surface)] rounded-lg border border-[var(--color-border)]", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.DollarSign, { className: "w-4 h-4 text-[var(--color-primary)] mr-2" }),
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: "FCFA" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "button",
                   {
                     className: "relative p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
@@ -1377,20 +1955,20 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                     "aria-label": `Notifications ${notifications.filter((n) => !n.read).length > 0 ? `(${notifications.filter((n) => !n.read).length} non lues)` : ""}`,
                     "aria-expanded": showNotifications,
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Bell, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
-                      notifications.filter((n) => !n.read).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "absolute top-1 right-1 w-2 h-2 bg-[var(--color-error)] rounded-full" })
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Bell, { className: "w-5 h-5 text-[var(--color-text-secondary)]" }),
+                      notifications.filter((n) => !n.read).length > 0 && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "absolute top-1 right-1 w-2 h-2 bg-[var(--color-error)] rounded-full" })
                     ]
                   }
                 ),
-                showNotifications && /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                showNotifications && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                   "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",
                     role: "region",
                     "aria-label": "Centre de notifications",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-4 border-b border-[var(--color-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Notifications" }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "divide-y divide-[var(--color-border)]", children: notifications.map((notif) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-4 border-b border-[var(--color-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Notifications" }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "divide-y divide-[var(--color-border)]", children: notifications.map((notif) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                         "div",
                         {
                           className: cn(
@@ -1398,18 +1976,18 @@ 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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-start gap-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: cn(
+                          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-start gap-3", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: cn(
                               "w-2 h-2 rounded-full mt-2",
                               notif.type === "error" && "bg-[var(--color-error)]",
                               notif.type === "warning" && "bg-[var(--color-warning)]",
                               notif.type === "success" && "bg-[var(--color-success)]",
                               notif.type === "info" && "bg-[var(--color-info)]"
                             ) }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex-1", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: notif.title }),
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)] mt-1", children: notif.message }),
-                              /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-2", children: notif.timestamp.toLocaleTimeString() })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm font-medium text-[var(--color-text-primary)]", children: notif.title }),
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-secondary)] mt-1", children: notif.message }),
+                              /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-xs text-[var(--color-text-tertiary)] mt-2" })
                             ] })
                           ] })
                         },
@@ -1419,36 +1997,36 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                   }
                 )
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "relative", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "relative", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "button",
                   {
                     onClick: () => setShowUserMenu(!showUserMenu),
                     className: "flex items-center gap-2 p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
                     "aria-label": "Menu utilisateur",
                     "aria-expanded": showUserMenu,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "w-8 h-8 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.User, { className: "w-4 h-4 text-[var(--color-background)]" }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "w-8 h-8 bg-[var(--color-primary)] rounded-full flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.User, { className: "w-4 h-4 text-[var(--color-background)]" }) })
                   }
                 ),
-                showUserMenu && /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                showUserMenu && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
                   "div",
                   {
                     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__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "p-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "p-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.User, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm", children: "Mon profil" })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.User, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "Mon profil" })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "button",
                         {
                           onClick: () => {
@@ -1458,31 +2036,31 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
                           className: "w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Settings, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm", children: "Param\xE8tres" })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.Settings, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "Param\xE8tres" })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "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__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.HelpCircle, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm", children: "Aide" })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.HelpCircle, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "Aide" })
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("hr", { className: "my-2 border-[var(--color-border)]" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("hr", { className: "my-2 border-[var(--color-border)]" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)(
                         "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",
                           role: "menuitem",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.LogOut, { className: "w-4 h-4" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "text-sm", children: "D\xE9connexion" })
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react2.LogOut, { className: "w-4 h-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "text-sm", children: "D\xE9connexion" })
                           ]
                         }
                       )
@@ -1494,88 +2072,46 @@ var RewiseLayout = ({ children, module_name = "Rewise", module_description = "De
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
         "main",
         {
           id: "main-content",
           className: "flex-1 overflow-y-auto bg-[var(--color-background)]",
           role: "main",
-          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { className: "p-3 lg:p-4", children })
+          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-3 lg:p-4", children })
         }
       )
-    ] })
+    ] }),
+    showApprovalModal && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      Modals_default,
+      {
+        title: "NOTIFICATION D'APPROBATION",
+        description: "",
+        open: showApprovalModal,
+        onClose: () => setShowApprovalModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          ApprovalAnswerModal,
+          {
+            answer_id: approvalAnswerDetail.answer_id,
+            link_token: approvalAnswerDetail.link_token,
+            object_detail: approvalAnswerDetail.case
+          }
+        )
+      }
+    )
   ] });
 };
 var ModernDoubleSidebarLayout_default = RewiseLayout;
 
 // src/components/ui/Toast.tsx
-var import_react5 = require("react");
-
-// src/contexts/ToastContext.tsx
-var import_react4 = require("react");
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var ToastContext = (0, import_react4.createContext)(void 0);
-var useToast = () => {
-  const context = (0, import_react4.useContext)(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-};
-var ToastProvider = ({ children }) => {
-  const [toasts, setToasts] = (0, import_react4.useState)([]);
-  const generateId = () => {
-    return Date.now().toString(36) + Math.random().toString(36).substr(2);
-  };
-  const addToast = (0, import_react4.useCallback)((toast) => {
-    const id = generateId();
-    const newToast = {
-      id,
-      duration: 5e3,
-      ...toast
-    };
-    setToasts((prev) => [...prev, newToast]);
-    if (newToast.duration && newToast.duration > 0) {
-      setTimeout(() => {
-        removeToast(id);
-      }, newToast.duration);
-    }
-  }, []);
-  const removeToast = (0, import_react4.useCallback)((id) => {
-    setToasts((prev) => prev.filter((toast) => toast.id !== id));
-  }, []);
-  const success = (0, import_react4.useCallback)((message, duration) => {
-    addToast({ message, type: "success", duration });
-  }, [addToast]);
-  const error = (0, import_react4.useCallback)((message, duration) => {
-    addToast({ message, type: "error", duration });
-  }, [addToast]);
-  const warning = (0, import_react4.useCallback)((message, duration) => {
-    addToast({ message, type: "warning", duration });
-  }, [addToast]);
-  const info = (0, import_react4.useCallback)((message, duration) => {
-    addToast({ message, type: "info", duration });
-  }, [addToast]);
-  const value = {
-    toasts,
-    addToast,
-    removeToast,
-    success,
-    error,
-    warning,
-    info
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToastContext.Provider, { value, children });
-};
-
-// src/components/ui/Toast.tsx
-var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_react6 = require("react");
+var import_lucide_react3 = require("lucide-react");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var ToastItem = ({ toast }) => {
   const { removeToast } = useToast();
-  const [isVisible, setIsVisible] = (0, import_react5.useState)(false);
-  const [isLeaving, setIsLeaving] = (0, import_react5.useState)(false);
-  (0, import_react5.useEffect)(() => {
+  const [isVisible, setIsVisible] = (0, import_react6.useState)(false);
+  const [isLeaving, setIsLeaving] = (0, import_react6.useState)(false);
+  (0, import_react6.useEffect)(() => {
     const timer = setTimeout(() => setIsVisible(true), 10);
     return () => clearTimeout(timer);
   }, []);
@@ -1588,13 +2124,13 @@ var ToastItem = ({ toast }) => {
   const getIcon = () => {
     switch (toast.type) {
       case "success":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.CheckCircle, { className: "w-5 h-5 text-green-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.CheckCircle, { className: "w-5 h-5 text-green-600" });
       case "error":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.XCircle, { className: "w-5 h-5 text-red-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.XCircle, { className: "w-5 h-5 text-red-600" });
       case "warning":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.AlertTriangle, { className: "w-5 h-5 text-yellow-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.AlertTriangle, { className: "w-5 h-5 text-yellow-600" });
       case "info":
-        return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.Info, { className: "w-5 h-5 text-blue-600" });
+        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.Info, { className: "w-5 h-5 text-blue-600" });
     }
   };
   const getBackgroundColor = () => {
@@ -1609,7 +2145,7 @@ var ToastItem = ({ toast }) => {
         return "bg-blue-50 border-blue-200";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
     "div",
     {
       className: `
@@ -1620,14 +2156,14 @@ var ToastItem = ({ toast }) => {
         flex items-start space-x-3
       `,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-shrink-0", children: getIcon() }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("p", { className: "text-sm text-gray-900 font-medium", children: toast.message }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-shrink-0", children: getIcon() }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: "text-sm text-gray-900 font-medium", children: toast.message }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           "button",
           {
             onClick: handleClose,
             className: "flex-shrink-0 ml-4 text-gray-400 hover:text-gray-600 transition-colors",
-            children: /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_lucide_react2.X, { className: "w-4 h-4" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react3.X, { className: "w-4 h-4" })
           }
         )
       ]
@@ -1636,72 +2172,72 @@ var ToastItem = ({ toast }) => {
 };
 var ToastContainer = () => {
   const { toasts } = useToast();
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("div", { className: "fixed top-4 right-4 z-50 space-y-3", children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(ToastItem, { toast }, toast.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fixed top-4 right-4 z-50 space-y-3", children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(ToastItem, { toast }, toast.id)) });
 };
 var Toast_default = ToastContainer;
 
 // src/components/common/Pages.tsx
-var import_lucide_react3 = require("lucide-react");
-var import_react6 = require("react");
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_lucide_react4 = require("lucide-react");
+var import_react7 = require("react");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 var Pages = ({
   title = "",
   description = "",
   sideAction,
   sidebar,
-  tabs = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_jsx_runtime9.Fragment, {}),
+  tabs = /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_jsx_runtime11.Fragment, {}),
   children
 }) => {
-  const [sidebarOpen, setSidebarOpen] = (0, import_react6.useState)(false);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex h-full bg-gray-100", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex-1 flex flex-col", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "bg-white border-b border-gray-200 p-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center space-x-4", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h1", { className: "text-2xl font-bold text-gray-900", children: title }),
-            /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("p", { className: "text-sm text-gray-600", children: description })
+  const [sidebarOpen, setSidebarOpen] = (0, import_react7.useState)(false);
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex h-full bg-gray-100", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex-1 flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "bg-white border-b border-gray-200 p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center space-x-4", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h1", { className: "text-2xl font-bold text-gray-900", children: title }),
+            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("p", { className: "text-sm text-gray-600", children: description })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex items-center space-x-3", children: sideAction })
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex items-center space-x-3", children: sideAction })
         ] }),
         tabs
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1 p-6 space-y-6 min-h-[80vh]", children })
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 p-6 space-y-6 min-h-[80vh]", children })
     ] }),
-    sidebar && /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: `${sidebarOpen ? "w-80" : "w-16"} bg-[var(--color-surface)] border-r border-[var(--color-border)] transition-all duration-300 flex flex-col`, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-4  ", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("h2", { className: `font-semibold text-[var(--color-text-primary)] ${!sidebarOpen && "hidden"}`, children: "Classes SYSCOHADA" }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    sidebar && /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: `${sidebarOpen ? "w-80" : "w-16"} bg-[var(--color-surface)] border-r border-[var(--color-border)] transition-all duration-300 flex flex-col`, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "p-4  ", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("h2", { className: `font-semibold text-[var(--color-text-primary)] ${!sidebarOpen && "hidden"}`, children: "Classes SYSCOHADA" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "button",
           {
             onClick: () => setSidebarOpen(!sidebarOpen),
             className: "p-2 hover:bg-[var(--color-surface-hover)] rounded-lg transition-colors",
             "aria-label": sidebarOpen ? "R\xE9duire" : "Ouvrir",
-            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.ChevronLeft, { className: "w-5 h-5" }) : /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Menu, { className: "w-5 h-5" })
+            children: sidebarOpen ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.ChevronLeft, { className: "w-5 h-5" }) : /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Menu, { className: "w-5 h-5" })
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "flex-1 overflow-y-auto py-2", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
         "button",
         {
           onClick: () => {
           },
           className: `w-full flex items-center gap-3 px-4 py-3 transition-all relative group hover:bg-[var(--color-surface-hover)]`,
-          children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
             "div",
             {
               className: `flex-shrink-0 w-10 h-10 rounded-lg flex items-center justify-center transition-colors bg-[var(--color-background)]`,
-              children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("span", { className: "font-bold text-lg", children: 1 })
+              children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("span", { className: "font-bold text-lg", children: 1 })
             }
           )
         }
       ) }),
-      sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Download, { className: "w-4 h-4" }),
+      sidebarOpen && /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "p-4 border-t border-[var(--color-border)]", children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Download, { className: "w-4 h-4" }),
           "Exporter le plan"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_lucide_react3.Settings, { className: "w-4 h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("button", { className: "w-full px-3 py-2 bg-[var(--color-background)] rounded-lg text-sm text-[var(--color-text-secondary)] hover:bg-[var(--color-surface-hover)] transition-colors flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_lucide_react4.Settings, { className: "w-4 h-4" }),
           "Configuration"
         ] })
       ] }) })
@@ -1710,34 +2246,11 @@ var Pages = ({
 };
 var Pages_default = Pages;
 
-// src/services/UserServices.ts
-var API_BASE_URL2 = `${API_URL}/core/auth/`;
-var USERS_API_URL = `${API_URL}/core/users/`;
-var UserServices = {
-  // Créer un nouvel utilisateur
-  addUser: (data, token) => FetchApi.post(`${API_BASE_URL2}add-user/`, data, token),
-  // Obtenir tous les utilisateurs
-  getUsers: (token) => FetchApi.get(`${USERS_API_URL}`, token),
-  // Obtenir un utilisateur par ID
-  getUser: (id, token) => FetchApi.get(`${USERS_API_URL}${id}/`, token),
-  // Mettre à jour un utilisateur
-  updateUser: (id, data, token) => FetchApi.put(`${USERS_API_URL}${id}/`, data, token),
-  // Supprimer un utilisateur
-  deleteUser: (id, token) => FetchApi.delete(`${USERS_API_URL}${id}/`, token),
-  // Obtenir les utilisateurs d'une entité
-  getEntityUsers: (entityId, token) => FetchApi.get(`${API_URL}/core/entities/${entityId}/users/`, token),
-  // Obtenir les utilisateurs d'une entité
-  getuserEntitiesAccess: (id, token) => FetchApi.get(`${API_URL}/core/entities/`, token),
-  // !!! ce n'est pas la bonne url
-  // Ajouter un utilisateur à une entité
-  addUserToEntity: (entityId, userId, token) => FetchApi.post(`${API_URL}/core/entities/${entityId}/users/`, { user_id: userId }, token)
-};
-
 // src/components/common/FDrawer.tsx
-var import_react7 = require("react");
-var import_react_router_dom3 = require("react-router-dom");
-var import_lucide_react4 = require("lucide-react");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_react8 = require("react");
+var import_react_router_dom4 = require("react-router-dom");
+var import_lucide_react5 = require("lucide-react");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var FDrawer = ({
   children,
   apiEndpoint,
@@ -1746,31 +2259,31 @@ var FDrawer = ({
   ordering,
   toggle
 }) => {
-  const navigate = (0, import_react_router_dom3.useNavigate)();
-  const [searchParams] = (0, import_react_router_dom3.useSearchParams)();
-  const location = (0, import_react_router_dom3.useLocation)();
+  const navigate = (0, import_react_router_dom4.useNavigate)();
+  const [searchParams] = (0, import_react_router_dom4.useSearchParams)();
+  const location = (0, import_react_router_dom4.useLocation)();
   const allParams = Object.fromEntries([...searchParams]);
   const { activeBusinessEntity, token } = useSession();
-  const [data, setData] = (0, import_react7.useState)([]);
-  const [order_by, setOrderBy] = (0, import_react7.useState)(ordering || "-id");
-  const [loading, setLoading] = (0, import_react7.useState)(false);
-  const [showOrdering, setShowOrdering] = (0, import_react7.useState)(null);
-  const [showFilters, setShowFilters] = (0, import_react7.useState)(null);
-  const [dropdownOpen, setDropdownOpen] = (0, import_react7.useState)(null);
-  const [queryURL, setQueryURL] = (0, import_react7.useState)("");
-  const [reponseDetail, setReponseDetail] = (0, import_react7.useState)({
+  const [data, setData] = (0, import_react8.useState)([]);
+  const [order_by, setOrderBy] = (0, import_react8.useState)(ordering || "-id");
+  const [loading, setLoading] = (0, import_react8.useState)(false);
+  const [showOrdering, setShowOrdering] = (0, import_react8.useState)(null);
+  const [showFilters, setShowFilters] = (0, import_react8.useState)(null);
+  const [dropdownOpen, setDropdownOpen] = (0, import_react8.useState)(null);
+  const [queryURL, setQueryURL] = (0, import_react8.useState)("");
+  const [reponseDetail, setReponseDetail] = (0, import_react8.useState)({
     total_pages: null,
     previous: null,
     next: null,
     current_page: null
   });
-  const [searchQuery, setSearchQuery] = (0, import_react7.useState)("");
+  const [searchQuery, setSearchQuery] = (0, import_react8.useState)("");
   const makeFilters = () => columns.reduce((acc, item) => {
     acc[item.formule ? `${item.search_name}__icontains` : `${item.key}__icontains`] = "";
     return acc;
   }, {});
   const preFilters = columns.length > 0 ? makeFilters() : [];
-  const [filters, setFilters] = (0, import_react7.useState)(
+  const [filters, setFilters] = (0, import_react8.useState)(
     () => Object.keys(allParams).length > 0 ? allParams : { ...preFilters, business_entity_id: activeBusinessEntity?.id ?? null, order_by: order_by ?? "id", page: 1 }
   );
   const getDataFilter = async () => {
@@ -1793,12 +2306,12 @@ var FDrawer = ({
       setLoading(false);
     }
   };
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     const params = new URLSearchParams(filters).toString();
     setQueryURL(`${API_URL}${apiEndpoint}?${params}`);
     navigate(`${location.pathname}?${params}`);
   }, [filters]);
-  (0, import_react7.useEffect)(() => {
+  (0, import_react8.useEffect)(() => {
     if (!activeBusinessEntity) return;
     getDataFilter();
   }, [activeBusinessEntity, queryURL, toggle]);
@@ -1807,7 +2320,7 @@ var FDrawer = ({
     const handleChange = (key, value) => setFilters({ ...filters, [key]: value, page: 1 });
     switch (column.type) {
       case "text":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "input",
           {
             id: column.key,
@@ -1819,8 +2332,8 @@ var FDrawer = ({
           }
         );
       case "number":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex w-full gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
               type: "number",
@@ -1829,7 +2342,7 @@ var FDrawer = ({
               onChange: (e) => handleChange(`${column.key}_min`, e.target.value)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
               type: "number",
@@ -1840,8 +2353,8 @@ var FDrawer = ({
           )
         ] });
       case "date":
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex w-full gap-1", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex w-full gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
               type: "date",
@@ -1850,7 +2363,7 @@ var FDrawer = ({
               onChange: (e) => handleChange(`${column.key}_from`, e.target.value)
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "input",
             {
               type: "date",
@@ -1861,7 +2374,7 @@ var FDrawer = ({
           )
         ] });
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "input",
           {
             id: column.key,
@@ -1876,13 +2389,13 @@ var FDrawer = ({
     let cellContent = column.formule ? column.formule(item) : item[column.key];
     if (column.type === "date" && item[column.key])
       cellContent = new Date(item[column.key]).toLocaleDateString();
-    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: cellContent }, column.key);
+    return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "px-6 py-4 whitespace-nowrap text-sm text-gray-500", children: cellContent }, column.key);
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_jsx_runtime10.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex flex-wrap gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex-1 min-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex flex-wrap gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "flex-1 min-w-64", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
           "input",
           {
             type: "text",
@@ -1893,49 +2406,49 @@ var FDrawer = ({
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         Buttons_default,
         {
           onClick: () => {
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Filter, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Filter, { className: "h-4 w-4 mr-2" }),
             "Filtres"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         Buttons_default,
         {
           onClick: () => {
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Download, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Download, { className: "h-4 w-4 mr-2" }),
             "Exporter"
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
         Buttons_default,
         {
           onClick: () => {
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.Printer, { className: "h-4 w-4 mr-2" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.Printer, { className: "h-4 w-4 mr-2" }),
             "Imprimer"
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("table", { className: "w-full", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider relative", scope: "col", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "flex align-center items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { onClick: () => setShowFilters(showFilters === column.key ? "" : column.key), children: column.label }),
-            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ArrowDownUp, { className: "h-4 w-4 cursor-pointer", onClick: () => setShowOrdering(showOrdering === column.key ? "" : column.key) })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("table", { className: "w-full", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { children: [
+        columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider relative", scope: "col", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "flex align-center items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { onClick: () => setShowFilters(showFilters === column.key ? "" : column.key), children: column.label }),
+            column.sortable && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowDownUp, { className: "h-4 w-4 cursor-pointer", onClick: () => setShowOrdering(showOrdering === column.key ? "" : column.key) })
           ] }),
-          showOrdering === column.key && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "absolute left-6 mt-2 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto", role: "menu", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "p-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+          showOrdering === column.key && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "absolute left-6 mt-2 bg-[var(--color-background)] rounded-lg shadow-xl border border-[var(--color-border)] z-50 max-h-80 overflow-y-auto", role: "menu", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {
                 type: "button",
@@ -1946,13 +2459,13 @@ var FDrawer = ({
                 },
                 className: cn("w-full flex items-center gap-3 px-3 py-1 border-b rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors", order_by === column.key && "bg-[var(--color-primary-light)]"),
                 role: "menuitem",
-                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-left flex-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ArrowUpAZ, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: cn("text-sm font-medium", order_by === column.key ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "Croissant" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowUpAZ, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("p", { className: cn("text-sm font-medium", order_by === column.key ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "Croissant" })
                 ] })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {
                 type: "button",
@@ -1963,34 +2476,34 @@ var FDrawer = ({
                 },
                 className: cn("w-full flex items-center gap-3 px-3 py-2 rounded-lg hover:bg-[var(--color-surface-hover)] transition-colors", order_by === `-${column.key}` && "bg-[var(--color-primary-light)]"),
                 role: "menuitem",
-                children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "text-left flex-1 flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.ArrowDownAZ, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("p", { className: cn("text-sm font-medium", order_by === `-${column.key}` ? "text-[var(--color-primary)]" : "text-[var(--color-text-primary)]"), children: "D\xE9croissant" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "text-left flex-1 flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.ArrowDownAZ, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime10.jsxs)("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__ */ (0, import_jsx_runtime10.jsx)("div", { className: "py-2 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Filtrer" }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "pb-3 px-4", children: renderColumnFilter(column) })
+          showFilters === column.key && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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__ */ (0, import_jsx_runtime12.jsx)("div", { className: "py-2 px-4", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("h3", { className: "font-semibold text-[var(--color-text-primary)]", children: "Filtrer" }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "pb-3 px-4", children: renderColumnFilter(column) })
           ] })
         ] }, column.key)),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" })
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("th", { className: "px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { className: "hover:bg-gray-50 cursor-pointer", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("tbody", { className: "bg-white divide-y divide-gray-200", children: data.map((item) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("tr", { className: "hover:bg-gray-50 cursor-pointer", children: [
         renderLine(item),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "relative", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("td", { className: "px-6 py-4 whitespace-nowrap text-right text-sm font-medium", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "relative", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "button",
             {
               type: "button",
               onClick: () => setDropdownOpen(dropdownOpen === item.id ? null : item.id),
               className: "p-1 rounded-full hover:bg-gray-100 transition-colors",
-              children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_lucide_react4.MoreVertical, { className: "w-4 h-4 text-gray-400" })
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_lucide_react5.MoreVertical, { className: "w-4 h-4 text-gray-400" })
             }
           ),
-          dropdownOpen === item.id && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "fixed right-3 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-10", children: actions.map(
-            (action, index) => action.navigate ? /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom3.Link, { to: action.navigate, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index) : /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("button", { onClick: () => {
+          dropdownOpen === item.id && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "fixed right-3 mt-2 w-48 bg-white rounded-lg shadow-lg border border-gray-200 py-2 z-10", children: actions.map(
+            (action, index) => action.navigate ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { to: action.navigate, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { onClick: () => {
               action.onclick(item);
               setDropdownOpen(null);
             }, className: "w-full px-4 py-2 text-left text-sm text-gray-700 hover:bg-gray-50 flex items-center space-x-2", children: action.label }, index)
@@ -1998,7 +2511,7 @@ var FDrawer = ({
         ] }) })
       ] }, item.id)) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(Pagination, { reponseDetail, setQueryURL, filters: [filters, setFilters] })
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Pagination, { reponseDetail, setQueryURL, filters: [filters, setFilters] })
   ] });
 };
 var Pagination = ({
@@ -2013,27 +2526,27 @@ var Pagination = ({
     if (total_pages <= 5) {
       for (let i = 1; i <= total_pages; i++)
         pageItems.push(
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: `page-item ${current_page === i ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom3.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: i }), children: i }) }, i)
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: `page-item ${current_page === i ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: i }), children: i }) }, i)
         );
     } else {
       let start = Math.max(1, current_page - range);
       let end = Math.min(total_pages, current_page + range);
       if (start > 1) {
         pageItems.push(
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: `page-item ${current_page === 1 ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom3.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: 1 }), children: "1" }) }, 1)
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: `page-item ${current_page === 1 ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: 1 }), children: "1" }) }, 1)
         );
         if (start > 2)
-          pageItems.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: "page-item disabled", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "page-link px-3 py-1 text-sm", children: "..." }) }, "ellipsis-start"));
+          pageItems.push(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "page-item disabled", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "page-link px-3 py-1 text-sm", children: "..." }) }, "ellipsis-start"));
       }
       for (let i = start; i <= end; i++)
         pageItems.push(
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: `page-item ${current_page === i ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom3.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: i }), children: i }) }, i)
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: `page-item ${current_page === i ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: i }), children: i }) }, i)
         );
       if (end < total_pages) {
         if (end < total_pages - 1)
-          pageItems.push(/* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: "page-item disabled", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("span", { className: "page-link px-3 py-1 text-sm", children: "..." }) }, "ellipsis-end"));
+          pageItems.push(/* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "page-item disabled", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "page-link px-3 py-1 text-sm", children: "..." }) }, "ellipsis-end"));
         pageItems.push(
-          /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: `page-item ${current_page === total_pages ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom3.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: total_pages }), children: total_pages }) }, total_pages)
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: `page-item ${current_page === total_pages ? "active" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { className: "page-link px-3 py-1 border border-[#E8E8E8] rounded text-sm", to: "#", onClick: () => setFilters({ ...filtersValue, page: total_pages }), children: total_pages }) }, total_pages)
         );
       }
     }
@@ -2044,33 +2557,1006 @@ var Pagination = ({
     if (newPage >= 1 && newPage <= total_pages)
       setFilters({ ...filtersValue, page: newPage });
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "p-4 border-t border-[#E8E8E8] flex items-center justify-between", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("span", { className: "text-sm text-[#666666]", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "p-4 border-t border-[#E8E8E8] flex items-center justify-between", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "text-sm text-[#666666]", children: [
       "Affichage de 1 \xE0 ",
       results?.length ?? 0,
       " sur ",
       count ?? 0,
       " entr\xE9es"
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("ul", { className: "flex items-center space-x-2 pagination", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: `page-item ${previous === null ? "disabled" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom3.Link, { 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" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("nav", { children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("ul", { className: "flex items-center space-x-2 pagination", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: `page-item ${previous === null ? "disabled" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { 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__ */ (0, import_jsx_runtime10.jsx)("li", { className: `page-item ${next === null ? "disabled" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(import_react_router_dom3.Link, { 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" }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("li", { className: "page-item", style: { border: "0.02rem solid #f2f2f2" }, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: `page-item ${next === null ? "disabled" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(import_react_router_dom4.Link, { 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" }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("li", { className: "page-item", style: { border: "0.02rem solid #f2f2f2" }, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
         "select",
         {
           id: "page-select",
           value: current_page,
           onChange: (e) => setFilters({ ...filtersValue, page: Number(e.target.value) }),
           style: { height: "27px", color: "#72939D", border: "0.05rem solid #f2f2f2", background: "#ffffff" },
-          children: Array.from({ length: total_pages }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("option", { value: index + 1, children: index + 1 }, index + 1))
+          children: Array.from({ length: total_pages }, (_, index) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("option", { value: index + 1, children: index + 1 }, index + 1))
         }
       ) })
     ] }) })
   ] });
 };
+
+// src/components/common/ApprovalWorkflow.tsx
+var import_react10 = require("react");
+
+// src/components/common/SearchableSelect.tsx
+var import_react9 = require("react");
+var import_lucide_react6 = require("lucide-react");
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var SearchableSelect = ({
+  options,
+  value,
+  placeholder = "S\xE9lectionner une option",
+  searchPlaceholder = "Rechercher...",
+  onSelect,
+  onRemove,
+  disabled = false,
+  allowClear = false,
+  filterFunction
+}) => {
+  const [isOpen, setIsOpen] = (0, import_react9.useState)(false);
+  const [searchTerm, setSearchTerm] = (0, import_react9.useState)("");
+  const dropdownRef = (0, import_react9.useRef)(null);
+  const inputRef = (0, import_react9.useRef)(null);
+  const selectedOption = options.find((option) => option.value === value);
+  const defaultFilter = (option, searchTerm2) => {
+    return option.label.toLowerCase().includes(searchTerm2.toLowerCase());
+  };
+  const filteredOptions = options.filter(
+    (option) => filterFunction ? filterFunction(option, searchTerm) : defaultFilter(option, searchTerm)
+  );
+  (0, import_react9.useEffect)(() => {
+    const handleClickOutside = (event) => {
+      if (dropdownRef.current && !dropdownRef.current.contains(event.target)) {
+        setIsOpen(false);
+        setSearchTerm("");
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => document.removeEventListener("mousedown", handleClickOutside);
+  }, []);
+  const handleSelect = (option) => {
+    onSelect(option);
+    setIsOpen(false);
+    setSearchTerm("");
+  };
+  const handleClear = (e) => {
+    e.stopPropagation();
+    if (onRemove) {
+      onRemove();
+    }
+  };
+  const handleToggle = () => {
+    if (!disabled) {
+      setIsOpen(!isOpen);
+      if (!isOpen) {
+        setTimeout(() => inputRef.current?.focus(), 100);
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative", ref: dropdownRef, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      "div",
+      {
+        onClick: handleToggle,
+        className: `
+          w-full px-4 py-3 border border-gray-200 rounded-lg cursor-pointer
+          focus:outline-none focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent
+          ${disabled ? "bg-gray-100 cursor-not-allowed" : "bg-white hover:border-gray-300"}
+          ${isOpen ? "ring-2 ring-[#6B7C92] border-transparent" : ""}
+        `,
+        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "flex items-center space-x-2 flex-1", children: selectedOption ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+            selectedOption.image && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "img",
+              {
+                src: selectedOption.image,
+                alt: selectedOption.label,
+                className: "w-6 h-6 rounded-full object-cover"
+              }
+            ),
+            selectedOption.content || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-900", children: selectedOption.label })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-400", children: placeholder }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            allowClear && selectedOption && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "button",
+              {
+                onClick: handleClear,
+                className: "text-gray-400 hover:text-gray-600",
+                type: "button",
+                children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.X, { size: 16 })
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              import_lucide_react6.ChevronDown,
+              {
+                size: 16,
+                className: `text-gray-400 transition-transform ${isOpen ? "rotate-180" : ""}`
+              }
+            )
+          ] })
+        ] })
+      }
+    ),
+    isOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-lg shadow-lg", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "p-3 border-b border-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "relative", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_lucide_react6.Search, { className: "absolute left-3 top-1/2 transform -translate-y-1/2 text-gray-400 w-4 h-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          "input",
+          {
+            ref: inputRef,
+            type: "text",
+            placeholder: searchPlaceholder,
+            value: searchTerm,
+            onChange: (e) => setSearchTerm(e.target.value),
+            className: "w-full pl-10 pr-4 py-2 border border-gray-200 rounded-lg focus:ring-2 focus:ring-[#6B7C92] focus:border-transparent"
+          }
+        )
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "max-h-60 overflow-y-auto", children: filteredOptions.length > 0 ? filteredOptions.map((option) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+        "div",
+        {
+          onClick: () => handleSelect(option),
+          className: "px-4 py-3 hover:bg-gray-50 cursor-pointer flex items-center space-x-3",
+          children: [
+            option.image && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              "img",
+              {
+                src: option.image,
+                alt: option.label,
+                className: "w-8 h-8 rounded-full object-cover"
+              }
+            ),
+            option.content || /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "text-gray-900", children: option.label })
+          ]
+        },
+        option.value
+      )) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "px-4 py-3 text-gray-500 text-center", children: "Aucun r\xE9sultat trouv\xE9" }) })
+    ] })
+  ] });
+};
+
+// src/components/common/ApprovalWorkflow.tsx
+var import_lucide_react7 = require("lucide-react");
+var import_jsx_runtime14 = require("react/jsx-runtime");
+var ApprovalWorkflow = ({
+  process,
+  object_id,
+  title = "Validation t\xE2che",
+  readOnly = false
+}) => {
+  const { token, loggedUser } = useSession();
+  const { error: showError, success: showSuccess } = useToast();
+  const [activeTab, setActiveTab] = (0, import_react10.useState)("workflow");
+  const [loading, setLoading] = (0, import_react10.useState)(true);
+  const [caseData, setCaseData] = (0, import_react10.useState)(null);
+  const [history, setHistory] = (0, import_react10.useState)([]);
+  const [loadingHistory, setLoadingHistory] = (0, import_react10.useState)(false);
+  const [formData, setFormData] = (0, import_react10.useState)({
+    title: "",
+    file: null,
+    description: "",
+    status: "not-send" /* NOT_SEND */
+  });
+  const [users, setUsers] = (0, import_react10.useState)([]);
+  const [loadingUsers, setLoadingUsers] = (0, import_react10.useState)(false);
+  const [saving, setSaving] = (0, import_react10.useState)(false);
+  const [transmitting, setTransmitting] = (0, import_react10.useState)(false);
+  const [canceling, setCanceling] = (0, import_react10.useState)(false);
+  const [restarting, setRestarting] = (0, import_react10.useState)(false);
+  const [verification, setVerification] = (0, import_react10.useState)([]);
+  const [validation, setValidation] = (0, import_react10.useState)([]);
+  (0, import_react10.useEffect)(() => {
+    loadData();
+  }, [process, object_id]);
+  const loadData = async () => {
+    if (!token) {
+      showError("Vous devez \xEAtre connect\xE9");
+      return;
+    }
+    setLoading(true);
+    try {
+      await Promise.all([loadUsers(), loadCase()]);
+    } catch (error) {
+      console.error("Erreur lors du chargement:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const loadUsers = async () => {
+    if (!token) return;
+    try {
+      setLoadingUsers(true);
+      const result = await UserServices.getUsers(token);
+      setUsers(result.data);
+    } catch (error) {
+      showError("Erreur lors du chargement des utilisateurs");
+      console.error(error);
+    } finally {
+      setLoadingUsers(false);
+    }
+  };
+  const loadCase = async () => {
+    if (!token) return;
+    try {
+      const response = await ApprovalServices.getDetails(process, object_id, token);
+      if (response.success && response.data) {
+        const caseInfo = response.data;
+        setCaseData(caseInfo);
+        setFormData({
+          title: caseInfo.title || "",
+          file: null,
+          description: caseInfo.description || "",
+          status: caseInfo.status
+        });
+        if (caseInfo.verifications) {
+          setVerification(caseInfo.verifications.map((v, index) => ({
+            id: v.id,
+            stage: index + 1,
+            space_answer: "internal",
+            user: v.user,
+            name: v.user_detail ? `${v.user_detail?.first_name} ${v.user_detail?.last_name}` : "",
+            email: v.user_detail?.email || "",
+            role: v.user_detail?.phonenumber || "-",
+            status: v.answer === "approved" /* APPROVED */ ? "approved" : v.answer === "refused" /* REFUSED */ ? "rejected" : "pending",
+            answer: v.answer === "approved" /* APPROVED */ ? 2 : v.answer === "waiting" /* WAITING */ ? 1 : v.answer === "refused" /* REFUSED */ ? -1 : 0,
+            rank: v.rank,
+            note: v.note
+          })));
+        }
+        if (caseInfo.validations) {
+          setValidation(caseInfo.validations.map((v, index) => ({
+            id: v.id,
+            stage: index + 1,
+            space_answer: "internal",
+            user: v.user,
+            name: v.user_detail ? `${v.user_detail.first_name} ${v.user_detail.last_name}` : "",
+            email: v.user_detail?.email || "",
+            role: v.user_detail?.phonenumber || "-",
+            status: v.answer === "approved" /* APPROVED */ ? "approved" : v.answer === "refused" /* REFUSED */ ? "rejected" : "pending",
+            answer: v.answer === "approved" /* APPROVED */ ? 2 : v.answer === "waiting" /* WAITING */ ? 1 : v.answer === "refused" /* REFUSED */ ? -1 : 0,
+            rank: v.rank,
+            note: v.note
+          })));
+        }
+      }
+    } catch (error) {
+      console.log("Pas de cas existant, cr\xE9ation d'un nouveau");
+    }
+  };
+  const handleInputChange = (e) => {
+    const { name, value } = e.target;
+    setFormData((prev) => ({ ...prev, [name]: value }));
+  };
+  const handleFileChange = (e) => {
+    if (e.target.files && e.target.files[0]) {
+      setFormData((prev) => ({ ...prev, file: e.target.files[0] }));
+    }
+  };
+  const handleSave = async () => {
+    if (!token || !loggedUser) return;
+    setSaving(true);
+    try {
+      const payload = {
+        title: formData.title,
+        process,
+        object_id,
+        requested_by: loggedUser.id,
+        description: formData.description,
+        verifications: verification.map((v) => ({
+          id: v.id,
+          rank: v.rank,
+          type_answer: "verification" /* VERIFICATION */,
+          answer: "not-send" /* NOT_SEND */,
+          user: v.user,
+          note: v.note,
+          space_answer: v.space_answer
+        })),
+        validations: validation.map((v) => ({
+          id: v.id,
+          rank: v.rank,
+          type_answer: "validation" /* VALIDATION */,
+          answer: "not-send" /* NOT_SEND */,
+          user: v.user,
+          note: v.note,
+          space_answer: v.space_answer
+        }))
+      };
+      let response;
+      if (caseData?.id) {
+        response = await ApprovalServices.update(caseData.id, { id: caseData.id, ...payload }, token);
+      } else {
+        response = await ApprovalServices.create(payload, token);
+      }
+      if (response.success) {
+        showSuccess("Workflow enregistr\xE9 avec succ\xE8s");
+        await loadCase();
+      } else {
+        showError("Erreur lors de l'enregistrement du workflow");
+      }
+    } catch (error) {
+      showError("Erreur lors de l'enregistrement du workflow");
+      console.error(error);
+    } finally {
+      setSaving(false);
+    }
+  };
+  const handleTransmit = async () => {
+    if (!token) return;
+    if (validation.length === 0) {
+      showError("Veuillez ajouter au moins une personne dans le tableau des validations");
+      return;
+    }
+    setTransmitting(true);
+    try {
+      await handleSave();
+      if (caseData?.id) {
+        const response = await ApprovalServices.start(caseData.id, token);
+        if (response.success) {
+          showSuccess("Demande de validation transmise avec succ\xE8s");
+          await loadCase();
+        } else {
+          showError("Erreur lors de la transmission");
+        }
+      }
+    } catch (error) {
+      showError("Erreur lors de la transmission");
+      console.error(error);
+    } finally {
+      setTransmitting(false);
+    }
+  };
+  const handleCancel = async () => {
+    if (!token || !caseData?.id) return;
+    setCanceling(true);
+    try {
+      const response = await ApprovalServices.cancel(caseData.id, token);
+      if (response.success) {
+        showSuccess("Demande d'approbation annul\xE9e avec succ\xE8s");
+        await loadCase();
+      } else {
+        showError("Erreur lors de l'annulation");
+      }
+    } catch (error) {
+      showError("Erreur lors de l'annulation");
+      console.error(error);
+    } finally {
+      setCanceling(false);
+    }
+  };
+  const handleRestart = async () => {
+    if (!token || !caseData?.id) return;
+    setRestarting(true);
+    try {
+      const response = await ApprovalServices.restart(caseData.id, token);
+      if (response.success) {
+        showSuccess("Demande d'approbation red\xE9marr\xE9e avec succ\xE8s");
+        await loadCase();
+      } else {
+        showError("Erreur lors du red\xE9marrage");
+      }
+    } catch (error) {
+      showError("Erreur lors du red\xE9marrage");
+      console.error(error);
+    } finally {
+      setRestarting(false);
+    }
+  };
+  const loadHistory = async () => {
+    if (!token) return;
+    setLoadingHistory(true);
+    try {
+      const response = await ApprovalServices.getHistory(process, object_id, token);
+      if (response.success && response.data) {
+        setHistory(response.data);
+      }
+    } catch (error) {
+      showError("Erreur lors du chargement de l'historique");
+      console.error(error);
+    } finally {
+      setLoadingHistory(false);
+    }
+  };
+  (0, import_react10.useEffect)(() => {
+    if (activeTab === "history" && history.length === 0) {
+      loadHistory();
+    }
+  }, [activeTab]);
+  const getUserOptions = () => {
+    return users.map((user) => ({
+      value: user.id,
+      label: `${user.first_name} ${user.last_name}`,
+      content: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center space-x-3", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "font-medium text-gray-900", children: [
+          user.first_name,
+          " ",
+          user.last_name
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "text-sm text-gray-500", children: user.email })
+      ] }) })
+    }));
+  };
+  const userFilterFunction = (option, searchTerm) => {
+    const user = users.find((u) => u.id === option.value);
+    if (!user) return false;
+    const searchLower = searchTerm.toLowerCase();
+    return user.first_name?.toLowerCase().includes(searchLower) || user.last_name?.toLowerCase().includes(searchLower) || user.email?.toLowerCase().includes(searchLower);
+  };
+  const renderStageSection = (sectionTitle, stages, setStages, sectionType) => {
+    const addStage = (newStage) => {
+      const duplicate = stages.find((s) => s.email === newStage.email);
+      if (duplicate) {
+        showError("Cet utilisateur a d\xE9j\xE0 \xE9t\xE9 ajout\xE9");
+        return;
+      }
+      setStages((prev) => [...prev, { ...newStage, rank: prev.length + 1 }]);
+    };
+    const updateStage = (index, updatedStage) => {
+      setStages((prev) => prev.map(
+        (stage, i) => i === index ? { ...stage, ...updatedStage } : stage
+      ));
+    };
+    const removeStage = (index) => {
+      setStages((prev) => prev.filter((_, i) => i !== index).map((stage, i) => ({
+        ...stage,
+        rank: i + 1
+      })));
+    };
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("fieldset", { className: "border border-[#D9D9D9] rounded-lg p-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("legend", { className: "text-lg font-semibold text-[#191919] px-2", children: sectionTitle }),
+        !readOnly && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          AddStageButton,
+          {
+            users,
+            userOptions: getUserOptions(),
+            userFilterFunction,
+            loadingUsers,
+            onAdd: (newStage) => addStage(newStage)
+          }
+        )
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "overflow-x-auto", children: stages.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center py-6 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Users, { className: "w-8 h-8 text-[#767676] mx-auto mb-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-lg font-medium text-[#191919] mb-2", children: "Aucune personne ajout\xE9e" }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[#767676] mb-4", children: 'Cliquez sur le bouton "Ajouter une personne" pour commencer' })
+      ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("table", { className: "w-full border-collapse", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("thead", { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { className: "bg-gray-100", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { className: "border border-gray-300 px-2 py-2 text-left text-sm font-semibold w-10" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Etape" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Type" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Nom et pr\xE9noms" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Email" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Role" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("th", { className: "border border-gray-300 px-4 py-2 text-left text-sm font-semibold", children: "Status" })
+        ] }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("tbody", { children: stages.map((stage, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          StageRow,
+          {
+            stage,
+            index,
+            users,
+            userOptions: getUserOptions(),
+            userFilterFunction,
+            loadingUsers,
+            readOnly: readOnly || stage.answer !== 0,
+            onUpdate: (updated) => updateStage(index, updated),
+            onRemove: () => removeStage(index)
+          },
+          `${sectionType}-${index}`
+        )) })
+      ] }) })
+    ] });
+  };
+  if (loading) {
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(RewiseBasicCard, { title, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) });
+  }
+  const renderTabContent = () => {
+    switch (activeTab) {
+      case "workflow":
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-6", children: [
+          renderStageSection("Verification", verification, setVerification, "verification"),
+          renderStageSection("Validation", validation, setValidation, "validation"),
+          !readOnly && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-between pt-4 border-t border-[#D9D9D9]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                SecondaryButton,
+                {
+                  onClick: () => window.history.back(),
+                  type: "button",
+                  children: "Retour"
+                }
+              ),
+              caseData?.id && formData.status !== "not-send" /* NOT_SEND */ && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                  SecondaryButton,
+                  {
+                    onClick: handleCancel,
+                    disabled: canceling,
+                    type: "button",
+                    classname: "flex items-center gap-2",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Ban, { className: "w-4 h-4" }),
+                      canceling ? "Annulation..." : "Annuler la demande"
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+                  SecondaryButton,
+                  {
+                    onClick: handleRestart,
+                    disabled: restarting,
+                    type: "button",
+                    classname: "flex items-center gap-2",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.RotateCcw, { className: "w-4 h-4" }),
+                      restarting ? "Red\xE9marrage..." : "Recommencer"
+                    ]
+                  }
+                )
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Buttons_default,
+                {
+                  onClick: handleSave,
+                  disabled: saving,
+                  type: "button",
+                  children: saving ? "Enregistrement..." : "Enregistrer"
+                }
+              ),
+              formData.status === "not-send" /* NOT_SEND */ && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                Buttons_default,
+                {
+                  onClick: handleTransmit,
+                  disabled: transmitting || saving,
+                  type: "button",
+                  children: transmitting ? "Transmission..." : "Transmettre"
+                }
+              )
+            ] })
+          ] })
+        ] });
+      case "preview":
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-6", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "prose max-w-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-lg font-semibold text-[#191919] mb-4", children: "Aper\xE7u du document" }),
+          caseData?.html_content ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "div",
+            {
+              className: "border border-[#D9D9D9] rounded-lg p-6 bg-white",
+              dangerouslySetInnerHTML: { __html: caseData.html_content }
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Eye, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[#767676]", children: "Aucun aper\xE7u disponible" })
+          ] })
+        ] }) });
+      case "history":
+        return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h3", { className: "text-lg font-semibold text-[#191919]", children: "Historique des versions" }),
+          loadingHistory ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-center justify-center py-12", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Loader, { className: "w-8 h-8 animate-spin text-[#6A8A82]" }) }) : history.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "text-center py-12 border-2 border-dashed border-[#D9D9D9] rounded-lg bg-[#FAFAFA]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.History, { className: "w-12 h-12 text-[#767676] mx-auto mb-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-[#767676]", children: "Aucun historique disponible" })
+          ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "space-y-4", children: history.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border border-[#D9D9D9] rounded-lg p-4 bg-white hover:shadow-md transition-shadow", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "flex items-start justify-between", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-3 mb-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "px-3 py-1 bg-[#6A8A82] text-white text-xs font-medium rounded-full", children: [
+                "Version ",
+                item.version
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: `px-3 py-1 text-xs font-medium rounded-full ${item.status === "approved" /* APPROVED */ ? "bg-green-100 text-green-800" : item.status === "refused" /* REFUSED */ ? "bg-red-100 text-red-800" : item.status === "waiting" /* WAITING */ ? "bg-yellow-100 text-yellow-800" : item.status === "cancel" /* CANCEL */ ? "bg-gray-100 text-gray-800" : "bg-blue-100 text-blue-800"}`, children: item.status })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h4", { className: "font-semibold text-[#191919] mb-1", children: item.title }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("p", { className: "text-sm text-[#767676] mb-2", children: item.description }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center gap-4 text-xs text-[#767676]", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+                "Demand\xE9 par: ",
+                item.requested_by?.first_name,
+                " ",
+                item.requested_by?.last_name
+              ] }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u2022" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: new Date(item.created_at || "").toLocaleDateString("fr-FR") }),
+              item.closed_at && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u2022" }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { children: [
+                  "Cl\xF4tur\xE9 le: ",
+                  new Date(item.closed_at).toLocaleDateString("fr-FR")
+                ] })
+              ] })
+            ] })
+          ] }) }) }, item.id || index)) })
+        ] });
+      default:
+        return null;
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    RewiseBasicCard,
+    {
+      title: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex items-center justify-between w-full", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("h2", { className: "text-xl font-semibold text-[#191919]", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "button",
+          {
+            className: "text-gray-500 hover:text-[#6A8A82] transition-colors",
+            onClick: () => window.history.back(),
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.X, { className: "w-5 h-5" })
+          }
+        )
+      ] }),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            TextInput,
+            {
+              label: "Titre:",
+              name: "title",
+              value: formData.title,
+              onChange: handleInputChange,
+              disabled: readOnly
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            FileInput,
+            {
+              label: "Joindre un fichier:",
+              name: "file",
+              onChange: handleFileChange,
+              disabled: readOnly
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "md:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            TextInput,
+            {
+              label: "Statut:",
+              name: "status",
+              value: formData.status,
+              onChange: handleInputChange,
+              disabled: true
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-[#191919] text-sm font-medium mb-2", children: "Description:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "textarea",
+            {
+              name: "description",
+              value: formData.description,
+              onChange: handleInputChange,
+              rows: 3,
+              disabled: readOnly,
+              className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg focus:ring-2 focus:ring-[#6A8A82] focus:border-transparent resize-none disabled:bg-gray-100",
+              placeholder: "Ajouter une description..."
+            }
+          )
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "border-b border-[#D9D9D9] mb-6", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("nav", { className: "flex gap-1", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "button",
+            {
+              onClick: () => setActiveTab("workflow"),
+              className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "workflow" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.FileText, { className: "w-4 h-4" }),
+                "Workflow"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "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__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Eye, { className: "w-4 h-4" }),
+                "Aper\xE7u"
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "button",
+            {
+              onClick: () => setActiveTab("history"),
+              className: `px-4 py-3 text-sm font-medium transition-colors flex items-center gap-2 ${activeTab === "history" ? "border-b-2 border-[#6A8A82] text-[#6A8A82]" : "text-[#767676] hover:text-[#191919]"}`,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.History, { className: "w-4 h-4" }),
+                "Historique"
+              ]
+            }
+          )
+        ] }) }),
+        renderTabContent()
+      ]
+    }
+  );
+};
+var StageRow = ({
+  stage,
+  index,
+  users,
+  userOptions,
+  userFilterFunction,
+  loadingUsers,
+  readOnly,
+  onUpdate,
+  onRemove
+}) => {
+  const handleUserSelect = (option) => {
+    const user = users.find((u) => u.id === option.value);
+    if (!user) return;
+    onUpdate({
+      user: user.id,
+      name: `${user.first_name} ${user.last_name}`,
+      email: user.email,
+      role: user.phonenumber || "-"
+    });
+  };
+  const handleSpaceAnswerChange = (e) => {
+    onUpdate({
+      space_answer: e.target.value,
+      name: "",
+      email: "",
+      user: void 0
+    });
+  };
+  const getStatusIcon = (answer) => {
+    if (answer === 2) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "inline-flex items-center justify-center w-6 h-6 bg-green-500 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fillRule: "evenodd", d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z", clipRule: "evenodd" }) }) });
+    } else if (answer === 1) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "inline-flex items-center justify-center w-6 h-6 bg-gray-300 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-white text-xs", children: "\u23F1" }) });
+    } else if (answer === -1) {
+      return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "inline-flex items-center justify-center w-6 h-6 bg-red-500 rounded-full", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("svg", { className: "w-4 h-4 text-white", fill: "currentColor", viewBox: "0 0 20 20", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { fillRule: "evenodd", d: "M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z", clipRule: "evenodd" }) }) });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "text-gray-400 text-xs", children: "-" });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("tr", { className: "hover:bg-gray-50", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-2 py-2 text-center", children: !readOnly && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "button",
+      {
+        type: "button",
+        onClick: onRemove,
+        className: "text-[#B85450] hover:text-red-700 transition-colors",
+        title: "Supprimer",
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Trash2, { className: "w-4 h-4" })
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-4 py-2 text-center", children: index + 1 }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      "select",
+      {
+        value: stage.space_answer,
+        onChange: handleSpaceAnswerChange,
+        disabled: readOnly,
+        className: "w-full px-2 py-1 border border-gray-300 rounded text-sm focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "internal", children: "Interne" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "external", children: "Externe" })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-2 py-2", children: stage.space_answer === "internal" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      SearchableSelect,
+      {
+        options: userOptions,
+        value: stage.user,
+        placeholder: "S\xE9lectionner...",
+        searchPlaceholder: "Rechercher...",
+        onSelect: handleUserSelect,
+        disabled: readOnly || loadingUsers,
+        filterFunction: userFilterFunction
+      }
+    ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "input",
+      {
+        type: "text",
+        value: stage.name,
+        onChange: (e) => onUpdate({ name: e.target.value }),
+        disabled: readOnly,
+        className: "w-full px-2 py-1 border border-gray-300 rounded text-sm focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "input",
+      {
+        type: "email",
+        value: stage.email,
+        onChange: (e) => onUpdate({ email: e.target.value }),
+        disabled: readOnly || stage.space_answer === "internal",
+        className: "w-full px-2 py-1 border border-gray-300 rounded text-sm focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-2 py-2", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      "input",
+      {
+        type: "text",
+        value: stage.role,
+        disabled: true,
+        className: "w-full px-2 py-1 border border-gray-300 rounded text-sm bg-gray-100"
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("td", { className: "border border-gray-300 px-4 py-2 text-center", children: getStatusIcon(stage.answer) })
+  ] });
+};
+var AddStageButton = ({
+  users,
+  userOptions,
+  userFilterFunction,
+  loadingUsers,
+  onAdd
+}) => {
+  const [showModal, setShowModal] = (0, import_react10.useState)(false);
+  const [newStage, setNewStage] = (0, import_react10.useState)({
+    space_answer: "internal",
+    name: "",
+    email: "",
+    role: "",
+    answer: 0,
+    rank: 0,
+    stage: 0
+  });
+  const handleAdd = () => {
+    if (!newStage.email) {
+      return;
+    }
+    onAdd({
+      stage: 0,
+      space_answer: newStage.space_answer,
+      user: newStage.user,
+      name: newStage.name || "",
+      email: newStage.email || "",
+      role: newStage.role || "",
+      status: "pending",
+      answer: 0,
+      rank: 0
+    });
+    setNewStage({
+      space_answer: "internal",
+      name: "",
+      email: "",
+      role: "",
+      answer: 0,
+      rank: 0,
+      stage: 0
+    });
+    setShowModal(false);
+  };
+  const handleUserSelect = (option) => {
+    const user = users.find((u) => u.id === option.value);
+    if (!user) return;
+    setNewStage({
+      ...newStage,
+      user: user.id,
+      name: `${user.first_name} ${user.last_name}`,
+      email: user.email,
+      role: user.phonenumber || "-"
+    });
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+      Buttons_default,
+      {
+        type: "button",
+        onClick: () => setShowModal(true),
+        classname: "gap-2",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_lucide_react7.Plus, { className: "w-4 h-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "Ajouter une personne" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      Modals_default,
+      {
+        title: "Ajouter une personne",
+        description: "S\xE9lectionnez un utilisateur interne ou ajoutez un validateur externe",
+        open: showModal,
+        onClose: () => setShowModal(false),
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "space-y-4 px-6 pb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Type" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+              "select",
+              {
+                value: newStage.space_answer,
+                onChange: (e) => setNewStage({ ...newStage, space_answer: e.target.value, name: "", email: "", user: void 0 }),
+                className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg focus:ring-2 focus:ring-[#6A8A82]",
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "internal", children: "Interne" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("option", { value: "external", children: "Externe" })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Nom et pr\xE9noms" }),
+            newStage.space_answer === "internal" ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              SearchableSelect,
+              {
+                options: userOptions,
+                value: newStage.user,
+                placeholder: "S\xE9lectionner un utilisateur...",
+                searchPlaceholder: "Rechercher...",
+                onSelect: handleUserSelect,
+                disabled: loadingUsers,
+                filterFunction: userFilterFunction
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "input",
+              {
+                type: "text",
+                value: newStage.name,
+                onChange: (e) => setNewStage({ ...newStage, name: e.target.value }),
+                className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg focus:ring-2 focus:ring-[#6A8A82]",
+                placeholder: "Nom complet"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Email" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "input",
+              {
+                type: "email",
+                value: newStage.email,
+                onChange: (e) => setNewStage({ ...newStage, email: e.target.value }),
+                disabled: newStage.space_answer === "internal",
+                className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg focus:ring-2 focus:ring-[#6A8A82] disabled:bg-gray-100",
+                placeholder: "Email"
+              }
+            )
+          ] }),
+          newStage.space_answer === "internal" && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("label", { className: "block text-sm font-medium text-[#191919] mb-2", children: "Role" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              "input",
+              {
+                type: "text",
+                value: newStage.role,
+                disabled: true,
+                className: "w-full px-3 py-2 border border-[#D9D9D9] rounded-lg bg-gray-100"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "flex justify-end gap-3 pt-4 border-t border-[#D9D9D9]", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              SecondaryButton,
+              {
+                onClick: () => setShowModal(false),
+                type: "button",
+                children: "Annuler"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+              Buttons_default,
+              {
+                onClick: handleAdd,
+                disabled: !newStage.email,
+                type: "button",
+                children: "Ajouter"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+};
+var ApprovalWorkflow_default = ApprovalWorkflow;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  ApprovalAnswerModal,
+  ApprovalAnswerPage,
+  ApprovalPreviewAnswer,
+  ApprovalWorkflow,
   DateInput,
   FDrawer,
   FileInput,